/* EOMS BD — Apple-style light theme layer (apple-ui-skills rules, contrast-corrected).
   Load AFTER solutions.css and ngo.css. White surfaces, Inter, 4px grid, pill radius, one blue accent. */
:root{
  --bg:#FFFFFF;--bg2:#F5F5F7;--surface:#FFFFFF;--surface2:#F5F5F7;--line:#D2D2D7;
  --text:#1D1D1F;--muted:#515154;--dim:#6E6E73;
  --accent:#155BD0;--accent-h:#0E4BB0;
  --amber:#155BD0;--orange:#155BD0;--pink:#155BD0;--teal:#155BD0;--violet:#155BD0;--blue:#155BD0;
  --grad:linear-gradient(90deg,#155BD0,#155BD0);
  --grad2:linear-gradient(90deg,#155BD0,#155BD0);
  --r:20px;
  --font:'Inter','Hind Siliguri',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --head:'Inter','Hind Siliguri',-apple-system,BlinkMacSystemFont,sans-serif;
}
html{color-scheme:light}
body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
h1,h2,h3{text-wrap:balance;letter-spacing:-.022em}
p{text-wrap:pretty}
.num,.count,[class*="kx"],[class*="llp"],[class*="par"] b{font-variant-numeric:tabular-nums}
::selection{background:rgba(21,91,208,.18)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* gradient text → solid ink + blue, like Apple product headlines */
.grad-text,.grad-text2,.logo b{background:none!important;-webkit-background-clip:initial;background-clip:initial;color:var(--accent)!important}

/* nav: frosted white bar */
.nav,.nav.scrolled{background:rgba(255,255,255,.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:none}
.nav-in{height:52px}
.nav-links{color:#1D1D1F;font-size:.82rem}
.nav-links a{opacity:.8}.nav-links a:hover{opacity:1;color:#1D1D1F}
.nav-cta{background:var(--accent)!important;color:#fff!important;padding:6px 16px;font-weight:600;opacity:1!important}
#prog{background:var(--accent);height:2px}

/* hero: clean, centred feel, no glows or grid */
.hero{background:linear-gradient(180deg,#FBFBFD 0%,#FFFFFF 100%)}
.hero::before,.blob{display:none!important}
.hero h1{font-weight:700;color:#1D1D1F}
.eyebrow{background:transparent;border:0;color:#BF4800;padding:0;letter-spacing:.02em;text-transform:none;font-weight:600;font-size:1rem}
.eyebrow .dot{display:none}
.crumbs,.bc{color:var(--dim)}

/* buttons: Apple pills */
.btn{border-radius:980px;padding:12px 24px;font-weight:500;font-size:1rem;box-shadow:none!important}
.btn-p{background:var(--accent);color:#fff}
.btn-p:hover{background:var(--accent-h);transform:none}
.btn-g{background:transparent;border:1px solid var(--accent);color:var(--accent)}
.btn-g:hover{background:rgba(21,91,208,.06);transform:none}
.btn-wa,.btn.wa{box-shadow:none}

/* sections alternate white / Apple grey */
section{padding:96px 0}
section:nth-of-type(even){background:var(--bg2)}
.sec-tag,.kicker,.label{color:#BF4800!important}

/* cards: white tiles, soft shadow, 20px radius */
.card,.wk,.glass,.cap,.faq-item,.faq details,.rel a,.related a{background:#fff!important;border:1px solid rgba(0,0,0,.06)!important;box-shadow:0 2px 12px rgba(0,0,0,.04)}
section:nth-of-type(even) .card,section:nth-of-type(even) .wk{background:#fff!important}
.card:hover,.wk:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.08);border-color:rgba(0,0,0,.08)!important}
.glass{box-shadow:0 20px 60px rgba(0,0,0,.08)!important}
[class*="-ic"],.ic{background:rgba(21,91,208,.08)!important;color:var(--accent)!important}
.cap li i,.check i,.ticks i{color:var(--accent)!important}

/* chips / floating badges */
.chip,.float,.fchip,.chip-float,.hchip{background:#fff;color:#1D1D1F;border-color:rgba(0,0,0,.08);box-shadow:0 6px 20px rgba(0,0,0,.08)}

/* steps */
.step .n,.step-n,.steps .num{background:var(--accent)!important;color:#fff!important}

/* low-price / CTA panels */
.lowprice{background:#F5F5F7;border:0}
.lp-ic{background:var(--accent);color:#fff;animation:none}
.cta{background:#F5F5F7!important;border:0}
.cta h2,.cta p{color:var(--text)}

/* forms */
.form input,.form textarea,.nform input,.nform select,.nform textarea{background:#fff!important;border:1px solid #D2D2D7!important;border-radius:12px;color:var(--text)}
.nform input:focus,.nform select:focus,.nform textarea:focus,.form input:focus,.form textarea:focus{border-color:var(--accent)!important;outline:2px solid rgba(21,91,208,.25);outline-offset:0}
.nform select option{background:#fff}
.md-opt input:checked+span,.nd-chip input:checked+span{border-color:var(--accent);background:rgba(21,91,208,.06);color:var(--text)}
.ck input:checked+span,.nd-chip input:checked+span i{background:var(--accent);border-color:var(--accent);color:#fff}
.nf-done{background:rgba(21,91,208,.06);border-color:rgba(21,91,208,.3)}
.vx-t,.pb-h{background:rgba(21,91,208,.05)}
.toast{background:#fff;color:#1D1D1F;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.phone{background:#1D1D1F}

/* tables */
table th{background:#F5F5F7;color:#1D1D1F}
table td,table th{border-color:#E5E5EA}

/* footer */
footer,.foot{background:#F5F5F7;color:#515154;border-top:1px solid #D2D2D7}
footer a:hover{color:var(--accent)}

/* motion: compositor-only, ease-out, respect reduced motion */
.rv,.reveal{transition-timing-function:cubic-bezier(.25,.1,.25,1)!important}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* fixes after preview */
.nform{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 60px rgba(0,0,0,.08)}
.nd-chip span{background:#F5F5F7;border-color:#E5E5EA;color:#1D1D1F}
.cta::before{display:none}
.cmp td:nth-child(2){background:rgba(21,91,208,.04)}
.cmp th{background:#F5F5F7;color:#6E6E73}

/* motion layer (apple-motion.js) */
.ap-net{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 42%,#000 70%);mask-image:linear-gradient(90deg,transparent 0%,transparent 42%,#000 70%)}
@media(max-width:960px){.ap-net{opacity:.35;-webkit-mask-image:none;mask-image:none}}
.ap-w{display:inline-block;will-change:opacity}
.hero-vis .glass,.demo-wrap{will-change:transform}

.answer,.qa-box,.quick{background:#fff!important;border:1px solid rgba(0,0,0,.06)!important;box-shadow:0 2px 12px rgba(0,0,0,.04)}

/* ===== Dark mode (Apple dark) — html[data-theme="dark"], toggled by #apTheme ===== */
.ap-theme{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:transparent;color:#1D1D1F;cursor:pointer;font-size:.9rem;transition:background .2s,transform .3s}
.ap-theme:hover{background:rgba(0,0,0,.05)}
.ap-theme:active{transform:rotate(-30deg) scale(.92)}
.ap-theme .fa-sun{display:none}
html[data-theme="dark"]{color-scheme:dark;
  --bg:#000000;--bg2:#161617;--surface:#1C1C1E;--surface2:#2C2C2E;--line:#38383A;
  --text:#F5F5F7;--muted:#C7C7CC;--dim:#A1A1A6;
  --accent:#2997FF;--accent-h:#4DA8FF;
  --amber:#2997FF;--orange:#2997FF;--pink:#2997FF;--teal:#2997FF;--violet:#2997FF;--blue:#2997FF}
html[data-theme="dark"] body{background:#000;color:#F5F5F7}
html[data-theme="dark"] .ap-theme{color:#F5F5F7;border-color:rgba(255,255,255,.2)}
html[data-theme="dark"] .ap-theme:hover{background:rgba(255,255,255,.08)}
html[data-theme="dark"] .ap-theme .fa-moon{display:none}
html[data-theme="dark"] .ap-theme .fa-sun{display:inline}
html[data-theme="dark"] .nav,html[data-theme="dark"] .nav.scrolled{background:rgba(22,22,23,.8);border-bottom-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .nav-links,html[data-theme="dark"] .nav-links a:hover,html[data-theme="dark"] .logo{color:#F5F5F7}
html[data-theme="dark"] .nav-cta,html[data-theme="dark"] .btn-p{background:#0071E3!important;color:#fff!important}
html[data-theme="dark"] .btn-p:hover{background:#0077ED!important}
html[data-theme="dark"] .btn-g{border-color:#2997FF;color:#2997FF}
html[data-theme="dark"] .btn-g:hover{background:rgba(41,151,255,.1)}
html[data-theme="dark"] .hero{background:radial-gradient(ellipse 70% 60% at 75% 40%,rgba(41,151,255,.10),transparent 70%),#000}
html[data-theme="dark"] .hero h1,html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3{color:#F5F5F7}
html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .sec-tag,html[data-theme="dark"] .kicker,html[data-theme="dark"] .label{color:#FF9F0A!important}
html[data-theme="dark"] section:nth-of-type(even){background:#161617}
html[data-theme="dark"] .card,html[data-theme="dark"] .wk,html[data-theme="dark"] .glass,html[data-theme="dark"] .cap,html[data-theme="dark"] .faq-item,html[data-theme="dark"] .faq details,html[data-theme="dark"] .rel a,html[data-theme="dark"] .related a,html[data-theme="dark"] .answer,html[data-theme="dark"] section:nth-of-type(even) .card,html[data-theme="dark"] section:nth-of-type(even) .wk{background:#1C1C1E!important;border-color:rgba(255,255,255,.08)!important;box-shadow:none}
html[data-theme="dark"] .card:hover,html[data-theme="dark"] .wk:hover{border-color:rgba(255,255,255,.18)!important;box-shadow:0 12px 32px rgba(0,0,0,.6)}
html[data-theme="dark"] .glass{box-shadow:0 20px 60px rgba(0,0,0,.6)!important}
html[data-theme="dark"] [class*="-ic"],html[data-theme="dark"] .ic{background:rgba(41,151,255,.14)!important;color:#2997FF!important}
html[data-theme="dark"] .chip,html[data-theme="dark"] .float,html[data-theme="dark"] .fchip,html[data-theme="dark"] .chip-float,html[data-theme="dark"] .hchip,html[data-theme="dark"] .toast{background:#2C2C2E;color:#F5F5F7;border-color:rgba(255,255,255,.1);box-shadow:0 10px 30px rgba(0,0,0,.6)}
html[data-theme="dark"] .lowprice,html[data-theme="dark"] .cta{background:#1C1C1E!important}
html[data-theme="dark"] .nform{background:#1C1C1E;border-color:rgba(255,255,255,.08);box-shadow:none}
html[data-theme="dark"] .form input,html[data-theme="dark"] .form textarea,html[data-theme="dark"] .nform input,html[data-theme="dark"] .nform select,html[data-theme="dark"] .nform textarea{background:#000!important;border-color:#38383A!important;color:#F5F5F7}
html[data-theme="dark"] .nform select option{background:#1C1C1E}
html[data-theme="dark"] .nd-chip span{background:#2C2C2E;border-color:#38383A;color:#F5F5F7}
html[data-theme="dark"] .md-opt input:checked+span,html[data-theme="dark"] .nd-chip input:checked+span{background:rgba(41,151,255,.14);border-color:#2997FF}
html[data-theme="dark"] .ck input:checked+span,html[data-theme="dark"] .nd-chip input:checked+span i{background:#2997FF;border-color:#2997FF;color:#000}
html[data-theme="dark"] table th,html[data-theme="dark"] .cmp th{background:#2C2C2E;color:#A1A1A6}
html[data-theme="dark"] table td,html[data-theme="dark"] table th{border-color:#38383A}
html[data-theme="dark"] .cmp td:nth-child(2){background:rgba(41,151,255,.06)}
html[data-theme="dark"] footer,html[data-theme="dark"] .foot{background:#161617;color:#A1A1A6;border-top-color:#38383A}
html[data-theme="dark"] .grad-text,html[data-theme="dark"] .grad-text2,html[data-theme="dark"] .logo b{color:#2997FF!important}
html[data-theme="dark"] ::selection{background:rgba(41,151,255,.35)}
html.ap-anim body,html.ap-anim .card,html.ap-anim section,html.ap-anim .nav{transition:background-color .35s ease,color .35s ease,border-color .35s ease}