:root{--bg: #09111d;--ink: #edf2ff;--muted: #b5c0d6;--panel: rgba(9, 18, 31, .68);--border: rgba(173, 219, 255, .12);--cyan: #64f4ff;--violet: #8d7dff;--coral: #ff7b72;--gold: #ffd166;--mint: #7fffd4;color:var(--ink);background:radial-gradient(circle at top left,rgba(100,244,255,.16),transparent 26%),radial-gradient(circle at 82% 18%,rgba(141,125,255,.2),transparent 24%),linear-gradient(160deg,#07101d,#0b1626 48%,#150d1d);font-family:Space Grotesk,Neue Montreal,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at center,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(160deg,#07101d,#0b1626 48%,#150d1d);background-size:20px 20px,cover}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.06),transparent 30%,transparent 70%,rgba(255,255,255,.04)),radial-gradient(circle at 20% 80%,rgba(255,123,114,.08),transparent 20%)}#root{min-height:100vh}.app-shell{width:min(1180px,calc(100vw - 36px));margin:0 auto;padding:24px 0 46px}.hero-panel,.gallery-card,.runtime-card{background:var(--panel);border:1px solid var(--border);box-shadow:0 32px 90px #00000047;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:center;padding:34px;border-radius:32px}.eyebrow,.status-pill,.label,.card-id{display:inline-flex;align-items:center;font:700 12px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;text-transform:uppercase}.eyebrow{color:#8ecff3;margin-bottom:18px}.status-pill{padding:9px 14px;border-radius:999px;background:#64f4ff14;border:1px solid rgba(100,244,255,.14);color:#bdfbff}h1,h2,p{margin:0}h1{margin-top:18px;font-family:Sora,Space Grotesk,sans-serif;font-size:clamp(3rem,7vw,6.1rem);line-height:.92;letter-spacing:-.06em;max-width:10ch}.lede{max-width:58ch;margin-top:18px;color:var(--muted);font-size:1.08rem;line-height:1.75}.hero-badge{position:relative;width:220px;height:220px;justify-self:center}.badge-ring,.badge-core{position:absolute;top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.badge-ring{width:180px;height:180px;border:1px solid rgba(173,219,255,.2);animation:pulse-ring 5s ease-in-out infinite}.badge-ring-delayed{width:120px;height:120px;animation-delay:1.4s}.badge-core{width:56px;height:56px;background:linear-gradient(135deg,var(--cyan),var(--violet));box-shadow:0 0 45px #64f4ff66}.gallery-grid,.runtime-grid{display:grid;gap:18px;margin-top:18px}.gallery-grid{grid-template-columns:1.2fr 1fr}.runtime-grid{grid-template-columns:1.2fr .8fr 1fr}.gallery-card{display:grid;gap:18px;padding:18px;border-radius:28px}.gallery-card-feature{grid-row:span 2}.scene{position:relative;overflow:hidden;border-radius:24px;min-height:320px;isolation:isolate}.scene-ribbons{min-height:520px;background:radial-gradient(circle at center,rgba(255,255,255,.16),transparent 24%),linear-gradient(160deg,#10182d,#1a1030)}.ribbon{position:absolute;width:140%;height:120px;left:-20%;border-radius:999px;filter:blur(10px);opacity:.88}.ribbon-a{top:10%;background:linear-gradient(90deg,#64f4ff05,#64f4ffeb,#8d7dff29);animation:flow-left 10s ease-in-out infinite}.ribbon-b{top:30%;height:150px;background:linear-gradient(90deg,#ff7b7205,#ff7b72e0,#ffd1662e);animation:flow-right 13s ease-in-out infinite}.ribbon-c{top:56%;background:linear-gradient(90deg,#7fffd40a,#7fffd4e0,#64f4ff29);animation:flow-left 14s ease-in-out infinite reverse}.ribbon-d{top:76%;height:96px;background:linear-gradient(90deg,#8d7dff0a,#8d7dffd6,#ff7b721a);animation:flow-right 11s ease-in-out infinite reverse}.scene-halo{background:radial-gradient(circle at center,rgba(100,244,255,.15),transparent 18%),linear-gradient(180deg,#08121f,#11162b)}.halo,.halo-core,.radial-scan{position:absolute;top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.halo{border:1px solid rgba(173,219,255,.2)}.halo-outer{width:260px;height:260px;animation:spin 22s linear infinite}.halo-mid{width:180px;height:180px;border-color:#ffd1663d;animation:spin-reverse 16s linear infinite}.halo-inner{width:100px;height:100px;border-color:#ff7b7247;animation:pulse-ring 6s ease-in-out infinite}.halo-core{width:64px;height:64px;background:radial-gradient(circle,#fffffff2,#64f4ffb8 42%,#64f4ff14 74%);box-shadow:0 0 50px #64f4ff66}.radial-scan{width:360px;height:360px;background:conic-gradient(from 90deg,transparent 0deg,rgba(100,244,255,.22) 60deg,transparent 110deg);animation:spin 7s linear infinite;mix-blend-mode:screen}.scene-shards{background:radial-gradient(circle at top right,rgba(141,125,255,.2),transparent 22%),linear-gradient(160deg,#0e1527,#171225)}.shard,.shard-glow{position:absolute}.shard{background:linear-gradient(160deg,#ffffff42,#ffffff0a);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 36px #0000002e}.shard-a{width:180px;height:220px;left:8%;top:16%;clip-path:polygon(18% 0%,100% 14%,72% 100%,0% 82%);animation:drift-a 12s ease-in-out infinite}.shard-b{width:150px;height:190px;right:10%;top:10%;clip-path:polygon(24% 0%,100% 28%,74% 100%,0 82%);animation:drift-b 10s ease-in-out infinite}.shard-c{width:230px;height:120px;left:22%;bottom:14%;clip-path:polygon(0 34%,76% 0,100% 62%,18% 100%);animation:drift-c 11s ease-in-out infinite}.shard-d{width:100px;height:140px;right:26%;bottom:12%;clip-path:polygon(36% 0,100% 18%,70% 100%,0 84%);animation:drift-b 14s ease-in-out infinite reverse}.shard-glow{width:220px;height:220px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#7fffd461,#7fffd400);mix-blend-mode:screen;animation:pulse-ring 8s ease-in-out infinite}.gallery-copy{padding:2px 6px 8px}.card-id,.label{color:#91c8e8}.gallery-copy h2{margin-top:10px;font-family:Sora,Space Grotesk,sans-serif;font-size:1.9rem;line-height:1}.medium{margin-top:8px;color:#ffd166;font-size:.92rem;text-transform:uppercase;letter-spacing:.12em}.gallery-copy p:last-child,.runtime-card p{margin-top:12px;color:var(--muted);line-height:1.7}.runtime-card{padding:22px;border-radius:24px}.runtime-card-seed{background:linear-gradient(180deg,#0a1626d6,#140d1dc7),radial-gradient(circle at top left,rgba(100,244,255,.08),transparent 30%)}@keyframes pulse-ring{0%,to{transform:translate(-50%,-50%) scale(.92);opacity:.84}50%{transform:translate(-50%,-50%) scale(1.08);opacity:1}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spin-reverse{0%{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}@keyframes flow-left{0%,to{transform:translate3d(-8%,0,0) rotate(-6deg)}50%{transform:translate3d(8%,10px,0) rotate(8deg)}}@keyframes flow-right{0%,to{transform:translate3d(8%,0,0) rotate(7deg)}50%{transform:translate3d(-10%,-12px,0) rotate(-7deg)}}@keyframes drift-a{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-14px) rotate(6deg)}}@keyframes drift-b{0%,to{transform:translateY(0) rotate(8deg)}50%{transform:translateY(16px) rotate(-6deg)}}@keyframes drift-c{0%,to{transform:translate(0) rotate(-4deg)}50%{transform:translate(12px) rotate(5deg)}}@media (max-width: 980px){.hero-panel,.gallery-grid,.runtime-grid{grid-template-columns:1fr}.gallery-card-feature{grid-row:auto}.scene-ribbons{min-height:380px}}@media (max-width: 640px){.app-shell{width:min(100vw - 20px,1180px);padding:10px 0 28px}.hero-panel,.gallery-card,.runtime-card{padding:18px;border-radius:24px}.hero-panel{grid-template-columns:1fr}h1{font-size:clamp(2.7rem,16vw,4.5rem)}.scene,.scene-ribbons{min-height:280px}.hero-badge{width:170px;height:170px}.badge-ring{width:140px;height:140px}.badge-ring-delayed{width:90px;height:90px}}