:root{--ground:#0D0F12;--hair:#2A3038;--ink:#ECEEF1;--muted:#8A929C;--lcd:#FF9A1F;--lcd-ink:#2B1703;--doto:"Doto",ui-monospace,Menlo,monospace;--sans:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--lcd)}
.wrap{width:min(760px,100%);margin:0 auto;padding-inline:clamp(16px,4vw,32px)}
header{border-bottom:1px solid var(--hair)}
header .wrap{display:flex;align-items:center;height:64px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:900 20px/1 var(--doto);letter-spacing:.12em}
.logo i{width:24px;height:16px;border-radius:5px;background:var(--lcd);box-shadow:0 0 14px rgba(255,154,31,.45)}
header nav{margin-left:auto;display:flex;gap:18px;font-size:15px}
header nav a{color:var(--muted);text-decoration:none}
main{padding-block:56px 80px}
.eyebrow{font:700 13px/1 var(--doto);letter-spacing:.18em;text-transform:uppercase;color:var(--lcd)}
h1{font-size:clamp(34px,5vw,48px);line-height:1.08;letter-spacing:-.02em;margin:14px 0 12px;text-wrap:balance}
h2{font-size:22px;letter-spacing:-.01em;margin:40px 0 8px}
p,li{color:#C6CBD2}
.meta{color:var(--muted);font-size:15px}
.box{border:1px solid var(--hair);border-radius:20px;padding:22px 24px;background:#111316;margin-top:24px}
.box p{margin:0}
details{border:1px solid var(--hair);border-radius:16px;padding:16px 20px;background:#111316;margin-top:10px}
summary{cursor:pointer;font-weight:700;color:var(--ink)}
details p{margin:10px 0 0}
footer{border-top:1px solid var(--hair);padding-block:32px;color:var(--muted);font-size:14px}
footer .wrap{display:flex;gap:20px;flex-wrap:wrap}
footer a{color:var(--muted)}
:focus-visible{outline:2px solid var(--lcd);outline-offset:3px;border-radius:8px}