/* Theme Name: ASAPI Description: پوسته فارسی راست‌چین آساپی Version: 1.5.1 Requires at least: 6.4 Requires PHP: 8.0 Text Domain: asapi */ @font-face{font-family:'Vazir';src:url('assets/fonts/Vazir-Bold.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap} :root{--blue:#1455ff;--navy:#091d4e;--cyan:#54d6ff;--pale:#eaf0ff;--ink:#111827;--muted:#68738b;--line:#dce5f4;--glass:rgba(255,255,255,.58);--shadow:0 24px 70px rgba(25,61,125,.13);--r:24px;--w:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.9 'Vazir',Tahoma,Arial,sans-serif;background:radial-gradient(ellipse at 85% 0,#e4efff 0,transparent 38%),radial-gradient(ellipse at 4% 30%,#defaff 0,transparent 28%),#f7f9fd}a{color:var(--blue);text-decoration:none}button,input,select{font:inherit}.wrap{width:min(var(--w),calc(100% - 40px));margin-inline:auto}.header{position:sticky;top:0;z-index:20;background:rgba(248,251,255,.75);border-bottom:1px solid rgba(255,255,255,.8);backdrop-filter:blur(18px)}.head{display:flex;align-items:center;gap:24px;min-height:76px}.brand{font-size:22px;font-weight:900;color:var(--blue)}.brand img{max-width:150px;max-height:52px;width:auto}.nav{display:flex;gap:18px;margin-inline-start:auto}.nav a{color:#344054;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2773ff,#1455ff 65%,#1744d8);color:white;padding:10px 22px;border-radius:14px;font-weight:800;box-shadow:0 9px 24px #1455ff33;transition:transform .22s,box-shadow .22s}.btn:hover{color:#fff;transform:translateY(-3px);box-shadow:0 14px 30px #1455ff4a}.btn.alt{background:rgba(255,255,255,.72);color:var(--blue);border:1px solid #d9e3f4;box-shadow:none}.toggle{display:none}.hero{position:relative;overflow:hidden;padding:76px 0 54px}.hero:before,.hero:after{content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(1px)}.hero:before{width:280px;height:280px;background:linear-gradient(135deg,#65ddff66,#1455ff13);inset-inline-start:-110px;top:0}.hero:after{width:110px;height:110px;background:#7c67ff18;inset-inline-end:47%;bottom:0}.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#ffffffaa;border:1px solid #fff;border-radius:999px;color:#1455cc;font-weight:800;font-size:14px;box-shadow:0 6px 24px #2255a10c}.hero h1{font-size:clamp(38px,5.1vw,62px);line-height:1.28;letter-spacing:-1.5px;margin:16px 0}.hero h1 em{font-style:normal;color:var(--blue)}.lead{font-size:19px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-logo{display:inline-grid;place-items:center;min-width:90px;min-height:46px;margin-top:22px;padding:7px 16px;border-radius:14px;background:rgba(255,255,255,.55);border:1px solid #fff;box-shadow:0 8px 24px #112c5910}.hero-logo img{max-height:42px;width:auto}.hero-scene{position:relative;min-height:430px;display:grid;place-items:center;perspective:1000px}.orb{position:absolute;border-radius:50%;filter:blur(.3px)}.orb.one{width:315px;height:315px;background:radial-gradient(circle at 33% 28%,#fff,#c9dbff 56%,#91b4ff);box-shadow:inset -15px -20px 36px #356bd526,0 35px 70px #416bc522;opacity:.74}.orb.two{width:95px;height:95px;inset-inline-start:8%;top:15%;background:linear-gradient(145deg,#fff,#b8edff);box-shadow:0 18px 40px #42bffb30}.phone{position:relative;z-index:2;width:220px;height:386px;border:8px solid #122242;border-radius:36px;background:linear-gradient(150deg,#fafdff,#e4edff);box-shadow:0 32px 65px #1b397744,inset 0 0 0 1px #fff;transform:rotateY(-12deg) rotateZ(4deg);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;animation:float 5s ease-in-out infinite}.phone:hover{transform:translateY(-15px) rotateY(0) rotateZ(-2deg) scale(1.035);box-shadow:0 45px 80px #173c7859,inset 0 0 0 1px #fff}.phone-screen{height:100%;padding:30px 17px;border-radius:27px;background:radial-gradient(circle at top,#fff,#eff4ff 70%);overflow:hidden}.phone-notch{width:62px;height:14px;margin:-21px auto 19px;background:#122242;border-radius:0 0 12px 12px}.phone-logo{font-weight:900;color:var(--blue);font-size:21px}.credit-chip{margin-top:18px;padding:16px;border-radius:18px;background:linear-gradient(135deg,#1455ff,#528aff);color:#fff;box-shadow:0 14px 24px #1455ff3b}.credit-chip small{display:block;opacity:.8}.credit-chip b{font-size:22px}.phone-line{height:10px;border-radius:20px;background:#dce7fa;margin-top:14px}.phone-line.short{width:62%}.float-card{position:absolute;z-index:3;padding:14px 18px;background:rgba(255,255,255,.76);border:1px solid #fff;border-radius:17px;box-shadow:var(--shadow);backdrop-filter:blur(14px);animation:float 6s ease-in-out infinite}.float-card b{display:block;color:#1455ff;font-size:18px}.float-card small{color:var(--muted)}.float-card.a{inset-inline-start:0;top:14%}.float-card.b{inset-inline-end:0;bottom:16%;animation-delay:-2s}.float-card.c{inset-inline-start:4%;bottom:8%;animation-delay:-3s}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}.section{padding:68px 0}.glass-section{background:linear-gradient(130deg,#edf5ffbb,#fff9);border-block:1px solid #fff}.glass{background:var(--glass);border:1px solid #ffffffd9;backdrop-filter:blur(18px);box-shadow:var(--shadow)}.stats{position:relative;z-index:4;margin-top:-2px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border-radius:22px}.stat{padding:23px;text-align:center;border-inline-start:1px solid #dce7f470}.stat:last-child{border:0}.stat b{display:block;color:#1455ff;font-size:27px;line-height:1.35}.stat span{font-size:14px;color:var(--muted)}.title{text-align:center;max-width:760px;margin:0 auto 34px}.title h2{font-size:clamp(27px,3.3vw,38px);line-height:1.4;margin:0 0 7px}.title p{color:var(--muted);margin:0}.calc-shell{max-width:1000px;margin:auto;padding:28px;border-radius:28px;display:grid;grid-template-columns:1fr .82fr;gap:26px}.calc-panel{padding:4px}.calc-panel h3{margin:0 0 18px;font-size:19px}.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}.field input,.field select{width:100%;border:1px solid #dbe5f2;border-radius:13px;padding:12px;background:#ffffffa8;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s,transform .2s}.field input:focus,.field select:focus{border-color:#78a4ff;box-shadow:0 0 0 4px #1455ff15;transform:translateY(-1px)}.amount-wrap{grid-column:1/-1}.amount-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.amount-row input{max-width:190px;text-align:center}.range{width:100%;accent-color:#1455ff;margin-top:12px}.result-card{position:relative;overflow:hidden;border-radius:23px;padding:24px;color:#fff;background:linear-gradient(145deg,#102b66,#1455ff 70%,#39b7ff);box-shadow:0 20px 42px #1455ff38}.result-card:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #ffffff22;border-radius:50%;inset-inline-end:-86px;top:-100px;box-shadow:0 0 0 24px #ffffff0b,0 0 0 50px #ffffff08}.result-label{color:#d5e4ff}.result-amount{font-size:clamp(28px,4vw,40px);font-weight:900;line-height:1.4;margin:10px 0}.result-meta{display:flex;justify-content:space-between;border-top:1px solid #ffffff35;padding-top:13px;margin-top:15px;color:#eef5ff}.result-note{font-size:12px;color:#dbe8ff;margin-top:14px}.result-card .btn{position:relative;z-index:1;background:#fff;color:#1455ff;box-shadow:none;margin-top:18px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{border-radius:22px;padding:22px;transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-7px) rotateX(2deg);box-shadow:0 22px 44px #1941781c}.icon3d{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#1455ff;background:linear-gradient(145deg,#fff,#dce9ff);box-shadow:5px 7px 14px #2455a01c,inset 1px 1px #fff;font-size:21px}.feature-card h3{margin:11px 0 3px}.feature-card p{margin:0;color:var(--muted);font-size:14px}.partners{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}.partner{min-width:190px;padding:18px 24px;border-radius:18px;text-align:center;color:#1c2c4d;font-weight:800;transition:transform .2s,background .2s}.partner:hover{transform:translateY(-5px) scale(1.02);background:#fff}.merchant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.merchant-card{min-height:200px;border-radius:23px;padding:22px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .25s}.merchant-card:hover{transform:translateY(-7px) rotateY(3deg)}.merchant-logo{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;margin-bottom:11px;overflow:hidden;background:linear-gradient(145deg,#fff,#e4edff);border:1px dashed #a8bce4;color:#7890b5;font-size:12px}.merchant-logo img{width:100%;height:100%;object-fit:contain}.merchant-card h3{margin:0}.merchant-card p{font-size:12px;color:var(--muted);margin:2px 0 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{padding:23px;border-radius:22px;position:relative;transition:transform .25s}.step:hover{transform:translateY(-6px)}.step-num{font-size:14px;color:#1455ff;font-weight:900}.faq details{padding:15px;border-bottom:1px solid #dbe4f1}.footer{background:linear-gradient(135deg,#0b1732,#102b60);color:#fff;padding:48px 0 18px}.footer a{color:#d8e7ff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.bottom{border-top:1px solid #ffffff24;margin-top:25px;padding-top:12px;color:#aabbd9}.content{padding:48px 0;min-height:55vh}.content .wrap>article{padding:26px;border-radius:22px;background:#ffffffb8;border:1px solid #fff;box-shadow:var(--shadow)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:950px){.nav{gap:10px}.nav a{font-size:13px}.cards,.steps{grid-template-columns:repeat(2,1fr)}.calc-shell{grid-template-columns:1fr}.result-card{order:-1}}@media(max-width:680px){.wrap{width:min(var(--w),calc(100% - 28px))}.head{min-height:66px}.toggle{display:block;margin-inline-start:auto;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:10px}.nav{display:none;position:absolute;inset-inline:0;top:66px;background:#f8fbfff2;padding:14px 22px;flex-direction:column;backdrop-filter:blur(16px)}.nav.open{display:flex}.head>.btn{display:none}.hero{padding:45px 0 35px}.hero-grid{grid-template-columns:1fr;gap:12px}.hero h1{font-size:39px}.lead{font-size:16px}.hero-scene{min-height:380px}.phone{transform:scale(.88) rotateZ(3deg)}.phone:hover{transform:scale(.94) translateY(-8px)}.orb.one{width:260px;height:260px}.float-card.a{inset-inline-start:0;top:9%}.float-card.b{inset-inline-end:0;bottom:12%}.float-card.c{inset-inline-start:0;bottom:6%}.section{padding:48px 0}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat{border-bottom:1px solid #dce7f470}.stat b{font-size:22px}.calc-shell{padding:17px;gap:18px}.calc-fields{grid-template-columns:1fr}.amount-wrap{grid-column:auto}.amount-row{align-items:flex-start;flex-direction:column}.amount-row input{max-width:none}.cards,.steps,.merchant-grid,.footer-grid{grid-template-columns:1fr}.partner{width:100%}} .page-article{padding:30px;border-radius:24px;background:rgba(255,255,255,.73);border:1px solid #fff;backdrop-filter:blur(16px);box-shadow:var(--shadow)}.page-article h1{font-size:clamp(30px,4vw,44px);line-height:1.4;margin:0 0 20px}.entry-content{max-width:850px}.entry-content h2{font-size:23px;margin:28px 0 6px}.entry-content p,.entry-content li{color:#49566f}.entry-content a:not(.btn){font-weight:800;text-decoration:underline;text-underline-offset:3px}.entry-content details{padding:15px 18px;margin:10px 0;border-radius:14px;background:#ffffffa6;border:1px solid #e4ebf7}.entry-content summary{font-weight:800;cursor:pointer}.page-directory{margin-top:22px;padding:20px;border-radius:20px}.page-directory>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.page-directory a{padding:6px 12px;background:#fff;border:1px solid #e0e8f5;border-radius:999px;font-size:13px;font-weight:700}.page-directory a:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1455ff15}@media(max-width:680px){.page-article{padding:20px}} /* Consultation form, clear currency amounts, and mobile quick navigation */ .contact-link{color:#1455ff;font-weight:800;padding:8px 10px}.check-row{display:flex!important;align-items:center;gap:9px;padding:12px;border:1px solid #dbe5f2;border-radius:13px;background:#ffffffa8}.check-row input{width:19px;height:19px;accent-color:#1455ff}.field-title{display:block;font-size:14px;font-weight:700;margin-bottom:7px}.amount-row{align-items:center}.amount-row input{max-width:190px;font-size:19px;font-weight:800;direction:ltr;text-align:center}.amount-readable{display:flex;gap:8px;align-items:center;padding:8px 12px;border-radius:12px;background:#eaf0ff;color:#173c91}.amount-readable b{font-size:18px;font-variant-numeric:tabular-nums}.amount-readable small,.result-amount small,.result-meta small{font-size:12px;font-weight:600;opacity:.85}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:#667085}.result-amount{display:flex;align-items:baseline;gap:9px}.result-amount b{font-size:clamp(28px,4vw,40px)}.mobile-dock{display:none}.consultation-modal[hidden]{display:none}.consultation-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#07142bb8;backdrop-filter:blur(8px)}.consultation-panel{position:relative;width:min(100%,520px);max-height:min(90vh,820px);overflow:auto;padding:28px;border-radius:24px;background:#f9fbff;box-shadow:0 28px 90px #06143366}.consultation-panel h2{margin:0;font-size:27px}.consultation-close{position:absolute;top:13px;inset-inline-end:14px;width:38px;height:38px;border:0;border-radius:50%;background:#e8eef9;color:#1d3155;font-size:25px;cursor:pointer}.consultation-panel form{display:grid;gap:13px;margin:18px 0}.consultation-panel form label{display:grid;gap:6px;font-size:14px;font-weight:800}.consultation-panel input,.consultation-panel textarea{width:100%;padding:11px 13px;border-radius:12px;border:1px solid #dbe3ef;background:white}.consultation-panel input:focus,.consultation-panel textarea:focus{outline:3px solid #1455ff22;border-color:#1455ff}.consultation-panel textarea{resize:vertical}.consultation-panel .website-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.consultation-status{display:none;margin-top:14px;padding:11px 13px;border-radius:12px}.consultation-status:not(:empty){display:block}.consultation-status.success{color:#067647;background:#ecfdf3}.consultation-status.error{color:#b42318;background:#fef3f2}.modal-open{overflow:hidden}@media(max-width:680px){body{padding-bottom:82px}.mobile-dock{position:fixed;z-index:80;inset-inline:10px;bottom:max(9px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:8px 7px;border:1px solid #ffffffd9;border-radius:20px;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);box-shadow:0 12px 38px #122e5b2e}.mobile-dock a,.mobile-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:52px;border:0;border-radius:14px;background:transparent;color:#29436f;font:inherit;font-size:19px}.mobile-dock span{font-size:11px;font-weight:800}.mobile-dock a:hover,.mobile-dock button:hover{background:#eaf0ff;color:#1455ff}.contact-link{display:none}.consultation-modal{place-items:end center;padding:0}.consultation-panel{width:100%;max-height:92vh;border-radius:24px 24px 0 0;padding:26px 20px calc(24px + env(safe-area-inset-bottom))}.amount-row input{max-width:100%}.amount-readable{margin-inline-start:auto}} .consult-cta{margin-inline-start:8px}@media(max-width:680px){.consult-cta{margin-inline-start:0;margin-top:8px;width:100%}} .range{direction:ltr}.range-labels{direction:ltr}.range-labels span{direction:rtl} /* 3D credit scene replaces the hero video */ .credit-card-3d{position:relative;z-index:2;width:min(100%,370px);min-height:230px;padding:25px 28px;border-radius:24px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#0b2866 0%,#1455ff 56%,#6e9aff 100%);box-shadow:18px 28px 50px #163c7960,inset 1px 1px 1px #ffffffa1;transform:rotateY(-18deg) rotateX(10deg) rotateZ(-7deg);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;animation:cardFloat 5.5s ease-in-out infinite}.credit-card-3d:hover{transform:translateY(-12px) rotateY(-5deg) rotateX(4deg) rotateZ(-2deg) scale(1.04);box-shadow:25px 38px 65px #163c7970,inset 1px 1px 1px #ffffffa1}.credit-card-3d:before,.credit-card-3d:after{content:"";position:absolute;border:1px solid #ffffff25;border-radius:50%;pointer-events:none}.credit-card-3d:before{width:260px;height:260px;inset-inline-end:-90px;top:-130px;box-shadow:0 0 0 24px #ffffff0b,0 0 0 52px #ffffff08}.credit-card-3d:after{width:170px;height:170px;inset-inline-end:-32px;bottom:-126px}.credit-card-head,.card-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.chip3d{width:43px;height:32px;border-radius:8px;background:linear-gradient(145deg,#fff3bf,#d6a942);box-shadow:3px 5px 10px #061a3b55,inset 1px 1px #fff9}.card-brand{font-size:13px;font-weight:900;letter-spacing:2px;color:#e6edff}.credit-card-3d>small{position:relative;z-index:1;display:block;margin-top:25px;color:#d5e2ff}.credit-card-3d>strong{position:relative;z-index:1;display:block;font-size:clamp(25px,3vw,33px);letter-spacing:1px;text-shadow:0 3px 12px #071e4d55}.card-foot{margin-top:16px;color:#dce7ff;font-size:13px}.card-foot b{color:#fff}.card-shine{position:absolute;inset:-45% auto -45% -60%;width:40%;background:linear-gradient(90deg,transparent,#ffffff30,transparent);transform:rotate(24deg);transition:left .7s}.credit-card-3d:hover .card-shine{left:120%}.credit-token{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:13px 16px;border:1px solid #ffffffec;border-radius:17px;background:rgba(255,255,255,.78);box-shadow:0 18px 36px #203e6b25;backdrop-filter:blur(16px);animation:float 5s ease-in-out infinite}.credit-token span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e6f8ef;color:#16a34a;font-weight:900}.credit-token b{font-size:14px;color:#1a3159}.credit-token small{display:block;color:var(--muted)}.credit-token.token-one{inset-inline-start:-3%;top:18%}.credit-token.token-two{inset-inline-end:-4%;bottom:16%;display:block;animation-delay:-2.1s}.credit-orbit{position:absolute;width:340px;height:340px;border-radius:50%;border:1px solid #78a4ff52;box-shadow:0 0 0 22px #ffffff21,0 0 0 46px #ffffff12;transform:rotateX(65deg) rotateZ(-20deg);animation:orbitTurn 18s linear infinite}.hero-scene .orb.one{width:300px;height:300px;opacity:.52}.hero-scene .orb.two{z-index:3}@keyframes cardFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes orbitTurn{to{rotate:360deg}}@media(prefers-reduced-motion:reduce){.credit-card-3d,.credit-token,.credit-orbit{animation:none!important}.credit-card-3d{transition:none}}@media(max-width:680px){.hero-scene{min-height:340px}.credit-card-3d{width:min(88%,340px);min-height:205px;padding:21px 23px;transform:rotateY(-10deg) rotateX(6deg) rotateZ(-4deg)}.credit-card-3d>small{margin-top:18px}.credit-card-3d>strong{font-size:26px}.credit-token.token-one{inset-inline-start:-1%;top:8%}.credit-token.token-two{inset-inline-end:-1%;bottom:8%}.credit-orbit{width:270px;height:270px}} /* Richer brand gradients and a softly tinted page canvas */ body{background-color:#e9eff7;background-image:radial-gradient(ellipse at 86% 2%,rgba(132,177,255,.22),transparent 34%),radial-gradient(ellipse at 4% 38%,rgba(71,195,220,.13),transparent 30%),linear-gradient(138deg,#e9eff7 0%,#e3ebf5 48%,#eef3f7 100%)} .header{background:linear-gradient(110deg,rgba(8,28,67,.96) 0%,rgba(18,65,150,.93) 52%,rgba(20,85,255,.91) 100%);border-bottom:1px solid rgba(255,255,255,.24);box-shadow:0 8px 26px rgba(7,27,70,.12);backdrop-filter:blur(20px)} .header .brand,.header .nav a,.header .contact-link{color:#fff}.header .nav a{transition:color .2s,opacity .2s}.header .nav a:hover,.header .contact-link:hover{color:#bdeaff}.header .btn{background:linear-gradient(135deg,#fff,#dcecff);color:#124bc8;box-shadow:0 8px 22px rgba(0,0,0,.16)}.header .btn:hover{color:#0b3cc1;box-shadow:0 12px 28px rgba(0,0,0,.2)} .footer{background:radial-gradient(ellipse at 88% 0%,rgba(61,139,255,.4),transparent 42%),linear-gradient(118deg,#08152f 0%,#103a7c 52%,#1455c8 100%)} @media(max-width:680px){.header .nav.open{background:linear-gradient(145deg,#0a2453,#1455d9);border-bottom:1px solid rgba(255,255,255,.22);box-shadow:0 16px 32px rgba(7,27,70,.2)}.header .toggle{background:rgba(255,255,255,.94);color:#103a7c}} /* Keep decorative callouts clear of the floating credit card */ .credit-token.token-one{top:0;inset-inline-start:0}.credit-token.token-two{bottom:0;inset-inline-end:0}.hero-scene .orb.two{z-index:1;top:auto;bottom:10%;inset-inline-start:3%}@media(max-width:950px){.hero-scene{min-height:430px}.credit-card-3d{width:min(78%,360px)}.credit-token.token-one{top:0;inset-inline-start:0}.credit-token.token-two{bottom:0;inset-inline-end:0}}@media(max-width:680px){.hero-scene{min-height:340px}.credit-card-3d{width:min(80%,340px)}.credit-token.token-one{top:0;inset-inline-start:0}.credit-token.token-two{bottom:0;inset-inline-end:0}} /* Inline contact form */ .consultation-form{max-width:850px;margin:28px 0 4px;padding:26px;border:1px solid #ffffffd9;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(239,245,255,.78));box-shadow:0 18px 48px #183d7718;backdrop-filter:blur(18px)}.consultation-form h2{margin:0;font-size:25px}.consultation-form>p{color:#53627c}.consultation-form form{display:grid;gap:16px;margin:18px 0}.consultation-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.consultation-fields label{display:grid;gap:7px;font-size:14px;font-weight:800}.consultation-fields input,.consultation-fields textarea{width:100%;padding:12px 14px;border:1px solid #d7e1f0;border-radius:13px;background:#ffffffd9;font:inherit;transition:border-color .2s,box-shadow .2s,transform .2s}.consultation-fields input:focus,.consultation-fields textarea:focus{outline:0;border-color:#527fff;box-shadow:0 0 0 4px #527fff1c;transform:translateY(-1px)}.consultation-fields .consultation-message{grid-column:1/-1}.consultation-form .website-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.consultation-form small{color:#667085}.consultation-form small a{font-weight:800}@media(max-width:600px){.consultation-form{padding:20px;margin-top:22px}.consultation-fields{grid-template-columns:1fr}.consultation-fields .consultation-message{grid-column:auto}} /* Merchant directory and partnership application */ .merchant-page{display:grid;gap:38px}.merchant-hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;min-height:350px;padding:clamp(24px,5vw,58px);overflow:hidden;border:1px solid #ffffffc9;border-radius:30px;background:linear-gradient(125deg,#ffffffc9,#eaf0ffb8);box-shadow:0 24px 70px #183d7718;backdrop-filter:blur(18px)}.merchant-hero-copy{position:relative;z-index:2;max-width:640px}.merchant-hero-copy h2{margin:10px 0;font-size:clamp(30px,4vw,48px);line-height:1.35}.merchant-hero-copy p,.merchant-form-heading p{color:#52617a;line-height:2}.merchant-hero-visual{position:relative;display:grid;place-items:center;min-height:250px;perspective:900px}.merchant-orb{position:absolute;width:245px;height:245px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff,#88aaff 40%,#456eff 75%);filter:blur(1px);box-shadow:inset -20px -22px 44px #233c9c55,0 30px 80px #446bff45;animation:merchant-float 5s ease-in-out infinite}.merchant-showcase{z-index:1;display:grid;gap:13px;width:min(290px,90%);padding:28px;border:1px solid #ffffffc7;border-radius:25px;background:linear-gradient(145deg,#ffffffd9,#eef3ff9e);box-shadow:20px 24px 45px #19346d36;transform:rotateY(-14deg) rotateX(7deg);backdrop-filter:blur(20px)}.merchant-showcase span{font-size:13px;font-weight:900;letter-spacing:2px;color:#4268d8}.merchant-showcase b{font-size:25px}.merchant-showcase small{color:#697895}.merchant-hero-visual>i{position:absolute;inset-inline-end:10%;top:14%;font-size:42px;color:#ffc857;text-shadow:0 8px 20px #ffbd3655;animation:merchant-sparkle 2.6s ease-in-out infinite}.merchant-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.merchant-benefits article{padding:20px;border:1px solid #ffffffc9;border-radius:20px;background:#ffffffa8;box-shadow:0 14px 36px #19346d10;transition:transform .25s,box-shadow .25s}.merchant-benefits article:hover{transform:translateY(-6px) rotateX(3deg);box-shadow:0 22px 44px #19346d20}.merchant-benefits b{font-size:17px}.merchant-benefits p{margin:7px 0 0;color:#68758a;line-height:1.8}.merchant-list-section .title{margin-bottom:20px}.merchant-empty{padding:35px;text-align:center;border-radius:22px}.merchant-empty>span{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#e8eeff;color:#5275ed;font-size:25px}.merchant-empty h3{margin:12px 0 4px}.merchant-empty p{margin:0;color:#64718a}.merchant-application{padding:clamp(22px,4vw,40px);border:1px solid #ffffffd1;border-radius:28px;background:linear-gradient(135deg,#ffffffd4,#eef3ffb8);box-shadow:0 22px 60px #19346d16;backdrop-filter:blur(18px)}.merchant-form-heading h2{margin:7px 0;font-size:30px}.merchant-form-heading p{margin-top:0}.merchant-application form{display:grid;gap:18px}.merchant-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.merchant-form-grid label{display:grid;gap:7px;font-size:14px;font-weight:800}.merchant-form-grid input,.merchant-form-grid select,.merchant-form-grid textarea{width:100%;min-height:47px;padding:11px 13px;border:1px solid #d8e2f0;border-radius:13px;background:#ffffffd9;color:#1d2b45;font:inherit;transition:border-color .2s,box-shadow .2s,transform .2s}.merchant-form-grid input:focus,.merchant-form-grid select:focus,.merchant-form-grid textarea:focus{outline:0;border-color:#527fff;box-shadow:0 0 0 4px #527fff1b;transform:translateY(-1px)}.merchant-form-grid textarea{resize:vertical}.merchant-form-grid .merchant-description{grid-column:1/-1}.merchant-application small{color:#67758d}.merchant-application small a{font-weight:800}.merchant-application .website-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}@keyframes merchant-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.025)}}@keyframes merchant-sparkle{0%,100%{transform:rotate(-10deg) scale(.9);opacity:.65}50%{transform:rotate(14deg) scale(1.12);opacity:1}}@media(max-width:760px){.merchant-page{gap:26px}.merchant-hero{grid-template-columns:1fr;gap:5px;min-height:unset}.merchant-hero-visual{min-height:210px;grid-row:1}.merchant-orb{width:190px;height:190px}.merchant-showcase{width:245px;padding:22px}.merchant-benefits{grid-template-columns:1fr}.merchant-form-grid{grid-template-columns:1fr}.merchant-form-grid .merchant-description{grid-column:auto}} .merchant-home-cta{display:flex;justify-content:center;margin:24px 0 0}.merchant-home-cta .btn{min-width:220px;text-align:center}@media(max-width:600px){.merchant-home-cta .btn{width:100%}} .header .header-brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;color:#fff;text-decoration:none;font-family:'Vazir',Tahoma,Arial,sans-serif;font-size:18px;font-weight:900;letter-spacing:.2px}.header .header-brand img{display:block;width:48px;height:48px;object-fit:cover;border:1px solid #ffffff75;border-radius:14px;box-shadow:0 8px 22px #04153a45;transition:transform .25s,box-shadow .25s}.header .header-brand:hover img{transform:translateY(-2px) rotate(-4deg);box-shadow:0 12px 28px #04153a66}.header .header-brand:hover span{color:#bdeaff}@media(max-width:680px){.header .header-brand{gap:7px;font-size:16px}.header .header-brand img{width:42px;height:42px;border-radius:12px}} .footer-address{max-width:300px;margin-top:12px;color:#e2eaff;font-size:14px;line-height:1.9}.footer-address strong{color:#fff} /* Footer typography and column rhythm */ .footer{padding:54px 0 22px}.footer-grid{grid-template-columns:minmax(230px,1.45fr) repeat(3,minmax(150px,1fr));gap:clamp(24px,4vw,52px);align-items:start}.footer-grid>div{min-width:0}.footer-grid>div:first-child p{max-width:320px;margin:15px 0 0;color:#e2eaff;font-size:16px;line-height:2}.footer-grid>div>b{display:block;margin:4px 0 15px;color:#fff;font-size:18px;line-height:1.5}.footer-grid>div:not(:first-child) p{margin:0 0 10px;font-size:16px;line-height:1.7}.footer a{font-size:16px;transition:color .2s,opacity .2s}.footer a:hover{color:#fff;opacity:.9}.footer .bottom{margin-top:32px;padding-top:15px;border-top:1px solid #ffffff2a;font-size:14px;color:#d9e6ff}.footer-address{max-width:330px;font-size:15px;line-height:2}.footer-address strong{font-size:16px}@media(max-width:900px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 38px}}@media(max-width:560px){.footer{padding:38px 0 18px}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-grid>div:first-child p{max-width:none}.footer-grid>div>b{margin-bottom:10px}.footer-grid>div:not(:first-child) p{margin-bottom:8px}.footer .bottom{margin-top:22px}} /* Unified mobile layout: compact spacing, predictable grids, no decorative collisions */ @media (max-width: 680px){ html,body{max-width:100%;overflow-x:clip} body{font-size:15px;line-height:1.8} .wrap{width:calc(100% - 32px);max-width:100%} .head{min-height:62px;gap:10px} .header .header-brand{gap:7px;font-size:15px} .header .header-brand img{width:38px;height:38px} .header .toggle{margin-inline-start:auto;padding:7px 11px;border-radius:11px} .header .nav{top:62px;inset-inline:10px;padding:10px;border-radius:0 0 18px 18px;gap:3px} .header .nav a{padding:9px 12px;border-radius:10px;font-size:15px} .header .nav a:hover{background:#ffffff20} .hero{padding:30px 0 26px} .hero-grid{gap:4px} .hero h1{font-size:clamp(30px,9vw,38px);line-height:1.4;margin:8px 0 12px} .hero .lead{font-size:15px;line-height:1.9;margin:0} .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px} .hero-actions .btn{min-height:46px;padding:9px 10px;font-size:14px;text-align:center} .hero-actions .btn:first-child{grid-column:1/-1} .hero-logo{display:none} .hero-scene{min-height:285px;margin-top:2px;overflow:hidden} .hero-scene .orb.one{width:220px;height:220px;opacity:.22} .hero-scene .orb.two{opacity:.25} .credit-card-3d{width:min(84%,320px);min-height:190px;padding:18px 20px;border-radius:20px;transform:rotateY(-5deg) rotateX(3deg) rotateZ(-2deg);animation:none} .credit-card-3d>small{margin-top:13px} .credit-card-3d>strong{font-size:24px} .credit-token,.credit-orbit{display:none!important} .stats{margin-top:0;padding:0 0 8px} .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:17px} .stat{padding:14px 8px;border-inline-start:0;border-bottom:1px solid #dce7f470} .stat:nth-child(odd){border-inline-end:1px solid #dce7f470} .stat b{font-size:clamp(17px,5vw,21px);line-height:1.5;overflow-wrap:anywhere} .stat span{display:block;font-size:12px;line-height:1.5} .section{padding:38px 0} .title{margin-bottom:20px;padding-inline:4px} .title h2,.section .title h2{font-size:24px;line-height:1.5;margin:0 0 5px} .title p{font-size:14px;line-height:1.8;margin:0} .calc-shell{padding:16px;border-radius:19px;gap:14px} .calc-shell h3{font-size:18px} .calc-fields{gap:12px} .calc-fields input,.calc-fields select{max-width:100%;min-width:0} .amount-readable{width:100%;justify-content:center;margin:0;font-size:14px} .result-card{padding:16px;border-radius:17px} .result-card .btn,.calc-shell .btn{width:100%;min-height:46px} .cards,.steps,.merchant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .feature-card,.step,.merchant-card{min-width:0;padding:14px;border-radius:17px} .feature-card{min-height:145px} .feature-card h3,.step h3,.merchant-card h3{font-size:15px;line-height:1.55;margin:8px 0 4px;overflow-wrap:anywhere} .feature-card p,.step p,.merchant-card p{font-size:12px;line-height:1.7;margin:0;overflow-wrap:anywhere} .icon3d{width:36px;height:36px;font-size:19px} .merchant-card{min-height:155px} .merchant-logo{max-width:100%;height:58px} .partners{display:grid;grid-template-columns:1fr;gap:8px} .partner{width:100%;min-width:0;padding:10px 12px;border-radius:13px;font-size:14px} .merchant-home-cta{margin-top:16px} .merchant-home-cta .btn{width:100%;min-height:46px} .footer{padding:30px 0 16px} .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px} .footer-grid>div:first-child{grid-column:1/-1;padding-bottom:12px;border-bottom:1px solid #ffffff24} .footer-grid>div:first-child p{font-size:14px;line-height:1.8;margin-top:8px} .footer-grid>div>b{font-size:16px;margin:0 0 8px} .footer-grid>div:not(:first-child) p{font-size:14px;line-height:1.65;margin-bottom:6px} .footer a{font-size:14px} .footer-address{font-size:13px;line-height:1.8;margin-top:8px} .footer-address strong{font-size:14px} .footer .bottom{margin-top:18px;padding-top:10px;font-size:12px} .mobile-dock{inset-inline:8px;bottom:max(6px,env(safe-area-inset-bottom));gap:2px;padding:5px;border-radius:16px} .mobile-dock a,.mobile-dock button{min-width:0;min-height:48px;border-radius:11px;font-size:17px} .mobile-dock span{font-size:10px;white-space:nowrap} .page-article{padding:16px;border-radius:18px} .page-article h1{font-size:27px;line-height:1.45} .entry-content{font-size:15px} .consultation-form,.merchant-application{padding:18px;border-radius:19px} .consultation-fields,.merchant-form-grid{grid-template-columns:1fr} .consultation-fields .consultation-message,.merchant-form-grid .merchant-description{grid-column:auto} } @media(max-width:390px){ .wrap{width:calc(100% - 26px)} .hero-actions{grid-template-columns:1fr} .hero-actions .btn:first-child{grid-column:auto} .cards,.steps,.merchant-grid{grid-template-columns:1fr} .feature-card{min-height:unset} .merchant-card{min-height:140px} .footer-grid{grid-template-columns:1fr} .footer-grid>div:first-child{grid-column:auto} .mobile-dock span{font-size:9px} } .header{border-radius:0 0 18px 18px;overflow:visible}.header .head{border-radius:inherit} /* SMS.ir-inspired dynamic ambient background — preserves the existing ASAPI UI */ body{position:relative;isolation:isolate;overflow-x:hidden;background:#f7f9fd} body:before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(circle at 12% 12%,rgba(84,214,255,.18),transparent 25%),radial-gradient(circle at 88% 18%,rgba(20,85,255,.15),transparent 28%),radial-gradient(circle at 72% 82%,rgba(124,103,255,.10),transparent 25%),linear-gradient(135deg,#f9fbff 0%,#f3f7ff 48%,#f8fbff 100%);} body:after{content:"";position:fixed;inset:-12%;z-index:-2;pointer-events:none;opacity:.6;background-image:radial-gradient(circle,rgba(20,85,255,.14) 1px,transparent 1.5px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 78%);animation:asapiGridDrift 28s linear infinite} .asapi-live-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;mix-blend-mode:multiply} .asapi-live-bg .blob{position:absolute;border-radius:50%;filter:blur(42px);opacity:.28;will-change:transform} .asapi-live-bg .blob-a{width:32vw;height:32vw;min-width:260px;min-height:260px;background:#55dfff;left:-9vw;top:2vh;animation:asapiBlobA 18s ease-in-out infinite alternate} .asapi-live-bg .blob-b{width:29vw;height:29vw;min-width:230px;min-height:230px;background:#356dff;right:-7vw;top:15vh;animation:asapiBlobB 22s ease-in-out infinite alternate} .asapi-live-bg .blob-c{width:25vw;height:25vw;min-width:210px;min-height:210px;background:#8b78ff;right:24vw;bottom:-12vw;animation:asapiBlobC 20s ease-in-out infinite alternate} .asapi-live-bg .ring{position:absolute;border:1px solid rgba(20,85,255,.12);border-radius:50%;will-change:transform,opacity} .asapi-live-bg .ring-a{width:34vw;height:34vw;left:-12vw;top:8vh;animation:asapiRing 16s ease-in-out infinite} .asapi-live-bg .ring-b{width:28vw;height:28vw;right:-9vw;top:31vh;animation:asapiRing 21s ease-in-out infinite reverse} .asapi-bg-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.48} @keyframes asapiBlobA{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(13vw,8vh,0) scale(1.12)}} @keyframes asapiBlobB{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-11vw,10vh,0) scale(.88)}} @keyframes asapiBlobC{0%{transform:translate3d(0,0,0) scale(.9)}100%{transform:translate3d(-12vw,-10vh,0) scale(1.1)}} @keyframes asapiRing{0%,100%{transform:scale(.92) translate3d(0,0,0);opacity:.35}50%{transform:scale(1.08) translate3d(3vw,-2vh,0);opacity:.75}} @keyframes asapiGridDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(42px,42px,0)}} @media(prefers-reduced-motion:reduce){.asapi-live-bg *,.asapi-live-bg,.asapi-live-bg:before,body:after{animation:none!important}.asapi-bg-canvas{display:none}} @media(max-width:680px){.asapi-live-bg .blob{filter:blur(30px);opacity:.2}.asapi-live-bg .blob-a{width:70vw;height:70vw}.asapi-live-bg .blob-b{width:62vw;height:62vw}.asapi-live-bg .blob-c{width:54vw;height:54vw}.asapi-live-bg .ring{display:none}} /* Official site font: Vazir Bold */ html, body, button, input, select, textarea, .header, .header *, .hero, .hero *, .site, .site * { font-family: 'Vazir', Tahoma, Arial, sans-serif; } /* Asapay article hub */ .header-articles-link{color:#fff!important;font-weight:900;font-size:14px;white-space:nowrap}.articles-hero{padding:34px;max-width:850px;margin:20px auto 34px;border-radius:28px;text-align:center}.articles-hero h1{font-size:clamp(30px,4vw,48px);margin:10px 0 6px}.articles-hero p{margin:0;color:var(--muted)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card{overflow:hidden;border-radius:24px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.article-card:hover{transform:translateY(-7px);box-shadow:0 28px 60px rgba(25,61,125,.18)}.article-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#dfe9fb}.article-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.article-card:hover .article-image img{transform:scale(1.06)}.article-card-body{padding:20px}.article-card h2{font-size:20px;line-height:1.55;margin:5px 0 8px}.article-card h2 a{color:var(--ink)}.article-card p{color:var(--muted);font-size:14px;margin:0 0 15px}.article-date,.article-meta{color:#71809b;font-size:12px;font-weight:700}.article-single{padding:clamp(20px,4vw,42px)!important}.article-cover{width:100%;max-height:470px;object-fit:cover;border-radius:24px;margin:18px 0 20px;display:block}.article-back{font-weight:900}.article-single>h1{font-size:clamp(32px,4.8vw,52px);line-height:1.4;margin:8px 0 20px}.article-related{margin-top:35px;padding:20px;border-radius:20px;background:#eef4ff;border:1px solid #dbe7fb}.article-related ul{margin:10px 0 0;padding-inline-start:24px}.article-related li{margin:7px 0}.article-keywords{font-size:12px!important;color:#7887a0!important;border-top:1px solid #e2e9f5;padding-top:16px;margin-top:25px}.article-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px;padding-top:20px;border-top:1px solid #e2e9f5}.articles-home-link{text-align:center;margin-top:28px} @media(max-width:950px){.article-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:680px){.article-grid{grid-template-columns:1fr}.articles-hero{padding:24px 18px}.header-articles-link{font-size:13px}.article-cover{border-radius:17px}} /* ASAPI Glassmorphism Header */ .header{position:sticky;top:12px;margin-inline:12px;width:calc(100% - 24px);background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.72);border-radius:22px;backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%);box-shadow:0 14px 45px rgba(25,61,125,.12),inset 0 1px 0 rgba(255,255,255,.85);transition:background .25s ease,box-shadow .25s ease,border-color .25s ease} .header:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.34),rgba(255,255,255,.08) 48%,rgba(84,214,255,.10));opacity:.9} .header .head{position:relative;z-index:1;min-height:72px} .header .nav a,.header .contact-link{transition:color .2s ease,background .2s ease,transform .2s ease} .header .nav a{padding:7px 10px;border-radius:10px} .header .nav a:hover{background:rgba(255,255,255,.52);color:var(--blue);transform:translateY(-1px)} .header-articles-link{color:#344054;font-size:14px;font-weight:800;padding:7px 11px;border-radius:10px;transition:.2s ease} .header-articles-link:hover{background:rgba(255,255,255,.52);color:var(--blue);transform:translateY(-1px)} .header .brand{filter:drop-shadow(0 5px 12px rgba(20,85,255,.10))} .header .btn{box-shadow:0 9px 25px rgba(20,85,255,.20),inset 0 1px 0 rgba(255,255,255,.35)} @media(max-width:680px){.header{top:8px;margin-inline:8px;width:calc(100% - 16px);border-radius:18px}.header .head{min-height:62px}.nav{top:70px!important;margin-inline:0;border:1px solid rgba(255,255,255,.72);border-radius:18px;background:rgba(248,251,255,.62)!important;box-shadow:0 18px 45px rgba(25,61,125,.16);backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%)}.toggle{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(10px)}} @media(prefers-reduced-transparency:reduce){.header{background:#f7faff;backdrop-filter:none;-webkit-backdrop-filter:none}} /* Final header typography + footer credit */ .header .nav a,.header .contact-link,.header-articles-link,.header .brand span{color:#000!important} .header .nav a:hover,.header .contact-link:hover,.header-articles-link:hover{color:#000!important} .header .btn{color:#fff!important} .footer .bottom{text-align:center;line-height:2;font-weight:800} .footer .bottom .footer-credit{margin-top:2px;font-size:13px;font-weight:700;opacity:.9} /* Header credit button only */ header .header-credit-btn { background: #1683f7 !important; color: #fff !important; border-color: #1683f7 !important; }