.hero{--bg: #0d1422;--bg-deep: #07101e;--bg-navy: #152644;--surface-0: #111a2c;--surface-1: #18233a;--surface-2: #1f2c46;--surface-3: #283452;--border: rgba(255,255,255,.1);--border-strong: rgba(255,255,255,.18);--border-soft: rgba(255,255,255,.04);--text: #ffffff;--text-dim: rgba(255,255,255,.78);--text-muted: rgba(255,255,255,.55);--text-faint: rgba(255,255,255,.32);--accent: #2D52F5;--accent-hi: #4365FF;--accent-ink: #ffffff;--accent-soft: rgba(45, 82, 245, .18);--live-red: #ff4d5b;--live-glow: rgba(255, 77, 91, .35);--font-display: "Saira Condensed", "Barlow Condensed", "Oswald", Impact, sans-serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--phone-rest-w: 610px;--phone-aspect: 2 / 1;--phone-rest-top-vh: max(68vh, calc(18vh + 456px) );--phone-radius: 42px;--phone-bezel-w: 13px;--tile-w: 200px;--tile-aspect: var(--phone-aspect);--tile-radius: 6px;--mac-max-w: 672px;--mac-bezel: 14px;--ease-settle: cubic-bezier(.7, 0, .2, 1);--ease-out-soft: cubic-bezier(.22, 1, .36, 1);--hero-pin: 200%;--nav-h: 72px}.hero .mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.hero{position:relative;height:100vh;width:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-ui)}.hero *,.hero *:before,.hero *:after{box-sizing:border-box}.hero button{font:inherit;color:inherit}.hero-stage{position:relative;height:100vh;width:100%;background:radial-gradient(120% 90% at 50% 20%,#1f2f5c8c,#070c1800 60%),linear-gradient(180deg,#0d1524,#070c18 55%,#05080f)}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:0;user-select:none;pointer-events:none}.hero-fade{position:absolute;inset:0;z-index:15;pointer-events:none;opacity:0;background:var(--color-grey)}.hero-stage:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#161d2533,#161d2500),linear-gradient(180deg,#161d25,#161d2500),linear-gradient(180deg,#152644,#15264400);pointer-events:none}.hero-headline{position:absolute;top:18vh;left:0;right:0;margin:0 auto;width:min(960px,92vw);text-align:center;z-index:5;will-change:transform,opacity}.macbook{position:absolute;left:50%;top:50%;width:min(var(--mac-max-w),88vw);z-index:2;transform-origin:50% 55%;will-change:transform,opacity}.macbook-lid{background:linear-gradient(180deg,#1a1f2c,#0c1019);border-radius:18px 18px 4px 4px;padding:var(--mac-bezel);border:1px solid rgba(255,255,255,.08);box-shadow:0 60px 120px #0000008c,0 30px 60px #00000059,inset 0 0 0 1px #ffffff05;position:relative}.macbook-lid:before{content:"";position:absolute;top:4px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:999px;background:#0009;box-shadow:inset 0 0 0 1px #ffffff14}.macbook-screen{background:#131419;border-radius:4px;overflow:hidden;aspect-ratio:1440 / 929;position:relative}.macbook-base{height:14px;background:linear-gradient(180deg,#20242f,#0a0d14);width:calc(100% + 26px);margin:-2px auto 0 -13px;border-radius:0 0 22px 22px;box-shadow:0 30px 50px #0006;position:relative}.macbook-base:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:110px;height:4px;background:#0006;border-radius:0 0 6px 6px}.dashboard{position:relative;width:100%;height:100%;background:#131419;container-type:inline-size;font-family:var(--font-ui);overflow:hidden}.dash-svg{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;pointer-events:none}.ov{position:absolute}.ov-concurrent{left:3%;top:41.3%}.ov-total{left:18.5%;top:41.3%}.ov{background:#0c1117;padding:1.15cqi .5cqi .4cqi;line-height:1}#stat-concurrent{padding:0 0 0 4px}.ov span{display:inline-block;min-width:7cqi;color:#fff;font-family:var(--font-ui);font-weight:600;font-size:1.55cqi;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.lat-overlay{position:absolute;left:83.5%;top:53.7%;background:#16181e;padding:.55cqi .4cqi;min-height:2.6cqi}.lat-overlay span{display:inline-block;min-width:10cqi;color:#ead24a;font-weight:600;font-size:1.7cqi;line-height:1;font-variant-numeric:tabular-nums}.ql-overlay{position:absolute;left:66%;top:53.6%;width:22cqi;height:8.2%;background:#16181e;padding:0 0 0 1.3cqi;margin:0 0 0 1.85cqi;text-align:left}.ql-overlay .ql-label{display:block;font-size:1.05cqi;color:var(--text-muted);margin-bottom:1.05cqi;padding:0}.ql-overlay .ql-val{display:block;color:#ead24a;font-weight:600;font-size:1.7cqi;line-height:1;font-variant-numeric:tabular-nums}.chat-overlay{position:absolute;left:68%;top:66.2%;width:28.4%;height:29.6%;background:#131419;overflow:hidden;padding:.6cqi .6cqi .8cqi}.chat-rows{display:flex;flex-direction:column;justify-content:flex-end;gap:.9cqi;height:100%}.chat-overlay .msg-row{display:flex;align-items:flex-end;gap:.7cqi;max-width:100%}.chat-overlay .msg-row.fan{flex-direction:row}.chat-overlay .msg-row.admin{flex-direction:row-reverse}.chat-overlay .av{width:2.8cqi;height:2.8cqi;border-radius:999px;flex-shrink:0;overflow:hidden}.chat-overlay .av.fan{background:#1b212c var(--fan-avatar, url(/images/scrolly-hero/fan-avatar.png)) center / cover no-repeat}.chat-overlay .av.admin{background:transparent;display:flex;align-items:center;justify-content:center}.chat-overlay .av.admin svg{width:100%;height:100%;display:block}.chat-overlay .bubble{max-width:76%;border-radius:1.6cqi;padding:.95cqi 1.2cqi;min-width:0}.chat-overlay .msg-row.fan .bubble{background:#2a2f3a;color:#fff;border-bottom-left-radius:.4cqi}.chat-overlay .msg-row.admin .bubble{background:#cdddf5;color:#16233c;border-bottom-right-radius:.4cqi}.chat-overlay .msg-text{font-size:1.02cqi;line-height:1.34}.chat-overlay .msg-time{font-size:.82cqi;margin-top:.45cqi;opacity:.6}.chat-overlay .msg-row.admin .msg-time{text-align:right}.chat-overlay .typing-row{display:flex;align-items:flex-end;gap:.7cqi}.chat-overlay .typing-row.fan{flex-direction:row}.chat-overlay .typing-row.admin{flex-direction:row-reverse}.chat-overlay .typing-bubble{display:inline-flex;align-items:center;gap:.6cqi;padding:1cqi 1.2cqi;border-radius:1.6cqi}.chat-overlay .typing-row.fan .typing-bubble{background:#2a2f3a;border-bottom-left-radius:.4cqi;color:#ffffffb3}.chat-overlay .typing-row.admin .typing-bubble{background:#cdddf5;border-bottom-right-radius:.4cqi;color:#16233c8c}.chat-overlay .typing-bubble i{width:.7cqi;height:.7cqi;border-radius:999px;background:currentColor;animation:scrolly-hero-typing 1.2s ease-in-out infinite}.chat-overlay .typing-bubble i:nth-child(2){animation-delay:.15s}.chat-overlay .typing-bubble i:nth-child(3){animation-delay:.3s}@keyframes scrolly-hero-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.msg-row.chat-in{animation:scrolly-hero-chat-in .34s var(--ease-out-soft, ease)}@keyframes scrolly-hero-chat-in{0%{transform:translateY(10px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.chat-overlay .typing-bubble i{animation:none}}.tile-wrap{position:absolute;left:3.889%;top:13.78%;width:30.18%;height:23.25%}.tile-slot{width:100%;height:100%;background:#04060a;border-radius:2px;position:relative}.tile-slot:before{content:"";position:absolute;inset:1px;background:repeating-linear-gradient(135deg,#ffffff05 0 8px,#fff0 8px 16px);border-radius:calc(var(--tile-radius) - 1px)}.phone-frame{position:absolute;left:50%;top:var(--phone-rest-top-vh);width:var(--phone-rest-w);aspect-ratio:var(--phone-aspect);z-index:10;transform-origin:50% 50%;will-change:transform,opacity;border-radius:var(--phone-radius);overflow:visible}.phone-bezel{position:absolute;top:var(--phone-bezel-w);left:var(--phone-bezel-w);right:var(--phone-bezel-w);bottom:var(--phone-bezel-w);border-radius:calc(var(--phone-radius) - 6px);pointer-events:none;background:transparent;z-index:2;box-shadow:0 0 0 var(--phone-bezel-w) #1b212e,0 0 0 calc(var(--phone-bezel-w) + 1px) #ffffff1a,inset 0 0 0 1px #ffffff12,0 30px 80px #0000008c,0 12px 24px #00000059}.broadcast{position:absolute;top:var(--phone-bezel-w);left:var(--phone-bezel-w);width:calc(100% - 2 * var(--phone-bezel-w));height:calc(100% - 2 * var(--phone-bezel-w));border-radius:0;object-fit:cover;background:#000;display:block;z-index:1}.phone-controls{position:absolute;z-index:4;left:var(--phone-bezel-w);right:var(--phone-bezel-w);bottom:var(--phone-bezel-w);display:flex;align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(180deg,#0000,#0000008c);border-bottom-left-radius:calc(var(--phone-radius) - 6px);border-bottom-right-radius:calc(var(--phone-radius) - 6px);font-family:var(--font-ui);color:var(--text);pointer-events:auto}.ctrl-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text);border-radius:999px;cursor:pointer;transition:background .14s;flex-shrink:0}.ctrl-btn:hover{background:#ffffff29}.ctrl-btn svg{width:14px;height:14px}.ctrl-btn .icon-paused,.ctrl-btn .icon-unmuted,.ctrl-btn[data-paused=true] .icon-playing{display:none}.ctrl-btn[data-paused=true] .icon-paused{display:inline-block}.ctrl-btn[data-muted=false] .icon-muted{display:none}.ctrl-btn[data-muted=false] .icon-unmuted{display:inline-block}.ctrl-scrub{flex:1;height:18px;display:flex;align-items:center;cursor:pointer;position:relative}.ctrl-scrub-track{width:100%;height:3px;background:#ffffff2e;border-radius:2px;position:relative;overflow:hidden}.ctrl-scrub-fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:var(--accent);border-radius:2px;transition:width 80ms linear}.ctrl-scrub-knob{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:999px;background:var(--text);box-shadow:0 2px 6px #0006;opacity:0;transition:opacity .14s}.ctrl-scrub:hover .ctrl-scrub-knob{opacity:1}.ctrl-time{font-size:11px;color:var(--text-dim);letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums}.ctrl-mute-hint{font-size:11px;font-weight:500;color:var(--text-dim);margin-right:4px;transition:opacity .32s}.ctrl-mute-hint.hidden{opacity:0;pointer-events:none}.tile-controls{position:absolute;inset:0;z-index:5;border-radius:calc(var(--phone-radius) - 6px);pointer-events:none}.tile-live{position:absolute;top:6px;left:6px;display:inline-flex;align-items:center;gap:4px;padding:2px 5px 2px 4px;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:3px;font-size:8px;font-weight:700;letter-spacing:.08em;color:var(--text)}.tile-live .dot{width:5px;height:5px;border-radius:999px;background:var(--live-red);box-shadow:0 0 6px var(--live-glow)}.tile-stats{position:absolute;bottom:6px;left:6px;right:6px;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:8px;color:var(--text);font-family:var(--font-mono);letter-spacing:.04em;pointer-events:none}.tile-stats span{background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:1px 5px;border-radius:2px}.tile-pop{position:absolute;top:6px;right:6px;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;background:#0000008c;color:var(--text);border-radius:3px;border:0;cursor:pointer;pointer-events:auto}.tile-pop svg{width:8px;height:8px}.audio-overlay{position:absolute;left:83.7%;top:54.5%;width:7.5cqi;height:5cqi;display:flex;align-items:flex-end;gap:1px;background:#131419;z-index:4;padding:0 0 .8cqi;margin:0;border:0}.audio-overlay i{flex:1;height:45%;border-radius:.1cqi;background:#23a36d;transform-origin:bottom}.audio-overlay i:nth-child(1){height:38%}.audio-overlay i:nth-child(2){height:62%}.audio-overlay i:nth-child(3){height:50%}.audio-overlay i:nth-child(4){height:74%}.audio-overlay i:nth-child(5){height:44%}.audio-overlay i:nth-child(6){height:58%}.audio-overlay i:nth-child(7){height:36%}.audio-overlay i:nth-child(8){height:66%}.audio-overlay i:nth-child(9){height:48%}.audio-overlay i:nth-child(10){height:40%}.is-live .audio-overlay i{animation:scrolly-hero-aud-bounce .8s ease-in-out infinite}.is-live .audio-overlay i:nth-child(1){animation-duration:.72s;animation-delay:-.2s}.is-live .audio-overlay i:nth-child(2){animation-duration:.94s;animation-delay:-.05s}.is-live .audio-overlay i:nth-child(3){animation-duration:.66s;animation-delay:-.32s}.is-live .audio-overlay i:nth-child(4){animation-duration:.88s;animation-delay:-.12s}.is-live .audio-overlay i:nth-child(5){animation-duration:.78s;animation-delay:-.26s}.is-live .audio-overlay i:nth-child(6){animation-duration:1.02s;animation-delay:-.4s}.is-live .audio-overlay i:nth-child(7){animation-duration:.7s;animation-delay:-.16s}.is-live .audio-overlay i:nth-child(8){animation-duration:.9s;animation-delay:-.34s}.is-live .audio-overlay i:nth-child(9){animation-duration:.76s;animation-delay:-.08s}.is-live .audio-overlay i:nth-child(10){animation-duration:.84s;animation-delay:-.28s}@keyframes scrolly-hero-aud-bounce{0%,to{height:22%}50%{height:92%}}@media(prefers-reduced-motion:reduce){.is-live .audio-overlay i{animation:none}}.gsap-managed{visibility:hidden}.gsap-ready .gsap-managed{visibility:visible}.scrolly-mobile-static .hero{height:auto;min-height:100vh;overflow:visible}.scrolly-mobile-static .hero-bg{filter:brightness(.62) saturate(.9)}.scrolly-mobile-static .bg-veil{background:linear-gradient(180deg,#111a2c8c,#111a2c73 40%,#111a2ccc 75%,#111a2cf2)}.scrolly-mobile-static .hero-stage{height:auto;min-height:100vh;overflow:visible;padding:calc(var(--nav-h) + 32px) 20px 48px;display:flex;flex-direction:column;align-items:center;gap:32px;justify-content:flex-start}.scrolly-mobile-static .hero-headline{position:static;transform:none;margin:0;padding:0;max-width:100%;text-shadow:0 2px 12px rgba(0,0,0,.55)}.scrolly-mobile-static .hero-headline>*{margin-left:auto;margin-right:auto}.scrolly-mobile-static .macbook{display:none}.scrolly-mobile-static .phone-frame{--phone-radius: 34px;--phone-bezel-w: 10px;position:static;transform:none;margin:0;width:min(360px,92vw);height:auto;aspect-ratio:2 / 1;border-radius:var(--phone-radius);background:linear-gradient(180deg,#1a2030,#0f1420);padding:var(--phone-bezel-w);box-shadow:0 24px 60px -12px #000000a6,0 8px 20px -6px #00000073,inset 0 1px #ffffff1a,0 0 0 1px #ffffff0f}.scrolly-mobile-static .phone-bezel{display:block;top:var(--phone-bezel-w);left:var(--phone-bezel-w);right:var(--phone-bezel-w);bottom:var(--phone-bezel-w);border-radius:calc(var(--phone-radius) - 8px);box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 0 22px #00000059}.scrolly-mobile-static .broadcast{border-radius:calc(var(--phone-radius) - 8px)}.scrolly-mobile-static .phone-controls{left:calc(var(--phone-bezel-w) + 6px);right:calc(var(--phone-bezel-w) + 6px);bottom:calc(var(--phone-bezel-w) + 6px);padding:6px 8px;border-radius:8px;font-size:12px}@media(prefers-reduced-motion:reduce){.hero{height:auto;min-height:100vh}.hero-stage{height:auto;min-height:100vh;padding:var(--nav-h) 0 60px}.hero-headline{position:static;transform:none;margin:40px auto}.macbook{position:static;transform:none;margin:40px auto 0;opacity:1}.phone-frame{display:none}}@media(max-height:760px){.hero-headline{top:14vh}.hero{--phone-rest-w: 480px;--phone-rest-top-vh: 78vh}}@media(min-width:1600px){.hero{--mac-max-w: 820px;--phone-rest-top-vh: 72vh}}@media(min-width:1920px){.hero{--mac-max-w: 960px;--phone-rest-top-vh: 74vh}}@media(min-width:2400px){.hero{--mac-max-w: 1120px;--phone-rest-top-vh: 76vh}}.scrollbar-hide[data-astro-cid-wc6k5jnf]{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide[data-astro-cid-wc6k5jnf]::-webkit-scrollbar{display:none}.carousel-section[data-astro-cid-wc6k5jnf]{overflow-x:clip}.scrollbar-hide[data-astro-cid-wccbmgsl]{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide[data-astro-cid-wccbmgsl]::-webkit-scrollbar{display:none}.grid-carousel-btn[data-astro-cid-wccbmgsl]{color:var(--color-charcoal-pitch);background-color:var(--color-yellow-tennis);box-shadow:inset 0 0 0 1px #161d251a}.grid-carousel-btn[data-astro-cid-wccbmgsl]:disabled{background-color:transparent;color:#161d2559;cursor:not-allowed}.scrollbar-hide[data-astro-cid-cvppt7jf]{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide[data-astro-cid-cvppt7jf]::-webkit-scrollbar{display:none}.customer-card[data-astro-cid-cvppt7jf]{width:85vw;height:420px}@media(min-width:768px){.customer-card[data-astro-cid-cvppt7jf]{width:min(960px,calc(100vw - 128px));max-width:960px;height:500px}}