:root{
  --bg:#0b0c10;
  --panel:#11131a;
  --text:#e9ecf1;
  --muted:#a7afbe;
  --line:rgba(255,255,255,.08);
  --accent:#7c5cff;

  --radius:16px;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
  --max: 1100px;
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji","Segoe UI Emoji";
  background: radial-gradient(1200px 600px at 15% -10%, rgba(124,92,255,.25), transparent 60%),
              radial-gradient(900px 500px at 90% 10%, rgba(255,255,255,.07), transparent 55%),
              var(--bg);
  color:var(--text);
  line-height:1.6;
}

a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
ul{ margin:0; padding-left: 18px; }
h1,h2,h3{ line-height:1.15; margin:0 0 10px; }
p{ margin:0 0 12px; }

.container{
  width: min(var(--max), calc(100% - 40px));
  margin: 0 auto;
}

.section{ padding: 56px 0; }
.section-alt{ background: rgba(255,255,255,.03); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }

.muted{ color: var(--muted); }
.lead{ font-size: 1.08rem; color: var(--muted); max-width: 60ch; }
.eyebrow{ letter-spacing:.12em; text-transform: uppercase; font-size:.78rem; color: var(--muted); margin-bottom: 10px; }