:root{--sea:#0E2836;--deep:#08151d;--grid:#2A5164;--steel:#8DA4AF;--hit:#FF5B3A;--foam:#D6E8EE;--brass:#E4B24C;--text:#E8F1F4;--dim:#9DB3BC}
*{box-sizing:border-box}
html{background:var(--deep)}
body{margin:0;background:linear-gradient(var(--sea),var(--deep) 60%);background-attachment:fixed;color:var(--text);font:17px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;min-height:100vh}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:48px 48px;opacity:.18}
main{position:relative;max-width:720px;margin:0 auto;padding:48px 20px 64px}
.mark{display:inline-block;font:700 15px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.3em;color:var(--brass);text-decoration:none;border-bottom:3px solid var(--brass);padding-bottom:6px}
h1{font:800 clamp(40px,9vw,72px)/1.02 -apple-system,"SF Pro Display","Helvetica Neue",Arial,sans-serif;font-stretch:condensed;letter-spacing:.04em;text-transform:uppercase;color:var(--brass);margin:28px 0 12px}
h2{font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:var(--steel);margin:40px 0 8px;font-family:ui-monospace,"SF Mono",Menlo,monospace}
p,li{color:var(--text)}
.lede{font-size:21px;color:var(--foam)}
.dim{color:var(--dim)}
a{color:var(--brass)}
ul{padding-left:1.2em}
.card{background:rgba(8,21,29,.65);border:1px solid var(--grid);border-radius:16px;padding:20px 22px;margin:24px 0}
.badge{display:inline-block;border:1px solid var(--hit);color:var(--hit);border-radius:999px;padding:4px 14px;font:600 13px ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.1em}
nav{margin-top:48px;padding-top:20px;border-top:1px solid var(--grid);display:flex;gap:20px;flex-wrap:wrap;font-size:15px}
footer{color:var(--dim);font-size:13px;margin-top:20px}