@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;650;700&family=DM+Sans:wght@400;500;550;600;700&display=swap";:root{--navy:#142b57;--red:#ed3d4c;--muted:#9aabba;--ink:#e7eef3;--line:#ffffff1a}*{box-sizing:border-box}html,body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#101823;margin:0;font-family:DM Sans,sans-serif}body{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:is(button:focus-visible,a:focus-visible){outline-offset:5px;outline:2px solid #ed6672}button:disabled{opacity:.22;cursor:default}a{color:inherit;text-decoration:none}::selection{color:#fff;background:#be233f}.tour{isolation:isolate;touch-action:pan-x;background:#101823;height:100svh;min-height:620px;position:relative;overflow:hidden}.scene,.canvas-host,.garage-fallback,.scene-shade{position:absolute;inset:0}.scene{z-index:-3}.canvas-host{opacity:0;transition:opacity 1.3s}.canvas-host.ready{opacity:1}.canvas-host canvas{width:100%;height:100%;display:block}.garage-fallback{transition:opacity 1s;overflow:hidden}.garage-fallback.covered{opacity:0}.garage-fallback img{object-fit:cover;object-position:65% 50%;filter:saturate(.8);width:100%;height:100%;transition:transform 1.5s cubic-bezier(.25,.6,.2,1),object-position 1.5s;transform:scale(1.03)}.garage-fallback[data-view="1"] img{transform:scale(1.13)translate(2%)}.garage-fallback[data-view="2"] img{transform:scale(1.23)translate(-3%,1%)}.garage-fallback[data-view="3"] img{transform:scale(1.1)translate(-4%)}.garage-fallback[data-view="4"] img{transform:scale(1.2)translate(7%,1%)}.garage-fallback[data-view="5"] img{transform:scale(1.28)translate(5%,2%)}.garage-fallback[data-view="6"] img{transform:scale(1.2)translate(-5%,1%)}.garage-fallback[data-view="7"] img{transform:scale(1.03)}.scene-shade{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#080f1bfa 0%,#0b1422d9 25%,#0d172570 46%,#10182308 75%),linear-gradient(#0a111bb5 0%,#0000 25% 62%,#080f1bef 100%)}.topbar{align-items:center;gap:32px;height:106px;padding:0 4.5%;display:flex;position:absolute;top:0;left:0;right:0}.systembude{letter-spacing:-1.5px;padding:0;font-size:27px;font-weight:700}.systembude>span{color:var(--red)}.project-brand{color:#c8d2dd;align-items:center;gap:24px;display:flex}.red-line{background:#ffffff30;width:1px;height:23px}.project-brand>span:last-child{letter-spacing:-.7px;flex-direction:column;font-size:19px;font-style:italic;font-weight:700;line-height:1;display:flex}.project-brand small{letter-spacing:2.5px;color:#9daec0;font:500 6px/1.8 DM Sans,sans-serif}.overview-trigger{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10182344;border:1px solid #ffffff25;border-radius:4px;align-items:center;gap:10px;margin-left:auto;padding:12px 16px;font-size:11px;display:flex}.overview-trigger:hover{background:#ffffff10}.slide-content{width:44%;max-width:520px;position:absolute;top:50%;left:7%;transform:translateY(-53%)}.slide-copy{animation:.7s both slideIn}.state-label{color:#a7b7c9;letter-spacing:.3px;align-items:center;gap:7px;margin-bottom:30px;font-size:10px;display:flex}.state-label .state-dot{background:#8f9db0;border-radius:50%;width:5px;height:5px}.state-label.intro .state-dot{background:var(--red)}.state-label.done{color:#a8c9bc}.state-label.active{color:#fba5ac}.state-label.next{color:#9aabbd}.spinner{border:1.5px solid #ed3d4c40;border-top-color:var(--red);border-right-color:var(--red);border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:1.3s linear infinite spin;display:inline-block}.eyebrow{letter-spacing:2.1px;color:#889aac;margin:0 0 16px;font-size:8px;font-weight:600}h1{text-transform:uppercase;letter-spacing:-1.2px;margin:0;font:600 clamp(58px,6.6vw,104px)/.98 Barlow Condensed,sans-serif}h1 em{color:#a2b5c8;font-style:normal}.description{color:#afbfce;max-width:320px;margin:25px 0 0;font-size:13px;line-height:1.8}.intro-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:29px;display:flex}.primary{background:var(--red);border-radius:3px;align-items:center;gap:28px;padding:16px 20px;font-size:11px;font-weight:600;transition:background .2s,transform .2s;display:flex}.primary:hover{background:#fa5260;transform:translateY(-2px)}.quiet{color:#d0dbe5;align-items:center;gap:7px;padding:10px 0;font-size:10px;display:flex}.quiet:hover{color:#fff}.end-link{margin-top:25px}.tour-navigation{border-top:1px solid var(--line);align-items:center;gap:40px;height:83px;display:flex;position:absolute;bottom:72px;left:4.5%;right:4.5%}.step-count{color:#788b9f;font-variant-numeric:tabular-nums;align-items:baseline;gap:10px;font-size:11px;display:flex}.step-count>span:first-child{color:#e0e9f0;font:500 34px Barlow Condensed,sans-serif}.count-slash{color:#546a82}.tour-track{flex:1;align-items:center;max-width:810px;margin:auto;display:flex}.tour-track>button{flex-direction:column;flex:1;align-items:center;gap:11px;min-width:30px;padding:12px 0 0;display:flex;position:relative}.tour-track>button:after{content:"";background:#4a5b6c55;height:1px;position:absolute;top:17px;left:calc(50% + 11px);right:calc(11px - 50%)}.tour-track>button:last-child:after{display:none}.track-dot{border:1px solid #7b8da470;border-radius:50%;place-items:center;width:10px;height:10px;display:grid;position:relative}.track-label{color:#8296aa;white-space:nowrap;font-size:8px}.done .track-dot{color:#b9d7cb;background:#a7c8b920;border-color:#a7c8b9}.active .track-dot{border-color:var(--red)}.active .track-dot>span{background:var(--red);border-radius:50%;width:3px;height:3px;animation:2s infinite pulse}.selected .track-dot{border-color:#edf2f6;box-shadow:0 0 0 4px #ffffff10}.selected .track-label{color:#fff}.selected .track-dot:before{content:"";background:#fff;border-radius:50%;width:3px;height:3px;position:absolute}.selected.done .track-dot:before,.selected.active .track-dot:before{display:none}.arrows{gap:9px;display:flex}.arrows button{border:1px solid #ffffff28;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .2s;display:grid}.arrows button:last-child{color:#142b57;background:#e2eaf2;border-color:#e2eaf2}.arrows button:not(:disabled):hover{background:var(--red);border-color:var(--red);color:#fff}footer{color:#6e8399;letter-spacing:1.2px;justify-content:space-between;align-items:center;height:60px;font-size:7px;display:flex;position:absolute;bottom:0;left:4.5%;right:4.5%}footer a,.scroll-hint{align-items:center;gap:7px;display:flex}.scroll-hint svg{animation:2.2s infinite nudge}footer a:hover{color:#d0dce7}.modal-backdrop{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);touch-action:pan-y;background:#060d18d9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.overview{background:#162231;border:1px solid #ffffff18;border-radius:12px;width:min(430px,100%);max-height:90svh;padding:24px 28px;animation:.3s slideIn;overflow:auto;box-shadow:0 20px 100px #0008}.overview-header{letter-spacing:1.5px;color:#8d9fb0;justify-content:space-between;align-items:center;font-size:8px;display:flex}.overview-header button{padding:5px}.overview h2{letter-spacing:.2px;margin:18px 0 23px;font:600 34px Barlow Condensed,sans-serif}.overview-list button{text-align:left;border-top:1px solid #ffffff0b;align-items:center;gap:15px;width:100%;padding:13px 1px;font-size:12px;display:flex}.overview-list button:hover{color:#fb8c98}.overview-marker{color:#91a0b1;border:1px solid #ffffff17;border-radius:50%;place-items:center;width:25px;height:25px;font-size:8px;display:grid}.overview-marker.done{color:#a5cbb9}.overview-marker.active{border-color:#ed3d4c70}.overview-list small{color:#8fa1b5;margin-top:4px;font-size:9px;display:block}.overview-list button>svg:last-child{color:#6d8199;margin-left:auto}.overview-date{color:#7d91a8;margin:18px 0 0;font-size:8px;line-height:1.8}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@keyframes nudge{50%{transform:translateY(3px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1700px){.slide-content{left:9%}}@media (max-width:1000px){.tour-navigation{gap:22px}.track-label{font-size:7px}.slide-content{width:46%;left:6%}h1{font-size:70px}.description{font-size:12px}.project-brand{gap:18px}.topbar{gap:24px}.scene-shade{background:linear-gradient(90deg,#080f1bf5 0%,#0b1422c9 32%,#0d172525 75%),linear-gradient(#0a111b99 0%,#0000 25% 55%,#080f1bef 100%)}}@media (max-width:700px){.tour{min-height:640px}.topbar{gap:20px;height:83px;padding:0 23px}.systembude{font-size:23px}.project-brand{gap:16px}.project-brand>span:last-child{font-size:15px}.project-brand small{letter-spacing:1.8px;font-size:5px}.overview-trigger{background:0 0;border:0;padding:10px}.overview-trigger>span{display:none}.scene{opacity:.86;inset:-7% -25% 12% -55%}.scene-shade{background:linear-gradient(#0a122188,#0a122130 25%,#0a1221c9 51%,#0a1221 88%),linear-gradient(90deg,#0a122140,#0000)}.garage-fallback img{object-position:64% 50%}.slide-content{width:auto;max-width:480px;inset:auto 26px 171px;transform:none}.state-label{margin-bottom:19px;font-size:9px}.eyebrow{letter-spacing:1.4px;margin-bottom:12px;font-size:7px}h1{letter-spacing:-.5px;font-size:58px;line-height:.98}.description{max-width:275px;margin-top:17px;font-size:11px;line-height:1.75}.intro-actions{gap:14px;margin-top:21px}.primary{gap:18px;padding:13px 16px;font-size:10px}.quiet{gap:5px;font-size:9px}.tour-navigation{gap:15px;height:88px;bottom:53px;left:25px;right:25px}.tour-track{gap:1px;max-width:none}.track-label{display:none}.tour-track>button{min-width:10px;padding:0}.tour-track>button:after{top:4px;left:calc(50% + 8px);right:calc(8px - 50%)}.track-dot{width:8px;height:8px}.step-count{gap:5px;font-size:9px}.step-count>span:first-child{font-size:27px}.arrows{gap:7px}.arrows button{width:33px;height:33px}.arrows svg{width:16px;height:16px}footer{letter-spacing:.65px;height:51px;font-size:6px;left:25px;right:25px}.scroll-hint{display:none}.overview{padding:20px 23px}.overview h2{font-size:30px}.step-0 .slide-content{bottom:170px}}@media (max-height:720px) and (min-width:701px){.tour{min-height:570px}.topbar{height:80px}.slide-content{transform:translateY(-51%)}h1{font-size:68px}.state-label{margin-bottom:20px}.description{margin-top:18px}.intro-actions{margin-top:20px}.tour-navigation{height:70px;bottom:54px}footer{height:46px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}