:root{--bg: #070912;--bg-elev: #0c1020;--surface: rgba(255, 255, 255, .04);--surface-strong: rgba(255, 255, 255, .06);--surface-deep: rgba(8, 11, 24, .72);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: #e9ecf6;--text-muted: #9aa3bd;--text-faint: #6c7392;--violet: #7c5cff;--cyan: #21c4ff;--pink: #ff5cad;--green: #5cffa3;--amber: #ffd266;--accent: linear-gradient(135deg, var(--violet), var(--cyan));--accent-soft: linear-gradient( 135deg, rgba(124, 92, 255, .18), rgba(33, 196, 255, .18) );--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 28px;--max-w: 1180px;--pad-x: clamp(20px, 4vw, 40px);--shadow-card: 0 30px 60px -40px rgba(0, 0, 0, .7), 0 1px 0 rgba(255, 255, 255, .04) inset;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}html{scroll-behavior:smooth;scroll-padding-top:80px}section[id]{scroll-margin-top:80px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(60vw 60vw at 12% 8%,rgba(124,92,255,.2),transparent 60%),radial-gradient(55vw 55vw at 92% 18%,rgba(33,196,255,.16),transparent 60%),radial-gradient(70vw 50vw at 50% 110%,rgba(92,255,163,.06),transparent 65%);z-index:-1;pointer-events:none}body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at top,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at top,black 0%,transparent 70%);z-index:-1;pointer-events:none;opacity:.6}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}button{font:inherit;cursor:pointer}h1,h2,h3,h4{margin:0;letter-spacing:-.01em;line-height:1.15}p{margin:0}.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad-x)}.section{padding:clamp(56px,7vw,88px) 0;position:relative}.section-head{max-width:720px;margin-bottom:clamp(28px,3.2vw,40px)}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #5cffa399;animation:pulse-dot 2.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.section-title{font-size:clamp(28px,3.6vw,42px);font-weight:700;margin:16px 0 12px}.section-lede{font-size:clamp(15px,1.4vw,17px);color:var(--text-muted);max-width:640px}.gradient-text{background:var(--accent);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-strong);color:var(--text);font-size:14px;font-weight:600;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.btn:hover{border-color:#7c5cff99;background:#7c5cff14;transform:translateY(-1px)}.btn-primary{background:var(--accent);border-color:transparent;color:#0b0e1a;box-shadow:0 10px 30px -12px #7c5cff8c}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 14px 36px -12px #7c5cffb3}.btn-arrow{transition:transform .2s ease}.btn:hover .btn-arrow{transform:translate(2px)}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(20px,2.4vw,28px);backdrop-filter:blur(10px);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--border-strong)}@media (prefers-reduced-motion: no-preference){.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}}.grid{display:grid;gap:clamp(16px,2.4vw,24px)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:12px;color:var(--text-muted)}.divider{height:1px;background:var(--border);margin:0;border:0}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-dev{color:#ffd266;border-color:#ffd26647;background:#ffd26614}.badge-mvp{color:var(--green);border-color:#5cffa347;background:#5cffa314}.badge-planned{color:var(--cyan);border-color:#21c4ff47;background:#21c4ff14}@keyframes float-y{0%,to{transform:translateY(0) rotate(var(--rot, 0deg))}50%{transform:translateY(-10px) rotate(var(--rot, 0deg))}}.float-slow{animation:float-y 7s ease-in-out infinite}.float-med{animation:float-y 5.5s ease-in-out infinite}.float-fast{animation:float-y 4.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.float-slow,.float-med,.float-fast,.eyebrow .dot{animation:none}html{scroll-behavior:auto}}@media (max-width: 720px){.section{padding:48px 0}}