.roller-root{position:fixed;inset:0;z-index:2147483000;color:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,sans-serif;isolation:isolate}.roller-root *{box-sizing:border-box}.roller-input-shield{position:absolute;inset:0;z-index:0;pointer-events:auto}.roller-root.is-walkthrough .roller-input-shield{background:transparent}.roller-root.is-cinematic .roller-input-shield{background:#020617}.roller-hold-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity 1s ease}.roller-hold-atmosphere span,.roller-hold-atmosphere i{position:absolute;inset:2vmin;border:1px solid rgba(103,232,249,.2);box-shadow:inset 0 0 8vmin #4f46e524,0 0 10vmin #22d3ee14}.roller-hold-atmosphere i{inset:0;background:radial-gradient(circle at center,transparent 48%,rgba(15,23,42,.16) 100%);border:0}.roller-root.is-shaking .roller-hold-atmosphere{opacity:1;animation:roller-shake-ramp 4s cubic-bezier(.2,.7,.2,1) both}.roller-controls{position:absolute;right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));z-index:80;display:flex;gap:8px;pointer-events:auto}.roller-controls button,.roller-gate button{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(165,243,252,.2);border-radius:999px;background:#020617d1;padding:9px 13px;color:#cffafe;font-size:12px;font-weight:800;box-shadow:0 10px 32px #0206174d;backdrop-filter:blur(10px)}.roller-black-scene,.roller-brand-scene,.roller-story-stage{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.roller-burst{position:relative;display:grid;place-items:center;width:100%;height:100%;color:#a5f3fc;animation:roller-burst .9s ease-out both}.roller-burst>svg{filter:drop-shadow(0 0 28px rgba(103,232,249,.9));animation:roller-burst-core .9s ease-out both}.roller-burst i{--angle:calc(var(--fragment)*20deg);position:absolute;left:50%;top:50%;width:8px;height:30px;border-radius:99px;background:linear-gradient(#67e8f9,#8b5cf6);transform:rotate(var(--angle)) translateY(-20px);animation:roller-fragment .8s ease-out both}.roller-mascot-scene{position:relative;width:min(760px,90vw);height:min(360px,72vh)}.roller-mascot{position:absolute;left:9%;bottom:20%;width:86px;height:142px;animation:roller-walk-in 3.2s ease-in-out both}.roller-mascot-head{position:absolute;left:17px;top:0;width:54px!important;height:54px!important;border-radius:17px;filter:drop-shadow(0 0 16px rgba(103,232,249,.3))}.roller-mascot-body{position:absolute;left:27px;top:58px;width:34px;height:49px;border-radius:15px 15px 11px 11px;background:linear-gradient(160deg,#67e8f9,#6366f1)}.roller-mascot-arm,.roller-mascot-leg{position:absolute;width:7px;border-radius:99px;background:#a5f3fc;transform-origin:top}.roller-mascot-arm{top:65px;height:42px}.roller-mascot-arm-left{left:22px;transform:rotate(20deg)}.roller-mascot-arm-right{right:20px;transform:rotate(-20deg)}.roller-mascot-leg{top:101px;height:40px}.roller-mascot-leg-left{left:34px}.roller-mascot-leg-right{right:32px}.roller-mascot-scene:not(.is-switching) .roller-mascot-leg-left{animation:roller-leg .55s ease-in-out 4 alternate}.roller-mascot-scene:not(.is-switching) .roller-mascot-leg-right{animation:roller-leg .55s ease-in-out .25s 4 alternate-reverse}.roller-switch{position:absolute;right:14%;bottom:24%;display:flex;flex-direction:column;align-items:center;gap:10px}.roller-switch-label{font-size:10px;font-weight:900;letter-spacing:.2em;color:#64748b}.roller-switch-track{position:relative;width:58px;height:110px;border:2px solid #334155;border-radius:20px;background:linear-gradient(#0f172a,#020617);box-shadow:inset 0 0 20px #000,0 0 30px #6366f11f}.roller-switch-lever{position:absolute;left:9px;top:12px;width:36px;height:42px;border-radius:12px;background:linear-gradient(#cbd5e1,#475569);box-shadow:0 7px 13px #000;transition:transform .35s ease}.is-switching .roller-mascot{left:auto;right:24%;animation:roller-press .8s ease-in-out both}.is-switching .roller-mascot-arm-right{transform:rotate(-78deg);height:55px}.is-switching .roller-switch-lever{transform:translateY(42px)}.roller-light-cross{position:relative;width:10px;height:10px;filter:drop-shadow(0 0 20px #67e8f9);animation:roller-light-grow 1.7s cubic-bezier(.15,.75,.2,1) both}.roller-light-cross span,.roller-light-cross i{position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,#fff 45%,#67e8f9 55%,transparent);transform:translate(-50%,-50%)}.roller-light-cross span{width:190vmax;height:4px}.roller-light-cross i{width:4px;height:190vmax;background:linear-gradient(transparent,#fff 45%,#8b5cf6 55%,transparent)}.roller-brand-scene{flex-direction:column;background:radial-gradient(circle at center,rgba(30,64,175,.28),transparent 38%),#020617}.roller-brand-word{font-family:Plus Jakarta Sans,ui-sans-serif,sans-serif;font-size:clamp(3.2rem,12vw,9rem);font-weight:900;letter-spacing:-.08em;background:linear-gradient(110deg,#fff,#67e8f9 48%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 35px rgba(103,232,249,.2))}.roller-brand-word span{color:#67e8f9;animation:roller-caret .9s steps(1) infinite}.roller-brand-subtitle{margin-top:18px;color:#94a3b8;font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:11px}.roller-story-stage{padding:clamp(18px,4vw,58px);background:#07101d}.roller-story-card{position:relative;width:min(1180px,100%);height:min(680px,calc(100dvh - 72px));min-height:360px;overflow:hidden;border:1px solid rgba(103,232,249,.16);border-radius:34px;background:linear-gradient(140deg,#0f172af5,#1e1b4be6);box-shadow:0 40px 120px #020617a6;animation:roller-story-enter .7s ease both}.roller-story-background{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.22;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 80%);mask-image:radial-gradient(circle at center,#000,transparent 80%)}.roller-story-content{position:relative;display:flex;height:100%;flex-direction:column;justify-content:center;padding:clamp(24px,6vw,76px)}.roller-eyebrow{color:#67e8f9;font-size:11px;font-weight:900;letter-spacing:.24em;text-transform:uppercase}.roller-story-content h2,.roller-gate h2,.roller-completion h2{max-width:850px;margin-top:13px;font-family:Plus Jakarta Sans,ui-sans-serif,sans-serif;font-size:clamp(1.8rem,4.5vw,4.2rem);font-weight:900;line-height:1.04;letter-spacing:-.045em}.roller-kinetic-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.roller-kinetic-grid span,.roller-conveyor span{border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#ffffff0e;padding:14px 18px;color:#cbd5e1;font-size:clamp(.75rem,1.4vw,1rem);font-weight:800;box-shadow:0 12px 35px #0206172e;animation:roller-chip .5s ease both}.roller-kinetic-grid span:nth-child(2n){border-color:#67e8f938;color:#cffafe}.roller-kinetic-grid.is-bold span{font-size:clamp(1rem,2.4vw,1.8rem);color:#fff}.roller-story-tail{margin-top:28px;color:#94a3b8;font-weight:800}.roller-conveyor{display:flex;align-items:center;gap:10px;margin-top:40px;white-space:nowrap;animation:roller-conveyor 8s ease-in-out both}.roller-conveyor svg{flex:none;color:#475569}.roller-comparison{margin-top:26px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#0206176b}.roller-comparison-row{display:grid;grid-template-columns:1.1fr repeat(4,1fr);border-top:1px solid rgba(255,255,255,.08)}.roller-comparison-row:first-child{border-top:0}.roller-comparison-row span{display:flex;align-items:center;gap:5px;padding:10px 12px;color:#94a3b8;font-size:clamp(.58rem,1.2vw,.82rem)}.roller-comparison-row span:first-child{color:#fff;font-weight:800}.roller-comparison-row span:last-child{color:#a5f3fc;font-weight:800}.roller-comparison-row.is-head span{color:#cbd5e1;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.roller-cursor-layer{position:absolute;inset:0;z-index:50;overflow:hidden;pointer-events:none}.roller-cursor{position:absolute;left:-3px;top:-2px;transition:transform 1s cubic-bezier(.22,.75,.2,1);will-change:transform}.roller-cursor-click{position:absolute;left:-14px;top:-14px;width:44px;height:44px;border:2px solid #67e8f9;border-radius:999px;animation:roller-click .55s ease-out both}.roller-target-orbit{position:absolute;left:0;top:0;border:2px solid rgba(103,232,249,.9);border-radius:18px;box-shadow:0 0 0 5px #22d3ee17,0 0 28px #22d3ee47;transition:transform .8s ease,width .45s ease,height .45s ease;will-change:transform,width,height;animation:roller-orbit 1.8s ease-in-out infinite}.roller-annotation{position:absolute;left:0;top:0;display:flex;width:min(280px,calc(100vw - 32px));flex-direction:column;gap:5px;border:1px solid rgba(103,232,249,.22);border-radius:16px;background:#020617eb;padding:12px 14px;color:#cbd5e1;font-size:12px;line-height:1.45;box-shadow:0 18px 50px #02061766;backdrop-filter:blur(12px);transition:transform .9s cubic-bezier(.22,.75,.2,1)}.roller-annotation strong{color:#ecfeff;font-family:Plus Jakarta Sans,sans-serif;font-size:13px}.roller-route-status{position:absolute;left:50%;top:50%;z-index:60;display:flex;align-items:center;gap:10px;transform:translate(-50%,-50%);border:1px solid rgba(103,232,249,.18);border-radius:999px;background:#020617e6;padding:13px 18px;color:#cffafe;font-size:13px;font-weight:800}.roller-route-status span{width:9px;height:9px;border-radius:50%;background:#67e8f9;animation:roller-pulse 1s ease-in-out infinite}.roller-gate{position:absolute;inset:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:#020617f5;pointer-events:auto}.roller-gate h2{max-width:650px;font-size:clamp(1.8rem,5vw,3.6rem)}.roller-gate p{max-width:580px;margin-top:16px;color:#94a3b8;line-height:1.7}.roller-gate button{margin-top:24px}.roller-rotate-icon{color:#67e8f9;animation:roller-rotate 2s ease-in-out infinite}.roller-completion{position:absolute;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:#020617d1;pointer-events:auto;backdrop-filter:blur(12px)}.roller-completion>div{width:min(700px,100%);max-height:calc(100dvh - 40px);overflow:auto;border:1px solid rgba(103,232,249,.2);border-radius:30px;background:linear-gradient(145deg,#0f172a,#11133b);padding:clamp(24px,5vw,46px);box-shadow:0 34px 100px #0000008c}.roller-completion h2{font-size:clamp(2rem,5vw,3.8rem)}.roller-completion p{margin-top:18px;color:#cbd5e1;line-height:1.75}.roller-completion strong{display:block;margin-top:20px;color:#cffafe}.roller-completion-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.roller-completion-actions button{border:1px solid rgba(103,232,249,.24);border-radius:14px;padding:12px 18px;background:#67e8f9;color:#082f49;font-size:13px;font-weight:900}.roller-completion-actions button:last-child{background:transparent;color:#cffafe}@keyframes roller-shake-ramp{0%{transform:translateZ(0)}20%{transform:translate3d(-1px,1px,0)}40%{transform:translate3d(2px,-2px,0)}60%{transform:translate3d(-4px,3px,0)}78%{transform:translate3d(6px,-4px,0) rotate(.15deg)}90%{transform:translate3d(-9px,6px,0) rotate(-.25deg)}to{transform:translate3d(12px,-8px,0) rotate(.3deg)}}@keyframes roller-burst{0%{opacity:.2;transform:scale(.25)}55%{opacity:1}to{opacity:0;transform:scale(3)}}@keyframes roller-burst-core{to{transform:rotate(70deg) scale(2)}}@keyframes roller-fragment{to{opacity:0;transform:rotate(var(--angle)) translateY(-48vmin) scale(.4)}}@keyframes roller-walk-in{0%{transform:translate(-35vw)}70%{transform:translate(42vw)}85%{transform:translate(40vw)}to{transform:translate(42vw)}}@keyframes roller-leg{to{transform:rotate(25deg)}}@keyframes roller-press{0%{transform:translate(0)}55%{transform:translate(24px) rotate(-4deg)}to{transform:translate(16px)}}@keyframes roller-light-grow{0%{opacity:0;transform:scale(.01)}12%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes roller-caret{50%{opacity:0}}@keyframes roller-story-enter{0%{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}@keyframes roller-chip{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes roller-conveyor{0%{transform:translate(12%)}to{transform:translate(-7%)}}@keyframes roller-click{to{opacity:0;transform:scale(1.8)}}@keyframes roller-orbit{50%{box-shadow:0 0 0 9px #22d3ee0a,0 0 36px #22d3ee61}}@keyframes roller-pulse{50%{opacity:.3;transform:scale(.7)}}@keyframes roller-rotate{50%{transform:rotate(90deg)}}@media(max-width:760px){.roller-controls button span{display:none}.roller-controls button,.roller-story-stage{padding:10px}.roller-story-card{height:calc(100dvh - 20px);min-height:300px;border-radius:22px}.roller-story-content{padding:24px}.roller-story-content h2{font-size:clamp(1.45rem,5vw,2.2rem)}.roller-kinetic-grid{margin-top:20px}.roller-kinetic-grid span{padding:9px 11px}.roller-comparison{margin-top:15px}.roller-comparison-row span{padding:7px 6px}.roller-mascot-scene{transform:scale(.82)}}@media(prefers-reduced-motion:reduce){.roller-root.is-shaking .roller-hold-atmosphere{animation:roller-reduced-shake 4s ease both}.roller-mascot{animation-duration:2s}.roller-mascot-leg,.roller-conveyor,.roller-rotate-icon{animation:none!important}.roller-burst i{display:none}.roller-cursor,.roller-annotation,.roller-target-orbit{transition-duration:.25s}.roller-light-cross{animation-duration:1s}@keyframes roller-reduced-shake{0%,to{transform:none}50%{transform:translate3d(2px,-1px,0)}}}.roller-light-fill{position:absolute;inset:0;overflow:hidden;background:#fff;opacity:0;animation:roller-light-room 2.4s cubic-bezier(.18,.7,.2,1) both}.roller-light-fill:before{position:absolute;left:50%;top:50%;width:12vmin;height:12vmin;border-radius:50%;background:radial-gradient(circle,#ffd95a,#ffe27a 18%,#fff1b8 42%,#fff8d9 60%,#fffdf0,#fff);box-shadow:0 0 9vmin 3vmin #ffd95ab3;content:"";transform:translate(-50%,-50%) scale(.01);transform-origin:center;animation:roller-radial-light 2.4s cubic-bezier(.12,.72,.18,1) both}.roller-light-fill:after{position:absolute;inset:0;background:#fff;content:"";opacity:0;animation:roller-light-edge 2.4s ease-out both}.roller-controls{opacity:0;pointer-events:none;transform:translate3d(0,-8px,0);transition:opacity .3s ease,transform .3s ease}.roller-controls.is-visible{opacity:1;pointer-events:auto;transform:translateZ(0)}.roller-text-selection-layer{position:fixed;inset:0;z-index:54;overflow:hidden;pointer-events:none}.roller-text-selection-cell{position:fixed;border-radius:3px;background:var(--roller-selection-color, #fcd34d);box-shadow:0 0 10px var(--roller-selection-glow, rgba(245, 158, 11, .24));opacity:.36;transform:scaleX(.2);transform-origin:left center;animation:roller-text-selection-in .18s cubic-bezier(.22,.75,.2,1) both}@keyframes roller-text-selection-in{0%{opacity:.08;transform:scaleX(.2)}to{opacity:.36;transform:scaleX(1)}}[data-roller-landing-root].roller-landing-shaking{animation:roller-live-landing-shake 4s cubic-bezier(.16,.78,.18,1) both;transform-origin:center top;will-change:transform}[data-roller-landing-root].roller-landing-shaking h1,[data-roller-landing-root].roller-landing-shaking h2,[data-roller-landing-root].roller-landing-shaking h3,[data-roller-landing-root].roller-landing-shaking p,[data-roller-landing-root].roller-landing-shaking button,[data-roller-landing-root].roller-landing-shaking nav a,[data-roller-landing-root].roller-landing-shaking [data-roller-target=landing-wordmark]{animation:roller-live-content-jitter .78s steps(1,end) 1.15s infinite;will-change:transform}[data-roller-landing-root].roller-landing-story-reveal{animation:roller-live-landing-reveal .9s cubic-bezier(.22,.75,.2,1) both;transform-origin:center top}.roller-target-orbit{border-color:var(--roller-highlight-color, rgba(103, 232, 249, .9));box-shadow:0 0 0 5px color-mix(in srgb,var(--roller-highlight-color, #67e8f9) 9%,transparent),0 0 28px var(--roller-highlight-glow, rgba(34, 211, 238, .28))}.roller-mascot-scene{width:min(760px,90vw)}.roller-mascot{left:auto;right:32%;animation:roller-short-mascot-walk 3.2s cubic-bezier(.22,.75,.2,1) both}.roller-switch{right:22%}.roller-mascot-scene.is-switching .roller-mascot{left:auto;right:32%;animation:roller-short-mascot-press .8s ease-in-out both}.roller-mascot-scene:not(.is-switching) .roller-mascot-leg-left{animation:roller-short-leg .55s ease-in-out 3 alternate}.roller-mascot-scene:not(.is-switching) .roller-mascot-leg-right{animation:roller-short-leg .55s ease-in-out .25s 3 alternate-reverse}.roller-mascot-scene:not(.is-switching) .roller-mascot-arm-left{animation:roller-short-arm .55s ease-in-out 3 alternate-reverse}.roller-mascot-scene:not(.is-switching) .roller-mascot-arm-right{animation:roller-short-arm .55s ease-in-out .25s 3 alternate}@keyframes roller-live-landing-shake{0%,8%{transform:translateZ(0) rotate(0) scale(1)}15%{transform:translate3d(-2px,1px,0) rotate(-.04deg) scale(1.001)}23%{transform:translate3d(3px,-3px,0) rotate(.08deg) scale(.999)}31%{transform:translate3d(-5px,2px,0) rotate(-.12deg) scale(1.002)}40%{transform:translate3d(1px,6px,0) rotate(.07deg) scale(.998)}49%{transform:translate3d(8px,-4px,0) rotate(.19deg) scale(1.002)}58%{transform:translate3d(-7px,7px,0) rotate(-.22deg) scale(.998)}67%{transform:translate3d(11px,1px,0) rotate(.27deg) scale(1.003)}76%{transform:translate3d(-12px,-7px,0) rotate(-.34deg) scale(.997)}84%{transform:translate3d(6px,10px,0) rotate(.39deg) scale(1.003)}92%{transform:translate3d(-17px,4px,0) rotate(-.46deg) scale(.996)}to{transform:translate3d(19px,-14px,0) rotate(.54deg) scale(1.004)}}@keyframes roller-live-content-jitter{0%{transform:translateZ(0) rotate(0)}17%{transform:translate3d(-1px,1px,0) rotate(-.08deg)}34%{transform:translate3d(1px,-1px,0) rotate(.05deg)}53%{transform:translate3d(-2px,0,0) rotate(.1deg)}71%{transform:translate3d(1px,2px,0) rotate(-.06deg)}to{transform:translate3d(-1px,-1px,0) rotate(.04deg)}}@keyframes roller-live-landing-reveal{0%{opacity:.72;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}@keyframes roller-short-mascot-walk{0%{opacity:0;transform:translate3d(52px,0,0) scale(.96)}18%{opacity:1;transform:translate3d(52px,0,0) scale(1)}78%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes roller-short-mascot-press{0%,35%{transform:translateZ(0)}66%{transform:translate3d(7px,0,0) rotate(-2deg)}to{transform:translate3d(4px,0,0)}}@keyframes roller-short-leg{to{transform:rotate(25deg)}}@keyframes roller-short-arm{to{transform:rotate(-18deg)}}@media(prefers-reduced-motion:reduce){[data-roller-landing-root].roller-landing-shaking{animation:roller-reduced-live-landing-shake 1.5s ease both}[data-roller-landing-root].roller-landing-shaking h1,[data-roller-landing-root].roller-landing-shaking h2,[data-roller-landing-root].roller-landing-shaking h3,[data-roller-landing-root].roller-landing-shaking p,[data-roller-landing-root].roller-landing-shaking button,[data-roller-landing-root].roller-landing-shaking nav a,[data-roller-landing-root].roller-landing-shaking [data-roller-target=landing-wordmark]{animation:none;will-change:auto}.roller-mascot,.roller-mascot-scene.is-switching .roller-mascot{animation-duration:1.8s}.roller-mascot-leg,.roller-mascot-arm,.roller-text-selection-cell{animation:none!important;transition-duration:.2s}}@media(max-width:639px){.roller-annotation{width:min(280px,calc(100vw - 28px));padding:10px 12px;font-size:11px}}@keyframes roller-reduced-live-landing-shake{0%,to{transform:translateZ(0)}50%{transform:translate3d(2px,-1px,0)}}@keyframes roller-radial-light{0%{opacity:0;transform:translate(-50%,-50%) scale(.01)}10%{opacity:1}to{opacity:1;transform:translate(-50%,-50%) scale(28)}}@keyframes roller-light-room{0%,62%{opacity:0}84%{opacity:.08}to{opacity:1}}@keyframes roller-light-edge{0%,82%{opacity:0}to{opacity:.72}}@media(prefers-reduced-motion:reduce){.roller-light-fill,.roller-light-fill:before,.roller-light-fill:after{animation-duration:1.1s}.roller-light-fill:before{animation-name:roller-reduced-radial-light}}@keyframes roller-reduced-radial-light{0%{opacity:.2;transform:translate(-50%,-50%) scale(.01)}to{opacity:1;transform:translate(-50%,-50%) scale(24)}}