:root{--bg:#0b1020;--bg-soft:#111933;--text:#e8ecf5;--muted:#9aa4bd;--accent:#6c8cff;--accent-2:#a06cff}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(1200px 600px at 70% -10%,var(--bg-soft),var(--bg));color:var(--text);line-height:1.6;min-height:100vh}
.hero{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem 1.25rem}
.hero__eyebrow{text-transform:uppercase;letter-spacing:0.25em;font-size:0.8rem;color:var(--accent);margin-bottom:1rem}
.hero__title{font-size:clamp(2.2rem,6vw,4rem);line-height:1.1;margin-bottom:1rem;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero__subtitle{color:var(--muted);max-width:36rem;margin:0 auto 2rem;font-size:1.1rem}
.hero__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:0.8rem 1.6rem;border-radius:999px;text-decoration:none;font-weight:600;transition:transform .15s ease}
.btn:hover{transform:translateY(-2px)}
.btn--primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff}
.btn--ghost{border:1px solid var(--muted);color:var(--text)}
.section{padding:4rem 1.25rem}
.section__inner{max-width:48rem;margin:0 auto}
.section__title{font-size:1.8rem;margin-bottom:1rem}
.section__text{color:var(--muted);font-size:1.05rem}
.footer{text-align:center;padding:2rem 1rem;color:var(--muted);font-size:0.9rem;border-top:1px solid rgba(255,255,255,0.06)}