:root{--holo:#8fbdf5}.pin,.stage{position:relative}.layer-hero{flex-direction:column;min-height:100svh;display:flex}.layer-squares,.layer-text1,.layer-holo{display:none}.layer-final{text-align:center;width:min(880px,100% - 48px);margin:0 auto;padding:72px 0 88px}.layer-final p{letter-spacing:-.01em;margin:0;font-size:clamp(1.6rem,4.2vw,2.75rem);font-weight:600;line-height:1.25}.final-blue{color:var(--blue)}.has-cinematic .pin{height:600svh}.has-cinematic .stage{height:100svh;position:sticky;top:0;overflow:hidden}.has-cinematic .layer{will-change:opacity, transform;position:absolute;inset:0}.has-cinematic .layer-squares,.has-cinematic .layer-text1,.has-cinematic .layer-holo,.has-cinematic .layer-final{pointer-events:none}.has-cinematic .layer-hero{flex-direction:column;min-height:0;display:flex}.has-cinematic .hero{flex:1}.has-cinematic .layer-squares{width:100%;height:100%;display:block}.has-cinematic .layer-text1,.has-cinematic .layer-holo,.has-cinematic .layer-final{text-align:center;opacity:0;justify-content:center;align-items:center;padding:0 24px;display:flex}.has-cinematic .layer-text1 p{color:#fff;letter-spacing:-.01em;max-width:22em;margin:0;font-size:clamp(1.6rem,4.2vw,3rem);font-weight:600;line-height:1.25}.has-cinematic .layer-final{flex-direction:column;width:auto;margin:0;padding:0 24px}.has-cinematic .layer-final p{max-width:24em;color:var(--ink)}.layer-holo{perspective:1000px}.holo-grid{opacity:.55;background-image:linear-gradient(#8fbdf529 1px,#0000 1px),linear-gradient(90deg,#8fbdf529 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#000,#0000);mask-image:radial-gradient(closest-side,#000,#0000)}.holo-tilt{transform-style:preserve-3d;animation:7s ease-in-out infinite holo-tilt;position:relative}.holo-svg{width:auto;height:min(56vh,56svh,520px);display:block;overflow:visible}.ca-outline{fill:#8fbdf514;stroke:var(--holo);stroke-width:2.5px;stroke-linejoin:round;filter:drop-shadow(0 0 14px #8fbdf5e6);animation:4.2s linear infinite holo-flicker}.scan-beam{animation:3.4s linear infinite holo-scan}@keyframes holo-tilt{0%,to{transform:rotateX(4deg)rotateY(-7deg)}50%{transform:rotateX(-4deg)rotateY(7deg)}}@keyframes holo-flicker{0%,91%,94%,98%,to{opacity:1}92%{opacity:.55}97%{opacity:.75}}@keyframes holo-scan{0%{transform:translateY(0)}to{transform:translateY(740px)}}.final-logo{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:min(210px,44vw);height:auto;margin:0 auto 40px;animation:6s ease-in-out infinite final-logo-float;display:block}@keyframes final-logo-float{0%,to{transform:translateY(-8px)}50%{transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.holo-tilt,.ca-outline,.scan-beam,.final-logo{animation:none}}@media (width<=560px){.holo-svg{height:min(48vh,48svh,420px)}.final-logo{width:min(150px,52vw);margin-bottom:28px}}.reel-row{justify-content:center;align-items:flex-start;gap:clamp(8px,2.4vw,18px);display:flex}.reel-unit{flex-direction:column;align-items:center;gap:12px;display:flex}.reel-card{box-shadow:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-content:center;align-items:center;width:clamp(84px,20vw,104px);display:flex;position:relative;overflow:hidden}.reel-card number-flow{color:var(--ink);font-variant-numeric:tabular-nums;--number-flow-mask-height:.25em;font-size:clamp(2.1rem,8vw,3.4rem);font-weight:700;line-height:1}.reel-card number-flow::part(digit){font-variant-numeric:tabular-nums}.reel-label{letter-spacing:.02em;text-transform:none;color:var(--muted);font-size:.72rem;font-weight:600}.reel-sep{background:#e2e2e7;flex:none;align-self:center;width:1px;height:2.75rem}
