:root{--navy:#0f172a;--blue:#4f6bff;--blue-light:#7b9cff;--ink:#0b1020;--muted:#64748b;--line:#e2e8f0;--surface:#fff;--surface-2:#f8fafc;--max:1180px;--radius:22px;--shadow:0 12px 40px rgba(15,23,42,.08);color-scheme:light}
[data-theme=dark]{--ink:#f8fafc;--muted:#a8b3c7;--line:#25304a;--surface:#0b1222;--surface-2:#101a2e;--shadow:0 16px 50px rgba(0,0,0,.28);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit}img{max-width:100%;display:block}button,input{font:inherit}.skip-link{position:absolute;left:-999px;top:auto}.skip-link:focus{left:1rem;top:1rem;z-index:1000;background:var(--surface);padding:.75rem 1rem;border-radius:10px}.container{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:800;letter-spacing:-.03em}.brand img{width:38px;height:38px;object-fit:contain}.brand span{font-size:1.1rem}.brand .accent{color:var(--blue)}.nav-links{display:flex;align-items:center;gap:1.25rem;font-size:.95rem;font-weight:650}.nav-links a{text-decoration:none;color:var(--muted)}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--ink)}.nav-actions{display:flex;align-items:center;gap:.5rem}.icon-btn,.menu-btn{width:42px;height:42px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;display:grid;place-items:center;cursor:pointer}.menu-btn{display:none}.hero{padding:6rem 0 5rem;background:radial-gradient(circle at 80% 10%,rgba(79,107,255,.14),transparent 35%),var(--surface)}.eyebrow{color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.hero h1{font-size:clamp(3rem,7vw,6.6rem);line-height:.98;letter-spacing:-.065em;max-width:980px;margin:1rem 0 1.5rem}.accent{color:var(--blue)}.hero p{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);max-width:720px;margin:0}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.05rem;border-radius:12px;border:1px solid var(--line);text-decoration:none;font-weight:750}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-secondary{background:var(--surface)}.section{padding:4.5rem 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.75rem}.section h2{font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.045em;margin:.35rem 0 0}.section-head p{color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}.card-body{padding:1.35rem}.card .meta{font-size:.78rem;color:var(--muted);font-weight:700}.card h3{font-size:1.3rem;line-height:1.2;letter-spacing:-.03em;margin:.55rem 0}.card p{color:var(--muted);margin:0}.tag{display:inline-flex;padding:.25rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--blue) 11%,var(--surface));color:var(--blue);font-size:.72rem;font-weight:800}.featured{display:grid;grid-template-columns:1.1fr .9fr;gap:0;border-radius:28px;overflow:hidden;background:var(--navy);color:#fff}.featured-copy{padding:clamp(2rem,5vw,4rem)}.featured-copy p{color:#c7d0e2}.featured-media{min-height:360px;background:linear-gradient(135deg,#17213a,#25345a);display:grid;place-items:center}.featured-media .logo-mark{width:140px;filter:drop-shadow(0 15px 25px rgba(0,0,0,.25))}.categories{display:flex;flex-wrap:wrap;gap:.7rem}.category{padding:.8rem 1rem;border:1px solid var(--line);border-radius:14px;text-decoration:none;font-weight:700}.newsletter{background:var(--surface-2);border:1px solid var(--line);border-radius:28px;padding:2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.newsletter form{display:flex;gap:.6rem}.newsletter input{flex:1;min-width:0;padding:.9rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}.site-footer{border-top:1px solid var(--line);padding:2.5rem 0;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer-title{color:var(--ink);font-weight:800;margin:0 0 .65rem}.footer-links{display:grid;gap:.35rem}.footer-links a{text-decoration:none}.article-shell{padding:4rem 0}.article-header{max-width:850px;margin:0 auto 2.5rem}.article-header h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.02;letter-spacing:-.06em;margin:.8rem 0 1rem}.article-lede{font-size:1.2rem;color:var(--muted)}.article-meta{display:flex;flex-wrap:wrap;gap:.7rem;color:var(--muted);font-size:.9rem}.article-hero{border-radius:26px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2);margin:2rem 0}.article-content{max-width:760px;margin:auto}.article-content h2{font-size:2rem;line-height:1.15;letter-spacing:-.04em;margin-top:3rem}.article-content h3{font-size:1.35rem;margin-top:2rem}.article-content p,.article-content li{font-size:1.05rem}.article-content code{background:var(--surface-2);border:1px solid var(--line);padding:.12rem .3rem;border-radius:5px}.article-content pre{overflow:auto;background:#0b1020;color:#f8fafc;padding:1rem;border-radius:14px}.toc{border:1px solid var(--line);background:var(--surface-2);border-radius:18px;padding:1.2rem;margin:2rem 0}.toc strong{display:block;margin-bottom:.5rem}.toc ul{margin:.3rem 0 0;padding-left:1.2rem}.author{display:flex;gap:.8rem;align-items:center;margin-top:1.4rem}.author-avatar{width:44px;height:44px;border-radius:50%;background:var(--blue);display:grid;place-items:center;color:#fff;font-weight:800}.related{margin-top:4rem}.faq details{border-top:1px solid var(--line);padding:1rem 0}.faq summary{cursor:pointer;font-weight:750}.page-intro{padding:4rem 0 2rem}.page-intro h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1;letter-spacing:-.06em;margin:.6rem 0}.prose{max-width:760px}.search-box{display:flex;gap:.6rem;margin:1.5rem 0}.search-box input{flex:1;padding:.9rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}.notice{border-left:4px solid var(--blue);padding:1rem 1.2rem;background:var(--surface-2);margin:1.5rem 0}.legal h2{margin-top:2.2rem}.muted{color:var(--muted)}.hidden{display:none!important}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.featured,.newsletter{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.nav-links{display:none}.menu-btn{display:grid}.nav.open .nav-links{display:flex;position:absolute;left:1rem;right:1rem;top:70px;flex-direction:column;align-items:stretch;padding:1rem;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.nav.open .nav-links a{padding:.6rem}}@media(max-width:640px){.container{width:min(calc(100% - 1.25rem),var(--max))}.hero{padding:4.5rem 0 3.5rem}.section{padding:3.5rem 0}.grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.newsletter form{flex-direction:column}.featured-media{min-height:240px}.article-shell{padding:2.5rem 0}.article-header h1{font-size:clamp(2.4rem,12vw,4rem)}}