:root{--bg:#07101f;--panel:#101b2f;--text:#eef4ff;--muted:#aab8cf;--brand:#6ee7ff;--line:#243551;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#07101f,#0b1424 55%,#07101f);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.75}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}header{position:sticky;top:0;background:rgba(7,16,31,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:10}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav nav{display:flex;gap:18px;flex-wrap:wrap}.nav nav a{color:var(--muted)}.nav nav a[aria-current=page]{color:var(--text)}.brand{font-size:1.15rem;color:var(--text)}.brand b{color:var(--brand)}.hero{padding:88px 0 72px}.hero h1{font-size:clamp(2.2rem,6vw,4.8rem);line-height:1.08;max-width:950px;margin:.2em 0}.hero>p:not(.eyebrow){max-width:760px;color:var(--muted);font-size:1.15rem}.eyebrow{color:var(--brand);font-weight:800;letter-spacing:.03em}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;border:1px solid var(--line);padding:12px 18px;border-radius:12px;color:var(--text);font-weight:700}.btn.primary{background:var(--brand);border-color:var(--brand);color:#04111c}.section{padding:56px 0}.section h1,.section h2{line-height:1.2}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid article,.callout{background:rgba(16,27,47,.75);border:1px solid var(--line);border-radius:18px;padding:24px}.grid article p,.prose p,.callout p{color:var(--muted)}.tools article span{font-size:.8rem;color:var(--brand);font-weight:800}.affiliate{display:inline-block;margin-top:10px}.callout{margin-top:24px}.prose{max-width:820px}footer{border-top:1px solid var(--line);padding:32px 0;color:var(--muted);margin-top:48px}@media(max-width:760px){.nav{align-items:flex-start;padding:14px 0;flex-direction:column}.nav nav{gap:12px}.hero{padding:54px 0}.grid{grid-template-columns:1fr}}