:root{--bg:#070d19;--surface:#0c1525;--surface-light:#111d30;--text:#f1f5fb;--text-muted:#a5b1c5;--text-dim:#718096;--accent:#3b7cff;--accent-light:#72a2ff;--accent-soft:rgba(59,124,255,.1);--border:rgba(148,169,202,.12);--border-strong:rgba(105,151,226,.25);--font-sans:Inter,Avenir,"Segoe UI",system-ui,-apple-system,sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--radius-lg:1rem;--radius-xl:1.4rem;--shadow:0 28px 70px rgba(0,0,0,.32);--transition:.18s ease;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:4.75rem}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 70%);mask-image:linear-gradient(to bottom,#000,transparent 70%)}::selection{color:#fff;background:#245fcc}a,button{transition:color var(--transition),background var(--transition),border-color var(--transition),transform var(--transition)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-light);outline-offset:4px}img{display:block;max-width:100%}.container{width:min(100% - 2.5rem,1180px);margin-inline:auto}.narrow{width:min(100% - 2.5rem,1020px)}.section{padding:clamp(5rem,10vw,9rem) 0;scroll-margin-top:4.75rem}.section--alternate{background:#0d17277a;border-block:1px solid rgba(148,169,202,.07)}.eyebrow{display:flex;align-items:center;gap:.65rem;margin:0;color:var(--accent-light);font:600 .73rem var(--font-mono);letter-spacing:.13em;text-transform:uppercase}.eyebrow>span{width:1.8rem;height:1px;background:var(--accent)}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:4rem;margin-bottom:clamp(2.5rem,6vw,4.5rem)}.section-heading h2{margin:.75rem 0 0;font-size:clamp(2.35rem,5vw,4.35rem);line-height:1.04;letter-spacing:-.05em}.section-heading h2 span{color:var(--accent-light)}.section-heading>p{max-width:28rem;margin:0;color:var(--text-muted);line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3rem;padding:.75rem 1.15rem;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:.65rem;font-size:.83rem;font-weight:700;text-decoration:none;cursor:pointer}.button:hover{background:#4d89ff;border-color:#4d89ff;transform:translateY(-1px)}.button--secondary{color:var(--text);background:transparent;border-color:var(--border-strong)}.button--secondary:hover{background:var(--surface-light)}.button--small{min-height:2.5rem;padding:.55rem .85rem;font-size:.75rem}.tags{display:flex;flex-wrap:wrap;gap:.45rem}.tags span{padding:.4rem .58rem;color:var(--text-muted);font:500 .68rem var(--font-mono);background:var(--surface-light);border:1px solid var(--border);border-radius:.4rem}@media (max-width:750px){.container,.narrow{width:min(100% - 2rem,1180px)}.section-heading{grid-template-columns:1fr;gap:1.25rem}.section-heading>p{max-width:38rem}}@media (max-width:1100px){html{scroll-padding-top:calc(env(safe-area-inset-top) + 4.25rem)}.section{scroll-margin-top:calc(env(safe-area-inset-top) + 4.25rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-theme=light]{--bg:#f6f8fc;--surface:#fff;--surface-light:#edf2fa;--text:#111b2e;--text-muted:#526078;--text-dim:#6d7890;--accent:#2667e8;--accent-light:#1e5dcc;--accent-soft:rgba(38,103,232,.09);--border:rgba(40,64,102,.12);--border-strong:rgba(38,103,232,.25);--shadow:0 24px 60px rgba(29,50,83,.12);color-scheme:light}[data-theme=light] .section--alternate{background:#e6ecf694;border-color:var(--border)}[data-theme=light] body:before{background-image:linear-gradient(rgba(35,61,102,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(35,61,102,.035) 1px,transparent 1px)}body{transition:color .25s ease,background .25s ease}
