:root{--ink:#0a0a0b;--concrete:#f3f3f4;--line:#e2e2e5;--steel:#62626b;--amber:#ff7a1a;--ember:#f2451c;--gradient:linear-gradient(120deg,var(--amber),var(--ember));--display:'Space Grotesk',system-ui,sans-serif;--body:'Inter Tight',system-ui,sans-serif;--cut:14px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);font-size:1.0625rem;line-height:1.7;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.bar{background:var(--gradient);color:#fff}
.bar-inner{max-width:1240px;margin:0 auto;padding:14px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:700;font-size:1.05rem;letter-spacing:-.02em;text-decoration:none;color:#fff}
.brand img{width:44px;height:44px;object-fit:contain}
.back{font-family:var(--display);font-weight:600;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;background:var(--ink);color:#fff;padding:14px 24px;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
.hero{background:linear-gradient(165deg,#161618,#0a0a0b 70%);color:#fff;padding:96px 36px 88px}
.hero-in{max-width:860px;margin:0 auto}
.eyebrow{font-family:var(--display);font-weight:500;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}
h1{font-family:var(--display);font-weight:700;font-size:clamp(2.4rem,5vw,4rem);letter-spacing:-.045em;line-height:1;margin-top:22px}
.updated{margin-top:22px;color:rgba(255,255,255,.6);font-size:.95rem}
main{max-width:860px;margin:0 auto;padding:96px 36px 140px}
main h2{font-family:var(--display);font-weight:700;font-size:1.6rem;letter-spacing:-.03em;line-height:1.15;margin:64px 0 16px}
main h2:first-child{margin-top:0}
main p,main li{color:#3d3d44}
main p{margin-bottom:16px}
main ul{margin:0 0 16px 22px}
main li{margin-bottom:8px}
main a{text-decoration:underline;text-underline-offset:3px}
.note{background:var(--concrete);padding:24px 28px;margin:0 0 56px;font-size:.98rem;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
footer{background:var(--gradient);color:rgba(255,255,255,.9);padding:56px 36px 32px;font-size:.92rem}
.foot{max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 28px}
.foot a{color:#fff;font-weight:600;text-decoration:none;margin-right:18px}
.foot a:hover{text-decoration:underline}
@media(max-width:620px){.bar-inner{padding:12px 20px}.hero{padding:64px 22px 56px}main{padding:64px 22px 96px}.brand span{display:none}}
