@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#f5fbfa;font-synthesis:none;text-rendering:optimizelegibility;--cyan:#6ee7dc;--mint:#b7f5d5;--coral:#ff8064;--ink:#071012;--build-revision:20260700;background:#071012;font-family:Manrope,Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:var(--ink);overflow:hidden}button{font:inherit}button:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.app{background:var(--ink);min-height:100dvh}.scene{--origin-x:50%;--origin-y:50%;isolation:isolate;background:#071012;width:100%;height:100dvh;min-height:640px;position:relative;overflow:hidden}.scene__image{z-index:-4;background-image:var(--scene-image);filter:saturate(.88)contrast(1.03);transform-origin:var(--origin-x) var(--origin-y);will-change:transform, opacity, filter, clip-path;background-position:50%;background-size:cover;transition:transform 1.1s cubic-bezier(.2,.75,.2,1),filter .7s;position:absolute;inset:-3%;transform:scale(1.04)}.is-loaded .scene__image{transform:scale(1)}.scene.is-out.is-drill .scene__image{animation:.56s cubic-bezier(.42,0,.82,.4) both map-dive-out}.scene.is-in.is-drill .scene__image{animation:.72s cubic-bezier(.16,.84,.26,1) both map-dive-in}.scene.is-out.is-up .scene__image{animation:.56s cubic-bezier(.4,0,.7,.3) both map-rise-out}.scene.is-in.is-up .scene__image{animation:.72s cubic-bezier(.16,.84,.26,1) both map-rise-in}@keyframes map-dive-out{0%{opacity:1;filter:saturate(.88)contrast(1.03)blur();transform:scale(1)}72%{opacity:1;filter:saturate()contrast(1.06)blur(1px);transform:scale(2.55)}to{opacity:0;filter:saturate(.72)contrast(1.02)blur(8px);transform:scale(3.25)}}@keyframes map-dive-in{0%{opacity:0;clip-path:circle(5% at var(--origin-x) var(--origin-y));filter:saturate(.65)blur(12px);transform:scale(.5)}48%{opacity:1;clip-path:circle(110% at var(--origin-x) var(--origin-y));filter:saturate(.85)blur(2px)}76%{clip-path:circle(160% at var(--origin-x) var(--origin-y));transform:scale(1.055)}to{opacity:1;clip-path:circle(160% at var(--origin-x) var(--origin-y));filter:saturate(.88)blur();transform:scale(1)}}@keyframes map-rise-out{0%{opacity:1;filter:saturate(.88)blur();transform:scale(1)}to{opacity:0;filter:saturate(.62)blur(8px);transform:scale(.48)}}@keyframes map-rise-in{0%{opacity:0;filter:saturate(.68)blur(10px);transform:scale(2.6)}62%{opacity:1;filter:saturate(.84)blur(1px)}to{opacity:1;filter:saturate(.88)blur();transform:scale(1)}}.scene__wash{z-index:-3;background:linear-gradient(90deg,#040a0cdb 0%,#040a0c7a 38%,#040a0c14 66%,#040a0c57 100%),linear-gradient(#050d0f99,#0000 26% 65%,#040a0cd6);position:absolute;inset:0}.scene__grid{z-index:-2;opacity:.16;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 5%,#000 45%,#0000 98%);mask-image:linear-gradient(#0000 5%,#000 45%,#0000 98%)}.scene-echo{z-index:-1;background-image:var(--echo-image);transform-origin:var(--origin-x) var(--origin-y);pointer-events:none;will-change:transform, opacity, filter;background-position:50%;background-size:cover;position:absolute;inset:-3%;overflow:hidden}.scene-echo:after{content:"";background:linear-gradient(90deg,#040a0cdb 0%,#040a0c7a 38%,#040a0c14 66%,#040a0c57 100%),linear-gradient(#050d0f99,#0000 26% 65%,#040a0cd6);position:absolute;inset:0}.scene-echo--drill{animation:1.11s cubic-bezier(.3,.05,.48,1) both map-echo-dive}.scene-echo--up{animation:.92s cubic-bezier(.35,0,.62,1) both map-echo-rise}@keyframes map-echo-dive{0%{opacity:1;filter:saturate(.88)blur();transform:scale(1)}48%{opacity:1;filter:saturate(.98)blur(1px);transform:scale(2.45)}to{opacity:0;filter:saturate(.7)blur(10px);transform:scale(3.8)}}@keyframes map-echo-rise{0%{opacity:1;filter:saturate(.88)blur();transform:scale(1)}62%{opacity:.82;filter:saturate(.72)blur(3px);transform:scale(.54)}to{opacity:0;filter:saturate(.62)blur(8px);transform:scale(.42)}}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030a0c29;border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(24px,4vw,68px);display:flex;position:absolute;top:0;left:0;right:0}.brand{color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.brand__mark,.loader__mark{gap:3px;width:32px;height:25px;display:grid;transform:skewY(-10deg)}.brand__mark i,.loader__mark i{background:var(--cyan);border-radius:999px;display:block}.brand__mark i:nth-child(2),.loader__mark i:nth-child(2){justify-self:center;width:76%}.brand__mark i:nth-child(3),.loader__mark i:nth-child(3){background:var(--coral);justify-self:end;width:52%}.brand__name{letter-spacing:0;font-size:22px;font-weight:700}.brand__product{letter-spacing:.22em;color:#ffffff8c;border-left:1px solid #ffffff42;margin-left:2px;padding-left:15px;font-size:10px}.topbar__status{align-items:center;gap:24px;display:flex}.topbar__status>span{letter-spacing:.16em;color:#ffffffa6;align-items:center;gap:8px;font-size:10px;display:flex}.topbar__status>span i,.live i{background:var(--mint);width:6px;height:6px;box-shadow:0 0 12px var(--mint);border-radius:50%}.icon-button{color:#ffffffc7;cursor:pointer;background:#050e104d;border:1px solid #fff3;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;transition:border-color .18s,color .18s,background .18s;display:grid}.icon-button:hover{color:#fff;border-color:var(--cyan);background:#6ee7dc1f}.scene__content{width:100%;max-width:1600px;height:100%;margin:0 auto;padding:150px clamp(24px,6.5vw,110px) 110px;position:relative}.copy-block{z-index:4;opacity:0;max-width:620px;transition:opacity .6s .22s,transform .7s cubic-bezier(.2,.8,.2,1) .22s;position:relative;transform:translateY(18px)}.is-loaded .copy-block{opacity:1;transform:translateY(0)}.eyebrow{color:var(--mint);letter-spacing:.2em;align-items:center;gap:9px;margin-bottom:22px;font-size:11px;font-weight:600;display:flex}h1{letter-spacing:0;text-wrap:balance;text-shadow:0 10px 50px #0000005c;max-width:720px;margin:0;font-family:Noto Sans SC,sans-serif;font-size:clamp(42px,5.4vw,80px);line-height:1.13}.copy-block>p{color:#f2fbf9b8;max-width:540px;margin:24px 0 0;font-size:clamp(14px,1.4vw,18px);line-height:1.8}.back-button{color:#ffffffa3;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-bottom:42px;padding:0;font-size:13px;display:flex}.back-button:hover{color:var(--mint)}.breadcrumb{color:#ffffff61;letter-spacing:.12em;align-items:center;gap:8px;margin:-24px 0 18px;font-size:9px;display:flex}.breadcrumb button{color:#b7f5d5ad;cursor:pointer;background:0 0;border:0;padding:0}.breadcrumb span{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.hotspot-layer{position:absolute;inset:0}.hotspot{--line-width:54px;left:var(--x);top:var(--y);z-index:6;color:#fff;cursor:pointer;opacity:0;background:0 0;border:0;align-items:center;padding:0;transition:opacity .44s,transform .5s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;transform:translate(-50%,-50%)scale(.86)}.is-loaded .hotspot{opacity:1;transform:translate(-50%,-50%)scale(1)}.is-loaded .hotspot:nth-child(2){transition-delay:90ms}.is-loaded .hotspot:nth-child(3){transition-delay:.18s}.hotspot:after{content:"";width:var(--line-width);background:linear-gradient(90deg,#6ee7dce6,#6ee7dc1f);order:2;height:1px}.hotspot--left{flex-direction:row-reverse}.hotspot--left:after{background:linear-gradient(90deg,#6ee7dc1f,#6ee7dce6)}.hotspot__dot{z-index:2;color:#06201e;background:#b7f5d5e6;border:1px solid #fffc;border-radius:50%;order:1;place-items:center;width:42px;height:42px;transition:transform .18s,background .18s;display:grid;position:relative;box-shadow:0 0 30px #6ee7dc66}.hotspot__pulse{z-index:0;border:1px solid #b7f5d59e;border-radius:50%;width:44px;height:44px;animation:2.2s ease-out infinite sonar;position:absolute;top:21px;left:21px;transform:translate(-50%,-50%)}.hotspot--left .hotspot__pulse{left:calc(100% - 21px)}@keyframes sonar{0%{opacity:.8;transform:translate(-50%,-50%)scale(.82)}75%,to{opacity:0;transform:translate(-50%,-50%)scale(2.3)}}.hotspot__card{text-align:left;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#051012ad;border:1px solid #ffffff38;border-radius:4px;order:3;justify-content:space-between;align-items:center;gap:18px;min-width:218px;min-height:74px;padding:14px 16px 14px 18px;transition:border-color .18s,background .18s,transform .18s;display:flex;box-shadow:0 18px 55px #00000040}.hotspot--left .hotspot__card{order:0}.hotspot__card span{gap:6px;display:grid}.hotspot__card strong{letter-spacing:0;font-size:14px}.hotspot__card small{color:#ffffff8c;white-space:nowrap;font-size:11px}.hotspot:hover .hotspot__dot{background:#fff;transform:scale(1.1)}.hotspot:hover .hotspot__card{background:#061819db;border-color:#b7f5d5b8;transform:translate(5px)}.hotspot--left:hover .hotspot__card{transform:translate(-5px)}.detail-panel{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;background:#050f11b3;border:1px solid #ffffff3d;border-radius:6px;width:min(370px,100vw - 48px);padding:25px;animation:.6s cubic-bezier(.2,.8,.2,1) .4s forwards panel-in;position:absolute;bottom:126px;right:clamp(24px,6.5vw,110px);transform:translateY(20px);box-shadow:0 24px 80px #00000057}@keyframes panel-in{to{opacity:1;transform:translateY(0)}}.detail-panel__topline{color:#ffffff8a;letter-spacing:.12em;justify-content:space-between;font-size:11px;display:flex}.live{color:var(--mint);align-items:center;gap:7px;font-size:9px;display:flex}.detail-panel__metric{color:#fff;margin-top:20px;font-size:52px;font-weight:600;line-height:1}.detail-panel p{color:#ffffffad;margin:17px 0 23px;font-size:13px;line-height:1.7}.detail-panel__action{color:#06201e;background:var(--mint);cursor:pointer;border:0;border-radius:3px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;font-size:13px;font-weight:700;transition:filter .18s,transform .18s;display:flex}.detail-panel__action svg:last-child{margin-left:auto}.detail-panel__action:hover{filter:brightness(1.08);transform:translateY(-2px)}.scene-footer{z-index:10;color:#ffffff80;letter-spacing:.13em;border-top:1px solid #ffffff24;justify-content:space-between;align-items:center;height:76px;font-size:10px;display:flex;position:absolute;bottom:0;left:clamp(24px,4vw,68px);right:clamp(24px,4vw,68px)}.scene-footer__hint,.scene-footer__meta{align-items:center;gap:14px;display:flex}.scene-footer__meta b{color:#ffffffd1;font-weight:500}.mouse{border:1px solid #ffffff75;border-radius:10px;place-items:start center;width:17px;height:25px;padding-top:5px;display:grid}.mouse i{background:var(--mint);border-radius:2px;width:2px;height:5px;animation:1.5s ease-in-out infinite wheel}@keyframes wheel{0%,to{opacity:1;transform:translateY(0)}60%{opacity:0;transform:translateY(6px)}}.restart-button{z-index:11;color:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#040c0e59;border:1px solid #fff3;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:100px;right:clamp(24px,4vw,68px)}.demo-overlay{z-index:30;text-align:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#030b0de6;border:1px solid #b7f5d566;border-radius:6px;width:min(720px,100vw - 40px);padding:48px;animation:.38s cubic-bezier(.2,.8,.2,1) both modal-in;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 40px 140px #000000a6}.demo-overlay:before{content:"";z-index:-1;background:#00040570;position:fixed;inset:-100vh -100vw}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.96)}}.demo-overlay__close{position:absolute;top:18px;right:18px}.demo-overlay__orb{width:72px;height:72px;color:var(--mint);border:1px solid #b7f5d58c;border-radius:50%;place-items:center;margin:0 auto 22px;display:grid;position:relative}.demo-overlay__orb span{border:1px solid #b7f5d52e;border-top-color:var(--coral);border-radius:50%;animation:6s linear infinite spin;position:absolute;inset:-8px}@keyframes spin{to{transform:rotate(360deg)}}.demo-overlay__label{color:var(--mint);letter-spacing:.2em;font-size:10px}.demo-overlay h2{letter-spacing:0;margin:12px auto 34px;font-size:clamp(24px,3vw,38px)}.demo-overlay>p{color:#ffffff8a;margin:30px 0 0;font-size:12px}.process-line{grid-template-columns:1fr 42px 1fr 42px 1fr;align-items:center;display:grid}.process-step{opacity:0;min-height:92px;animation:step-in .45s ease var(--delay) forwards;background:#ffffff09;border:1px solid #ffffff29;align-content:center;gap:8px;display:grid}@keyframes step-in{to{opacity:1}}.process-step span{color:var(--coral);letter-spacing:.12em;font-size:10px}.process-step strong{font-size:13px;font-weight:500}.process-connector{background:linear-gradient(90deg, var(--mint), #b7f5d526);transform-origin:0;height:1px;animation:.5s .4s both line-grow}@keyframes line-grow{0%{transform:scaleX(0)}}.scene.is-out .scene__content{pointer-events:none}.scene.is-out.is-drill .scene__content{transform-origin:var(--origin-x) var(--origin-y);animation:.43s cubic-bezier(.42,0,.72,.3) both map-ui-dive-out}.scene.is-in.is-drill .scene__content{transform-origin:var(--origin-x) var(--origin-y);animation:.62s cubic-bezier(.16,.84,.26,1) both map-ui-dive-in}.scene.is-out.is-up .scene__content{animation:.4s ease-in both map-ui-rise-out}.scene.is-in.is-up .scene__content{animation:.62s cubic-bezier(.16,.84,.26,1) both map-ui-rise-in}.scene.is-out .scene__grid{animation:.36s ease-in both map-grid-out}.scene.is-in .scene__grid{animation:.62s ease-out both map-grid-in}@keyframes map-ui-dive-out{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(5px);transform:scale(1.34)}}@keyframes map-ui-dive-in{0%{opacity:0;filter:blur(5px);transform:scale(.8)}38%{opacity:0}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes map-ui-rise-out{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(4px);transform:scale(.76)}}@keyframes map-ui-rise-in{0%{opacity:0;filter:blur(5px);transform:scale(1.18)}36%{opacity:0}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes map-grid-out{to{opacity:0;transform:scale(1.4)}}@keyframes map-grid-in{0%{opacity:0;transform:scale(.82)}to{opacity:.16;transform:scale(1)}}.loader{z-index:100;background:#071012;place-content:center;justify-items:center;gap:26px;transition:opacity .52s,visibility .52s;display:grid;position:fixed;inset:0}.loader[aria-hidden=true]{opacity:0;visibility:hidden}.loader__mark{width:48px;height:38px;animation:1.2s ease-in-out infinite loader-pulse}@keyframes loader-pulse{50%{opacity:.5;transform:scale(.96)}}.loader span{color:#ffffff7a;letter-spacing:.22em;font-size:10px}@media (width<=900px){.scene{min-height:620px}.topbar{height:70px;padding:0 20px}.brand__product,.topbar__status>span{display:none}.scene__content{padding:112px 22px 102px}.copy-block{max-width:min(540px,92vw)}h1{max-width:560px;font-size:clamp(38px,10vw,58px)}.copy-block>p{max-width:470px}.hotspot{--line-width:18px}.hotspot__card{min-width:174px;min-height:62px;padding:11px 12px}.hotspot__dot{width:36px;height:36px}.hotspot__pulse{top:18px;left:18px}.hotspot--left .hotspot__pulse{left:calc(100% - 18px)}.hotspot__card small{display:none}.detail-panel{bottom:100px;right:22px}.scene-footer{height:64px;left:22px;right:22px}.scene-footer__meta span{display:none}}@media (width<=620px){body{overflow:hidden}.scene__wash{background:linear-gradient(#030a0cc7 0%,#030a0c3d 46%,#030a0ce6 100%)}.scene__content{padding-top:102px}.copy-block{max-width:100%}h1{font-size:clamp(34px,10.5vw,48px);line-height:1.16}.copy-block>p{margin-top:16px;font-size:14px;line-height:1.65}.back-button{margin-bottom:24px}.eyebrow{margin-bottom:14px}.hotspot{left:22px;right:22px;transform:none}.is-loaded .hotspot{transform:none}.hotspot:first-child{top:auto;bottom:238px}.hotspot:nth-child(2){top:auto;bottom:166px}.hotspot:nth-child(3){top:auto;bottom:94px}.hotspot:after,.hotspot__pulse{display:none}.hotspot--left{flex-direction:row}.hotspot__card,.hotspot--left .hotspot__card{border-radius:4px;order:3;width:calc(100vw - 102px);min-height:58px}.hotspot__dot{flex:none;order:1;margin-right:8px}.hotspot:hover .hotspot__card,.hotspot--left:hover .hotspot__card{transform:none}.detail-panel{width:auto;padding:20px;bottom:88px;left:20px;right:20px}.detail-panel__metric{font-size:42px}.restart-button{top:84px;right:20px}.scene-footer{height:58px}.scene-footer__hint{font-size:9px}.demo-overlay{padding:42px 20px 28px}.process-line{grid-template-columns:1fr;gap:8px}.process-step{text-align:left;grid-template-columns:30px 1fr;align-items:center;min-height:58px;padding:0 14px}.process-connector{background:linear-gradient(var(--mint), #b7f5d526);justify-self:center;width:1px;height:16px}}@media (prefers-reduced-motion:reduce){.loader__mark,.hotspot__pulse,.demo-overlay__orb span{animation:none!important}}