@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&display=swap');

:root {
  color-scheme: dark;
  --bg: #05070a;
  --panel: #0b0f16;
  --panel-2: #111722;
  --text: #f4f7ff;
  --muted: #98a3b7;
  --line: rgba(255,255,255,.09);
  --blue: #00a3ff;
  --violet: #7b61ff;
  --max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: 'Sora', system-ui, sans-serif;
  background:
    radial-gradient(circle at 70% 8%, rgba(0,163,255,.12), transparent 28%),
    radial-gradient(circle at 20% 20%, rgba(123,97,255,.08), transparent 22%),
    var(--bg);
  color: var(--text);
}
a { color: inherit; text-decoration: none; }
.shell { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }

.site-header {
  width: 100%;
  min-height: 76px;
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  background: rgba(5,7,10,.84);
}
.site-header-inner {
  min-height: 76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand { display:flex; gap:14px; align-items:center; font-weight:700; letter-spacing:-.03em; flex-shrink:0; }
.nav { display:flex; align-items:center; gap:26px; color:var(--muted); font-size:14px; white-space:nowrap; }
.nav a:hover { color:#fff; }

.aura-mark {
  display:block;
  width:auto;
  height:auto;
  object-fit:contain;
  user-select:none;
  pointer-events:none;
}
.aura-mark-header { width:54px; }
.aura-mark-hero { width:min(390px,82vw); filter:drop-shadow(0 0 18px rgba(0,163,255,.18)) drop-shadow(0 0 30px rgba(123,97,255,.12)); }
.aura-mark-closing { width:118px; margin:0 auto 18px; }
.aura-mark-animated { animation:float 5s ease-in-out infinite; }
@keyframes float { 50% { transform:translateY(-10px) scale(1.01); } }

.hero {
  min-height: 720px;
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  align-items:center;
  gap:50px;
  padding-block: 90px 70px;
}
.eyebrow,.kicker { font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:#9db6d0; }
h1,h2,h3,p { margin-top:0; }
h1 { font-size: clamp(56px, 7.5vw, 104px); line-height:.96; letter-spacing:-.065em; max-width:800px; margin-bottom:28px; }
.hero-text { max-width:700px; color:var(--muted); font-size:18px; line-height:1.7; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:32px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 20px; border-radius:14px; font-weight:600; font-size:14px; border:1px solid var(--line); }
.button-primary { background:linear-gradient(135deg,var(--blue),var(--violet)); color:white; box-shadow:0 10px 40px rgba(34,108,255,.2); }
.button-secondary { background:rgba(255,255,255,.03); }
.hero-meta { margin-top:18px; color:#708099; font-size:12px; }
.hero-visual { min-height:520px; display:grid; place-items:center; position:relative; overflow:visible; }
.planet-glow { position:absolute; width:min(680px,90vw); height:250px; border-radius:50%; bottom:-120px; background:radial-gradient(ellipse at center top, rgba(0,163,255,.3), rgba(123,97,255,.08) 45%, transparent 72%); filter:blur(4px); pointer-events:none; }

.manifesto { padding:120px 0 90px; border-top:1px solid var(--line); }
.manifesto h2,.core-section h2,.download h2,.docs h2,.closing h2 { font-size:clamp(38px,5vw,70px); letter-spacing:-.05em; margin-bottom:24px; }
.manifesto p:last-child,.core-section p,.download p,.docs p,.closing p { color:var(--muted); line-height:1.8; max-width:760px; }

.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; padding-bottom:120px; }
.feature-grid article { min-height:260px; padding:28px; background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015)); border:1px solid var(--line); border-radius:22px; }
.feature-grid .index { color:#5d6b80; font-size:12px; }
.feature-grid h3 { margin-top:70px; margin-bottom:14px; font-size:22px; }
.feature-grid p { color:var(--muted); line-height:1.65; font-size:14px; }

.core-section { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:center; padding:120px 0; border-top:1px solid var(--line); }
.states { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; }
.state-card { background:var(--panel); border:1px solid var(--line); border-radius:18px; padding:18px 10px; text-align:center; }
.mini-core { height:86px; display:grid; place-items:center; }
.mini-core span { width:26px; height:26px; border-radius:50%; background:#fff; box-shadow:0 0 20px var(--blue),0 0 45px rgba(123,97,255,.55); }
.state-card strong { font-size:11px; color:#bec7d6; }
.state-1 span{animation:pulse 1.3s infinite}.state-2 span{box-shadow:0 0 12px #fff,0 0 35px var(--blue),0 0 70px var(--violet)}.state-3 span{animation:pulse .65s infinite}.state-4 span{animation:pulse .9s infinite}
@keyframes pulse { 50% { transform:scale(1.22); filter:brightness(1.25); } }

.download { padding:120px 0; }
.download-card { display:grid; grid-template-columns:1.15fr .85fr; gap:60px; align-items:center; padding:50px; border:1px solid rgba(0,163,255,.22); border-radius:28px; background:linear-gradient(135deg,rgba(0,163,255,.07),rgba(123,97,255,.05),rgba(255,255,255,.02)); }
.release-badges { display:flex; gap:8px; margin-top:24px; flex-wrap:wrap; }
.release-badges span { padding:8px 11px; border:1px solid var(--line); border-radius:999px; color:#b7c2d3; font-size:11px; }
.download-actions { display:flex; flex-direction:column; gap:14px; }
.download-actions small { color:#718096; line-height:1.6; }

.docs { display:grid; grid-template-columns:1fr 1fr; gap:70px; padding:120px 0; border-top:1px solid var(--line); }
.docs-links { display:flex; flex-direction:column; }
.docs-links a { display:flex; justify-content:space-between; align-items:center; padding:22px 0; border-bottom:1px solid var(--line); color:#dbe2ed; }
.docs-links a:hover span { color:var(--blue); }

.closing { text-align:center; padding:130px 0 160px; }
.closing p { margin-inline:auto; }
.footer { min-height:90px; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; color:#657286; font-size:12px; }
.footer div { display:flex; gap:22px; }

@media (max-width: 900px) {
  .site-header-inner { min-height:68px; }
  .nav { display:none; }
  .hero { grid-template-columns:1fr; min-height:auto; padding-top:70px; }
  .hero-visual { min-height:380px; }
  .feature-grid { grid-template-columns:1fr 1fr; }
  .core-section,.download-card,.docs { grid-template-columns:1fr; }
  .states { grid-template-columns:repeat(5,minmax(100px,1fr)); overflow-x:auto; padding-bottom:8px; }
}
@media (max-width: 560px) {
  .shell { width:min(calc(100% - 24px),var(--max)); }
  .brand { gap:10px; font-size:14px; }
  .aura-mark-header { width:46px; }
  h1 { font-size:54px; }
  .feature-grid { grid-template-columns:1fr; }
  .download-card { padding:28px; }
  .footer { flex-direction:column; justify-content:center; gap:12px; }
}