:root{--dark:#070816;--cream:#f6f1e8;--text:#151622;--muted:#555967;--accent:#19d3c5;--accent-3:#7c5cff;--shadow:0 28px 80px rgba(7,8,22,.18)}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--cream);color:var(--text);line-height:1.7}
.nav{position:sticky;top:0;z-index:10;background:rgba(7,8,22,.92);backdrop-filter:blur(18px)}
.nav-inner{max-width:1100px;margin:auto;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.logo{color:#fff;text-decoration:none;font-size:2.5rem;font-weight:950;letter-spacing:-.085em;line-height:1}.logo span{color:var(--accent)}
.back{color:#fff;text-decoration:none;font-weight:850}
main{max-width:980px;margin:46px auto 70px;padding:0 22px}
article{background:rgba(255,255,255,.82);border:1px solid rgba(7,8,22,.08);border-radius:32px;padding:clamp(28px,7vw,70px);box-shadow:var(--shadow)}
.label{color:var(--accent-3);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:950}
h1{margin:12px 0 22px;font-size:clamp(2.6rem,7vw,5.4rem);line-height:.95;letter-spacing:-.07em}
h2{margin:34px 0 8px;font-size:1.45rem;line-height:1.2;letter-spacing:-.04em}
p,li{color:var(--muted);font-size:1.06rem}li{margin:8px 0}a{color:#4232a8;font-weight:800}
.article-date{font-size:.88rem}
.cta{margin-top:38px;padding:26px;border-radius:22px;background:var(--dark);color:#fff}.cta p{margin-top:0;color:rgba(255,255,255,.72)}
.btn{display:inline-flex;padding:14px 20px;border-radius:999px;color:var(--dark);background:linear-gradient(135deg,var(--accent),#fff);text-decoration:none;font-weight:900}
footer{padding:30px 22px;background:#050611;color:rgba(255,255,255,.7);text-align:center}
.sutton-fox-brand{min-height:76px;padding:10px max(22px,calc((100vw - 1040px)/2));display:flex;align-items:center;gap:12px;overflow:hidden;color:#fff;background:radial-gradient(circle at 15% 0,rgba(124,92,255,.28),transparent 30%),#050611}
.sutton-fox-brand img{width:64px;height:64px;align-self:end;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.3))}
.sutton-fox-brand div{display:grid;gap:1px}
.sutton-fox-brand span{color:var(--accent);font-size:.55rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase}
.sutton-fox-brand strong{font-size:.92rem;letter-spacing:-.03em}
@media(max-width:640px){.logo{font-size:2.1rem}.back{font-size:.9rem}main{margin-top:28px}article{border-radius:24px}}
@media(max-width:640px){.sutton-fox-brand{min-height:64px;padding:8px 18px;gap:9px}.sutton-fox-brand img{width:48px;height:48px}.sutton-fox-brand span{font-size:.5rem}.sutton-fox-brand strong{font-size:.82rem}}