:root{--ink:#17202b;--muted:#5c6773;--bg:#f7f8fb;--card:#fff;--line:#e3e7ed;--accent:#5b47e0;--accent-dark:#4634c7;--mint:#e9fbf4;--warm:#fff7df;--max:1140px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.7}
a{color:#4938c9;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}.nav{min-height:68px;display:flex;align-items:center;gap:24px}.logo{font-weight:900;font-size:1.2rem;color:var(--ink);white-space:nowrap}.logo span{color:var(--accent)}
.desktop-nav{display:flex;align-items:center;gap:18px;margin-left:auto;font-size:.93rem}.desktop-nav a{color:var(--ink)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff!important;padding:10px 15px;border-radius:9px;font-weight:800;text-decoration:none!important;white-space:nowrap}.nav-cta:hover,.btn:hover{background:var(--accent-dark)}
.mobile-actions{display:none;margin-left:auto;align-items:center;gap:8px}.hamburger{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:9px;display:grid;place-items:center;cursor:pointer}.hamburger span,.hamburger span:before,.hamburger span:after{display:block;width:20px;height:2px;background:var(--ink);content:"";position:relative}.hamburger span:before{position:absolute;top:-6px}.hamburger span:after{position:absolute;top:6px}
.mobile-menu{display:none;background:#fff;border-top:1px solid var(--line);padding:10px 18px 18px}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:10px 2px;color:var(--ink);font-weight:650}
.hero{padding:72px 0 52px;background:linear-gradient(135deg,#f3f0ff,#f8fbff 55%,#eafff6)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.73rem;font-weight:850;color:var(--accent)}
h1,h2,h3,h4{line-height:1.16;letter-spacing:-.025em}h1{font-size:clamp(2.35rem,5vw,4.35rem);margin:.22em 0}.hero p{font-size:1.16rem;color:var(--muted);max-width:720px}.panel,.card,.article{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 28px rgba(30,42,60,.05)}.panel{padding:28px}.kicker{display:inline-block;background:#eeeaff;color:#4938c9;padding:5px 9px;border-radius:999px;font-size:.76rem;font-weight:850}
section{padding:50px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:23px}.card h3{margin:.3em 0}.card p{color:var(--muted)}.more{font-weight:800}
.article-wrap{display:grid;grid-template-columns:minmax(0,790px) 270px;gap:30px;align-items:start;padding:42px 0 64px}.article{padding:38px}.article h1{font-size:clamp(2.2rem,4vw,3.45rem)}.article h2{margin-top:1.65em;font-size:1.65rem}.article h3{margin-top:1.35em}.article p,.article li{color:#34404b}.article table{border-collapse:collapse;width:100%;font-size:.93rem;display:block;overflow-x:auto}.article th,.article td{border:1px solid var(--line);padding:11px;text-align:left;vertical-align:top;min-width:125px}.article th{background:#f4f5f8}
.callout{background:var(--warm);border:1px solid #efd68b;border-radius:12px;padding:18px;margin:24px 0}.experience{background:var(--mint);border:1px solid #bcebd8;border-radius:12px;padding:18px;margin:24px 0}.cta{background:#211c48;color:#fff;border-radius:15px;padding:25px;margin:30px 0}.cta p{color:#e6e2ff}.cta a{background:#fff;color:#3427b4;padding:11px 16px;border-radius:8px;font-weight:850;display:inline-block}
aside{position:static}.sidebox{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:18px}.sidebox h3{margin-top:0}.sidebox a{display:block;margin:8px 0}.sidebox .btn{display:flex;margin-top:12px}.disclosure,.updated{font-size:.82rem;color:var(--muted)}
.breadcrumb{font-size:.85rem;color:var(--muted);margin-bottom:18px}.breadcrumb a{color:var(--muted)}
.sitemap-list{columns:2;column-gap:38px}.sitemap-list li{break-inside:avoid;margin:7px 0}
footer{border-top:1px solid var(--line);background:#fff;padding:38px 0;color:var(--muted)}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.foot a{display:block;margin:6px 0;color:var(--muted)}
@media(max-width:820px){.desktop-nav{display:none}.mobile-actions{display:flex}.nav{gap:8px}.logo{font-size:1rem}.mobile-actions .nav-cta{padding:9px 11px;font-size:.82rem}.hero-grid,.article-wrap,.foot{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.hero{padding-top:45px}.article{padding:24px}.sitemap-list{columns:1}h1{font-size:2.4rem}}
@media(max-width:390px){.logo{font-size:.93rem}.mobile-actions{gap:6px}.mobile-actions .nav-cta{padding:8px 9px;font-size:.78rem}.hamburger{width:39px;height:39px}}

/* Final mobile/header and sitewide offer-popup rules */
.offer-popup-backdrop{position:fixed;inset:0;background:rgba(16,19,30,.52);display:none;align-items:center;justify-content:center;padding:20px;z-index:9999}
.offer-popup-backdrop.show{display:flex}
.offer-popup{position:relative;width:min(520px,100%);background:#fff;border-radius:18px;padding:30px;box-shadow:0 28px 80px rgba(0,0,0,.24);border:1px solid var(--line)}
.offer-popup h2{margin:.1em 36px .4em 0;font-size:1.75rem}.offer-popup p{color:var(--muted)}
.offer-popup-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.offer-popup .stay{background:#fff;color:var(--ink);border:1px solid var(--line);padding:10px 15px;border-radius:9px;font-weight:800;cursor:pointer}
.offer-popup-close{position:absolute;right:15px;top:13px;border:0;background:transparent;font-size:1.7rem;line-height:1;cursor:pointer;color:var(--muted)}
@media(max-width:820px){
  .desktop-nav{display:none!important}
  .mobile-actions{display:flex!important;margin-left:auto}
  .mobile-actions .hamburger{display:none!important}
  .mobile-actions .nav-cta{font-size:.9rem;padding:11px 16px;min-height:44px}
  .mobile-menu{display:none!important}
  .nav{justify-content:space-between}
  .offer-popup{padding:25px 21px}
  .offer-popup-actions{display:grid;grid-template-columns:1fr}
}

/* Authority-system UX */
.desktop-nav{position:relative}
.nav-group{position:relative;padding:22px 0}
.nav-group>a{display:flex;gap:4px;align-items:center}
.mega{display:none;position:absolute;top:62px;left:-18px;width:510px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 55px rgba(20,30,50,.14);padding:18px;z-index:300}
.nav-group:hover .mega,.nav-group:focus-within .mega{display:block}
.mega-title{font-weight:900;margin-bottom:10px}.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}.mega a{padding:7px 4px;font-size:.88rem;color:var(--ink)}.mega .view-all{grid-column:1/-1;border-top:1px solid var(--line);margin-top:7px;padding-top:12px;font-weight:850;color:var(--accent)}
.takeaways{display:grid;gap:9px;margin:22px 0}.takeaway{display:flex;gap:10px;background:#f7f8fb;border:1px solid var(--line);border-radius:10px;padding:12px 14px}.takeaway b{color:var(--accent)}
.toc{background:#fafaff;border:1px solid #ddd8ff;border-radius:12px;padding:18px 20px;margin:24px 0}.toc strong{display:block;margin-bottom:8px}.toc a{display:block;margin:5px 0}
.cluster-box{margin:25px 0;border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff}.cluster-box h2{font-size:1.25rem;margin:.1em 0 .6em}.cluster-links{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px}.cluster-links a{padding:7px 0;border-bottom:1px solid #f0f1f4}
.freshness{background:#f3f8ff;border-left:4px solid #6a8ee8;padding:13px 15px;margin:20px 0;font-size:.91rem}
.faq{margin-top:34px}.faq details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:9px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{margin-bottom:0}
.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hub-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px}.hub-card h2,.hub-card h3{margin-top:.1em}.hub-card ul{padding-left:19px}.hub-card li{margin:5px 0}
.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:25px 0}.journey a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;text-align:center;font-weight:800}
.meta-row{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 18px}.meta-pill{font-size:.78rem;background:#f1efff;color:#4938c9;border-radius:999px;padding:5px 9px;font-weight:800}
@media(max-width:820px){.nav-group,.mega{display:none!important}.hub-grid,.journey,.cluster-links{grid-template-columns:1fr}}