@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--ink:#f8fafc;--ink-soft:#fff;--ink-muted:#e2e8f0;--amber:#2563eb;--amber-dim:#1d4ed8;--bone:#0f172a;--bone-dim:#475569;--ghost:rgba(37,99,235,.08);--navy:#0f172a;--navy-dark:#020617;--blue-soft:#dbeafe;--font-serif:"Inter";--font-mono:"Fira Code";--gap:clamp(1.5rem,4vw,4rem);--max:1280px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--bone);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}body,h1,h2,h3,h4{font-family:var(--font-serif),ui-sans-serif,system-ui,sans-serif}h1,h2,h3,h4{font-weight:700;line-height:1.08;letter-spacing:-.02em}h1{font-size:clamp(3.25rem,8vw,6.8rem)}h2{font-size:clamp(2rem,5vw,3rem)}h3{font-size:clamp(1.2rem,2.5vw,1.75rem)}p{color:var(--bone-dim);max-width:62ch}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--amber)}.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gap)}.grid-12{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:1.5rem;gap:1.5rem}.section{padding-block:clamp(4rem,10vw,10rem)}.rule{display:block;width:3rem;height:2px;background:var(--amber);margin-bottom:1.5rem}.label{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);font-family:var(--font-serif),ui-sans-serif,system-ui,sans-serif;font-weight:700}.tag{display:inline-block;font-size:.65rem;padding:.25rem .65rem;border:1px solid var(--ink-muted);color:var(--bone);background:#f1f5f9;border-radius:999px}.btn,.tag{letter-spacing:0;font-family:var(--font-serif),ui-sans-serif,system-ui,sans-serif;font-weight:600}.btn{display:inline-flex;align-items:center;gap:.5rem;justify-content:center;font-size:.95rem;padding:.85rem 1.6rem;border:1px solid var(--amber);color:var(--amber);background:transparent;border-radius:.5rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}.btn:hover{background:var(--blue-soft);border-color:var(--amber-dim);color:var(--amber-dim)}.btn:active{transform:scale(.98)}.btn-solid{background:var(--amber);color:#fff}.btn-solid:hover{background:#3b82f6;color:#fff}body:before{content:none;position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.4}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-up{animation:fadeUp .7s ease both}.fade-in{animation:fadeIn .7s ease both}nav{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;min-height:4rem;padding:0 var(--gap);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--ink-muted);background:hsla(0,0%,100%,.88)}nav .wordmark{font-family:var(--font-serif),ui-sans-serif,system-ui,sans-serif;font-size:1.125rem;font-weight:700;letter-spacing:-.02em;color:var(--navy)}nav .wordmark span{color:var(--amber)}nav ul{display:flex;list-style:none;gap:.25rem}nav ul a{display:inline-flex;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;letter-spacing:0;font-weight:600;color:var(--bone-dim);transition:color .2s;position:relative}nav ul a:after{content:none}nav ul a:hover{color:var(--bone);background:#f8fafc}nav ul a.active{color:var(--amber)}footer{border-top:0;background:var(--navy);padding:2.5rem var(--gap);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}footer p{font-size:.875rem;color:hsla(0,0%,100%,.55);max-width:none}main{padding-top:0}.divider{width:100%;height:1px;background:var(--ink-muted);margin-block:0}@media (max-width:768px){nav{align-items:flex-start;flex-direction:column;gap:.75rem;padding-block:1rem}nav ul{flex-wrap:wrap;gap:.25rem}.grid-12{grid-template-columns:1fr}}