:root{color-scheme:dark;--ink:#f3f3f1;--muted:#96999f;--line:#27292c;--font:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{background:#000;scroll-padding-top:40px}body{margin:0;background:#000;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:1px solid #fff;outline-offset:8px}img{display:block;max-width:100%}figure,p,h1,h2,h3,dl,dd{margin:0}::selection{background:#ced2d8;color:#000}
.skip-link{position:absolute;z-index:20;left:24px;top:-60px;background:#fff;color:#000;padding:12px}.skip-link:focus{top:20px}
.site-header{height:92px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #18191b}.wordmark{font-size:18px;font-weight:600;letter-spacing:-.055em;display:flex;align-items:center;gap:12px}.wordmark-dot{width:5px;height:5px;background:#ddd;border-radius:50%}.site-header nav{display:flex;gap:34px;font-size:12px;color:#b6b8bd}.site-header nav a{display:flex;gap:17px}.site-header nav a:hover{color:#fff}
.eyebrow{font:10px/1.5 var(--mono);letter-spacing:.12em;color:#aaaeb5;display:flex;align-items:center;gap:16px}.model{font:500 18px/1 var(--font);letter-spacing:-.035em;color:#fff}
.hero{max-width:1600px;margin:auto;position:relative;min-height:660px;height:calc(92svh - 92px);max-height:920px;display:grid;grid-template-columns:43% 57%;align-items:center;padding:0 5.5%;isolation:isolate}.hero-copy{position:relative;z-index:2;padding-bottom:40px}.hero h1{font-size:clamp(60px,5.45vw,88px);font-weight:500;line-height:.98;letter-spacing:-.062em;margin:28px 0 28px}.hero-lead{font-size:15px;line-height:1.65;color:#a1a4aa;max-width:355px}.explore{display:inline-flex;align-items:center;gap:42px;margin-top:38px;padding-bottom:10px;border-bottom:1px solid #606267;font-size:12px}.explore:hover{border-color:#fff}.explore span{font-size:20px;line-height:12px}.hero-product{display:block;position:absolute;width:65%;right:1.2%;top:50%;transform:translateY(-46%);z-index:1}.hero-product img{width:100%;height:auto}.hero-caption{position:absolute;left:5.5%;right:5.5%;bottom:33px;display:flex;justify-content:space-between;font:9px/1.5 var(--mono);letter-spacing:.1em;color:#666b73}
.spec-strip{max-width:1424px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0}.spec-strip>div{padding:0 40px;border-right:1px solid var(--line)}.spec-strip>div:first-child{padding-left:0}.spec-strip>div:last-child{border:0}.spec-strip dt,.io-specs dt{font:9px/1.5 var(--mono);letter-spacing:.13em;color:#7f848d;margin-bottom:11px}.spec-strip dd{font-size:19px;letter-spacing:-.035em}
.architecture{position:relative;margin-top:70px}.architecture-track{height:330svh;min-height:2250px}.architecture-stage{max-width:1600px;margin:auto;position:sticky;top:0;height:100svh;min-height:660px;display:grid;grid-template-columns:40% 60%;align-items:center;padding:0 5.5%;overflow:clip}.architecture-copy{z-index:3;max-width:385px;padding-bottom:20px}.architecture h2{font-size:clamp(38px,3.8vw,58px);font-weight:500;line-height:1.04;letter-spacing:-.055em;margin:24px 0}.section-lead{font-size:14px;line-height:1.7;color:#93979f}.layer-notes{list-style:none;padding:0;margin:36px 0 28px}.layer-notes li{display:flex;gap:17px;padding:19px 0;border-top:1px solid var(--line);color:#737983}.layer-notes li:last-child{border-bottom:1px solid var(--line)}.layer-notes li.is-active{color:var(--ink)}.note-number{font:10px/1.6 var(--mono);padding-top:3px}.layer-notes h3{font-size:15px;font-weight:500;letter-spacing:-.02em;margin-bottom:7px}.layer-notes p{font-size:12px;line-height:1.6;max-width:300px;color:#8d9199}.layer-notes li.is-active p{color:#b5b7bc}.scroll-caption{display:flex;align-items:center;gap:14px;font:8px/1.5 var(--mono);letter-spacing:.13em;color:#747982}.scroll-rule{width:78px;height:1px;background:#2e3136;display:block}.scroll-rule i{display:block;width:100%;height:1px;background:#d9dce1;transform-origin:left;transform:scaleX(0)}
.assembly{position:relative;justify-self:center;width:min(100%,calc(82svh * .8));aspect-ratio:1122/1402;max-height:880px;isolation:isolate;transform-origin:50% 70%}.assembly-still,.assembly-layers,.assembly-part{position:absolute;inset:0}.assembly-still img{width:100%;height:100%;object-fit:contain}.assembly-layers{visibility:hidden}.has-layers .assembly-layers{visibility:visible}.has-layers .assembly-still{opacity:0}.assembly-part{margin:0;pointer-events:none;transform-origin:50% 70%}.assembly-part img{position:absolute;width:100%;height:auto;max-width:none}.part-base{z-index:0}.part-module{z-index:1}.part-module img{width:61.3%;left:14.5%;top:19.1%}.part-thermal{z-index:2}.part-thermal img{width:92%;left:4%;top:-.7%}.part-lid{z-index:3}.is-near .assembly-part,.is-near .assembly{will-change:transform,opacity}.assembly-caption{position:absolute;bottom:26px;right:5.5%;font:8px/1.5 var(--mono);letter-spacing:.12em;color:#676d76}
.architecture.is-static .architecture-track{height:auto;min-height:0}.architecture.is-static .architecture-stage{position:relative;min-height:850px;height:auto;padding-top:60px;padding-bottom:60px}.architecture.is-static .assembly{width:min(100%,680px)}.architecture.is-static .assembly-still{opacity:1}.architecture.is-static .assembly-layers{visibility:hidden}.architecture.is-static .scroll-caption{display:none}.architecture.is-static .layer-notes li{color:#f3f3f1}
.io-section{padding:100px 5.5% 115px;max-width:1600px;margin:auto;position:relative;border-top:1px solid #202226}.io-heading{text-align:center;position:relative;z-index:2}.io-heading .eyebrow{justify-content:center}.io-heading h2{font-size:clamp(44px,5vw,72px);font-weight:500;letter-spacing:-.055em;line-height:1.05;margin:24px 0}.io-heading p:last-child{font-size:15px;line-height:1.6;color:#969ba3}.io-product{display:block;max-width:1240px;margin:0 auto -25px}.io-product img{width:100%;height:auto}.io-specs{display:grid;grid-template-columns:repeat(3,1fr);max-width:1070px;margin:auto;border-top:1px solid var(--line);padding-top:25px}.io-specs>div{text-align:center}.io-specs dd{font-size:16px;letter-spacing:-.03em}
.closing{max-width:1424px;margin:auto;padding:110px 0;display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--line)}.closing p{font-size:clamp(44px,5.3vw,80px);font-weight:500;letter-spacing:-.06em;line-height:1.05}.closing p span{color:#787e88}.closing-detail{font-size:14px;line-height:1.7;color:#9ca0a8;padding-bottom:7px}footer{padding:32px 5.5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:#838891}footer a{color:#d8dadd}
@media(max-width:1599px){.spec-strip,.closing{margin-left:5.5%;margin-right:5.5%}}
@media(min-width:1800px){.hero-product{width:64%;right:-1%}}
@media(max-width:1068px){.hero{grid-template-columns:48% 52%;min-height:620px}.hero h1{font-size:64px}.hero-product{width:69%;right:-10%;top:54%}.hero{overflow:clip}.hero-lead{max-width:290px}.desktop-break{display:none}.architecture-stage{grid-template-columns:42% 58%;padding-left:5%;padding-right:3%}.architecture-copy{max-width:300px}.architecture h2{font-size:42px}.assembly{width:100%}.layer-notes{margin-top:26px}.layer-notes li{padding:15px 0}.layer-notes p{font-size:11px}.spec-strip>div{padding-left:20px;padding-right:20px}.spec-strip dd{font-size:16px}}
@media(max-width:734px){.site-header{height:76px;padding:0 24px}.wordmark{font-size:16px}.site-header nav{gap:22px;font-size:11px}.site-header nav span{display:none}.hero{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:69px 24px 52px;overflow:hidden}.hero-copy{padding:0}.eyebrow{font-size:8px;gap:12px}.model{font-size:16px}.hero h1{font-size:clamp(51px,12.5vw,84px);line-height:1.02;margin:25px 0 24px}.hero-lead{font-size:14px;max-width:330px}.explore{font-size:11px;margin-top:26px;gap:30px}.hero-product{position:relative;width:128%;right:auto;top:auto;transform:none;margin:22px 0 0 -10%}.hero-caption{left:24px;right:24px;bottom:20px;font-size:7px}.hero-caption span:last-child{display:none}.spec-strip{margin:0 24px;padding:0;grid-template-columns:1fr}.spec-strip>div,.spec-strip>div:first-child{border-right:0;border-bottom:1px solid #202226;padding:18px 0;display:flex;align-items:center;justify-content:space-between}.spec-strip>div:last-child{border-bottom:0}.spec-strip dt{margin:0;font-size:8px}.spec-strip dd{font-size:15px}.architecture{margin-top:60px}.architecture.is-static .architecture-stage,.architecture-stage{display:flex;flex-direction:column;align-items:stretch;padding:38px 24px 60px;min-height:0;gap:26px;position:relative;height:auto}.architecture-copy{max-width:none;padding:0}.architecture h2{font-size:42px;margin-top:20px}.section-lead{font-size:13px}.layer-notes{margin:25px 0 0}.layer-notes li{padding:17px 0}.layer-notes p{font-size:12px;max-width:280px}.architecture.is-static .assembly{width:100%;max-width:500px;align-self:center}.assembly-caption{right:24px;bottom:25px;font-size:7px}.io-section{padding:70px 24px 75px}.io-heading .eyebrow{font-size:8px}.io-heading h2{font-size:43px}.io-heading p:last-child{font-size:13px}.io-product{margin:20px -14px 0}.io-product img{width:100%}.io-specs{gap:12px;padding-top:22px}.io-specs dt{font-size:7px;letter-spacing:.05em;margin-bottom:8px}.io-specs dd{font-size:11px;line-height:1.4}.closing{margin:0 24px;padding:62px 0;display:block}.closing p{font-size:45px}.closing-detail{display:block;margin-top:25px;font-size:12px}footer{padding:26px 24px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:734px){.hero-product{width:100%;margin:26px 0 6px}.architecture.is-static .architecture-stage{gap:0}.architecture-copy{display:contents}.architecture-copy>.eyebrow{order:0}.architecture-copy>h2{order:1;margin-bottom:20px}.architecture-copy>.section-lead{order:2;margin-bottom:22px}.architecture .assembly{order:3}.architecture .layer-notes{order:4;margin-top:30px}.architecture-copy>.scroll-caption{display:none}}
.assembly{width:min(100%,calc(82svh * .8),704px);max-height:none}
@media(max-width:1068px){.assembly{width:100%}}
@media(min-width:1069px){.architecture h2{width:470px;max-width:calc(100vw - 48px)}}