.scene{position:absolute;left:0;top:0;width:1920px;height:1080px;overflow:hidden;font-family:"Segoe UI",Inter,system-ui,sans-serif;color:var(--ink)}
.scene canvas{position:absolute;left:0;top:0;width:1920px;height:1080px}
.scene .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:14px;font-weight:700;font-size:16px;cursor:pointer;text-decoration:none}
.scene .btn.pri{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 8px 30px -6px var(--accent)}
.scene .btn.sec{background:rgba(127,127,160,.16);border:1px solid rgba(127,127,160,.28);color:var(--ink)}
.scene .hero{position:absolute;z-index:4}
.scene .pill{display:inline-flex;align-items:center;gap:9px;padding:7px 16px;border-radius:99px;font-size:14px;font-weight:700;letter-spacing:.3px;background:rgba(127,127,160,.15);border:1px solid rgba(127,127,160,.25);color:var(--sub);margin-bottom:14px}
.scene .pill i{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.scene h1{font-size:58px;line-height:1.05;letter-spacing:-1.8px;font-weight:800;margin:0}
.scene.dark h1{text-shadow:0 4px 40px rgba(0,0,0,.65)}
.scene h1 .hl{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.scene .hero p{font-size:19px;line-height:1.5;color:var(--sub);margin:14px 0 22px;max-width:760px}
.scene .hero[style*="translateX"] p{max-width:none;margin-left:auto;margin-right:auto}
.scene .hero[style*="translateX"] .pill{display:none}
.scene .cta{display:flex;gap:14px}