:root{color-scheme:dark;--bg: #050510;--panel: rgba(14, 16, 31, .72);--panel-border: rgba(255, 255, 255, .12);--text: #f6f6ff;--muted: #b9bfd7;--cyan: #22d3ee;--violet: #8b5cf6;--pink: #f472b6;--shadow: 0 30px 80px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top left,rgba(124,58,237,.25),transparent 30%),radial-gradient(circle at top right,rgba(34,211,238,.16),transparent 28%),linear-gradient(180deg,#050510,#090a18);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}#root{min-height:100vh}.app-shell{position:relative;overflow:hidden;min-height:100vh}.main-shell{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:24px 0 80px}.glass{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--panel-border);box-shadow:var(--shadow)}.topbar{width:min(1200px,calc(100% - 32px));margin:24px auto 0;border-radius:24px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:16px;z-index:20}.brand-lockup h1,.hero h2,.section-heading h3{font-family:Orbitron,sans-serif;letter-spacing:.02em;margin:0}.brand-kicker,.eyebrow{display:inline-block;color:var(--cyan);text-transform:uppercase;letter-spacing:.22em;font-size:.75rem}.brand-lockup{text-align:center}.brand-lockup h1{font-size:clamp(1.2rem,2vw,1.8rem)}.icon-button{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.08);color:#fff;background:#ffffff0a;display:inline-flex;align-items:center;justify-content:center}.nav-actions{display:flex;gap:10px}.panel-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch}.hero{padding:42px 0 32px;min-height:76vh}.hero-copy{padding:34px;border-radius:30px;background:linear-gradient(180deg,#0a0c1ab8,#0a0c1a5c);border:1px solid rgba(255,255,255,.08)}.hero h2{margin-top:16px;font-size:clamp(2.5rem,5vw,5.4rem);line-height:1.05;max-width:12ch}.hero-text,.section-copy,.category-card p,.platform-card p,.feature-row p{color:var(--muted);line-height:1.7}.hero-text{font-size:1.06rem;max-width:58ch;margin-top:18px}.hero-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.primary-btn,.secondary-btn{border-radius:999px;padding:14px 22px;font-weight:700}.primary-btn{background:linear-gradient(135deg,var(--violet),var(--cyan));color:#050510}.secondary-btn{border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.scene-shell{min-height:500px;border-radius:30px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.faux-3d-scene{background:radial-gradient(circle at 20% 30%,rgba(124,92,246,.28),transparent 22%),radial-gradient(circle at 80% 25%,rgba(34,211,238,.22),transparent 20%),linear-gradient(180deg,#0b0d1cf2,#050510fa)}.scene-overlay{position:absolute;inset:auto 16px 16px 16px;height:120px;border-radius:18px;background:linear-gradient(180deg,transparent,rgba(5,5,16,.85));pointer-events:none}.ring,.orb,.scene-card,.scene-grid{position:absolute}.ring{border-radius:999px;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 20px #ffffff0f,0 0 24px #22d3ee14}.ring-one{width:280px;height:280px;top:56px;left:52px;transform:rotateX(60deg) rotate(20deg)}.ring-two{width:360px;height:360px;top:76px;right:12px;transform:rotateX(72deg) rotate(-16deg)}.orb{border-radius:999px;filter:blur(1px);animation:floaty 6s ease-in-out infinite}.orb-one{width:140px;height:140px;top:78px;left:120px;background:radial-gradient(circle at 30% 30%,#fff,#8b5cf6 35%,#8b5cf614 72%)}.orb-two{width:112px;height:112px;right:90px;top:120px;animation-delay:1.5s;background:radial-gradient(circle at 35% 35%,#fff,#22d3ee 34%,#22d3ee14 72%)}.orb-three{width:90px;height:90px;left:50%;top:230px;animation-delay:.8s;background:radial-gradient(circle at 35% 35%,#fff,#f472b6 34%,#f472b614 72%)}.scene-card{padding:14px 16px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-width:130px}.scene-card span{display:block;color:#ffffff9e;font-size:.74rem;letter-spacing:.18em;margin-bottom:5px}.scene-card strong{font-family:Orbitron,sans-serif;font-size:1.1rem}.scene-card-left{left:40px;bottom:96px}.scene-card-right{right:34px;bottom:148px}.scene-card-bottom{left:40%;bottom:42px}.scene-grid{inset:auto 0 0 0;height:42%;background-image:linear-gradient(rgba(34,211,238,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.14) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.8) 24%,rgba(0,0,0,1) 100%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.8) 24%,rgba(0,0,0,1) 100%);transform:perspective(800px) rotateX(76deg);transform-origin:bottom}@keyframes floaty{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.03)}}.content-section{padding:38px 0}.section-heading{max-width:720px;margin-bottom:20px}.card-grid,.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.category-card,.platform-card{border-radius:24px;padding:24px;position:relative;overflow:hidden}.category-card h4,.platform-title{font-family:Orbitron,sans-serif;font-size:1.1rem}.category-accent{position:absolute;inset:0 auto auto 0;width:100%;height:6px}.pill{display:inline-flex;margin-top:16px;padding:8px 12px;border-radius:999px;background:#ffffff0f;color:#eef2ff;font-size:.85rem}.split-layout{display:grid;grid-template-columns:1fr .9fr;gap:20px;align-items:start}.feature-stack{border-radius:24px;padding:18px}.feature-row{display:flex;align-items:center;gap:14px;padding:14px 6px;border-bottom:1px solid rgba(255,255,255,.06)}.feature-row:last-child{border-bottom:none}.feature-dot{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,var(--pink),var(--cyan));box-shadow:0 0 20px #22d3ee80}.ambient-glow{position:absolute;width:360px;height:360px;border-radius:999px;filter:blur(80px);opacity:.55}.ambient-left{top:-80px;left:-120px;background:#7c3aed66}.ambient-right{top:260px;right:-100px;background:#22d3ee40}@media(max-width:960px){.panel-grid,.split-layout,.card-grid,.platform-grid{grid-template-columns:1fr}.topbar{padding:14px}.hero{min-height:auto}.hero-copy{padding:24px}.scene-shell{min-height:420px}}