@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}@font-face{font-family:Inter;src:url('/assets/inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--bg:#0b0d10;--surface:#14171d;--ink:#f8faff;--muted:#b6bfce;--accent:#325bcd;--focus:#9ab9ff;--line:#2b3039;--space:clamp(24px,6vw,96px);--ease:cubic-bezier(.16,1,.3,1);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-color:#46536b #0b0d10}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}::selection{background:#325bcd;color:#fff}a{color:inherit;text-decoration:none;text-underline-offset:5px}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:6px}button:disabled{cursor:not-allowed;opacity:.55}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.05;letter-spacing:-.035em;text-wrap:balance}h2{font-size:clamp(38px,4.8vw,68px);font-weight:700}p{text-wrap:pretty}button{border:0} [hidden]{display:none!important}.section-shell{padding-left:var(--space);padding-right:var(--space);max-width:1680px;margin-left:auto;margin-right:auto}.muted{color:var(--muted)}.skip{position:fixed;top:-100px;left:24px;background:#fff;color:#111;padding:12px 20px;z-index:100}.skip:focus{top:16px}
.site-header{height:100px;max-width:1680px;margin:auto;position:absolute;left:0;right:0;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space);gap:24px}.brand img{width:106px;height:52px;object-fit:contain}.desktop-nav{display:flex;gap:36px;font-size:14px}.desktop-nav a{color:#d3d8e2;transition:color 160ms}.desktop-nav a:hover{color:#fff}.header-actions{display:flex;gap:14px;align-items:center}.button{display:inline-flex;gap:24px;align-items:center;justify-content:space-between;min-height:56px;padding:15px 22px;border-radius:8px;font-size:14px;font-weight:600;letter-spacing:.005em;transition:background-color 160ms,transform 160ms,color 160ms;line-height:1.5}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:#406ce5}.button-outline{border:1px solid #626b7d;background:transparent;color:#fff}.button-outline:hover{background:#202630}.button-small{font-size:13px;min-height:44px;padding:10px 16px;gap:14px}.button-small svg{width:18px;height:18px}.motion-toggle,.menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:transparent;color:#c6cede;transition:background-color 160ms}.motion-toggle:hover,.menu-toggle:hover{background:#252a34}.menu-toggle{display:none}.mobile-nav{position:absolute;top:80px;left:20px;right:20px;background:#171b22;border:1px solid #343b49;border-radius:12px;padding:16px;display:grid;gap:6px}.mobile-nav a{padding:12px}
.hero{position:relative;height:min(940px,100svh);min-height:750px;max-width:1800px;margin:auto;isolation:isolate;overflow:hidden}.hero-art{position:absolute;top:10%;bottom:0;left:28%;width:88%;z-index:-3;animation:hero-arrive 900ms var(--ease) both}.hero-art img,.hero-art video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero-art video{z-index:1}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0b0d10 0%,rgba(11,13,16,.97) 8%,rgba(11,13,16,.7) 28%,transparent 55%),linear-gradient(0deg,#0b0d10 1%,transparent 18%)}.hero-content{position:relative;padding-left:var(--space);padding-top:clamp(210px,24vh,290px);max-width:1680px;margin:auto}.hero h1{font-size:clamp(56px,6.3vw,88px);font-weight:800;max-width:640px;line-height:1.035}.hero-content p{margin-top:28px;color:#c7cfdd;font-size:16px;line-height:1.7;max-width:390px}.hero-content .button{margin-top:36px;min-width:228px}.hero-bottom{position:absolute;bottom:32px;left:var(--space);right:var(--space);display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.015em;color:#c6cede}.hero-bottom a{display:flex;align-items:center;gap:12px}.hero-bottom svg{height:18px;width:18px}@keyframes hero-arrive{from{transform:translate3d(36px,12px,0) scale(1.035)}to{transform:none}}
.selection{padding-top:100px;padding-bottom:80px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:48px}.section-intro>p{max-width:350px;color:var(--muted);font-size:16px}.selection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.selection-item{min-width:0}.selection-image{background:#07090c;border-radius:12px;overflow:hidden;aspect-ratio:1.4}.selection-image img{width:100%;height:100%;object-fit:cover;transition:transform 450ms var(--ease)}.selection-item:hover .selection-image img{transform:scale(1.055)}.selection-label{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.selection-label h3{font-size:26px;font-weight:600;letter-spacing:-.025em}.selection-label p{font-size:13px;color:var(--muted);margin-top:5px}.round-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid #3e4655;border-radius:50%;transition:background-color 160ms}.selection-item:hover .round-arrow{background:var(--accent);border-color:var(--accent)}.campaign-note{color:#a5afc1;font-size:11px;line-height:1.6;margin-top:14px;letter-spacing:.01em;max-width:70ch}
.mac-chapter{height:165vh;position:relative;margin-top:30px;border-top:1px solid var(--line);--spread:.3}.mac-sticky{position:sticky;top:0;height:100svh;min-height:720px;max-height:1050px;overflow:hidden;display:flex;flex-direction:column}.chapter-heading{width:100%;padding-top:70px;display:flex;align-items:flex-end;justify-content:space-between;gap:48px;position:relative;z-index:3}.chapter-heading h2{font-size:clamp(44px,4.5vw,64px)}.chapter-heading p{color:var(--muted);font-size:15px}.text-link{display:inline-flex;align-items:center;gap:30px;margin-top:24px;color:var(--focus);font-size:14px;font-weight:600}.text-link:hover{text-decoration:underline}.mac-stage{position:relative;width:min(84%,1200px);aspect-ratio:1672/941;margin:auto;flex:1;min-height:0;isolation:isolate}.mac-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten;transition:transform 80ms linear;will-change:transform}.mac-display{clip-path:inset(0 0 58% 0);transform:translateY(calc((1 - var(--spread))*14%)) rotateX(calc((1 - var(--spread))*8deg))}.mac-keyboard{clip-path:inset(42% 0 32% 0)}.mac-base{clip-path:inset(68% 0 0 0);transform:translateY(calc((1 - var(--spread))*-10%))}.chapter-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;font-size:11px;letter-spacing:.015em;padding-bottom:28px;position:relative;z-index:4}.chapter-foot>span:first-child{font-weight:600}.chapter-foot .muted{font-weight:400}.scroll-progress{width:110px;height:2px;background:#303847;overflow:hidden}.scroll-progress i{display:block;width:100%;height:100%;background:#9ab9ff;transform:scaleX(var(--spread));transform-origin:left}
.product-chapter{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;min-height:740px;padding-top:100px;padding-bottom:100px;overflow:hidden;border-top:1px solid var(--line)}.product-art{position:relative;aspect-ratio:1672/941;isolation:isolate;min-width:0}.product-art>img{width:100%;height:100%;object-fit:contain}.phone-art{margin-left:-6vw;width:calc(100% + 6vw);transform:translate(20px,20px) rotate(-4deg);transition:transform 950ms var(--ease)}.phone-chapter.in-view .phone-art{transform:translate(0,0) rotate(0)}.product-copy{position:relative;z-index:3;max-width:470px}.product-copy h2{font-size:clamp(44px,4.8vw,68px)}.product-copy>p{font-size:16px;color:var(--muted);margin-top:28px;max-width:380px}.product-copy .button{margin-top:32px}.product-copy .product-meta{font-size:12px;margin-top:18px}.watch-chapter{grid-template-columns:1fr 1.2fr;min-height:700px}.watch-art{width:calc(100% + 5vw);margin-right:-5vw;--watch-shift:1}.watch-art>.watch-layer{position:absolute;inset:0;mix-blend-mode:lighten;transition:transform 950ms var(--ease)}.watch-upper{clip-path:polygon(0 0,54% 0,35% 56%,0 60%);transform:translate(calc(var(--watch-shift)*-20px),calc(var(--watch-shift)*-35px)) rotate(calc(var(--watch-shift)*-4deg))}.watch-case{clip-path:polygon(38% 13%,61% 13%,70% 69%,52% 82%,31% 71%,29% 43%);transform:rotate(calc(var(--watch-shift)*7deg))}.watch-lower{clip-path:polygon(66% 58%,100% 49%,100% 100%,54% 100%,54% 80%);transform:translate(calc(var(--watch-shift)*30px),calc(var(--watch-shift)*40px)) rotate(calc(var(--watch-shift)*4deg))}.watch-chapter.in-view .watch-art{--watch-shift:0}
.curation{background:#f2f4f7;color:#23272d;padding:110px 0 115px;color-scheme:light}.curation .section-intro>p{color:#515d70}.curation-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start;margin-top:72px}.condition-panel{border:1px solid #b8c2d2;border-radius:16px;padding:32px;background:#fff}.condition-title{font-family:Manrope,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.02em}.condition-panel dl{margin:24px 0 0}.condition-panel dl>div{padding:19px 0;border-top:1px solid #dce0e7;display:grid;grid-template-columns:110px 1fr;gap:20px;font-size:14px}.condition-panel dt{font-weight:600}.condition-panel dd{margin:0;color:#526075}.condition-panel>p{font-size:12px;color:#536074;margin-top:16px}.condition-copy h3{font-size:34px;max-width:350px;line-height:1.2}.condition-copy>p{margin-top:24px;color:#526075;font-size:15px;max-width:390px}.condition-tabs{display:inline-flex;padding:4px;margin-top:28px;border-radius:8px;background:#e0e5ed;gap:4px}.condition-tabs button{background:transparent;color:#465269;font-size:13px;padding:9px 18px;border-radius:5px}.condition-tabs button[aria-selected=true]{background:#fff;color:#23272d;box-shadow:0 2px 5px rgba(35,39,45,.08)}.condition-description{max-width:410px;color:#526075;font-size:14px;line-height:1.7;margin-top:20px;min-height:110px}.curation :focus-visible{outline-color:#325bcd}
.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;padding-top:130px;padding-bottom:120px}.contact h2{font-size:clamp(40px,4vw,58px)}.contact-copy>p{margin-top:26px;color:var(--muted);max-width:400px}.contact form{margin-top:38px;max-width:570px}.contact label{display:block;font-size:13px;color:#c2cbd9;margin-bottom:10px}.advisor-row{display:flex;gap:10px}.advisor-row select{min-width:0;flex:1;border:1px solid #667087;border-radius:8px;background:#171b22;color:#fff;padding:14px 12px;font-size:13px}.advisor-row .button{font-size:12px;gap:10px;padding:14px 16px}.form-note{color:#a5afc1;font-size:11px;margin-top:10px;max-width:55ch}.phone-number{display:inline-block;color:var(--muted);margin-top:24px;font-size:13px}.phone-number:hover{text-decoration:underline;color:#fff}.unboxing-image{position:relative}.unboxing-image img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.unboxing-image span{display:block;margin-top:12px;font-size:11px;color:#a5afc1}
.faq{padding-top:64px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1.35fr;gap:72px;border-top:1px solid var(--line)}.faq h2{font-size:36px}.faq details{border-bottom:1px solid #373f4e}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:15px;line-height:1.5;padding:24px 0}.faq summary::-webkit-details-marker{display:none}.faq summary svg{width:18px;height:18px;color:#b9c6e0;transition:transform 200ms}.faq details[open] summary svg{transform:rotate(45deg)}.faq details>p{font-size:14px;color:var(--muted);max-width:60ch;margin:0 35px 25px 0}.footer{padding-top:54px;padding-bottom:32px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:45px}.footer-top img{width:120px;height:58px;object-fit:contain}.footer-top>p{font-family:Manrope,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.02em}.back-top{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted)}.back-top svg{width:17px;height:17px}.footer-bottom{display:flex;gap:30px;justify-content:space-between;align-items:center;font-size:11px;color:#b3bed0;border-top:1px solid var(--line);padding-top:24px}.footer-bottom a:hover{text-decoration:underline}.review-badge{position:fixed;right:18px;bottom:16px;z-index:50;display:flex;gap:8px;align-items:center;background:#171b22;border:1px solid #4a5467;color:#d8e2f5;border-radius:6px;padding:7px 10px;font-size:10px;letter-spacing:.01em;box-shadow:0 3px 12px #0004}.review-badge i{height:5px;width:5px;background:#9ab9ff;border-radius:50%}
.motion-paused *{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .mac-chapter{--spread:1!important}.motion-paused .watch-art{--watch-shift:0!important}.motion-paused .phone-art{transform:none!important}.motion-paused .mac-layer,.motion-paused .watch-layer{transition:none!important}
@media(min-width:1680px){.hero-content{padding-left:96px}.hero-bottom{left:calc((100% - 1680px)/2 + 96px);right:calc((100% - 1680px)/2 + 96px)}}
@media(max-width:1100px){.desktop-nav{gap:20px}.hero{min-height:720px;height:90svh}.hero-art{left:15%;width:105%;top:14%}.hero h1{font-size:68px}.hero-content{padding-top:220px}.hero-shade{background:linear-gradient(90deg,#0b0d10 0%,rgba(11,13,16,.78) 24%,transparent 63%),linear-gradient(0deg,#0b0d10 1%,transparent 18%)}.selection-grid{gap:16px}.section-intro{gap:30px}.section-intro>p{max-width:310px}.product-chapter{min-height:600px;gap:16px}.product-copy h2{font-size:48px}.contact{gap:35px}.advisor-row{flex-direction:column}.advisor-row .button{justify-content:center;gap:18px}.faq{gap:40px}.chapter-heading h2{font-size:48px}.mac-sticky{min-height:680px}.curation-layout{gap:50px}}
@media(max-width:760px){:root{--space:24px}html{scroll-padding-top:24px}.site-header{height:80px;gap:12px}.brand img{width:87px;height:44px}.desktop-nav{display:none}.menu-toggle{display:flex}.header-actions{gap:3px}.header-actions .button{display:none}.hero{height:850px;min-height:0;max-height:1100px}.hero-content{padding-top:125px;padding-right:24px}.hero h1{font-size:clamp(46px,10.8vw,68px);line-height:1.07;letter-spacing:-.04em}.hero-content p{font-size:14px;max-width:320px;margin-top:22px}.hero-content .button{margin-top:26px;min-width:218px}.hero-art{top:350px;left:-7%;bottom:40px;width:117%;animation-duration:700ms}.hero-art img,.hero-art video{object-fit:cover;object-position:63% center}.hero-shade{background:linear-gradient(0deg,#0b0d10 0%,transparent 20%,transparent 50%,#0b0d10 69%)}.hero-bottom{bottom:24px;font-size:10px;gap:20px;left:24px;right:24px}.hero-bottom>span{max-width:190px}.hero-bottom a{gap:8px}.selection{padding-top:60px;padding-bottom:50px}.section-intro{display:block;margin-bottom:32px}.section-intro>p{margin-top:22px;font-size:14px;max-width:370px}h2{font-size:40px}.selection-grid{grid-template-columns:1fr;gap:22px}.selection-item{display:grid;grid-template-columns:42% 1fr;align-items:center;gap:20px}.selection-image{aspect-ratio:1.16;border-radius:8px}.selection-image img{object-fit:cover}.selection-label{padding:12px 0;gap:10px}.selection-label h3{font-size:23px}.selection-label p{font-size:11px;margin-top:5px}.round-arrow{height:34px;width:34px}.round-arrow svg{width:17px;height:17px}.campaign-note{font-size:10px;margin-top:30px}.mac-chapter{height:auto;margin-top:10px}.mac-sticky{height:auto;min-height:0;position:relative;max-height:none}.chapter-heading{padding-top:58px;display:block}.chapter-heading h2{font-size:42px}.chapter-heading>div{margin-top:22px}.chapter-heading p{font-size:14px}.text-link{margin-top:18px}.mac-stage{width:108%;margin:35px -4% 20px;flex:none;height:auto;aspect-ratio:1.6}.mac-layer{object-fit:contain}.chapter-foot{padding-bottom:30px;font-size:10px;gap:14px}.chapter-foot>span:last-child{max-width:110px;text-align:right}.chapter-foot>span:first-child .muted{display:block}.scroll-progress{width:48px}.product-chapter{display:flex;flex-direction:column;gap:28px;align-items:stretch;min-height:0;padding-top:60px;padding-bottom:65px}.product-copy h2{font-size:42px}.product-copy>p{font-size:14px;margin-top:22px}.product-copy .button{margin-top:26px}.product-art{width:calc(100% + 48px);margin-left:-24px;margin-right:-24px}.phone-chapter .product-copy{order:-1}.phone-art{transform:translate(10px,10px) rotate(-3deg)}.watch-chapter .product-copy{order:-1}.watch-art{margin-top:10px;aspect-ratio:1.45}.watch-art>img{object-fit:contain}.curation{padding:65px 0}.curation-layout{display:flex;flex-direction:column;gap:42px;margin-top:38px}.condition-panel{width:100%;padding:24px}.condition-panel dl>div{grid-template-columns:95px 1fr;gap:15px;font-size:12px;padding:17px 0}.condition-title{font-size:20px}.condition-copy h3{font-size:30px}.condition-copy>p{font-size:14px}.condition-description{min-height:0}.contact{display:flex;flex-direction:column;gap:45px;padding-top:65px;padding-bottom:65px;align-items:stretch}.contact h2{font-size:40px}.contact-copy>p{font-size:14px;margin-top:22px}.contact form{margin-top:30px}.advisor-row select{padding:16px 14px}.advisor-row .button{font-size:14px;min-height:54px}.unboxing-image{max-width:450px}.unboxing-image img{aspect-ratio:1.3}.faq{display:block;padding-top:50px;padding-bottom:65px}.faq h2{font-size:32px;margin-bottom:22px}.faq summary{font-size:14px;padding:22px 0}.faq details>p{font-size:13px}.footer{padding-top:36px;padding-bottom:65px}.footer-top{flex-wrap:wrap;gap:22px;padding-bottom:30px}.footer-top>p{font-size:17px}.footer-top img{width:96px;height:48px}.back-top{font-size:11px}.footer-bottom{flex-wrap:wrap;gap:14px;font-size:10px}.review-badge{bottom:12px;right:12px}.motion-toggle{width:40px;height:40px}}
.campaign-note,.form-note,.unboxing-image span,.chapter-foot,.hero-bottom,.footer-bottom,.review-badge{font-size:12px}.campaign-note{max-width:80ch}.review-badge{font-size:11px}.selection-label p{font-size:12px}
.watch-art>.watch-layer{mix-blend-mode:normal}.watch-lower{clip-path:polygon(53% 70%,73% 55%,100% 55%,100% 100%,53% 100%)}
.hero-art{left:25%;width:75%;top:12%}.hero-art img,.hero-art video{object-fit:contain;object-position:center right}
.hero{background:#000}.hero-shade{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.94) 16%,rgba(0,0,0,.6) 36%,transparent 65%),linear-gradient(0deg,#0b0d10 0%,transparent 14%)}.hero-art{top:8%;left:36%;width:64%;bottom:6%;animation:none}
.mac-chapter{height:auto;background:#000;border-top:0;margin-top:30px}.mac-sticky{position:relative;height:auto;min-height:0;max-height:none}.mac-stage{flex:none;width:min(90%,1300px);height:auto;aspect-ratio:1728/912;margin:30px auto 28px}.editorial-stage{position:relative;overflow:hidden;background:#000}.editorial-stage>img,.editorial-stage>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.editorial-video{opacity:0;transition:opacity 160ms}.editorial-video.is-ready{opacity:1}.editorial-video.is-ended{opacity:0}.scene-replay{background:transparent;color:#b8c9ef;font-size:12px;display:inline-flex;align-items:center;gap:10px;padding:10px 0;min-height:44px}.scene-replay:hover{color:#fff}.scene-replay svg{width:16px;height:16px}.media-credit{font-size:11px;color:#acb8cd;text-decoration:underline;text-underline-offset:4px}.media-controls{display:flex;justify-content:space-between;align-items:center;gap:20px}.watch-media{min-width:0}.watch-art{width:100%;margin:0;aspect-ratio:4/3}.watch-chapter{grid-template-columns:1fr 1.2fr}.chapter-foot{padding-bottom:22px}.motion-paused .editorial-video{opacity:0!important}
@media(max-width:760px){.hero-art{top:370px;bottom:45px;left:0;width:100%}.hero-shade{background:linear-gradient(0deg,#0b0d10 0%,transparent 20%,transparent 50%,#000 70%)}.watch-media{width:100%}.watch-art{width:calc(100% + 48px);margin-left:-24px;margin-right:-24px}.mac-stage{width:100%;margin:28px 0 10px}.chapter-foot{flex-wrap:wrap;gap:8px}.chapter-foot .media-credit{font-size:11px}.scene-replay{font-size:11px}.media-controls{gap:12px}.chapter-foot .scene-replay{margin-left:auto}.chapter-foot .media-credit{flex-basis:100%;text-align:left!important}}
@media(max-width:1100px) and (min-width:761px){.hero-art{left:24%;width:76%}}
@media(max-width:760px){.hero-art{left:-9%;width:118%;top:370px;bottom:45px}.hero-art img,.hero-art video{object-fit:contain;object-position:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art{animation:none}.mac-layer,.watch-layer,.phone-art,.button,.selection-image img,.faq summary svg{transition:none}.phone-art{transform:none}.watch-art{--watch-shift:0!important}.mac-chapter{--spread:1!important}}
@media(max-width:760px){.review-badge{position:static;width:max-content;margin:10px auto 0;box-shadow:none}}
