:root{
  --indigo:#4F46E5; --indigo-dark:#4338CA; --violet:#7C3AED;
  --green:#1D9E75; --green-dark:#15805E; --green-light:#E7F7F0; --wa:#25D366;
  --slate-900:#0F172A; --slate-800:#1E293B; --slate-700:#334155; --slate-600:#475569;
  --slate-500:#64748B; --slate-400:#94A3B8; --slate-300:#CBD5E1; --slate-200:#E2E8F0;
  --slate-100:#F1F5F9; --slate-50:#F8FAFC; --white:#fff;
  --color-primary:var(--indigo); --color-primary-strong:var(--indigo-dark);
  --color-accent:var(--green); --color-accent-strong:var(--green-dark); --color-accent-soft:var(--green-light);
  --surface:var(--white); --surface-quiet:var(--slate-50); --hairline:var(--slate-200);
  --text:var(--slate-900); --text-muted:var(--slate-600); --text-soft:var(--slate-500); --text-faint:var(--slate-400);
  --on-primary:var(--white); --focus:var(--indigo);
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px;
  --s-8:32px; --s-10:40px; --s-12:48px; --s-16:64px; --s-20:80px; --s-24:96px;
  --t-xs:13px; --t-sm:14px; --t-base:16px; --t-md:18px; --t-lg:21px;
  --t-xl:28px; --t-2xl:36px; --t-3xl:44px;
  --r-sm:10px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px;
  --nav-h:64px;
  --shadow-soft:0 1px 2px rgba(15,23,42,.04), 0 8px 30px -18px rgba(15,23,42,.18);
  --shadow-lift:0 20px 50px -28px rgba(79,70,229,.45);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:'Heebo',system-ui,-apple-system,sans-serif;background:var(--surface);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden;text-rendering:optimizeLegibility;font-size:var(--t-base);line-height:1.7}
a{text-decoration:none;color:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:8px}
.en{direction:ltr;unicode-bidi:isolate;display:inline-block}
img{max-width:100%;display:block}
.skip-link{position:absolute;top:-120px;right:16px;z-index:10000;background:var(--color-primary);color:var(--on-primary);font-weight:800;font-size:15px;padding:12px 22px;border-radius:0 0 12px 12px;transition:top .18s ease}
.skip-link:focus{top:0}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.wrap-sm{max-width:820px;margin:0 auto;padding:0 24px}

.nav{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.nav.scrolled{border-color:var(--hairline);box-shadow:var(--shadow-soft)}
.nav-in{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:19px}
.brand img{width:28px;height:28px}
.nav-right{display:flex;align-items:center;gap:18px}
.nav-right a.txtlink{font-weight:600;color:var(--text-muted);font-size:15px}
.nav-right a.txtlink:hover{color:var(--text)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:800;font-size:16px;border:none;border-radius:var(--r-pill);cursor:pointer;padding:12px 24px;transition:transform .15s,box-shadow .2s;line-height:1}
.btn-primary{background:var(--color-primary);color:var(--on-primary);box-shadow:var(--shadow-lift)}
.btn-primary:hover{transform:translateY(-1px)}
.btn-primary.big{font-size:18px;padding:16px 32px}
.btn-ghost{background:var(--surface);color:var(--text-muted);border:1px solid var(--hairline)}
.btn:active{transform:scale(.97)}
.nav-right a.txtlink,.crumbs a,.prose a,footer .flinks a{transition:color .2s,transform .2s}
.nav-right a.txtlink:active,.crumbs a:active,footer .flinks a:active{transform:scale(.97)}
.card{transition:box-shadow .2s,transform .2s}

.crumbs{font-size:var(--t-sm);color:var(--text-soft);padding:16px 0 0}
.crumbs a{color:var(--text-muted);font-weight:600}
.crumbs a:hover{color:var(--color-primary)}
.crumbs span{margin:0 6px;color:var(--text-faint)}

.phead{text-align:center;padding:40px 0 8px}
.phead .eyebrow{display:inline-block;font-weight:800;font-size:var(--t-sm);color:var(--color-primary);background:#EEF2FF;padding:6px 14px;border-radius:var(--r-pill);margin-bottom:16px}
.phead h1{font-size:clamp(30px,6vw,var(--t-3xl));font-weight:900;line-height:1.15;letter-spacing:-.01em;max-width:20ch;margin:0 auto}
.phead h1 .hib{color:var(--color-primary)}
.phead .sub{font-size:var(--t-md);color:var(--text-muted);max-width:60ch;margin:18px auto 0}

.sec{padding:48px 0}
.sec-quiet{background:var(--surface-quiet)}
.shead{text-align:center;max-width:60ch;margin:0 auto 32px}
.shead .eyebrow{font-weight:800;font-size:var(--t-sm);color:var(--color-accent-strong);letter-spacing:.02em}
.shead h2{font-size:clamp(24px,4.5vw,var(--t-2xl));font-weight:900;line-height:1.2;margin-top:8px}
.shead p{color:var(--text-muted);margin-top:12px}

.prose{max-width:70ch;margin:0 auto}
.prose h2{font-size:var(--t-xl);font-weight:900;margin:36px 0 12px;line-height:1.25}
.prose h3{font-size:var(--t-lg);font-weight:800;margin:26px 0 10px}
.prose p{color:var(--text-muted);margin:0 0 16px}
.prose ul{margin:0 0 18px;padding-inline-start:22px;color:var(--text-muted)}
.prose li{margin-bottom:8px}
.prose b,.prose strong{color:var(--text)}
.prose a{color:var(--color-primary);font-weight:700;text-decoration:underline;text-underline-offset:2px}

.cmp{max-width:900px;margin:0 auto;overflow-x:auto}
.cmp table{width:100%;border-collapse:separate;border-spacing:0;min-width:560px;font-size:var(--t-base)}
.cmp th,.cmp td{padding:16px 18px;text-align:right;border-bottom:1px solid var(--hairline);vertical-align:top}
.cmp thead th{font-weight:900;font-size:var(--t-md);background:var(--surface-quiet);border-bottom:2px solid var(--hairline)}
.cmp thead th.us{color:var(--color-primary);background:#EEF2FF}
.cmp tbody td:first-child{font-weight:700;color:var(--text)}
.cmp td.us{background:#F5F7FF;font-weight:700}
.cmp .yes{color:var(--color-accent-strong);font-weight:800}
.cmp .no{color:#B91C1C;font-weight:700}
.cmp tr:last-child td{border-bottom:none}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;max-width:960px;margin:0 auto}
.card{background:var(--card-bg,var(--surface));border:1px solid var(--hairline);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-soft)}
.card h3{font-size:var(--t-md);font-weight:800;margin-bottom:8px}
.card p{color:var(--text-muted);font-size:var(--t-sm);margin:0}

.faq details{border:1px solid var(--hairline);border-radius:var(--r-md);padding:16px 18px;margin-bottom:12px;background:var(--surface)}
.faq summary{font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .chev{width:20px;height:20px;flex:none;transition:transform .2s;stroke:var(--text-soft);fill:none;stroke-width:2.4}
.faq details[open] summary .chev{transform:rotate(180deg)}
.faq details p{color:var(--text-muted);margin-top:12px}

.cta-band{text-align:center;padding:56px 24px;background:linear-gradient(135deg,#EEF2FF,#F5F3FF);border-radius:var(--r-xl);max-width:1080px;margin:32px auto}
.cta-band h2{font-size:var(--t-2xl);font-weight:900;margin-bottom:10px}
.cta-band p{color:var(--text-muted);margin-bottom:22px}
.cta-band .microcopy{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:16px;font-size:var(--t-sm);color:var(--text-soft)}
.cta-band .microcopy span::before{content:"✓ ";color:var(--color-accent)}

footer{border-top:1px solid var(--hairline);padding:32px 24px;text-align:center;color:var(--text-soft);font-size:var(--t-sm);display:flex;flex-direction:column;gap:12px;align-items:center}
footer .fb{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--text)}
footer .fb img{width:24px;height:24px}
footer .flinks a{color:var(--text-muted);font-weight:600}
footer .flinks a:hover{color:var(--color-primary)}
footer .sep{margin:0 8px;color:var(--hairline)}

@media(max-width:640px){
  .sec{padding:36px 0}
  .phead{padding:28px 0 4px}
  .cta-band{padding:40px 20px;border-radius:0}
}

/* Apple §14: reduced transparency — frostier/solid nav, drop the blur */
@media(prefers-reduced-transparency:reduce){
  .nav{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:var(--hairline)}
}
/* Apple §14: reduced motion — gentler, non-vestibular equivalents */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:120ms!important}
  .btn-primary:hover,.btn:active,.nav-right a.txtlink:active,.crumbs a:active,footer .flinks a:active{transform:none}
}