:root{
  --ink:#101b26;--ink-2:#16232f;--slate:#1d3040;--paper:#f5f6f4;--paper-2:#fff;
  --coral:#d75f4c;--coral-deep:#b94733;--line:#e2e4e2;--line-dark:rgba(255,255,255,.12);
  --muted:#5c6b76;--muted-light:#9fb0bd;--maxw:820px;--radius:4px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.01em;line-height:1.1}
a{color:var(--coral);text-decoration:none}
a:hover{text-decoration:underline}
img{display:block}

header{position:sticky;top:0;z-index:100;background:rgba(16,27,38,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-dark)}
.nav{max-width:1180px;margin:0 auto;padding:0 24px;height:74px;display:flex;align-items:center;justify-content:space-between}
.logo-img{height:26px;width:auto}
.back{font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:#cdd8e0}
.back:hover{color:#fff;text-decoration:none}

.hero{background:var(--ink);color:#fff;padding:70px 0 54px}
.hero .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.eyebrow{font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--coral);display:block;margin-bottom:14px}
.hero h1{font-size:clamp(30px,5vw,44px);text-transform:uppercase}
.hero .upd{color:var(--muted-light);font-size:14px;margin-top:14px;font-family:'JetBrains Mono',monospace}

main{max-width:var(--maxw);margin:0 auto;padding:56px 24px 90px}
main .intro{font-size:17px;color:var(--muted);margin-bottom:40px}
main h2{font-size:22px;text-transform:uppercase;margin:38px 0 14px;padding-top:22px;border-top:1px solid var(--line);color:var(--ink)}
main h2:first-of-type{border-top:none;padding-top:0}
main p{margin-bottom:12px;color:#2b3944}
main ul{margin:12px 0 12px 4px;list-style:none}
main li{padding:6px 0 6px 20px;position:relative;color:#2b3944}
main li::before{content:"—";position:absolute;left:0;color:var(--coral)}
main .box{background:var(--paper-2);border:1px solid var(--line);border-left:3px solid var(--coral);border-radius:var(--radius);padding:20px 24px;margin:16px 0}
main .box p{margin-bottom:4px}
main strong{color:var(--ink)}

footer{background:#0b141c;color:#8ea0ad;padding:34px 0;text-align:center;font-size:13px;font-family:'JetBrains Mono',monospace}
footer a{color:#8ea0ad}
