:root{color-scheme:dark;--ink:#f8fafc;--muted:#cbd5e1;--surface:#101827;--line:rgba(148,163,184,.22);--blue:#60a5fa;--purple:#c084fc}*{box-sizing:border-box}body{margin:0;background:#070b16;color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.6}.page-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px max(24px,calc((100% - 1120px)/2));border-bottom:1px solid var(--line);background:rgba(7,11,22,.9);position:sticky;top:0;z-index:2}.page-nav img{display:block}.page-nav nav{display:flex;flex-wrap:wrap;gap:18px}.page-nav a{color:var(--ink);text-decoration:none}.page-nav .button{background:linear-gradient(135deg,var(--blue),var(--purple));padding:9px 14px;border-radius:9px}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.hero{padding:84px 0 46px;text-align:center;background:radial-gradient(circle at top,rgba(96,165,250,.2),transparent 55%)}.eyebrow{color:var(--blue);font-size:.82rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.hero h1{font-size:clamp(2.4rem,6vw,4.8rem);line-height:1.05;margin:12px auto 20px;max-width:900px}.hero p{color:var(--muted);font-size:1.15rem;max-width:760px;margin:auto}.section{padding:48px 0}.section h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.15}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}.card,details{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px}.card h3{margin-top:0}.card p,.section p,details{color:var(--muted)}details{margin:12px 0}summary{cursor:pointer;color:var(--ink);font-weight:700}.cta{padding:50px 24px;text-align:center;border-radius:20px;background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(168,85,247,.2));margin:40px 0 72px}.cta a{display:inline-block;margin-top:8px;color:white;text-decoration:none;background:linear-gradient(135deg,var(--blue),var(--purple));padding:12px 18px;border-radius:9px}footer{border-top:1px solid var(--line);padding:28px 20px;text-align:center;color:var(--muted)}.articles a{display:block;color:var(--ink);text-decoration:none}.articles a:hover{color:var(--blue)}@media(max-width:620px){.page-nav{align-items:flex-start;flex-direction:column}.hero{padding-top:58px}}