nav.top{display:flex;justify-content:space-between;align-items:center;padding:22px 40px;position:sticky;top:0;background:var(--bone);z-index:50}nav.top .brand{display:inline-flex;align-items:center;gap:14px;color:var(--ink)}nav.top .brand-logo{display:none}nav.top .brand-wordmark{font-family:var(--display);font-weight:900;font-size:22px;letter-spacing:.02em;text-transform:uppercase;position:relative;padding-left:16px;line-height:1;display:inline-block}nav.top .brand-wordmark:before{content:"";position:absolute;left:0;bottom:4px;width:9px;height:9px;background:var(--cyan-deep)}nav.top .links{display:flex;gap:28px;align-items:center;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--fog)}nav.top .links a:hover{color:var(--ink)}nav.top .links a.active{color:var(--ink);font-weight:500}nav.top .links .nav-cta{background:var(--ink);color:var(--bone);padding:8px 14px;font-family:var(--body);font-weight:600;font-size:12px;letter-spacing:.04em;transition:all .15s}nav.top .links .nav-cta:hover{background:var(--cyan-deep);color:var(--bone);transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--ink)}.hero{max-width:960px;margin:0 auto;padding:96px 40px 40px}.section-label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--fog);margin-bottom:24px;display:flex;align-items:center;gap:14px}.section-label:before{content:"";width:28px;height:1px;background:var(--fog)}.hero h1{font-family:var(--display);font-weight:900;font-size:clamp(56px,9vw,128px);line-height:.88;letter-spacing:-.025em;text-transform:uppercase;color:var(--ink);margin-bottom:28px}.hero h1 .outline{-webkit-text-stroke:1.5px var(--ink);color:transparent;-webkit-text-fill-color:transparent}.hero-sub{font-family:var(--body);font-size:clamp(16px,1.6vw,19px);line-height:1.5;color:var(--ink);opacity:.78;max-width:660px}main .content{max-width:760px;margin:0 auto;padding:56px 40px 88px}.block{margin-bottom:56px}.block h2{font-family:var(--display);font-weight:900;font-size:clamp(28px,3.6vw,40px);line-height:1.05;letter-spacing:-.01em;text-transform:uppercase;color:var(--ink);margin-bottom:20px;display:flex;align-items:baseline;gap:16px}.block h2 .tag{font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.12em;color:var(--fog);padding:4px 10px;background:var(--bone-softer);text-transform:uppercase;line-height:1.4;flex-shrink:0}.block h2 .tag.cyan{color:var(--ink);background:var(--cyan)}.block h3{font-family:var(--body);font-weight:700;font-size:17px;line-height:1.35;color:var(--ink);margin:28px 0 12px}.block p,.block li{font-family:var(--body);font-size:16px;line-height:1.65;color:var(--ink)}.block p+p{margin-top:14px}.block ul{padding-left:22px;margin-top:12px}.block li+li{margin-top:6px}.block li::marker{color:var(--fog)}.block a.inline{color:var(--cyan-deep);border-bottom:1px solid var(--cyan-deep)}.block a.inline:hover{color:var(--ink);border-color:var(--ink)}.block strong{font-weight:700}.block code{font-family:var(--mono);font-size:.92em;background:var(--bone-softer);padding:2px 6px;border:1px solid var(--stroke-soft)}.placeholder{background:#0000000f;padding:0 4px;color:var(--fog);font-family:var(--mono);font-size:.92em}.updated{margin-top:56px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--fog)}footer{max-width:1200px;margin:0 auto;padding:32px 40px 24px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;border-top:1px solid var(--stroke-soft);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--fog)}footer a{color:var(--fog)}footer a:hover{color:var(--ink)}footer .foot-links{display:flex;gap:18px;flex-wrap:wrap}@media(max-width:700px){nav.top{padding:18px 20px}nav.top .links{gap:14px;font-size:10px}nav.top .links .nav-cta{padding:7px 10px;font-size:11px}nav.top .brand-wordmark{display:none}nav.top .brand-logo{display:block;height:32px;width:auto}.hero{padding:64px 20px 32px}main .content{padding:32px 20px 64px}footer{padding:32px 20px 24px;flex-direction:column}}