:root{color-scheme:dark;--bg:#0e0e0e;--ink:#f4f4f2;--muted:#a3a3a0;--surface:#1e1e1d;--line:#2c2c2a;--accent:#ff5b1f;--max:760px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:3px}
.nav{position:sticky;top:0;z-index:2;border-bottom:1px solid var(--line);background:rgba(14,14,14,.88);backdrop-filter:blur(18px)}
.nav-inner{max-width:1040px;margin:auto;height:68px;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:-.3px}.brand img{border-radius:8px}
.back{color:var(--muted);font-size:14px;text-decoration:none}.back:hover{color:var(--ink)}
main{width:min(var(--max),calc(100% - 40px));margin:0 auto;padding:72px 0 90px}
.eyebrow{margin:0;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
h1{margin:12px 0 0;font-size:clamp(42px,8vw,68px);line-height:.98;letter-spacing:-.055em}
.date{margin:18px 0 0;color:var(--muted);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}
.intro{margin:34px 0 0;font-size:20px;line-height:1.55;letter-spacing:-.015em}
section{padding-top:42px}
h2{margin:0 0 14px;font-size:23px;line-height:1.2;letter-spacing:-.025em}
p,li{color:var(--muted);font-size:15px;line-height:1.72}
p{margin:10px 0}ul{margin:11px 0 0;padding-left:22px}li+li{margin-top:8px}
.contact{margin-top:50px;padding:24px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}.contact h2{font-size:19px}.contact p{margin-bottom:0}
footer{border-top:1px solid var(--line)}.footer-inner{max-width:1040px;margin:auto;padding:28px 24px 40px;display:flex;gap:18px;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.footer-links{display:flex;gap:18px}.footer-links a{text-decoration:none}.footer-links a:hover{color:var(--ink)}
@media(max-width:600px){main{padding-top:48px}.nav-inner{height:60px}.intro{font-size:18px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}}
@media(prefers-color-scheme:light){:root{color-scheme:light;--bg:#fff;--ink:#0e0e0e;--muted:#5e5e5e;--surface:#f4f4f2;--line:#e7e7e4}.nav{background:rgba(255,255,255,.88)}}