.ic-demo-frame{aspect-ratio:9/16;background:#121218;border:1px solid #26262f;border-radius:28px;width:100%;max-width:320px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 30px 80px -30px #c6f43240}.ic-demo-scene{background:radial-gradient(40% 30% at 30% 35%,#3b2a7a 0%,#0000 70%),radial-gradient(35% 25% at 70% 60%,#1f5a6b 0%,#0000 70%),radial-gradient(30% 20% at 50% 85%,#6b2a3b 0%,#0000 70%),linear-gradient(#1c1c24,#0e0e13);animation:9s ease-in-out infinite alternate drift;position:absolute;inset:-20%}.ic-demo-cam{background:radial-gradient(28% 38% at 50% 55%,#3a3a46 0% 60%,#0000 62%),radial-gradient(16% 18% at 50% 32%,#4a4a58 0% 90%,#0000 92%),#1a1a22;border:1px solid #2c2c36;border-radius:16px;height:30%;position:absolute;top:9%;left:8%;right:8%}.ic-demo-captions{text-align:center;height:3rem;font-family:var(--font-display);letter-spacing:-.01em;color:#fff;text-shadow:0 2px #000,0 0 12px #000c;font-size:28px;font-weight:700;position:absolute;bottom:22%;left:0;right:0}.ic-demo-captions span{opacity:0;animation:6s infinite cap;position:absolute;inset-inline:0}.ic-demo-c2{color:#c6f432;animation-delay:2s!important}.ic-demo-c3{animation-delay:4s!important}.ic-demo-progress{transform-origin:0;background:#c6f432;border-radius:4px;height:4px;animation:6s linear infinite prog}@keyframes drift{0%{transform:translate(-4%,-3%)scale(1)}to{transform:translate(4%,3%)scale(1.08)}}@keyframes cap{0%{opacity:0;transform:scale(.85)}4%{opacity:1;transform:scale(1.06)}8%{transform:scale(1)}30%{opacity:1}33%,to{opacity:0}}@keyframes prog{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
