:root{--red:#d3122c;--red-dk:#b00e24;--ink:#131119;--paper:#f4f4f4;--line:#e2e2e2;--steel:#5c5c5c;--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(--red);outline-offset:3px}
.bar :focus-visible,footer :focus-visible,.hero :focus-visible{outline-color:#fff}
.bar{background:var(--red);color:#fff}
.bar-inner{max-width:1240px;margin:0 auto;padding:12px 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;line-height:1;text-decoration:none;color:#fff}
.brand img{width:50px;height:50px;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:13px 24px;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
.back:hover{background:#000}
.hero{position:relative;overflow:hidden;color:#fff;padding:96px 36px 88px;background:radial-gradient(55% 90% at 100% 0%,rgba(211,18,44,.26),rgba(211,18,44,0) 70%),linear-gradient(160deg,#1d1a26 0%,#0d0b12 100%)}
.hero::before{content:"";position:absolute;pointer-events:none;width:560px;aspect-ratio:1;border-radius:50%;top:-240px;right:-200px;border:1.5px solid rgba(255,255,255,.06)}
.hero-in{position:relative;z-index:1}
.hero-in{max-width:860px;margin:0 auto}
.eyebrow{display:inline-flex;align-items:center;gap:14px;font-family:var(--display);font-weight:600;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.eyebrow::before{content:"";width:14px;height:3px;background:var(--red)}
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,.62);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:#3a3a3a}
main p{margin-bottom:16px}
main ul{margin:0 0 16px 22px}
main li{margin-bottom:8px}
main li::marker{color:var(--red)}
main a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.note{background:var(--paper);border-left:4px solid var(--red);padding:24px 28px;margin:0 0 56px;font-size:.98rem}
footer{background:var(--red);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:10px 20px}.hero{padding:64px 22px 56px}main{padding:64px 22px 96px}.brand span{display:none}.brand img{width:44px;height:44px}}
