:root{--font:'Sora',system-ui,sans-serif;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-light:#ede9fe;--accent-glow:rgba(124,58,237,.12);--radius:10px;--radius-lg:18px}
body{font-family:var(--font)} h1,h2,h3{font-family:'Sora',var(--font)}
.cta-band .form-card,.cta-band .form-card .field-label,.cta-band .form-heading{color:var(--text)} .iti__selected-dial-code{color:var(--text)} .cta-band .form-legal{color:var(--text-muted)}
[id]{scroll-margin-top:calc(var(--header-h,72px) + 20px)} html{scroll-behavior:smooth}
html[dir=rtl] body{font-family:'Noto Nastaliq Urdu',var(--font);line-height:2;font-size:1.02rem} html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:'Noto Nastaliq Urdu',var(--font);line-height:1.75;letter-spacing:0}
html[dir=rtl] h1{font-size:clamp(1.9rem,4.2vw,3rem)} html[dir=rtl] .eyebrow{letter-spacing:0;text-transform:none} html[dir=rtl] .btn,html[dir=rtl] .nav a,html[dir=rtl] .stat-value{font-family:var(--font)} html[dir=rtl] .stat-label,html[dir=rtl] .review-role{line-height:1.8}
html[dir=rtl] input,html[dir=rtl] .iti,html[dir=rtl] .iti input{direction:ltr;text-align:left} html[dir=rtl] input::placeholder{direction:rtl;text-align:right} html[dir=rtl] .form-legal{text-align:right}
html[dir=rtl] .fx-toast{left:auto;right:16px} html[dir=rtl] .fx-toast button{right:auto;left:8px} html[dir=rtl] .fx-marquee span{animation-direction:reverse} html[dir=rtl] .fx-progress{left:auto;right:0}
html[dir=rtl] .faq-trigger{text-align:right} html[dir=rtl] .review-text{line-height:1.95} html[dir=rtl] .footer-disclaimer,html[dir=rtl] .lead{line-height:1.95}
:root{--bg:#0b1020;--surface:#111831;--surface-2:#182040;--border:#22305a;--border-strong:#2f3f70;--text:#e8ecf7;--text-muted:#a3adc8;--text-subtle:#6f7a9c;--dark:#070b16;--dark-surface:#0f1529;--shadow:0 1px 3px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);--shadow-lg:0 8px 32px rgba(0,0,0,.45)}
.site-header{background:rgba(11,16,32,.85);border-bottom-color:var(--border)} .input{background:var(--surface-2);color:var(--text);border-color:var(--border)} .input::placeholder{color:var(--text-subtle)}
.form-card{background:var(--surface)} .stats{background:var(--surface)} .faq-trigger{color:var(--text)} .specs-row-highlight{background:var(--accent-glow)} .review-avatar{background:var(--accent-light);color:#0b1020}
.iti__country-list{background:var(--surface);color:var(--text);border-color:var(--border)} .iti__country.iti__highlight{background:var(--surface-2)} .trust-badge{background:var(--accent-light);color:#0b1020}
.site-footer{background:var(--dark)} .section[style*="var(--surface)"]{background:var(--surface-2)!important}
.feature-card,.step-card,.review-card,.trust-card{background:rgba(255,255,255,.04);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08)}
.btn{border-radius:var(--radius)} .input{border-radius:calc(var(--radius) / 1.6)}
.site-header{background:transparent;border:0;backdrop-filter:none;position:absolute;width:100%} .site-header.is-scrolled{position:fixed;background:rgba(11,16,32,.9);backdrop-filter:blur(12px)} .hero{padding-top:7rem}
.hero{background:linear-gradient(90deg,rgba(7,11,22,.96) 0%,rgba(7,11,22,.75) 55%,rgba(7,11,22,.35) 100%),url(/images/photo-2.webp) center/cover no-repeat;color:#fff;padding:6rem 0} .hero .lead{color:#c7cfe3} .hero h1{color:#fff} .hero::before{display:none} .badge{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#e8ecf7}
.section{padding:5rem 0} :root{--container:1200px} h2{letter-spacing:-.03em}
[data-fx]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease} [data-fx='fade']{transform:none} [data-fx='scale']{transform:scale(.96)} [data-fx='left']{transform:translateX(-24px)} [data-fx].is-in{opacity:1;transform:none} .fx-stagger>*{transition-delay:calc(var(--i,0) * 80ms)} @media(prefers-reduced-motion:reduce){[data-fx]{opacity:1;transform:none;transition:none}}
.fx-toast{position:fixed;left:16px;bottom:16px;z-index:60;max-width:320px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.9rem 1rem;font-size:.85rem;line-height:1.4;transform:translateY(20px);opacity:0;transition:opacity .4s,transform .4s} .fx-toast.is-on{opacity:1;transform:none} .fx-toast b{display:block;font-size:.8rem;margin-bottom:.2rem} .fx-toast .st{color:#f59e0b;letter-spacing:1px} .fx-toast button{position:absolute;top:6px;right:8px;border:0;background:none;color:var(--text-subtle);font-size:1rem;cursor:pointer} @media(max-width:640px){.fx-toast{display:none}}