:root{color-scheme:dark;--bg:#0b1017;--panel:#151d27;--line:#2a3744;--text:#edf5fa;--muted:#a6b9c7;--cyan:#3cdeef;--amber:#ffba3a;--max:890px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 85% -15%,#173b4b 0%,transparent 43%),radial-gradient(ellipse at 2% 58%,#2c2114 0%,transparent 37%),var(--bg);color:var(--text);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:var(--max);margin:auto;padding:0 26px}.nav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}.brand{font-weight:850;letter-spacing:.05em;color:var(--text);font-size:18px}.brand b{color:var(--amber)}nav{display:flex;flex-wrap:wrap;gap:16px}nav a{font-size:14px;color:var(--muted)}nav a:hover,nav a[aria-current=page]{color:var(--cyan)}
.hero{display:grid;grid-template-columns:1.4fr .9fr;align-items:center;gap:34px;padding:65px 0 50px}.hero img{width:100%;max-width:315px;filter:drop-shadow(0 10px 44px rgba(52,205,240,.1));justify-self:center}.eyebrow{text-transform:uppercase;color:var(--cyan);font-size:12px;letter-spacing:.24em;font-weight:750}.hero h1{font-size:clamp(48px,8vw,82px);line-height:1.04;margin:14px 0 12px;letter-spacing:-.055em}.hero h1 span{color:var(--amber)}.lede{font-size:clamp(18px,2.5vw,23px);color:#d8e6ef;margin:0 0 14px}.muted{color:var(--muted)}.tag{display:inline-block;border:1px solid var(--line);border-radius:50px;padding:4px 12px;font-size:12px;color:var(--muted);margin:8px 8px 0 0}.button{display:inline-block;background:var(--cyan);color:#08121a;font-weight:800;padding:12px 20px;border-radius:10px;margin:18px 0 4px}.button:hover{text-decoration:none;background:#9cf6ff}
section{margin:28px 0}.panel{background:linear-gradient(125deg,rgba(25,36,48,.94),rgba(14,24,33,.96));border:1px solid var(--line);border-radius:16px;padding:25px 28px}h1,h2,h3{line-height:1.2}h2{font-size:26px;margin:0 0 16px}h3{margin:20px 0 8px;color:#fff}p{margin:12px 0}ul{padding-left:24px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote{padding-left:18px;border-left:3px solid var(--amber);color:#d9e6ed;font-size:18px}.content{padding:46px 0 56px}.content h1{font-size:clamp(36px,5vw,52px);letter-spacing:-.045em;margin:5px 0 14px}.content h2{font-size:22px;margin-top:32px}.kicker{color:var(--cyan);font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:750}.notice{border-left:3px solid var(--amber);background:#332714;padding:13px 17px;border-radius:0 8px 8px 0;color:#fce4b6;margin:20px 0}.small{font-size:13px}.footer{border-top:1px solid var(--line);padding:23px 0 50px;font-size:13px;color:var(--muted)}.footer-inner{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}.footer-links{display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:640px){.hero{grid-template-columns:1fr;padding-top:34px}.hero img{grid-row:1;width:190px}.cols{grid-template-columns:1fr}.nav{flex-direction:column;align-items:flex-start}.panel{padding:20px}}