:root{--ink:#182033;--muted:#667085;--line:#e6e8ef;--paper:#fff;--wash:#f7f8fb;--brand:#5b4ae8;--brand2:#7667ef;--accent:#f0b44c;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.68}a{color:inherit}.wrap{max-width:var(--max);margin:auto;padding:0 24px}
.site-header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.nav{height:72px;display:flex;align-items:center;gap:24px}.brand{font-weight:900;font-size:1.25rem;text-decoration:none;letter-spacing:-.04em;white-space:nowrap}.brand span{color:var(--brand)}.desktop-nav{display:flex;gap:22px;margin-left:auto;align-items:center}.desktop-nav a{text-decoration:none;color:#475467;font-weight:700;font-size:.93rem}.header-cta{margin-left:2px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;text-decoration:none;padding:11px 17px;border-radius:10px;font-weight:800;border:0;cursor:pointer}.btn:hover{background:#4939d3}.btn.alt{background:#fff;color:var(--ink);border:1px solid var(--line)}
.mobile-controls{display:none;margin-left:auto;align-items:center;gap:8px}.hamb{width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:1.3rem;cursor:pointer}.mobile-menu{display:none;border-top:1px solid var(--line);padding:12px 24px 18px}.mobile-menu.open{display:grid}.mobile-menu a{padding:10px 0;text-decoration:none;font-weight:750;color:#475467}
.hero{background:linear-gradient(145deg,#f6f4ff,#fff 58%,#fff8e8);padding:88px 0 76px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:850;color:var(--brand)}h1{font-size:clamp(2.45rem,6vw,4.8rem);line-height:1.03;letter-spacing:-.055em;margin:.25em 0;max-width:920px}h2{font-size:2rem;line-height:1.18;letter-spacing:-.035em;margin:44px 0 14px}h3{line-height:1.28;letter-spacing:-.02em}.hero p{font-size:1.18rem;max-width:720px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.section{padding:68px 0}.section.alt{background:var(--wash)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.four{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--line);border-radius:16px;padding:23px;background:#fff;text-decoration:none;display:block}.card:hover{border-color:#c9c3ff;box-shadow:0 10px 30px rgba(30,33,70,.06)}.card p,.muted{color:var(--muted)}.tag{display:inline-block;background:#f0edff;color:#4b3dd0;border-radius:999px;padding:5px 9px;font-size:.74rem;font-weight:850}
.content-shell{max-width:var(--max);margin:auto;padding:54px 24px 72px;display:grid;grid-template-columns:minmax(0,780px) 300px;gap:58px;align-items:start}.article h1{font-size:clamp(2.4rem,5vw,4rem)}.article p,.article li{font-size:1.055rem}.article .lead{font-size:1.23rem;color:var(--muted)}.breadcrumb{font-size:.86rem;color:var(--muted);margin-bottom:22px}.breadcrumb a{color:var(--muted)}.note{border-left:4px solid var(--accent);background:#fff8e8;padding:16px 18px;margin:28px 0}.affiliate{background:#f5f3ff;border:1px solid #dcd7ff;border-radius:16px;padding:24px;margin:36px 0}.affiliate h3{margin:7px 0 8px}.sidebar{position:static}.sidebox{border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:18px}.sidebox h3{margin-top:0}.sidebox a:not(.btn){display:block;padding:6px 0;color:#475467}.sidebox .btn{width:100%;margin-top:8px}.experience{font-size:.92rem;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:42px 0;color:var(--muted)}footer .foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}footer a{color:var(--muted)}.sitemap-list{columns:2;column-gap:36px}.sitemap-list li{break-inside:avoid;margin:8px 0}
table{width:100%;border-collapse:collapse;margin:24px 0}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}
@media(max-width:900px){.desktop-nav,.header-cta{display:none}.mobile-controls{display:flex}.nav{gap:10px}.mobile-controls .btn{padding:10px 12px;font-size:.86rem}.content-shell{grid-template-columns:1fr;gap:24px}.sidebar{order:2}.grid,.grid.four{grid-template-columns:1fr}.hero{padding:58px 0}.sitemap-list{columns:1}}
@media(max-width:430px){.wrap,.content-shell{padding-left:16px;padding-right:16px}.brand{font-size:1.04rem}.mobile-controls{gap:6px}.mobile-controls .btn{padding:9px 10px}.hamb{width:40px;height:40px}.nav{height:66px}}

/* Editorial production adjustments */
@media(max-width:900px){
  .desktop-nav,.header-cta,.hamb,.mobile-menu{display:none!important}
  .mobile-controls{display:flex!important;margin-left:auto!important}
  .mobile-controls .btn{font-size:.98rem!important;padding:12px 18px!important}
  .brand{margin-right:auto!important}
}
.cta-popup-backdrop{position:fixed;inset:0;background:rgba(18,24,38,.48);display:none;align-items:center;justify-content:center;padding:20px;z-index:200}
.cta-popup-backdrop.show{display:flex}.cta-popup{position:relative;background:#fff;border-radius:20px;max-width:520px;width:100%;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.24)}
.cta-popup h2{margin:4px 36px 10px 0;font-size:1.8rem}.cta-popup p{color:var(--muted)}.popup-close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:1.7rem;cursor:pointer;color:#667085}
.popup-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.popup-actions .btn.alt{background:#fff}

.meta-row{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 24px;color:#667085;font-size:.88rem}.meta-chip{background:#f7f8fb;border:1px solid #e6e8ef;border-radius:999px;padding:5px 9px}
.takeaways{border:1px solid #dedaff;background:#f8f7ff;border-radius:16px;padding:22px;margin:28px 0}.takeaways h2{margin:0 0 10px;font-size:1.35rem}.takeaways ul{margin:0;padding-left:20px}
.toc{border:1px solid var(--line);border-radius:16px;padding:22px;margin:28px 0;background:#fff}.toc h2{font-size:1.25rem;margin:0 0 10px}.toc a{display:block;color:#4b3dd0;padding:4px 0}
.cluster-strip{background:var(--wash);border:1px solid var(--line);border-radius:16px;padding:20px;margin:28px 0}.cluster-strip h2{font-size:1.25rem;margin:0 0 10px}.cluster-links{display:flex;gap:8px;flex-wrap:wrap}.cluster-links a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 11px;text-decoration:none;font-size:.88rem;font-weight:700}
.freshness{border-left:4px solid #5b4ae8;background:#f7f5ff;padding:14px 16px;margin:24px 0;color:#475467}.faq{margin-top:48px}.faq details{border-top:1px solid var(--line);padding:16px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{margin-bottom:0;color:#475467}
.next-step{border-radius:18px;background:#182033;color:#fff;padding:26px;margin:38px 0}.next-step h2{color:#fff;margin:0 0 8px}.next-step p{color:#d7dbea}.next-step a{margin-right:8px;margin-top:8px}
.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hub-group{border:1px solid var(--line);border-radius:16px;padding:22px}.hub-group a{display:block;padding:6px 0;color:#475467}.hub-count{font-size:.78rem;font-weight:850;color:#5b4ae8;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:900px){.knowledge-grid{grid-template-columns:1fr}}