:root {
  color-scheme: dark;
  --bg:#070b14; --surface:#0d1322; --surface2:#111a2d;
  --text:#f4f7fb; --muted:#aab5c8; --line:rgba(255,255,255,.12);
  --accent:#7dd3fc; --accent2:#38bdf8; --max:1040px;
}
*{box-sizing:border-box}
body{
  margin:0;min-height:100vh;color:var(--text);line-height:1.65;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 10% 0%,rgba(56,189,248,.13),transparent 34rem),
    radial-gradient(circle at 90% 25%,rgba(99,102,241,.12),transparent 32rem),
    var(--bg)
}
a{color:inherit}
main,footer{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}
main{padding:7rem 0 4rem}
.hero{max-width:820px;margin-bottom:5rem}
.eyebrow,.section-heading span{
  color:var(--accent);font-size:.82rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase
}
h1,h2,p{margin-top:0}
h1{margin-bottom:1.1rem;font-size:clamp(3.4rem,10vw,7.2rem);line-height:.92;letter-spacing:-.065em}
h2{margin-bottom:0;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.15;letter-spacing:-.035em}
.intro{max-width:720px;margin-bottom:2rem;color:var(--muted);font-size:clamp(1.08rem,2.1vw,1.3rem)}
.actions{display:flex;flex-wrap:wrap;gap:.75rem}
.button{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.7rem 1rem;
  border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);
  font-weight:680;text-decoration:none;transition:transform .16s,border-color .16s,background-color .16s
}
.button:hover,.button:focus-visible{transform:translateY(-2px);border-color:rgba(125,211,252,.65);background:rgba(125,211,252,.08)}
.button.primary{border-color:transparent;background:var(--accent2);color:#031018}
.button.primary:hover,.button.primary:focus-visible{background:#7dd3fc}
.card{
  margin-top:1.25rem;padding:clamp(1.35rem,4vw,2.25rem);border:1px solid var(--line);
  border-radius:24px;background:linear-gradient(140deg,rgba(255,255,255,.045),transparent 55%),var(--surface);
  box-shadow:0 20px 80px rgba(0,0,0,.2)
}
.section-heading{display:grid;gap:.35rem;margin-bottom:1.4rem}
.card p{max-width:760px;color:var(--muted);font-size:1.05rem}
.stack{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.5rem 0;padding:0;list-style:none}
.stack li{padding:.38rem .7rem;border:1px solid var(--line);border-radius:999px;background:var(--surface2);color:#d9e4f4;font-size:.88rem}
.text-link{color:var(--accent);font-weight:750;text-underline-offset:.25rem}
footer{
  display:flex;justify-content:space-between;gap:1rem;padding:1.5rem 0 3rem;
  border-top:1px solid var(--line);color:var(--muted);font-size:.88rem
}
:focus-visible{outline:3px solid rgba(125,211,252,.55);outline-offset:3px}
@media(max-width:640px){
  main{padding-top:4.5rem}.actions{display:grid;grid-template-columns:1fr 1fr}
  .button.primary{grid-column:1/-1}footer{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}