/* Minimal, modern styling */
:root { --bg:#0b0f14; --fg:#e7edf3; --muted:#9fb3c8; --brand:#7dd3fc; --card:#131926; --accent:#a78bfa; }
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0; font:16px/1.5 Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu; color:var(--fg); background:radial-gradient(1200px 800px at 80% -10%, #182235 10%, transparent 60%), var(--bg);}
.wrap{width:min(100%,980px); margin:auto; padding:24px}
.hero{padding:80px 24px 40px}
.brand{font-weight:800; letter-spacing:.06em; color:var(--brand); margin-bottom:12px}
.brand span{color:var(--accent)}
h1{font-size:clamp(28px,6vw,44px); margin:.2em 0 .3em}
h2{font-size:clamp(20px,4.5vw,28px); margin:.6em 0 .4em}
.lede{color:var(--muted); max-width:60ch}
.card{background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)); border:1px solid rgba(255,255,255,.06); border-radius:14px; padding:20px; margin:14px 0}
.cta{display:inline-block; margin-top:18px; padding:10px 18px; border-radius:999px; background:linear-gradient(90deg,var(--brand),var(--accent)); color:#06121a; font-weight:700; text-decoration:none}
code{background:#0e1523; padding:2px 6px; border-radius:6px}
footer{color:var(--muted); text-align:center; padding:30px 24px 60px}
