:root{--surface-card:0 0% 100%;--surface-subtle:210 33% 96%;--surface-muted:214 32% 93%;--surface-border:214 24% 80%;--surface-border-strong:215 24% 68%;--surface-highlight:221 82% 53%;--surface-highlight-soft:217 92% 95%;--surface-shadow-soft:0 24px 48px -32px rgba(15,23,42,0.28);--surface-shadow-strong:0 36px 80px -42px rgba(15,23,42,0.32);--shell-sidebar-width:14rem;--shell-sidebar-collapsed-width:5rem}.dark{--surface-card:224 36% 10%;--surface-subtle:223 28% 16%;--surface-muted:223 28% 14%;--surface-border:218 24% 27%;--surface-border-strong:218 22% 38%;--surface-highlight:217 92% 66%;--surface-highlight-soft:222 44% 17%;--surface-shadow-soft:0 28px 54px -36px rgba(2,6,23,0.72);--surface-shadow-strong:0 44px 90px -48px rgba(2,6,23,0.78)}.onboarding-route{color-scheme:dark;--bg:#01030a;--ink:#f8fbff;--muted:rgba(248,251,255,0.7);--soft:rgba(248,251,255,0.5);--panel:rgba(3,12,27,0.74);--panel-strong:rgba(5,20,45,0.9);--line:rgba(96,165,250,0.28);--shadow:0 28px 92px rgba(0,0,0,0.62);--glow:0 0 16px color-mix(in srgb,var(--accent) 42%,transparent),0 0 42px color-mix(in srgb,var(--accent-2) 16%,transparent);font-family:Aptos,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;min-width:1120px;overflow:hidden;color:var(--ink);background:var(--bg)}.onboarding-route,.onboarding-route *,.onboarding-route :after,.onboarding-route :before{box-sizing:border-box}.onboarding-route{height:100%}.onboarding-route button{font:inherit;color:inherit}.immersive-shell{position:relative;width:100vw;height:100svh;min-height:700px;overflow:hidden;background:radial-gradient(circle at var(--spot-x) var(--spot-y),color-mix(in srgb,var(--accent) 9%,transparent),transparent 27%),radial-gradient(circle at 78% 22%,color-mix(in srgb,var(--accent-2) 5%,transparent),transparent 26%),linear-gradient(120deg,#01030a 0,#030915 48%,#01040c 100%)}.cinema-grid,.cinema-noise{position:absolute;inset:0;pointer-events:none}.cinema-noise{z-index:1;opacity:.11;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0);background-size:6px 6px;mix-blend-mode:screen}.cinema-grid{z-index:0;background-image:radial-gradient(circle,color-mix(in srgb,var(--accent) 24%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--accent) 3.5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent-2) 3%,transparent) 1px,transparent 1px);background-position:100% 0,0 0,0 0;background-size:18px 18px,92px 92px,92px 92px;-webkit-mask-image:radial-gradient(circle at 84% 15%,rgba(0,0,0,.9),transparent 34%);mask-image:radial-gradient(circle at 84% 15%,rgba(0,0,0,.9),transparent 34%);animation:gridDrift 32s linear infinite}.brand-mark{position:absolute;z-index:8;top:34px;left:46px;gap:14px}.brand-mark,.brand-mark-icon{display:inline-flex;align-items:center}.brand-mark-icon{height:46px;width:46px;flex-shrink:0;justify-content:center;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:linear-gradient(160deg,#09090b,#1c1c20);filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 34%,transparent));animation:brandPulse 4.4s ease-in-out infinite}.brand-mark-icon img{height:68%;width:68%;-o-object-fit:contain;object-fit:contain}.brand-mark span{display:flex;flex-direction:column;gap:4px}.brand-mark strong{font-size:30px;line-height:1}.brand-mark small{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:0}.scene-count{z-index:8;right:174px;gap:11px;padding:0 16px;border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);border-radius:999px;color:rgba(248,251,255,.76);background:rgba(2,10,24,.66);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 10%,transparent)}.onboarding-route .login-button,.scene-count{position:absolute;top:42px;display:inline-flex;align-items:center;min-height:44px;backdrop-filter:blur(18px)}.onboarding-route .login-button{z-index:10;right:48px;justify-content:center;gap:8px;padding:0 17px;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);border-radius:999px;color:rgba(248,251,255,.9);background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent 42%),rgba(2,10,24,.72);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 13%,transparent),inset 0 0 18px rgba(255,255,255,.035);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.onboarding-route .login-button:focus-visible,.onboarding-route .login-button:hover{border-color:color-mix(in srgb,var(--accent-2) 66%,white 8%);background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--accent-2) 22%,transparent),transparent 42%),rgba(6,22,49,.84);box-shadow:0 0 30px color-mix(in srgb,var(--accent) 21%,transparent),inset 0 0 20px rgba(255,255,255,.045);transform:translateY(-1px)}.onboarding-route .login-button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-2) 72%,white 8%);outline-offset:4px}.onboarding-route .login-button:disabled{cursor:wait;opacity:.82}.onboarding-route .login-button span{font-size:14px;font-weight:820}.onboarding-route .onboarding-language-switcher{position:absolute;z-index:10;top:96px;right:48px;width:46px}.onboarding-route .onboarding-language-switcher button{min-height:44px;border-color:color-mix(in srgb,var(--accent) 42%,transparent);background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent 42%),rgba(2,10,24,.72);color:rgba(248,251,255,.9);backdrop-filter:blur(18px);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 13%,transparent),inset 0 0 18px rgba(255,255,255,.035)}.onboarding-route .route-transition{position:fixed;z-index:120;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 38%),rgba(1,4,12,.84);backdrop-filter:blur(0);transition:opacity .42s ease,backdrop-filter .52s ease}.onboarding-route .route-transition.is-leaving{opacity:1;backdrop-filter:blur(18px);animation:routeTransitionIn .52s ease both}.scene-count span{font-weight:800;font-size:14px}.scene-count i{width:34px;height:2px;overflow:hidden;border-radius:999px;background:rgba(248,251,255,.16)}.scene-count i:before{content:"";display:block;width:calc(var(--progress) * 100%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:var(--glow);transition:width .52s ease}.cinema-scene{position:relative;z-index:3;display:grid;grid-template-columns:420px minmax(660px,1fr);gap:42px;align-items:center;height:100%;padding:116px 54px 104px;animation:sceneEnter .76s cubic-bezier(.2,.84,.24,1) both}.scene-copy{position:relative;z-index:5;max-width:420px;margin-top:-18px;animation:copyEnter .82s cubic-bezier(.2,.84,.24,1) both}.scene-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--accent);font-size:14px;font-weight:850;text-transform:uppercase;letter-spacing:0}.scene-eyebrow span{width:42px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:var(--glow)}.scene-copy h1{margin:22px 0 0;color:white;font-size:64px;font-weight:870;line-height:1.02;letter-spacing:0}.scene-copy p{margin:22px 0 0;color:rgba(248,251,255,.74);font-size:22px;line-height:1.42}.scene-note{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:10px 13px;border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);border-radius:16px;color:rgba(248,251,255,.72);background:rgba(2,10,24,.66);line-height:1.28}.scene-showcase{position:relative;height:620px;min-width:0}.scene-visual{position:absolute;z-index:2;left:-10px;top:50%;width:clamp(390px,36%,420px);min-width:390px;max-width:420px;height:548px;transform:translateY(-50%);animation:visualEnter .92s cubic-bezier(.18,.86,.28,1) 90ms both}.scene-visual.detail-open{z-index:7}.connector-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.connector-lines line{stroke:color-mix(in srgb,var(--accent) 48%,transparent);stroke-width:.35;stroke-dasharray:7 8;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent) 32%,transparent));animation:dashFlow 3.6s linear infinite}.visual-rings{position:absolute;inset:12%;display:grid;place-items:center;border-radius:50%}.visual-rings i{position:absolute;border:1px dashed color-mix(in srgb,var(--accent) 22%,transparent);border-radius:50%;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 16%,transparent));animation:ringTurn 18s linear infinite}.visual-rings i:first-child{inset:2%}.visual-rings i:nth-child(2){inset:16%;animation-duration:13s;animation-direction:reverse}.visual-rings i:nth-child(3){inset:30%;animation-duration:10s}.visual-core,.visual-node{position:absolute;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 48%,white 8%);background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 62%),rgba(4,17,39,.88);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 16%,transparent),inset 0 0 22px rgba(255,255,255,.04);backdrop-filter:blur(12px)}.visual-core-button,.visual-node-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;margin:0;cursor:pointer}.onboarding-route .visual-core-button strong,.onboarding-route .visual-core-button svg,.onboarding-route .visual-node-button span,.onboarding-route .visual-node-button svg{pointer-events:none}.visual-core-button:focus-visible,.visual-core-button:hover,.visual-node-button:focus-visible,.visual-node-button:hover{border-color:color-mix(in srgb,var(--accent-2) 76%,white 10%);box-shadow:0 0 28px color-mix(in srgb,var(--accent) 22%,transparent),0 0 56px color-mix(in srgb,var(--accent-2) 14%,transparent),inset 0 0 24px rgba(255,255,255,.06)}.visual-core-button:focus-visible,.visual-node-button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-2) 74%,white 8%);outline-offset:4px}.visual-core{left:50%;top:50%;width:164px;height:164px;border-radius:36px;color:white;transform:translate(-50%,-50%);animation:none}.visual-core svg,.visual-node svg{color:white;flex:0 0 auto}.visual-core svg{width:58px;height:58px}.visual-node svg{width:40px;height:40px}.visual-core strong{width:100%;margin-top:10px;padding:0 12px;font-size:21px;line-height:1.24;text-align:center;overflow-wrap:anywhere}.visual-node{left:clamp(58px,var(--node-x),calc(100% - 58px));top:clamp(56px,var(--node-y),calc(100% - 56px));width:116px;min-height:112px;grid-template-rows:44px min-content;align-content:center;gap:10px;padding:12px 10px;border-radius:28px;color:rgba(248,251,255,.92);transform:translate(-50%,-50%);animation:nodeArrive .68s cubic-bezier(.18,.86,.28,1) var(--node-delay) both}.visual-node span{display:block;width:100%;max-width:92px;margin:0 auto;font-size:13.5px;font-weight:790;text-align:center;line-height:1.12;overflow-wrap:anywhere}.visual-flow .visual-node,.visual-people .visual-node,.visual-support .visual-node{border-radius:28px}.visual-tools .connector-lines line{stroke-dasharray:2 9}.visual-benefits .visual-core,.visual-calendar .visual-core{border-radius:36px}.node-popover{position:absolute;z-index:9;left:50%;top:50%;width:min(418px,96vw);padding:20px 20px 18px;border:1px solid color-mix(in srgb,var(--accent) 48%,white 8%);border-radius:24px;color:white;background:radial-gradient(circle at 16% 8%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 38%),rgba(2,9,23,.94);box-shadow:0 28px 82px rgba(0,0,0,.58),0 0 42px color-mix(in srgb,var(--accent) 20%,transparent);backdrop-filter:blur(20px);max-height:min(78vh,540px);overflow:auto;transform:translate(-50%,-50%);animation:popoverIn .22s cubic-bezier(.2,.86,.3,1) both}.node-popover-backdrop{position:absolute;inset:0;z-index:8;border:0;background:radial-gradient(circle at 50% 50%,rgba(4,10,24,.16),rgba(4,10,24,.44));cursor:default}.node-popover:before{content:"";position:absolute;inset:10px;z-index:-1;border:1px solid color-mix(in srgb,var(--accent-2) 18%,transparent);border-radius:18px;pointer-events:none}.node-popover-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:12px;color:rgba(248,251,255,.76);background:rgba(1,7,18,.62);cursor:pointer}.node-popover-kicker{display:inline-flex;align-items:center;gap:9px;max-width:calc(100% - 44px);color:color-mix(in srgb,var(--accent-2) 72%,white 14%);font-size:12px;font-weight:850;text-transform:uppercase}.node-popover h2{margin:14px 0 0;max-width:calc(100% - 26px);font-size:25px;line-height:1.1;letter-spacing:0}.node-popover p{margin:11px 0 0;color:rgba(248,251,255,.74);font-size:14px;line-height:1.4}.node-popover ul{display:grid;gap:7px;margin:14px 0 0;padding:0;list-style:none}.node-popover li{position:relative;padding-left:18px;color:rgba(248,251,255,.8);font-size:13px;line-height:1.28}.node-popover li:before{content:"";position:absolute;left:0;top:.58em;width:7px;height:7px;border-radius:2px;background:var(--accent-2);box-shadow:0 0 12px color-mix(in srgb,var(--accent-2) 64%,transparent)}.monitor-wrap{position:absolute;z-index:4;right:0;top:50%;width:740px;max-width:62%;transform:translateY(-50%);perspective:1300px;animation:monitorEnter .96s cubic-bezier(.18,.86,.28,1) .16s both}.monitor-device{position:relative;display:block;width:100%;aspect-ratio:3/2;padding:0;border:0;color:inherit;text-align:left;overflow:hidden;border-radius:22px;background:transparent;box-shadow:0 34px 96px rgba(0,0,0,.48);transform:rotateX(.6deg) rotateY(-4.5deg);transform-origin:48% 50%;transition:transform .18s ease}.monitor-button{cursor:zoom-in}.monitor-device:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-2) 72%,white 8%);outline-offset:4px}.monitor-frame-image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.monitor-screen-slot{position:absolute;left:11.9%;top:9%;width:75.1%;height:66.1%;overflow:hidden;border-radius:3px;background:radial-gradient(circle at 68% 26%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 36%),linear-gradient(120deg,rgba(7,30,67,.96),rgba(2,9,23,.99));box-shadow:inset 0 0 30px rgba(0,0,0,.55)}.monitor-screen-slot video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.screen-reflection{position:absolute;inset:-30%;pointer-events:none;background:linear-gradient(116deg,transparent 34%,rgba(255,255,255,.08) 48%,transparent 62%);transform:translateX(-74%);animation:sheen 5.8s ease-in-out infinite}.screen-scanline{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-2),transparent);box-shadow:0 0 12px color-mix(in srgb,var(--accent-2) 54%,transparent);animation:verticalScan 3.2s ease-in-out infinite}.video-lightbox{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:34px;animation:lightboxFade .22s ease both}.video-lightbox-backdrop{position:absolute;inset:0;border:0;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 42%),rgba(0,0,0,.78);backdrop-filter:blur(18px);cursor:zoom-out}.video-lightbox-panel{position:relative;width:min(1420px,92vw);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 38%,white 8%);border-radius:28px;background:rgba(1,6,16,.96);box-shadow:0 36px 130px rgba(0,0,0,.72),0 0 54px color-mix(in srgb,var(--accent) 14%,transparent);animation:lightboxZoom .26s cubic-bezier(.2,.86,.3,1) both}.video-lightbox-top{display:flex;align-items:center;gap:16px;min-height:54px;padding:0 14px 0 18px;border-bottom:1px solid color-mix(in srgb,var(--accent) 18%,transparent);background:rgba(2,10,24,.94)}.video-lightbox-top span{display:inline-flex;align-items:center;gap:8px;min-width:0;color:color-mix(in srgb,var(--accent-2) 68%,white 8%);font-size:13px;font-weight:820;text-transform:uppercase}.video-lightbox-top strong{margin-left:auto;color:rgba(248,251,255,.86);font-size:15px}.video-lightbox-top button{display:grid;place-items:center;width:38px;height:38px;margin-left:6px;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:50%;background:rgba(1,7,18,.72);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.video-lightbox-top button:hover{border-color:color-mix(in srgb,var(--accent-2) 52%,white 8%);background:rgba(9,28,58,.78);transform:scale(1.04)}.video-lightbox video{display:block;width:100%;max-height:calc(100svh - 136px);aspect-ratio:16/9;background:#01040c;-o-object-fit:contain;object-fit:contain}.mock-screen{position:absolute;inset:0;display:grid;grid-template-columns:66px 1fr}.mock-screen aside{display:flex;flex-direction:column;align-items:center;gap:13px;padding-top:24px;border-right:1px solid color-mix(in srgb,var(--accent) 22%,transparent);background:rgba(1,7,17,.52)}.mock-screen aside span{display:grid;place-items:center;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);border-radius:12px;color:rgba(248,251,255,.58)}.onboarding-route .mock-screen aside span.active{border-color:color-mix(in srgb,var(--accent) 76%,white 10%);color:white;box-shadow:var(--glow)}.mock-screen section{padding:24px}.mock-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.mock-header small{display:block;color:var(--soft);font-size:12px}.mock-header strong{display:block;margin-top:4px;font-size:30px;line-height:1}.mock-header em{color:color-mix(in srgb,var(--accent-2) 78%,white 12%);font-size:12px;font-style:normal}.mock-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:23px}.mock-metrics article{min-height:86px;padding:13px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:16px;background:radial-gradient(circle at 22% 18%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 48%),rgba(5,21,47,.72);animation:metricPulse 3.6s ease-in-out var(--d) infinite}.mock-metrics strong{display:block;font-size:17px}.mock-metrics span{display:block;margin-top:8px;color:var(--soft);font-size:12px}.mock-flow{display:grid;gap:9px;margin-top:18px}.mock-flow span{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 12px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:12px;color:rgba(248,251,255,.74);background:rgba(1,8,20,.58);animation:rowMotion 3.7s ease-in-out var(--d) infinite}.mock-flow i{width:7px;height:7px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 12px var(--accent-2)}.onboarding-route .player-controls{position:absolute;z-index:9;left:50%;bottom:28px;display:grid;grid-template-columns:48px 48px minmax(520px,850px) 48px;align-items:center;gap:12px;width:min(1040px,calc(100vw - 120px));transform:translateX(-50%)}.onboarding-route .control-button,.onboarding-route .timeline button{border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);background:rgba(4,15,34,.68);backdrop-filter:blur(16px);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.onboarding-route .control-button{display:grid;place-items:center;width:48px;height:48px;border-radius:50%}.onboarding-route .control-button:hover,.onboarding-route .timeline button.active,.onboarding-route .timeline button:hover{border-color:color-mix(in srgb,var(--accent-2) 72%,white 8%);background:rgba(8,31,69,.86);box-shadow:0 0 28px color-mix(in srgb,var(--accent) 24%,transparent);transform:translateY(-2px)}.onboarding-route .play-button{color:white;box-shadow:var(--glow)}.onboarding-route .timeline{position:relative;display:flex;justify-content:center;gap:8px;min-width:0;padding:8px 10px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:999px;background:rgba(2,9,22,.56);backdrop-filter:blur(18px)}.onboarding-route .timeline-line{position:absolute;left:18px;right:18px;top:50%;height:2px;overflow:hidden;border-radius:999px;background:rgba(248,251,255,.12);transform:translateY(-50%)}.onboarding-route .timeline-line:before{content:"";display:block;width:calc(var(--progress) * 100%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:var(--glow);transition:width .52s ease}.onboarding-route .timeline button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:42px;height:42px;padding:0;border-radius:50%;color:rgba(248,251,255,.68)}.onboarding-route .timeline button.active{width:auto;min-width:134px;padding:0 14px;border-radius:999px;color:white}.onboarding-route .timeline button span{display:none;font-size:13px;font-weight:760;white-space:nowrap}.onboarding-route .timeline button.active span{display:inline}@keyframes sceneEnter{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes copyEnter{0%{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:translateX(0)}}@keyframes visualEnter{0%{opacity:0;transform:translateY(-50%) translateX(34px) scale(.96)}to{opacity:1;transform:translateY(-50%) translateX(0) scale(1)}}@keyframes monitorEnter{0%{opacity:0;transform:translateY(-50%) translateX(42px) scale(.96)}to{opacity:1;transform:translateY(-50%) translateX(0) scale(1)}}@keyframes gridDrift{to{background-position:right 120px top 72px,92px 92px,92px 92px}}@keyframes brandPulse{0%,to{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 24%,transparent))}50%{filter:drop-shadow(0 0 22px color-mix(in srgb,var(--accent-2) 38%,transparent))}}@keyframes dashFlow{to{stroke-dashoffset:-30}}@keyframes ringTurn{to{transform:rotate(1turn)}}@keyframes corePulse{0%,to{box-shadow:0 0 22px color-mix(in srgb,var(--accent) 16%,transparent),inset 0 0 22px rgba(255,255,255,.04);transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 34px color-mix(in srgb,var(--accent-2) 24%,transparent),inset 0 0 30px rgba(255,255,255,.06);transform:translate(-50%,-50%) scale(1.035)}}@keyframes nodeArrive{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes nodeFloat{0%,to{margin-top:0}50%{margin-top:-8px}}@keyframes popoverIn{0%{opacity:0;transform:translate(-50%,-46%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes sheen{0%,44%{transform:translateX(-74%)}72%,to{transform:translateX(74%)}}@keyframes verticalScan{0%{top:0;opacity:0}18%,72%{opacity:1}to{top:100%;opacity:0}}@keyframes metricPulse{0%,to{border-color:color-mix(in srgb,var(--accent) 24%,transparent);transform:translateY(0)}50%{border-color:color-mix(in srgb,var(--accent-2) 52%,transparent);transform:translateY(-3px)}}@keyframes rowMotion{0%,to{transform:translateX(0);opacity:.72}50%{transform:translateX(7px);opacity:1}}@keyframes lightboxFade{0%{opacity:0}to{opacity:1}}@keyframes lightboxZoom{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes routeTransitionIn{0%{opacity:.24;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(18px)}}@media (max-width:1360px){.onboarding-route{min-width:1040px}.onboarding-route .cinema-scene{grid-template-columns:340px minmax(640px,1fr);gap:28px;padding-left:36px;padding-right:36px}.onboarding-route .scene-copy h1{font-size:50px}.onboarding-route .scene-copy p{font-size:19px}.onboarding-route .scene-visual{left:-8px;width:clamp(312px,35%,340px);min-width:312px;max-width:340px;height:470px}.onboarding-route .monitor-wrap{width:540px;max-width:58%}.onboarding-route .timeline button.active{min-width:112px}}@media (max-height:790px){.onboarding-route.immersive-shell{min-height:640px}.onboarding-route .brand-mark{top:22px}.onboarding-route .scene-count{top:28px}.onboarding-route .cinema-scene{padding-top:86px;padding-bottom:82px}.onboarding-route .scene-showcase{height:505px}.onboarding-route .scene-copy h1{font-size:48px}.onboarding-route .scene-copy p{margin-top:16px;font-size:18px}.onboarding-route .scene-visual{left:-42px;min-width:310px;height:428px}.onboarding-route .visual-core{width:132px;height:132px;border-radius:30px}.onboarding-route .visual-node{width:94px;min-height:92px;grid-template-rows:38px min-content;gap:7px;padding:10px 8px;border-radius:22px}.onboarding-route .visual-node svg{width:36px;height:36px}.onboarding-route .visual-node span{max-width:78px;font-size:11.5px}.onboarding-route .monitor-wrap{width:480px;max-width:58%}.onboarding-route .player-controls{bottom:18px}}@media (prefers-reduced-motion:reduce){.onboarding-route,.onboarding-route *,.onboarding-route :after,.onboarding-route :before{animation:none!important;transition:none!important}}@keyframes mobileVisualEnter{0%{opacity:0;transform:translate(-50%,-45%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes mobileMonitorEnter{0%{opacity:0;transform:translate(-50%,-44%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes mobileVisualStackEnter{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@keyframes mobileMonitorStackEnter{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@keyframes mobilePopoverSheetIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@media (min-width:1120px) and (max-width:1560px){.onboarding-route .cinema-scene{grid-template-columns:382px minmax(0,1fr);gap:30px;padding-left:44px;padding-right:44px}.onboarding-route .scene-copy{max-width:382px;margin-top:-22px}.onboarding-route .scene-copy h1{font-size:clamp(48px,3.6vw,56px)}.onboarding-route .scene-copy p{font-size:19px}.onboarding-route .scene-visual{left:-24px;width:clamp(344px,34%,370px);min-width:344px;max-width:370px}.onboarding-route .monitor-wrap{width:min(500px,54vw);max-width:54%}}@media (max-width:1119px){.onboarding-route{min-width:0;width:100%}.onboarding-route.immersive-shell{width:100%;min-height:0;height:100svh}.onboarding-route .cinema-scene{grid-template-columns:minmax(290px,34vw) minmax(0,1fr);gap:18px;padding:104px 26px 88px}.onboarding-route .scene-copy{max-width:330px;margin-top:-20px}.onboarding-route .scene-copy h1{font-size:clamp(38px,5.2vw,48px)}.onboarding-route .scene-copy p{font-size:clamp(16px,2.1vw,19px)}.onboarding-route .scene-note{margin-top:14px;font-size:13px}.onboarding-route .scene-showcase{height:min(560px,calc(100svh - 188px))}.onboarding-route .scene-visual{left:-4px;width:clamp(260px,30vw,300px);min-width:260px;max-width:300px;height:min(430px,calc(100svh - 280px))}.onboarding-route .monitor-wrap{right:0;width:min(390px,42vw);max-width:42vw}.onboarding-route .visual-core{width:122px;height:122px;border-radius:28px}.onboarding-route .visual-core svg{width:44px;height:44px}.onboarding-route .visual-core strong{font-size:16px}.onboarding-route .visual-node{left:clamp(44px,var(--node-x),calc(100% - 44px));top:clamp(44px,var(--node-y),calc(100% - 44px));width:88px;min-height:86px;grid-template-rows:34px min-content;gap:7px;padding:9px 7px;border-radius:20px}.onboarding-route .visual-node svg{width:31px;height:31px}.onboarding-route .visual-node span{max-width:74px;font-size:11px;line-height:1.08}.onboarding-route .player-controls{width:calc(100vw - 44px);grid-template-columns:44px 44px minmax(0,1fr) 44px}.onboarding-route .timeline button.active{min-width:104px}}@media (min-width:900px) and (max-width:1119px){.onboarding-route .cinema-scene{grid-template-columns:minmax(270px,33vw) minmax(0,1fr);gap:16px}.onboarding-route .scene-visual{left:-26px;width:clamp(232px,25vw,260px);min-width:232px;max-width:260px;height:min(388px,calc(100svh - 292px))}.onboarding-route .monitor-wrap{width:min(340px,36vw);max-width:36vw}.onboarding-route .visual-core{width:108px;height:108px;border-radius:25px}.onboarding-route .visual-core svg{width:39px;height:39px}.onboarding-route .visual-core strong{font-size:14px}.onboarding-route .visual-node{left:clamp(38px,var(--node-x),calc(100% - 38px));top:clamp(38px,var(--node-y),calc(100% - 38px));width:76px;min-height:74px;grid-template-rows:30px min-content;gap:6px;padding:8px 6px;border-radius:18px}.onboarding-route .visual-node svg{width:27px;height:27px}.onboarding-route .visual-node span{max-width:64px;font-size:9.5px;line-height:1.08}}@media (min-width:768px) and (max-width:899px){.onboarding-route .cinema-scene{grid-template-columns:1fr;grid-template-rows:minmax(220px,28svh) minmax(0,1fr);gap:0;padding:104px 24px 88px}.onboarding-route .scene-copy{max-width:min(640px,78vw);margin-top:-16px}.onboarding-route .scene-copy h1{font-size:clamp(42px,6vw,52px)}.onboarding-route .scene-copy p{display:none}.onboarding-route .scene-showcase{height:100%}.onboarding-route .scene-visual{left:50%;top:20%;width:min(39vw,284px);min-width:260px;max-width:284px;height:min(27svh,252px);transform:translate(-50%,-50%);animation:mobileVisualEnter .76s cubic-bezier(.18,.86,.28,1) 90ms both}.onboarding-route .visual-node{animation:nodeArrive .62s cubic-bezier(.18,.86,.28,1) var(--node-delay) both}.onboarding-route .monitor-wrap{left:50%;right:auto;top:78%;width:min(48vw,360px);max-width:none;transform:translate(-50%,-50%);animation:mobileMonitorEnter .82s cubic-bezier(.18,.86,.28,1) .13s both}}@media (min-width:768px) and (max-width:899px) and (max-height:820px){.onboarding-route .cinema-scene{grid-template-rows:minmax(190px,26svh) minmax(0,1fr);padding-top:92px;padding-bottom:82px}.onboarding-route .scene-copy h1{font-size:clamp(38px,5.4vw,46px)}.onboarding-route .scene-copy p,.onboarding-route .scene-note{display:none}.onboarding-route .scene-visual{top:24%;width:min(36vw,260px);min-width:238px;max-width:260px;height:min(24svh,204px)}.onboarding-route .monitor-wrap{top:76%;width:min(42vw,330px)}.onboarding-route .visual-core{width:104px;height:104px;border-radius:24px}.onboarding-route .visual-core svg{width:37px;height:37px}.onboarding-route .visual-core strong{font-size:13px}.onboarding-route .visual-node{left:clamp(36px,var(--node-x),calc(100% - 36px));top:clamp(36px,var(--node-y),calc(100% - 36px));width:72px;min-height:70px;grid-template-rows:28px min-content;gap:5px;padding:7px 5px;border-radius:17px}.onboarding-route .visual-node svg{width:25px;height:25px}.onboarding-route .visual-node span{max-width:60px;font-size:9px}}@media (max-width:767px){.onboarding-route{overflow:hidden}.onboarding-route.immersive-shell{min-height:620px;background:radial-gradient(circle at var(--spot-x) var(--spot-y),color-mix(in srgb,var(--accent) 10%,transparent),transparent 30%),linear-gradient(140deg,#01030a 0,#030915 52%,#01040c 100%)}.onboarding-route .cinema-grid{opacity:.78;background-size:16px 16px,72px 72px,72px 72px;-webkit-mask-image:radial-gradient(circle at 74% 18%,rgba(0,0,0,.86),transparent 48%);mask-image:radial-gradient(circle at 74% 18%,rgba(0,0,0,.86),transparent 48%)}.onboarding-route .brand-mark{top:14px;left:15px;gap:8px}.onboarding-route .brand-mark-icon{width:32px;height:32px;border-radius:12px}.onboarding-route .brand-mark strong{font-size:21px}.onboarding-route .brand-mark small{font-size:9px}.onboarding-route .login-button{top:14px;right:14px;min-height:38px;padding:0 13px;gap:6px}.onboarding-route .login-button svg{width:17px;height:17px}.onboarding-route .login-button span{font-size:13px}.onboarding-route .onboarding-language-switcher{top:58px;right:14px;width:38px}.onboarding-route .onboarding-language-switcher button{min-height:38px;padding-left:0;padding-right:0}.onboarding-route .scene-count{display:none}.onboarding-route .cinema-scene{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:0;height:100%;padding:74px 14px 62px}.onboarding-route .scene-copy{align-self:start;max-width:min(100%,430px);margin-top:-4px}.onboarding-route .scene-eyebrow{gap:8px;font-size:9.5px;line-height:1.05}.onboarding-route .scene-eyebrow span{width:28px;height:2px}.onboarding-route .scene-copy h1{max-width:92vw;margin-top:8px;font-size:clamp(23px,6.35vw,30px);line-height:1.02}.onboarding-route .scene-copy p,.onboarding-route .scene-note{display:none}.onboarding-route .scene-note svg{width:15px;height:15px}.onboarding-route .scene-showcase{display:grid;grid-template-rows:auto auto;align-content:center;justify-items:center;gap:clamp(12px,1.8svh,16px);height:100%;min-height:0;padding-top:clamp(12px,2svh,18px)}.onboarding-route .scene-visual{position:relative;z-index:4;left:auto;top:auto;width:min(68vw,260px);min-width:236px;max-width:260px;height:clamp(220px,30svh,242px);transform:none;animation:mobileVisualStackEnter .72s cubic-bezier(.18,.86,.28,1) 80ms both}.onboarding-route .connector-lines line{stroke-width:.42}.onboarding-route .visual-rings{inset:7%}.onboarding-route .visual-core{width:60px;height:60px;border-radius:17px}.onboarding-route .visual-core svg{width:23px;height:23px}.onboarding-route .visual-core strong{margin-top:4px;padding:0 5px;font-size:10px;line-height:1.12}.onboarding-route .visual-node{left:clamp(34px,var(--node-x),calc(100% - 34px));top:clamp(34px,var(--node-y),calc(100% - 34px));width:58px;min-height:58px;grid-template-rows:24px min-content;gap:4px;padding:7px 5px 6px;border-radius:16px;animation:nodeArrive .6s cubic-bezier(.18,.86,.28,1) var(--node-delay) both}.onboarding-route .visual-node svg{width:23px;height:23px}.onboarding-route .visual-node span{max-width:50px;font-size:8.5px;line-height:1.04}.onboarding-route .monitor-wrap{position:relative;z-index:3;left:auto;right:auto;top:auto;width:min(74vw,286px);max-width:none;transform:none;animation:mobileMonitorStackEnter .78s cubic-bezier(.18,.86,.28,1) .12s both;perspective:900px}.onboarding-route .monitor-device{border-radius:15px;transform:rotateX(.5deg) rotateY(-3deg);box-shadow:0 20px 58px rgba(0,0,0,.46)}.onboarding-route .monitor-screen-slot{border-radius:2px}.onboarding-route .screen-reflection{opacity:.7}.onboarding-route .player-controls{bottom:8px;width:calc(100vw - 12px);grid-template-columns:36px 36px minmax(0,1fr) 36px;gap:4px}.onboarding-route .control-button{width:36px;height:36px;background:rgba(2,13,31,.82)}.onboarding-route .control-button svg{width:19px;height:19px}.onboarding-route .timeline{justify-content:space-between;gap:2px;min-width:0;height:36px;padding:4px 6px;border-radius:18px;background:rgba(2,12,29,.78)}.onboarding-route .timeline-line{display:none}.onboarding-route .timeline button,.onboarding-route .timeline button.active{width:22px;min-width:22px;height:28px;padding:0;border-radius:10px;background:rgba(5,20,45,.72)}.onboarding-route .timeline button svg{display:block;width:15px;height:15px}.onboarding-route .timeline button.active{width:28px;min-width:28px;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--accent-2) 24%,transparent),transparent 62%),rgba(6,24,54,.92)}.onboarding-route .timeline button span,.onboarding-route .timeline button.active span{display:none}.onboarding-route .node-popover{position:fixed;z-index:80;top:auto;right:12px;bottom:58px;left:12px;width:auto;max-height:min(54svh,430px);padding:15px 15px 14px;border-radius:20px;transform:none;animation:mobilePopoverSheetIn .22s cubic-bezier(.2,.86,.3,1) both}.onboarding-route .node-popover-backdrop{position:fixed;z-index:70;inset:0;background:rgba(1,5,13,.5);backdrop-filter:blur(9px)}.onboarding-route .node-popover-close{top:10px;right:10px;width:34px;height:34px}.onboarding-route .node-popover-kicker{max-width:calc(100% - 48px);gap:7px;font-size:10.5px}.onboarding-route .node-popover h2{max-width:calc(100% - 28px);margin-top:10px;font-size:20px;line-height:1.08}.onboarding-route .node-popover p{font-size:12.5px;line-height:1.32}.onboarding-route .node-popover li{font-size:12px;line-height:1.22}.onboarding-route .video-lightbox{padding:12px}.onboarding-route .video-lightbox-panel{width:calc(100vw - 24px);border-radius:20px}.onboarding-route .video-lightbox-top{min-height:46px;gap:9px;padding:0 9px 0 12px}.onboarding-route .video-lightbox-top span{max-width:44%;font-size:10px}.onboarding-route .video-lightbox-top strong{font-size:12px}.onboarding-route .video-lightbox-top button{width:34px;height:34px}.onboarding-route .video-lightbox video{max-height:calc(100svh - 88px)}}@media (max-width:390px){.onboarding-route .cinema-scene{padding-top:70px;padding-left:12px;padding-right:12px}.onboarding-route .scene-copy h1{font-size:clamp(22px,6.6vw,28px)}.onboarding-route .scene-note{display:none}.onboarding-route .scene-visual{width:min(69vw,252px);min-width:232px;max-width:252px;height:clamp(216px,30svh,238px)}.onboarding-route .visual-node{left:clamp(33px,var(--node-x),calc(100% - 33px));top:clamp(33px,var(--node-y),calc(100% - 33px));width:56px;min-height:56px;grid-template-rows:22px min-content;padding:6px 4px}.onboarding-route .visual-node svg{width:21px;height:21px}.onboarding-route .visual-node span{max-width:48px;font-size:8px}.onboarding-route .visual-core{width:58px;height:58px}.onboarding-route .monitor-wrap{width:min(72vw,270px)}.onboarding-route .timeline{gap:1px;padding:4px}}@media (min-width:426px) and (max-width:767px){.onboarding-route .timeline{padding:4px 7px}.onboarding-route .timeline button,.onboarding-route .timeline button.active{width:24px;min-width:24px}.onboarding-route .timeline button svg{width:16px;height:16px}.onboarding-route .timeline button.active{width:auto;min-width:92px;padding:0 9px;border-radius:13px}.onboarding-route .timeline button.active span{display:inline;max-width:64px;overflow:hidden;font-size:9.8px;line-height:1;text-overflow:ellipsis;white-space:nowrap}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_1b85de{font-family:Inter,Inter Fallback;font-style:normal}.__variable_1b85de{--font-sans:"Inter","Inter Fallback"}