:root{color-scheme:dark;--bg:#060d16;--white:#f1f5f9;--muted:#8d9aa9;--blue:#77dcff;--line:rgba(168,207,233,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:6px}::selection{background:#77dcff;color:#061320}
.header{height:86px;padding:0 4.3%;position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.055)}.logo{font-size:23px;font-weight:850;letter-spacing:-1.3px;white-space:nowrap}.logo span{font-weight:300;color:#a6b4c3;letter-spacing:-1px;margin-left:3px}.logo i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);margin:0 0 12px 4px;box-shadow:0 0 12px #6ddaff}.header nav{display:flex;gap:38px;font-size:12px;color:#c3cbd6}.header nav a{transition:color .2s}.header nav a:hover{color:var(--blue)}.header nav span{margin-left:9px}.sound-button{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.3px;border:1px solid var(--line);border-radius:30px;padding:12px 15px;background:rgba(7,17,28,.55)}.equalizer{display:flex;gap:3px;height:12px;align-items:center}.equalizer i{width:2px;height:7px;background:var(--blue);animation:equalize 1s ease-in-out infinite alternate}.equalizer i:nth-child(2){height:12px;animation-delay:-.6s}.equalizer i:nth-child(3){animation-delay:-.3s}@keyframes equalize{to{height:3px}}
.experience{position:relative}.stage{position:sticky;top:0;height:100svh;min-height:640px;width:100%;margin-bottom:-100svh;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 73% 45%,#112b43 0,rgba(9,23,38,.5) 38%,transparent 68%)}.stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#060d16 0,rgba(6,13,22,.75) 19%,transparent 49%);z-index:1}.stage-glow{position:absolute;width:50%;height:25%;left:47%;top:57%;background:#1671aa;filter:blur(100px);opacity:.19}#product{position:absolute;width:76%;height:100%;right:-7%;top:0;z-index:2;pointer-events:auto;touch-action:pan-y;cursor:grab}#product:active{cursor:grabbing}.orbit{position:absolute;left:46%;top:22%;width:51%;height:60%;border:1px solid #48b7de5c;border-radius:50%;transform:rotate(-24deg);box-shadow:inset 1px 0 12px #53cdff12,1px 0 10px #53cdff17}.orbit-one:after{content:"";position:absolute;top:14%;right:13%;width:6px;height:6px;background:#b4efff;border-radius:50%;box-shadow:0 0 20px 4px #39cfff}.orbit-two{transform:rotate(-24deg) scale(1.07);border-color:#4b9fb514;box-shadow:none}.product-label{position:absolute;z-index:3;left:53%;bottom:16%;font-size:9px;letter-spacing:1.9px;color:#a0b7cc;display:flex;align-items:center;gap:12px}.live-dot{height:5px;width:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px var(--blue)}.label-separator{color:#385169}.drag-hint{position:absolute;right:5%;bottom:11%;z-index:3;font-size:10px;letter-spacing:.3px;color:#6d869d}.drag-hint span{color:var(--blue);margin-right:8px;font-size:19px}.layer-labels{position:absolute;inset:0;z-index:3;opacity:0;transition:opacity .25s;color:#b9d0df;font-size:11px}.layer-labels span{position:absolute;right:5.5%;padding-left:42px}.layer-labels span:before{content:"";position:absolute;left:0;top:6px;width:32px;height:1px;background:#6db2cc}.layer-cover{top:24%}.layer-cells{top:52%}.layer-base{top:67%}.stage.exploded .layer-labels{opacity:1}
.scene{position:relative;min-height:100svh;display:flex;align-items:center;padding:105px 5.3% 115px;pointer-events:none}.scene-copy{position:relative;z-index:4;width:43%;max-width:620px;pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:500;display:flex;align-items:center;gap:11px;color:#9facba;margin:0 0 31px;line-height:1.6}.eyebrow>span{height:1px;width:27px;background:var(--blue)}h1,h2,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-5px;line-height:1.035;margin-bottom:26px}h1{font-size:clamp(62px,6.45vw,108px)}h2{font-size:clamp(56px,5.6vw,92px)}em{font-style:normal;color:#94ddfa}.intro{font-size:15px;font-weight:300;line-height:1.85;color:#a6b4c3;max-width:350px}.actions{display:flex;align-items:center;gap:25px;margin-top:32px}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;font-size:11px;font-weight:600;padding:17px 21px;border-radius:5px;transition:transform .2s,background .2s}.primary{background:#edf7fc;color:#081927;box-shadow:0 2px 20px #6bb9ed10}.primary:hover{background:#b9eaff;transform:translateY(-2px)}.button span{font-size:18px;line-height:12px;font-weight:400}.text-link{font-size:11px;display:inline-flex;gap:18px;align-items:center;background:transparent;padding:0;border:0}.text-link:hover{color:var(--blue)}.hero-detail{display:flex;gap:14px;align-items:center;margin-top:58px}.hero-detail p{margin:0;font-size:8px;letter-spacing:1.7px;line-height:1.9;color:#6e8396}.hero-detail strong{font-weight:400;color:#adbdcb}.detail-line{width:1px;height:30px;background:linear-gradient(var(--blue),transparent)}.scene-bottom{position:absolute;bottom:35px;left:5.3%;right:5.3%;display:flex;justify-content:space-between;align-items:center;z-index:4;font-size:8px;letter-spacing:1.9px;color:#6b8297;pointer-events:auto}.scene-bottom>b,.scene-bottom b{color:#d5e4ed;font-weight:400;margin-right:10px}.scene-bottom a{color:#a4b8c8}.scene-bottom a span{margin-left:18px;font-size:17px;color:var(--blue)}.technology,.movement{border-top:1px solid var(--line)}.layer-list{margin-top:30px;max-width:305px}.layer-list>div{display:flex;align-items:center;border-bottom:1px solid var(--line);padding:13px 0;gap:20px}.layer-list>div>span{font-size:9px;color:#77bbd6}.layer-list p{margin:0;font-size:12px}.layer-list small{display:block;font-size:9px;color:#6a849a;margin-top:5px}.layer-list i{font-style:normal;margin-left:auto;color:#6a849a}.mode-control{display:flex;border:1px solid #294055;border-radius:6px;padding:4px;width:max-content;max-width:100%;gap:2px;margin-top:30px;background:#081422}.mode-control button{border:0;border-radius:3px;background:transparent;font-size:10px;padding:13px 14px;color:#a3b5c5;white-space:nowrap}.mode-control button[aria-pressed="true"]{background:#a5e2f7;color:#082135}.mode-description{color:#83b4cd;font-size:11px;margin-top:18px;min-height:32px;line-height:1.6}.representation{font-size:9px;line-height:1.8;color:#657e92;max-width:300px;margin-top:29px}
.partners{position:relative;overflow:hidden;min-height:540px;border-top:1px solid #305267;background:radial-gradient(ellipse at 90% 110%,#123857,transparent 65%),#080f19;padding:75px 8%}.partners h2{font-size:clamp(62px,7.2vw,120px);position:relative;z-index:1}.partner-orbit{position:absolute;right:-10%;top:-10%;width:60%;height:140%;border:1px solid #264d64;border-radius:50%;transform:rotate(40deg);box-shadow:0 0 70px #16456340,inset 0 0 80px #16456340}.partner-orbit:after{content:"";position:absolute;inset:25px;border:1px solid #264d6444;border-radius:50%}.partner-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;max-width:800px;margin-top:35px}.partner-bottom p{font-size:14px;line-height:1.8;color:#9fb3c4;margin:0}footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 5%;border-top:1px solid var(--line);background:#050b12}footer .logo{font-size:16px}footer>span{font-size:8px;letter-spacing:1.8px;color:#506c82}footer .text-link{font-size:10px}
dialog{width:min(490px,92vw);border:1px solid #37536b;border-radius:12px;padding:38px;background:#0a1725;color:var(--white);max-height:90svh}dialog::backdrop{background:#02060bd9;backdrop-filter:blur(9px)}dialog h2{font-size:30px;letter-spacing:-1px;margin-bottom:15px}.dialog-close{position:absolute;right:13px;top:10px;font-size:25px;border:0;background:#0a1725;border-radius:50%;width:34px;height:34px}.form-note{font-size:12px;color:#93aabd;line-height:1.7}#partner-form label{display:block;font-size:11px;color:#b8cfdf;margin:18px 0}input,textarea{display:block;width:100%;margin-top:8px;border:1px solid #30475a;border-radius:4px;background:#07101c;color:#e4f2fb;padding:11px;resize:vertical;font-size:13px}#partner-form .button{width:100%;margin-top:5px}#form-result{font-size:11px;color:var(--blue);line-height:1.6;margin:14px 0 0}.reference-dialog{width:min(780px,94vw);padding:0}.reference-dialog img{width:100%;display:block}.reference-dialog .dialog-close{position:sticky;float:right;margin-bottom:-44px;z-index:2;top:10px;right:10px}.webgl-fallback{position:absolute;width:52%;right:0;top:20%;z-index:2;pointer-events:auto}.webgl-fallback img{width:100%;max-height:60svh;object-fit:cover;object-position:top}.webgl-fallback p{font-size:11px;color:#9eb6c8;padding:8px}.webgl-fallback[hidden]{display:none}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}
@media(min-width:1600px){.scene-copy{margin-left:3%}.header{padding-left:8%;padding-right:8%}}
@media(max-width:1000px){h1,h2{letter-spacing:-3.5px}.header nav{gap:20px}.scene-copy{width:46%}.actions{gap:17px}.button{gap:22px;padding:16px}.intro{font-size:13px}.product-label{left:55%;font-size:8px;letter-spacing:1px}.hero-detail{margin-top:40px}.layer-labels span{right:3%;padding-left:22px;font-size:9px}.layer-labels span:before{width:15px}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{height:72px;padding:0 6%}.header .logo{font-size:19px}.header nav{display:none}.sound-button{padding:10px;font-size:9px}.stage{min-height:650px;margin-bottom:-100svh}.stage:after{background:linear-gradient(180deg,#060d16 0,transparent 38%)}#product{width:125%;right:-12.5%;height:63%;top:35%}.stage-glow{width:80%;left:10%;top:65%;height:20%}.orbit{left:12%;width:80%;top:46%;height:43%;transform:rotate(-23deg)}.orbit-two{transform:rotate(-23deg) scale(1.07)}.scene{min-height:max(760px,100svh);padding:112px 7% 85px;align-items:flex-start}.scene-copy{width:100%;max-width:none}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:20px}h1,h2{font-size:clamp(48px,11.8vw,73px);letter-spacing:-2.7px;line-height:1.01;margin-bottom:16px}.intro{font-size:12px;line-height:1.65;max-width:290px}.actions{margin-top:23px;gap:23px}.button{padding:14px 17px;font-size:10px}.text-link{font-size:10px}.hero-detail{display:none}.scene-bottom{bottom:25px;left:7%;right:7%;font-size:7px;letter-spacing:1px}.scene-bottom .edition{display:none}.scene-bottom a span{margin-left:8px}.product-label{left:9%;bottom:10%;font-size:7px;gap:8px}.drag-hint{right:8%;bottom:7%;font-size:8px}.drag-hint span{font-size:14px}.technology,.movement{padding-top:55px}.technology .intro,.movement .intro{max-width:300px}.layer-list{display:flex;max-width:100%;gap:16px;margin-top:20px}.layer-list>div{border:0;padding:0;gap:8px}.layer-list p{font-size:9px}.layer-list small{font-size:8px;max-width:90px}.layer-list i{display:none}.layer-list>div>span{font-size:8px}.layer-labels span{font-size:8px;right:7%}.layer-cover{top:48%}.layer-cells{top:66%}.layer-base{top:78%}.mode-control{margin-top:19px}.mode-control button{padding:11px 15px;font-size:9px}.mode-description{font-size:10px;margin-top:13px;min-height:0}.representation{font-size:8px;margin-top:12px;max-width:none}.partners{padding:55px 7%;min-height:480px}.partners h2{font-size:70px;letter-spacing:-3px}.partner-bottom{align-items:flex-start;flex-direction:column;gap:25px;margin-top:25px}.partner-bottom p{font-size:12px}.partner-orbit{width:120%;right:-75%}footer{padding:24px 7%;flex-wrap:wrap}footer>span{order:3;width:100%;font-size:7px}footer .logo{font-size:15px}footer .text-link{font-size:9px}.webgl-fallback{width:85%;right:7%;top:45%}.webgl-fallback img{max-height:35svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Guided product exploration */
.header{background:linear-gradient(#07101be8,#07101b33)}.stage{background:radial-gradient(ellipse at 74% 37%,#1c3d56 0,#0d203180 34%,transparent 70%)}.orbit{border-color:#65c6eb30}.orbit-two{border-color:#65c6eb12}.product-label{bottom:13%}.camera-controls{position:absolute;right:6%;bottom:6.5%;z-index:5;display:flex;gap:3px;padding:5px;background:#07121ed9;border:1px solid #284155;border-radius:30px;pointer-events:auto;backdrop-filter:blur(12px)}.camera-controls button{border:0;background:transparent;border-radius:20px;padding:9px 12px;font-size:10px;color:#93aabd}.camera-controls button[aria-pressed=true]{background:#19364b;color:#c2edff}.camera-controls button:hover{color:#fff}.layer-list{max-width:340px}.layer-list>button{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;display:flex;align-items:center;text-align:left;padding:14px 10px;gap:18px;color:#a8bdce;border-radius:4px}.layer-list>button>span:first-child{font-size:10px;color:#6392ae}.layer-list>button>span:nth-child(2){font-size:13px}.layer-list>button i{font-style:normal;margin-left:auto}.layer-list>button[aria-pressed=true]{background:linear-gradient(90deg,#16426166,transparent);color:#d4f3ff;box-shadow:inset 2px 0 #75d7fb}.component-description{max-width:340px;font-size:12px;line-height:1.7;color:#9ab3c7;margin:18px 0 0;min-height:65px}.movement h2{font-size:clamp(54px,5vw,82px)}.movement .mode-control{margin-top:23px}.movement .mode-description{max-width:350px;margin:15px 0;min-height:36px}.mechanism-panel{max-width:365px;border:1px solid #2b4c62;border-radius:10px;padding:17px;background:linear-gradient(135deg,#132c3eaa,#081423cc);box-shadow:0 10px 35px #0002}.mechanism-heading{display:flex;align-items:center;gap:8px}.mechanism-heading strong{font-size:11px;font-weight:500;color:#c2e8f8}.mechanism-heading>span:last-child{margin-left:auto;font-size:7px;letter-spacing:1px;color:#65879e}.air-circuits{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:18px 0}.air-circuits>div>span{font-size:9px;color:#99b6c8;display:flex;gap:6px;align-items:center}.air-circuits span i{display:inline-block;width:5px;height:5px;border-radius:50%}.circuit-a{background:#83dfff}.circuit-b{background:#427ffc}.circuit-track{height:4px;background:#162c3e;border-radius:5px;margin-top:9px;overflow:hidden}.circuit-track>i{display:block;transform-origin:left;width:100%;height:100%;background:#83dfff;will-change:transform}#circuit-b-fill{background:#427ffc}.body-options{display:flex;justify-content:space-between;gap:4px;border-top:1px solid #2a475955;padding-top:12px}.body-options button{font-size:9px;color:#96b8ce;border:0;background:transparent;padding:4px 0}.body-options button[aria-pressed=true]{color:#dbf5ff}.movement .representation{margin-top:15px;font-size:9px;max-width:370px}.scene-bottom{pointer-events:none}.scene-bottom a{pointer-events:auto}.explanation{position:relative;background:linear-gradient(150deg,#0c1c2b,#07111b);border-top:1px solid #28465b;padding:90px 7%}.explanation-intro{display:grid;grid-template-columns:1.3fr 1fr;column-gap:10%;align-items:end}.explanation-intro .eyebrow{grid-column:1/-1}.explanation-intro h2{font-size:clamp(40px,4.3vw,70px);letter-spacing:-3px;margin-bottom:0}.explanation-intro>p:last-child{font-size:14px;line-height:1.8;color:#9bb1c3;max-width:400px;margin-bottom:5px}.explanation-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}.explanation-cards article{padding:27px;border:1px solid #294253;border-radius:12px;background:linear-gradient(130deg,#14283988,#0a172355)}.card-number{font-size:8px;letter-spacing:1.6px;color:#6ea4c0}.explanation-cards h3{font-size:21px;letter-spacing:-.5px;font-weight:500;margin:0 0 14px}.explanation-cards p{font-size:12px;line-height:1.85;color:#9db3c4;min-height:90px}.explanation-cards a{font-size:10px;color:#a6dff6}.explanation-note{font-size:10px;line-height:1.7;color:#67869b;margin:27px 0 0;max-width:740px}.circuit-diagram,.wave-diagram,.tilt-diagram{height:85px;display:flex;align-items:center;justify-content:center;margin:10px 0 17px;gap:12px}.circuit-diagram>span{font-size:9px;padding:14px;border:1px solid #397b99;border-radius:6px;color:#9ddff8}.circuit-diagram>i{height:1px;width:50px;background:#78cdef;position:relative}.circuit-diagram>i:after{content:'›';position:absolute;right:0;top:-9px;color:#78cdef}.wave-diagram{gap:8px}.wave-diagram i{width:17px;height:39px;border-radius:9px;background:linear-gradient(#92e0f8,#2b7ba8)}.wave-diagram i:nth-child(even){height:22px;background:linear-gradient(#498ddf,#244273)}.tilt-diagram>i{width:100px;height:12px;background:linear-gradient(#87dafa,#2b6f93);transform:rotate(-13deg);border-radius:6px;box-shadow:0 20px 0 -4px #2b4153}.tilt-diagram>span{font-size:31px;color:#669fbd}.partners{border-top-color:#223d51}
@media(max-width:1000px){.mechanism-panel{padding:13px}.movement h2{font-size:60px}.explanation-cards{gap:12px}.explanation-cards article{padding:20px}.explanation-cards h3{font-size:18px}}
@media(max-width:700px){.camera-controls{right:7%;bottom:5.5%;gap:1px;padding:3px}.camera-controls button{font-size:8px;padding:8px 9px}.product-label{bottom:12%;font-size:6px}.stage.moving #product{height:48%;top:45%}.stage.moving .orbit{top:51%;height:34%}.layer-list{gap:5px;margin-top:17px;max-width:100%}.layer-list>button{padding:10px 7px;gap:6px;align-items:flex-start}.layer-list>button>span:first-child{font-size:8px}.layer-list>button>span:nth-child(2){font-size:9px}.layer-list small{font-size:7px;line-height:1.4;margin-top:5px}.layer-list>button i{display:none}.component-description{font-size:10px;line-height:1.6;margin-top:12px;max-width:100%;min-height:0}.movement{padding-top:30px}.movement .eyebrow{margin-bottom:14px;font-size:7px}.movement h2{font-size:43px;margin-bottom:12px}.movement .intro{font-size:11px;max-width:330px}.movement .mode-control{margin-top:15px}.movement .mode-control button{padding:10px 13px}.movement .mode-description{font-size:10px;margin:10px 0;min-height:0;max-width:100%}.mechanism-panel{padding:12px;max-width:100%}.mechanism-heading strong{font-size:10px}.mechanism-heading>span:last-child{font-size:6px}.air-circuits{margin:11px 0}.body-options{padding-top:7px}.body-options button{font-size:8px}.movement .representation{font-size:7px;margin-top:9px}.explanation{padding:55px 7%}.explanation-intro{grid-template-columns:1fr;gap:22px}.explanation-intro .eyebrow{margin-bottom:0}.explanation-intro h2{font-size:44px;letter-spacing:-2px}.explanation-intro>p:last-child{font-size:12px}.explanation-cards{grid-template-columns:1fr;margin-top:30px;gap:15px}.explanation-cards article{padding:23px}.explanation-cards p{min-height:0}.explanation-cards h3{font-size:23px}.explanation-note{font-size:9px}.circuit-diagram,.wave-diagram,.tilt-diagram{height:70px;margin:8px 0 14px}}