/* A: nakts. Spēles krāsas (#0A0E1F, tirkīzs, violets), Unbounded virsraksti, stikla kartītes, 3D spirāle visā platumā. */
:root {
  --bg: #0A0E1F; --ink: #EEF1FA; --ink2: #C3C9DD; --muted: #8890AE;
  --a1: #38E5C8; --a2: #8B7BFF; --a3: #FF6B8B; --a4: #FFC857;
  --grad: linear-gradient(100deg, #38E5C8, #8B7BFF 60%, #FF6B8B);
  --hf: "Unbounded", sans-serif; --hw: 700; --ls: -0.02em;
  --card: rgba(255, 255, 255, 0.035); --line: rgba(255, 255, 255, 0.08); --line2: rgba(255, 255, 255, 0.18);
  --navbg: rgba(10, 14, 31, 0.72); --chip: rgba(56, 229, 200, 0.12); --spot: rgba(139, 123, 255, 0.16);
  --sh: none; --r: 22px; --btnink: #0A0E1F; --inbg: rgba(255, 255, 255, 0.05);
  --indbg: linear-gradient(160deg, rgba(139, 123, 255, 0.16), rgba(56, 229, 200, 0.06));
  --jbg: radial-gradient(800px 400px at 90% 0%, rgba(139, 123, 255, 0.22), transparent 60%), radial-gradient(600px 300px at 0% 100%, rgba(56, 229, 200, 0.14), transparent 60%), rgba(255, 255, 255, 0.03);
  --glowop: 0.16;
}
body { background-image: radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px); background-size: 28px 28px; background-attachment: fixed; }
.hero { text-align: center; justify-items: center; min-height: auto; padding-bottom: 70px; }
.hero h1 { font-size: clamp(40px, 7.4vw, 108px); }
.hero .lead { margin: 0 auto; }
.cta { justify-content: center; }
.hx { width: 100vw; margin-top: 38px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 15%, #000 85%, transparent); mask-image: linear-gradient(90deg, transparent, #000 15%, #000 85%, transparent); }
.card, .stat, .person, .lists .list { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.stats { background: var(--line); }
.stat { background: #0D1226; }
.sec::before { content: attr(data-nr); position: absolute; right: clamp(18px, 6vw, 96px); top: clamp(60px, 9vw, 120px); font: 700 clamp(80px, 12vw, 170px)/1 "Unbounded", sans-serif; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.07); pointer-events: none; }