:root{
  --bg:#070b14;
  --bg-soft:#0b1020;
  --panel:rgba(15,23,42,.72);
  --panel-soft:rgba(15,23,42,.48);
  --border:rgba(148,163,184,.16);
  --border-strong:rgba(139,92,246,.34);
  --text:#e5e7eb;
  --muted:#94a3b8;
  --accent:#8b5cf6;
  --accent-soft:#a78bfa;
  --blue:#60a5fa;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  background:
    radial-gradient(900px 500px at 20% -10%,rgba(124,58,237,.16),transparent 58%),
    radial-gradient(800px 500px at 100% 20%,rgba(37,99,235,.10),transparent 60%),
    linear-gradient(180deg,#060913,#0a0f1d 54%,#070b14);
  font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
a{color:#c4b5fd;text-decoration:none}
a:hover{text-decoration:underline}
.site-shell{width:min(1120px,calc(100% - 32px));margin:0 auto}
.site-header{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:22px 0 18px;
}
.site-brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none}
.site-brand:hover{text-decoration:none}
.site-brand-mark{
  display:grid;place-items:center;width:34px;height:34px;border-radius:11px;
  border:1px solid rgba(139,92,246,.45);
  background:linear-gradient(145deg,rgba(124,58,237,.32),rgba(37,99,235,.15));
  box-shadow:0 10px 30px rgba(76,29,149,.18);
  color:#f5f3ff;font-size:12px;font-weight:900;letter-spacing:.05em
}
.site-brand strong{font-size:15px;letter-spacing:.01em}
.site-nav{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.site-nav a{
  padding:7px 10px;border-radius:9px;color:#cbd5e1;font-size:12px;font-weight:700;
}
.site-nav a:hover{background:rgba(255,255,255,.04);text-decoration:none;color:#fff}
.hero{
  padding:66px 28px 60px;text-align:center;border:1px solid var(--border);
  border-radius:18px;background:
    linear-gradient(145deg,rgba(124,58,237,.09),rgba(30,41,59,.35) 48%,rgba(15,23,42,.55));
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}
.hero-kicker,.section-kicker{
  color:#a78bfa;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase
}
.hero h1{margin:7px 0 8px;font-size:clamp(34px,6vw,58px);line-height:1.02;letter-spacing:-.035em}
.hero h2{
  margin:0 auto;max-width:820px;font-size:clamp(18px,3vw,27px);line-height:1.25;
  font-weight:700;color:#dbeafe;
}
.hero p{max-width:760px;margin:18px auto 0;color:#aeb8c8;font-size:15px}
.hero-action{
  display:inline-flex;margin-top:24px;padding:9px 14px;border:1px solid var(--border-strong);
  border-radius:10px;background:rgba(124,58,237,.12);font-weight:800;font-size:12px;color:#ede9fe
}
.hero-action:hover{text-decoration:none;background:rgba(124,58,237,.19)}
.public-section{padding-top:18px}
.public-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.public-card,.wide-card{
  border:1px solid var(--border);border-radius:15px;background:var(--panel-soft);
  padding:22px;
}
.public-card h3,.wide-card h3{margin:5px 0 8px;font-size:18px}
.public-card p,.wide-card p{margin:0;color:var(--muted)}
.wide-card{margin-top:14px}
.wide-card p{max-width:860px}
.about-card{margin-bottom:18px}
.site-footer{
  display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;
  margin:28px 0 24px;padding:17px 2px 0;border-top:1px solid var(--border);
  color:#7f8da3;font-size:11px
}
.site-footer nav{display:flex;gap:13px;flex-wrap:wrap}
.site-footer a{color:#9aa8bd}
@media(max-width:720px){
  .site-shell{width:min(100% - 22px,1120px)}
  .site-header{align-items:flex-start;flex-direction:column}
  .site-nav{justify-content:flex-start}
  .hero{padding:48px 18px 44px}
  .public-grid{grid-template-columns:1fr}
  .public-card,.wide-card{padding:18px}
}