@font-face{font-family:Vazirmatn;src:url('./assets/miniapp-v2/vazirmatn-arabic-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('./assets/miniapp-v2/vazirmatn-arabic-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('./assets/miniapp-v2/vazirmatn-arabic-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--ink:#182443;--muted:#53617b;--blue:#354fc4;--page:#f5f7fc;--line:#dce2ed;--soft:#eaf0ff;font-family:Vazirmatn,Tahoma,sans-serif;color:var(--ink);background:var(--page);font-size:16px;line-height:1.8;font-synthesis-weight:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}svg{width:24px;height:24px;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.55;letter-spacing:0;text-wrap:balance}p{color:var(--muted);text-wrap:pretty}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}section[id]{scroll-margin-block-start:24px}.wrap{max-width:1200px;margin-inline:auto;padding-inline:32px}.skip{position:fixed;inset-block-start:10px;inset-inline-start:16px;transform:translateY(-200%);background:white;padding:12px;z-index:10;border-radius:8px}.skip:focus{transform:none}
.site-header{display:flex;justify-content:space-between;align-items:center;padding-block:28px;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;flex-shrink:0}.brand-icon{background:var(--blue);color:white;width:48px;height:48px;border-radius:16px;display:grid;place-items:center}.brand small{display:block;font-size:.75rem;font-weight:400;color:var(--muted)}.site-header nav{display:flex;gap:32px;align-items:center;font-size:.875rem;font-weight:600}.site-header nav>a{min-height:44px;display:flex;align-items:center;gap:8px}.nav-app{color:var(--blue)}
.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:72px;padding-block:58px 80px}.intro{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.8125rem}.intro>span{width:7px;height:7px;background:var(--blue);border-radius:50%}.hero h1{font-size:clamp(2rem,3.3vw,2.8rem);font-weight:700;margin-block:22px}.hero-copy>p{font-size:1rem;max-width:52ch;line-height:2}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-block:30px 16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 20px;border-radius:12px;font-size:.9375rem;font-weight:600;line-height:1.8;transition:background-color 150ms ease-out}.button svg{width:20px;height:20px}.primary{background:var(--blue);color:white}.primary:hover{background:#283d89}.secondary{background:white;border:1px solid #abb8dc;color:var(--blue)}.secondary:hover{background:var(--soft)}.hero-copy>.hero-note{font-size:.8125rem}.hero-proof{display:flex;gap:24px;flex-wrap:wrap;margin-block-start:32px;font-size:.8125rem;color:var(--muted)}.hero-proof span{display:flex;align-items:center;gap:6px}.hero-proof svg{width:16px;height:16px;color:var(--blue)}
.preview-stage{position:relative;padding-inline:28px}.preview-caption{text-align:center;font-size:.8125rem;color:var(--muted);margin-block-end:14px}.phone{max-width:350px;margin-inline:auto;background:white;border:6px solid var(--ink);border-radius:38px;padding:22px 20px;box-shadow:0 22px 55px #18244316;transform:rotate(-3deg)}.phone-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block-end:18px;border-bottom:1px solid var(--line);font-size:.75rem;color:var(--muted)}.phone-top>span:first-child{display:flex;align-items:center;gap:6px;color:var(--blue);font-weight:700;font-size:.875rem}.phone-top svg{width:20px;height:20px}.phone-heading{margin-block:20px}.phone-heading small{font-size:.75rem;color:var(--muted)}.phone-heading h2{font-size:1.125rem;margin-block:4px}.phone-heading p{font-size:.75rem}.session-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ink);color:white;padding:16px;border-radius:16px;font-size:.75rem}.session-summary strong{display:block;font-size:1.125rem}.session-summary svg{width:32px;height:32px;color:#cbd6ee}.roster{margin-block:12px}.roster>div{display:flex;align-items:center;gap:10px;padding-block:15px;border-bottom:1px solid var(--line);font-size:.8125rem}.initial{display:grid;place-items:center;width:34px;height:38px;border-radius:10px;background:var(--soft);color:var(--blue);flex-shrink:0}.roster small{display:block;font-size:.75rem;color:var(--muted)}.roster b{font-size:.75rem;font-weight:600;margin-inline-start:auto;padding:3px 10px;border-radius:7px}.present{color:#236147;background:#eaf6ee}.absent{color:#a1363f;background:#fff0f1}.phone-save{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:white;font-size:.8125rem;padding:12px;border-radius:12px}.phone-save svg{width:18px;height:18px}.example-note{font-size:.75rem;text-align:center;margin-block-start:12px}.receipt-note{position:absolute;inset-inline-start:-4px;inset-block-end:68px;display:flex;align-items:center;gap:12px;padding:16px 20px;background:white;border:1px solid var(--line);box-shadow:0 10px 30px #1824430d;border-radius:16px;font-size:.875rem}.receipt-note>svg{color:var(--blue);width:28px;height:28px}.receipt-note small{display:block;font-size:.75rem;color:var(--muted)}
.platform-band{background:white;border-block:1px solid var(--line)}.platform-band>.wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:22px;color:var(--muted);font-size:.875rem}.platform-band .wrap>div{display:flex;gap:28px;align-items:center;color:var(--ink)}.platform-band i{height:5px;width:5px;border-radius:50%;background:#abb8dc}.section{padding-block:80px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-block-end:36px}.section-heading h2{font-size:1.875rem}.section-heading>p{max-width:42ch;line-height:2;font-size:.9375rem}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.feature{min-width:0;padding-block-start:24px;border-top:1px solid #b8c3d9}.feature-icon{display:grid;place-items:center;height:48px;width:48px;background:var(--soft);color:var(--blue);border-radius:14px;margin-block-end:20px}.feature h3{font-size:1rem;margin-block-end:10px}.feature p{font-size:.875rem;line-height:2}
.start-section{background:var(--ink);color:white}.start-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:64px}.start-grid h2{font-size:2rem;margin-block:16px}.start-grid p{color:#cbd6ee;line-height:2;font-size:.9375rem}.light{color:#cbd6ee}.white{color:var(--blue);background:white;margin-block-start:28px}.white:hover{background:var(--soft)}.steps{list-style:none;margin:0;padding:0;display:grid;gap:28px}.steps li{display:flex;gap:20px;align-items:start}.steps li>span{height:42px;width:42px;border:1px solid #657292;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:1.125rem}.steps h3{font-size:1.0625rem;margin-block:4px 8px}.steps p{font-size:.875rem}
.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.download-grid article{background:white;border:1px solid var(--line);padding:32px;border-radius:20px;display:flex;flex-direction:column;align-items:start}.download-grid h3{font-size:1.25rem}.download-grid p{margin-block:12px 24px;font-size:.9375rem;max-width:45ch}.download-grid .button,.download-pending{margin-block-start:auto}.download-pending{color:var(--muted);background:var(--page);border:1px solid var(--line);padding:12px 20px;border-radius:12px;font-size:.9375rem}.download-alternative{font-size:.75rem;color:var(--muted);margin-block-start:12px}.faq{display:grid;grid-template-columns:1fr 2fr;gap:64px;padding-block-start:0}.faq h2{font-size:1.875rem}.faq details{border-bottom:1px solid var(--line);padding-block:16px}.faq summary{cursor:pointer;font-weight:600;font-size:1rem;min-height:44px;padding-block:8px}.faq details p{font-size:.9375rem;margin-block:8px 12px;max-width:65ch}.final-cta{display:flex;justify-content:space-between;align-items:center;gap:32px;border-top:1px solid #b8c3d9;padding-block:48px 64px}.final-cta h2{font-size:2rem}.final-cta p{font-size:.9375rem;margin-block-start:12px}.site-footer{display:flex;align-items:center;gap:24px;padding-block:28px;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted)}.footer-brand{font-size:1.25rem;font-weight:700;color:var(--ink)}.site-footer>a:last-child{display:flex;align-items:center;gap:8px;margin-inline-start:auto;min-height:44px}.site-footer svg{width:18px;height:18px}
@media(max-width:1000px){.hero{gap:32px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:2rem}.preview-stage{padding-inline:12px}.receipt-note{inset-inline-start:0;padding:12px}.feature-grid{grid-template-columns:1fr 1fr}.start-grid{gap:48px}.section-heading{gap:32px}.platform-band .wrap>div{gap:16px}}
@media(max-width:680px){.wrap{padding-inline:20px}.site-header{padding-block:20px;gap:12px}.brand{font-size:1.25rem;gap:8px}.brand-icon{height:40px;width:40px;border-radius:12px}.brand small{font-size:.75rem}.site-header nav{gap:0}.site-header nav>a:not(.nav-app){display:none}.nav-app{font-size:.8125rem}.nav-app svg{width:16px;height:16px}.hero{grid-template-columns:1fr;padding-block:28px 48px;gap:40px}.intro{font-size:.75rem}.hero h1{font-size:1.9375rem;margin-block:20px;line-height:1.6}.hero-copy>p{font-size:.9375rem}.actions{display:grid;grid-template-columns:1fr;gap:10px;margin-block:24px 12px}.button{min-height:52px}.hero-proof{gap:16px;margin-block-start:20px;font-size:.75rem}.preview-stage{padding-inline:16px}.phone{max-width:330px;transform:none;padding:20px 16px;border-width:5px;border-radius:32px}.receipt-note{position:relative;inset:auto;max-width:286px;margin:-8px auto 0;z-index:1}.platform-band>.wrap{display:block;text-align:center;padding-block:20px}.platform-band .wrap>div{justify-content:center;gap:12px;flex-wrap:wrap;margin-block-start:10px;font-size:.8125rem}.section{padding-block:48px}.section-heading{display:block;margin-block-end:24px}.section-heading h2{font-size:1.5rem}.section-heading>p{margin-block-start:14px;font-size:.875rem}.feature-grid{gap:28px 20px}.feature-icon{width:40px;height:40px;border-radius:12px;margin-block-end:16px}.feature h3{font-size:.9375rem}.feature p{font-size:.8125rem}.start-grid{grid-template-columns:1fr;gap:36px;padding-block:44px}.start-grid h2{font-size:1.625rem}.start-grid>.wrap{padding:0}.steps{gap:24px}.steps li{gap:14px}.steps p{font-size:.8125rem}.download-grid{grid-template-columns:1fr;gap:16px}.download-grid article{padding:24px}.download-grid .button{width:100%}.faq{grid-template-columns:1fr;gap:16px;padding-block-start:0}.faq h2{font-size:1.5rem}.faq summary{font-size:.9375rem}.final-cta{align-items:stretch;flex-direction:column;padding-block:32px 48px;gap:24px}.final-cta h2{font-size:1.625rem}.site-footer{flex-wrap:wrap;gap:8px 16px;padding-block:20px}.site-footer>a:last-child{flex-basis:100%;margin-inline-start:0}.download-pending{width:100%;text-align:center}}
@media(max-width:360px){.wrap{padding-inline:16px}.brand small{display:none}.hero h1{font-size:1.75rem}.feature-grid{grid-template-columns:1fr}.hero-proof{gap:12px}.preview-stage{padding-inline:0}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}
/* Preserve reading and controls when visitors enlarge their browser text. */
.site-header{flex-wrap:wrap}.site-header nav{margin-inline-start:auto;flex-wrap:wrap}
.roster>div>span:nth-child(2){min-width:0;flex:1;overflow-wrap:anywhere}.roster b{flex-shrink:0}
.phone-top{flex-wrap:wrap}.phone-top>span{min-width:0}

.brand-icon{background:transparent;overflow:hidden}.brand-icon img{width:100%;height:100%}.phone-top img{width:22px;height:22px;border-radius:6px}