:root{--bg:#03050a;--text:#eef1f5;--muted:#818b9c;--blue:#7d9dff;--finish:#eaf0f8;--case-shadow:#939dae}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:2px solid #a9bfff;outline-offset:6px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}button{background:none}[hidden]{display:none!important}.skip{position:fixed;top:-100px;z-index:100;background:white;color:black;padding:15px}.skip:focus{top:10px}.header{position:fixed;inset:0 0 auto;height:90px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;z-index:20;background:linear-gradient(#03050a90,transparent);transition:background .4s}.wordmark{font-size:33px;font-weight:600;letter-spacing:-2px}.wordmark>span{font-size:9px;vertical-align:top;display:inline-block;padding-top:8px;margin-left:4px;letter-spacing:0}.header nav{display:flex;gap:32px;font-size:11px;align-items:center;color:#8b94a4}.header nav a,.header nav button{font-size:11px;padding:10px 0;transition:color .2s}.header nav .active,.header nav a:hover,.header nav button:hover{color:#fff}.header-cta{background:#eef1f6;color:#111722;font-size:10px;border-radius:30px;padding:12px 17px;display:flex;gap:25px;align-items:center}.header-cta:hover{background:#c5d2f3}.scroll-story{height:520vh;position:relative}.viewport{position:sticky;top:0;height:100svh;min-height:630px;overflow:hidden;isolation:isolate}.atmosphere{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 62% 44%,#14204c99,transparent 50%),#03050a}.ambient-light{position:absolute;inset:10% 0 -30%;background:radial-gradient(ellipse at 60% 62%,#23489d60,transparent 38%);opacity:.9}.floor-rings{position:absolute;left:35%;top:64%;width:60vw;height:60vw;transform:translate(-5%,-20%) rotateX(73deg);transform-style:preserve-3d;pointer-events:none}.floor-rings i{position:absolute;border:1px solid #36569f22;border-radius:50%;inset:0;box-shadow:0 -7px 20px #24519c26,inset 0 10px 22px #21438a14}.floor-rings i:nth-child(2){inset:-14%}.floor-rings i:nth-child(3){inset:-28%}.floor-rings i:nth-child(4){inset:-43%}.floor-rings i:nth-child(5){inset:14%}.floor-rings i:nth-child(6){inset:28%}.sound-rings{position:absolute;left:62%;top:45%;width:43vw;height:43vw;transform:translate(-50%,-50%);opacity:0;transition:opacity .7s}.sound-rings i{position:absolute;inset:0;border-radius:50%;border:1px solid #4c7adb44;box-shadow:0 0 60px #2856cf0d}.sound-rings i:nth-child(2){inset:12%}.sound-rings i:nth-child(3){inset:24%}.sound-rings i:nth-child(4){inset:-12%}.viewport[data-chapter="2"] .sound-rings{opacity:1}.viewport[data-chapter="1"] .floor-rings,.viewport[data-chapter="2"] .floor-rings,.viewport[data-chapter="3"] .floor-rings{opacity:.15}#product-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;outline:none;touch-action:pan-y}.chapter{position:absolute;left:6%;top:28%;z-index:3;pointer-events:none;opacity:0;transform:translateY(25px);transition:opacity .55s,transform .7s;width:42%;max-width:640px}.chapter.active{opacity:1;transform:translateY(0)}.chapter button{pointer-events:auto}.chapter:not(.active) button{pointer-events:none}.eyebrow{font:9px/1.5 Arial;letter-spacing:2.3px;color:#99a6bf;font-weight:400}.status-light{display:inline-block;height:5px;width:5px;border-radius:50%;background:#86abff;margin:0 9px 1px 0;box-shadow:0 0 15px #77a0ff99}h1,h2{font-size:clamp(54px,5.3vw,88px);font-weight:500;line-height:1.03;letter-spacing:-4px;margin-top:26px}h1 span,h2 span{color:#8a98b5}.body-copy{font-size:14px;line-height:1.8;color:#8993a4;margin-top:25px}.primary-button{display:inline-flex;gap:35px;align-items:center;border:1px solid #68799970;border-radius:40px;padding:15px 20px;font-size:11px;background:#a8c2ff08;margin-top:32px;transition:background .25s,border-color .25s}.primary-button:hover{background:#8db0ff1a;border-color:#a0b3d6}.primary-button span{font-size:16px;line-height:10px}.chapter-footnote{display:flex;align-items:center;gap:12px;margin-top:50px;font-size:7px;letter-spacing:2px;color:#536078}.chapter-footnote i{height:1px;width:35px;background:#4e5c763d}.product-annotation{position:absolute;right:8.3%;top:26%;display:flex;align-items:center;gap:10px;color:#65718b;font:7px Arial;letter-spacing:1.4px;z-index:2;pointer-events:none}.annotation-cross{font-size:15px;font-weight:200}.product-annotation i{width:35px;height:1px;background:#384561}.chapter-rail{position:absolute;right:3.2%;top:44%;display:grid;gap:20px;z-index:5}.chapter-rail button{padding:5px;display:flex;align-items:center;gap:10px;color:#444d60;font-size:8px;font-family:monospace}.chapter-rail i{height:1px;width:12px;background:#46506a;transition:width .3s,background .3s}.chapter-rail .active{color:#d5e0f9}.chapter-rail .active i{width:22px;background:#c6d6ff}.stage-bottom{position:absolute;bottom:6%;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;z-index:5}.product-label{display:flex;flex-direction:column;gap:8px}.product-label strong{font-size:12px;letter-spacing:1.6px;font-weight:500}.product-label>span{font-size:6px;letter-spacing:1.7px;color:#677287}.scroll-hint{display:flex;align-items:center;gap:12px;font-size:7px;letter-spacing:2px;color:#818da6}.mouse-mark{height:21px;width:13px;border:1px solid #47536c;border-radius:10px;display:flex;justify-content:center;padding-top:4px}.mouse-mark i{width:1px;height:5px;background:#b8c8e8;animation:scroll-marker 2s infinite}.stage-tools{display:flex;align-items:center;gap:26px}.stage-tools>button{height:27px;width:27px;border:1px solid #3e485c;border-radius:50%;font-size:10px;color:#8b98b1}.stage-tools>span{font:9px monospace;letter-spacing:1.5px;color:#8792a9}.story-progress{height:1px;background:#1e2636;position:absolute;left:4.5%;right:4.5%;bottom:3.5%;z-index:5}.story-progress i{display:block;width:0;height:1px;background:#8aaafa;box-shadow:0 0 12px #76a1fa}.feature-line{margin-top:38px;display:flex;gap:22px;align-items:center}.feature-number{font-size:45px;font-weight:300;letter-spacing:-2px}.feature-number>span{font-size:20px;letter-spacing:0;color:#9aaccb;margin-left:4px}.feature-line p{font-size:10px;line-height:1.9;color:#a4b0c5}.feature-line small{font-size:8px;color:#555f74}.chapter-3 h2{font-size:clamp(47px,4.5vw,76px)}.loading-label{position:absolute;bottom:15%;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;color:#7888a6;z-index:8;transition:opacity .5s;white-space:nowrap}.loading-label i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#9ab6ff;margin-left:10px;animation:pulse 1s infinite}.loading-label.done{opacity:0;pointer-events:none}.details{position:relative;z-index:5;background:#070a10;padding:130px 8% 100px;border-top:1px solid #1b2334}.details-intro{text-align:center}.details h2{font-size:clamp(35px,4vw,60px);letter-spacing:-2.7px;margin-top:22px;line-height:1.08}.details-intro>p:last-child{font-size:13px;color:#778398;line-height:1.8;margin-top:25px}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:90px;gap:50px}.spec-grid article{padding:0 20px;border-left:1px solid #1f2737}.spec-icon{font-size:36px;color:#819bc9;font-weight:200;display:block;margin-bottom:27px;line-height:1}.spatial-icon{font-size:42px}.battery-icon{font-size:30px;height:36px}.spec-grid h3{font-size:19px;letter-spacing:-.5px;font-weight:500}.spec-grid p{font-size:12px;line-height:1.8;color:#758196;margin-top:15px}.spec-tag{display:block;font-size:7px;letter-spacing:1.4px;color:#536079;margin-top:28px}.finish-section{min-height:580px;padding:100px 10%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;background:radial-gradient(ellipse at 75% 50%,#15223c60,transparent 40%),#05080e}.finish-heading h2{font-size:clamp(40px,4vw,65px);letter-spacing:-2.8px;line-height:1.1}.swatches{display:flex;align-items:center;gap:14px;margin-top:32px}.swatch{width:21px;height:21px;border-radius:50%;border:3px solid #060a11;outline:1px solid #3e4756;padding:0}.swatch.selected{outline:2px solid #a6bce6}.swatch.pearl{background:#f1f3f5}.swatch.graphite{background:#2c303c}.swatch.glacier{background:#9dadc5}.swatches>span{font-size:10px;margin-left:10px;color:#8c98b0}.finish-art{display:grid;place-items:center;min-height:300px;perspective:900px}.mini-case{position:relative;width:260px;height:198px;border-radius:65px;background:linear-gradient(135deg,#fff,var(--finish) 22%,var(--case-shadow) 85%);box-shadow:inset -6px -10px 20px #11254150,inset 7px 6px 15px #ffffff9e,0 35px 45px #0009;transform:rotate(-12deg) rotateY(-20deg);transition:background .7s}.case-lid{position:absolute;inset:0 0 auto;height:62px;background:linear-gradient(155deg,#ffffff99,transparent 65%);border-radius:65px 65px 8px 8px}.case-seam{position:absolute;top:61px;left:1px;right:1px;height:1px;background:#64768a85;box-shadow:0 1px 0 #fff7}.case-led{position:absolute;top:94px;left:50%;height:4px;width:4px;border-radius:50%;background:#72bc7d;box-shadow:0 0 4px #62916b}.mini-case>span{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);color:#77859588;font-size:19px;letter-spacing:-1px}.finish-caption{font-size:6px;letter-spacing:2px;color:#525f77;margin-top:65px}footer{padding:55px 4.5% 30px;border-top:1px solid #1a2232;display:flex;align-items:center;justify-content:space-between;gap:35px}footer>p{font-size:14px;letter-spacing:-.3px;color:#7d89a2}footer>a:last-of-type{font-size:7px;letter-spacing:1.5px}.footer-legal{display:flex;justify-content:space-between;align-items:start;width:100%;border-top:1px solid #151c2b;padding-top:25px;margin-top:20px;font-size:7px;line-height:1.8;letter-spacing:.8px;color:#4f5a70}footer{flex-wrap:wrap}.footer-legal>span:last-child{text-align:right;letter-spacing:.3px}dialog{width:min(590px,94vw);max-height:90svh;overflow:auto;padding:50px;border:1px solid #29344b;border-radius:12px;background:#0d1320;color:var(--text);box-shadow:0 50px 100px #0009}dialog::backdrop{background:#01030abb;backdrop-filter:blur(12px)}.close-dialog{position:absolute;top:20px;right:20px;width:30px;height:30px;font-size:25px;color:#8493ac}dialog h2{font-size:40px;letter-spacing:-2px;line-height:1.1;margin-top:25px}dialog>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#8c9ab2;margin-top:25px}dialog dl{margin-top:25px}dialog dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #253048;padding:13px 0;font-size:11px;line-height:1.6}dialog dt{color:#718099}dialog dd{margin:0;text-align:right}dialog>small{display:block;font-size:10px;line-height:1.7;color:#68788f}.noscript{padding:25px}#fallback{position:absolute;left:53%;top:38%;z-index:2}#fallback p{font-size:10px;color:#7b8fae;margin-top:20px}.fallback-case{width:230px;height:180px;border-radius:60px;background:linear-gradient(135deg,white,#cbd3df);box-shadow:inset -10px -15px 20px #8594a8;transform:rotate(-15deg)}.fallback-case span{position:absolute;top:60px;left:0;width:100%;height:1px;background:#7c8a9b}.fallback-case i{position:absolute;top:90px;left:50%;width:4px;height:4px;background:#87b978;border-radius:50%}@keyframes scroll-marker{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(5px);opacity:1}}@keyframes pulse{50%{opacity:.2}}
@media(min-width:1700px){.header{height:110px}.header nav{gap:40px}.header nav a,.header nav button{font-size:13px}.header-cta{font-size:12px;padding:15px 22px}.chapter .body-copy{font-size:17px}.eyebrow{font-size:11px}.primary-button{font-size:13px;padding:17px 24px}.chapter-footnote{font-size:8px}.chapter{top:29%}.product-label strong{font-size:15px}.product-label>span{font-size:8px}}
@media(max-width:900px){.header nav{gap:19px}.header{padding:0 5%}.header-cta{gap:13px;font-size:9px}.chapter{left:6%;width:45%}h1,h2{font-size:6.3vw;letter-spacing:-2.5px}.product-annotation{right:10%;font-size:6px;letter-spacing:1px}.spec-grid{gap:20px}.spec-grid article{padding:0 15px}.finish-section{padding:80px 8%;gap:40px}.mini-case{width:220px;height:168px;border-radius:55px}.case-lid{height:54px;border-radius:55px 55px 8px 8px}.case-seam{top:53px}.case-led{top:80px}}
@media(max-width:650px){.header{height:77px;padding:0 6%}.wordmark{font-size:29px}.header nav{display:none}.header-cta{font-size:9px;padding:11px 14px;gap:20px}.viewport{min-height:650px}.scroll-story{height:470vh}.chapter{left:7%;right:7%;width:auto;top:16%;max-width:none}.eyebrow{font-size:7px;letter-spacing:1.8px}h1,h2{font-size:clamp(39px,10.5vw,60px);letter-spacing:-2.8px;margin-top:20px}.body-copy{font-size:11px;line-height:1.6;margin-top:17px}.primary-button{font-size:9px;padding:12px 16px;gap:25px;margin-top:22px}.chapter-0 .body-copy{max-width:45%}.chapter-footnote{display:none}.product-annotation{right:10%;top:51%;font-size:5px;letter-spacing:1px;gap:7px}.product-annotation i{width:20px}.annotation-cross{font-size:12px}.chapter-rail{right:4%;top:61%;gap:13px}.chapter-rail button{font-size:6px;gap:7px}.chapter-rail i{width:7px}.chapter-rail .active i{width:14px}.stage-bottom{bottom:5%;left:7%;right:7%}.product-label strong{font-size:9px;letter-spacing:1.3px}.product-label>span{font-size:5px;letter-spacing:.6px}.scroll-hint{font-size:5px;letter-spacing:1px;gap:7px}.mouse-mark{height:17px;width:10px}.stage-tools{gap:10px}.stage-tools>span{font-size:6px}.stage-tools>button{height:23px;width:23px;font-size:8px}.story-progress{left:7%;right:7%;bottom:2.8%}.floor-rings{left:0;top:72%;width:110vw;height:110vw;transform:translateY(-15%) rotateX(70deg)}.sound-rings{left:50%;top:66%;width:85vw;height:85vw}.ambient-light{background:radial-gradient(ellipse at 50% 65%,#23489d60,transparent 45%)}.atmosphere{background:radial-gradient(ellipse at 55% 65%,#15244c88,transparent 60%),#03050a}.feature-line{position:absolute;left:0;top:122%;gap:12px;margin-top:0}.feature-number{font-size:30px}.feature-number>span{font-size:14px}.feature-line p{font-size:8px}.feature-line small{font-size:6px}.chapter-3 h2{font-size:clamp(37px,10vw,56px)}.chapter-1,.chapter-2,.chapter-3{top:15%}.chapter-1 .body-copy,.chapter-2 .body-copy,.chapter-3 .body-copy{font-size:12px}.loading-label{font-size:6px;bottom:14%}.details{padding:85px 7% 70px}.details h2{font-size:34px;letter-spacing:-1.8px}.details-intro>p:last-child{font-size:12px}.spec-grid{grid-template-columns:1fr;margin-top:55px;gap:35px}.spec-grid article{padding:0 0 25px 25px}.spec-icon{float:left;margin:0 20px 40px 0;font-size:30px;width:32px}.spec-grid h3{font-size:19px}.spec-grid p{font-size:12px;margin-top:10px}.spec-tag{margin:18px 0 0 52px;font-size:6px}.finish-section{padding:70px 9%;grid-template-columns:1fr;gap:55px}.finish-heading h2{font-size:41px;letter-spacing:-2px}.finish-art{min-height:260px}.mini-case{width:240px;height:185px}.case-seam{top:58px}.case-lid{height:59px}.case-led{top:90px}.finish-caption{font-size:5px;margin-top:45px}.finish-heading{text-align:center}.swatches{justify-content:center}.finish-heading .eyebrow{font-size:7px}footer{padding:40px 7% 25px;gap:22px}footer>p{font-size:12px}footer>a:last-of-type{font-size:6px}.footer-legal{flex-direction:column;gap:15px;font-size:6px}.footer-legal>span:last-child{text-align:left}dialog{padding:40px 25px}dialog h2{font-size:33px}.close-dialog{top:10px;right:12px}#fallback{left:25%;top:58%}.fallback-case{width:180px;height:140px;border-radius:45px}.fallback-case span{top:45px}}
.viewport{overflow:clip}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.loading-label{display:none}}