@charset "UTF-8";
:root{--ink:#0b1019;--ink2:#121b29;--slate:#8794a8;--blue:#9de5ff;--action:#46bbf2;--paper:#f3f5f5;--white:#fff;--line:rgba(255,255,255,.16);--line-dark:#d9dee2;--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;max-width:100%}
.container{width:min(calc(100% - 80px),var(--max));margin-inline:auto}
.skip-link{position:absolute;z-index:1000;top:-80px;left:16px;background:var(--blue);padding:12px 18px;color:var(--ink)}
.skip-link:focus{top:12px}
:focus-visible{outline:3px solid var(--action);outline-offset:4px}
.announcement{min-height:36px;padding:8px 28px;display:flex;align-items:center;justify-content:center;gap:18px;background:var(--blue);color:var(--ink);font-size:10px;letter-spacing:.17em;font-weight:800;text-align:center}
.announcement strong{font-size:11px;letter-spacing:.1em}
.site-header{position:sticky;top:0;z-index:30;background:rgba(11,16,25,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);color:var(--white)}
.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.wordmark{display:inline-flex;align-items:center;gap:7px;font-size:27px;line-height:1;letter-spacing:-.085em;font-weight:900;white-space:nowrap}
.wordmark i{width:2px;height:30px;margin:0 2px;background:var(--blue);transform:skew(-20deg)}
.header-inner nav{display:flex;align-items:center;gap:34px;color:#c4ced8;font-size:13px;font-weight:600}
.header-inner nav a,.header-link,.text-link,.inline-arrow{transition:color .2s ease}
.header-inner nav a:hover,.header-link:hover,.text-link:hover,.inline-arrow:hover{color:var(--blue)}
.header-link{display:inline-flex;align-items:center;gap:21px;border:1px solid rgba(157,229,255,.45);padding:12px 18px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.header-link span{font-size:18px;font-weight:400}
.hero{position:relative;overflow:hidden;color:var(--white);background:radial-gradient(circle at 69% 33%,#23364b 0%,#101b2b 29%,#0b1019 64%);}
.hero:before{content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:linear-gradient(90deg,transparent 99.8%,rgba(255,255,255,.35) 100%);background-size:100px 100%}
.hero-grid{position:relative;display:grid;grid-template-columns:1.01fr .99fr;align-items:center;gap:5.5%;padding-top:73px;padding-bottom:70px}
.hero-copy{padding:30px 0 28px;animation:rise .7s ease both}
.eyebrow,.kicker,.card-number,.strip-icon,.photo-annotation,.details-caption,.offer-top,.offer-action>span,.spec-stack span,.hero-bottom{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;letter-spacing:.1em}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--blue);font-size:11px;letter-spacing:.16em}
.eyebrow-line{width:30px;height:1px;background:var(--blue)}.eyebrow-sep{opacity:.5}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.065em}
h1{max-width:680px;margin:28px 0 25px;font-size:clamp(54px,5.2vw,82px);font-weight:850;line-height:1.035}
h1 em,h2 em{font-style:normal;color:var(--blue)}
.hero-lead{max-width:545px;color:#c9d2dc;font-size:17px;line-height:1.7}.hero-lead strong{color:var(--white);font-weight:700}
.hero-points{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 36px}.hero-points span{padding:10px 14px;background:rgba(255,255,255,.06);border:1px solid var(--line);font-size:12px;font-weight:700}.hero-points b{margin-right:5px;color:var(--blue)}
.hero-offer{display:flex;gap:27px;align-items:center;flex-wrap:wrap}
.price-lockup{display:flex;flex-direction:column}.price-lockup small{color:#abb9c7;font-size:10px;font-weight:800;letter-spacing:.16em}.price-lockup strong{margin:4px 0 0;font-size:41px;line-height:1.1;letter-spacing:-.055em}.price-lockup span{margin-top:3px;color:var(--blue);font-size:14px;font-weight:700}
.button{min-height:60px;padding:0 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid transparent;cursor:pointer;font-size:13px;font-weight:850;letter-spacing:.035em;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.button span{font-size:21px;font-weight:400;line-height:1}.button:hover:not(:disabled){transform:translateY(-3px)}
.button-primary{background:var(--action);color:var(--ink);box-shadow:0 8px 28px rgba(70,187,242,.16)}.button-primary:hover:not(:disabled){background:var(--blue);box-shadow:0 10px 35px rgba(70,187,242,.28)}.button-primary:disabled{cursor:not-allowed;background:#91b9c7;box-shadow:none;color:#18303d}
.button-outline{border-color:rgba(157,229,255,.52);color:var(--blue);min-width:230px}.button-outline:hover{background:rgba(157,229,255,.1)}
.availability-note{max-width:430px;margin:13px 0 23px;color:#b4c3cf;font-size:11px;line-height:1.5}.availability-note.is-ready{color:#9ddfba}
.text-link{display:inline-flex;align-items:center;gap:13px;color:#d3deea;font-size:12px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:7px}
.hero-visual{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;animation:rise .85s .08s ease both}
.hero-photo-frame{position:relative;width:100%;max-width:550px;overflow:hidden;background:#d7dcde;border:1px solid rgba(255,255,255,.24);box-shadow:0 20px 80px rgba(0,0,0,.33)}
.hero-photo{width:100%;height:auto;aspect-ratio:1122/1402;object-fit:cover}
.hero-photo-frame:after{content:"";position:absolute;inset:0;border:12px solid rgba(255,255,255,.035);pointer-events:none}
.photo-annotation{position:absolute;right:-27px;bottom:4%;display:flex;align-items:center;gap:10px;background:#0d1723;border:1px solid var(--line);padding:15px 18px;color:#d9e6ee;font-size:9px;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.annotation-dot{width:6px;height:6px;background:var(--blue);border-radius:50%;box-shadow:0 0 10px var(--blue)}.annotation-rule{height:1px;width:23px;background:#6f8ea1}
.hero-bottom{position:relative;max-width:var(--max);width:min(calc(100% - 80px),var(--max));margin:auto;padding:15px 0 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#8393a6;font-size:10px}
.quick-strip{background:#e5edf0;border-bottom:1px solid #d3dee3}.strip-grid{display:grid;grid-template-columns:repeat(3,1fr)}.strip-grid>div{min-height:108px;display:flex;align-items:center;gap:20px;padding:20px 30px;border-right:1px solid #cbd9df}.strip-grid>div:first-child{padding-left:0}.strip-grid>div:last-child{border-right:0}.strip-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border:1px solid #a8c2cf;border-radius:50%;color:#347394;font-size:11px}.strip-grid p{margin:0;color:#61707a;font-size:13px;line-height:1.55}.strip-grid strong{color:var(--ink);font-size:14px}
.section-pad{padding:120px 0}.kicker{display:block;color:var(--blue);font-size:11px;letter-spacing:.16em}.dark-kicker{color:#3086ad}
h2{font-size:clamp(42px,4.1vw,64px);line-height:1.075;font-weight:830}h3{font-size:26px;line-height:1.1}
.gallery{background:#fff}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:12%;margin-bottom:37px}.gallery-heading h2{margin:18px 0 0}.gallery-heading h2 em{color:#3994ba}.gallery-heading p{max-width:350px;margin:0 0 4px;color:#5c6c75;font-size:15px;line-height:1.7}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-card{display:block;overflow:hidden;background:#d5dfe3}.gallery-card img{width:100%;height:auto;aspect-ratio:1122/1402;object-fit:contain;transition:transform .35s ease}.gallery-card:hover img{transform:scale(1.025)}.gallery-card span{display:flex;justify-content:space-between;align-items:center;padding:19px 21px;background:var(--ink);color:#d8edf7;font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.gallery-card i{font-style:normal;font-size:22px;font-weight:400;color:var(--blue)}.gallery-disclaimer{margin-top:17px;color:#7a8790;font-size:11px}
.problem{background:var(--paper)}.problem-layout{display:grid;grid-template-columns:1.15fr .65fr;gap:12%;align-items:end}.section-head h2{margin:25px 0 0;max-width:760px}.problem h2 em,.details h2 em,.accessories h2 em{color:#3994ba}.problem-copy{padding-bottom:3px}.problem-copy p{color:#53606c;font-size:17px;line-height:1.75}.inline-arrow{display:inline-flex;gap:24px;border-bottom:1px solid var(--ink);padding-bottom:9px;font-size:13px;font-weight:800}
.benefit-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:75px}.benefit-card{position:relative;min-height:290px;padding:32px;background:var(--white);border:1px solid #e4e8eb}.card-number{font-size:10px;color:#4389aa}.benefit-card h3{margin:56px 0 13px}.benefit-card p{max-width:300px;margin:0;color:#626e78;font-size:14px;line-height:1.7}.card-symbol{position:absolute;right:31px;top:27px;font-size:23px;color:#9caeb9}
.image-story{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:var(--white)}.story-photo{min-height:700px;overflow:hidden}.story-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.story-panel{padding:clamp(55px,8vw,120px) max(50px,calc((100vw - 1240px)/2)) clamp(55px,8vw,120px) clamp(55px,7vw,110px);display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.story-panel h2{max-width:610px;margin:22px 0 22px}.story-panel>p{max-width:490px;color:#bfcbd6;font-size:16px;line-height:1.8}.use-list{width:100%;max-width:460px;list-style:none;margin:21px 0 38px;padding:0}.use-list li{border-top:1px solid var(--line);padding:15px 0;display:flex;align-items:center;gap:22px;font-size:15px;font-weight:650}.use-list li:last-child{border-bottom:1px solid var(--line)}.use-list span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--blue);font-size:11px}
.details{background:#eaf0f1}.details-grid{display:grid;grid-template-columns:.93fr 1fr;gap:12%;align-items:center}.details-copy h2{margin:24px 0}.details-copy>p:not(.spec-footnote){max-width:560px;color:#53616b;font-size:17px;line-height:1.75}.spec-stack{margin-top:35px;border-top:1px solid #c9d3d7}.spec-stack>div{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:center;border-bottom:1px solid #c9d3d7;padding:17px 0}.spec-stack span{font-size:10px;color:#5890a9}.spec-stack strong{font-size:15px}.spec-footnote{max-width:550px;margin:18px 0 0;color:#64737a;font-size:12px;line-height:1.7}.details-visual{position:relative;max-width:530px;margin-left:auto;padding:0 0 30px 30px}.details-visual:before{content:"";position:absolute;z-index:0;top:32px;right:-24px;bottom:0;left:0;border:1px solid #a9cad9}.details-visual img{position:relative;width:100%;height:auto;box-shadow:0 16px 45px rgba(18,39,50,.1)}.details-caption{position:absolute;bottom:7px;right:4px;color:#397f9f;font-size:9px}
.accessories{background:#142333;color:var(--white);padding:90px 0}.accessories-layout{display:grid;grid-template-columns:1fr .65fr;gap:14%;align-items:end}.accessories h2{max-width:740px;margin:20px 0 0}.accessories-layout p{color:#d2dce3;font-size:17px;line-height:1.7}.accessories-layout strong{color:white}.accessories-layout small{display:block;color:#a4b6c3;font-size:12px;line-height:1.6}
.offer{background:#eef2f3}.offer-shell{background:radial-gradient(circle at 17% 10%,#1d3d51 0%,#101d2a 45%,#0b1019 100%);color:var(--white);padding:37px 50px 56px;box-shadow:0 20px 60px rgba(10,25,35,.09)}.offer-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px;color:#98b9c9;font-size:10px}.offer-main{display:grid;grid-template-columns:1fr 340px;gap:10%;align-items:end;padding-top:70px}.offer-main h2{max-width:680px;margin:24px 0 17px}.offer-main p{max-width:590px;color:#bdcbd4;font-size:17px;line-height:1.65}.offer-action{background:#f4f8f9;color:var(--ink);padding:28px}.offer-action>span{font-size:10px;color:#667f8b}.offer-action strong{display:block;margin:12px 0 2px;font-size:48px;line-height:1;letter-spacing:-.06em}.offer-action p{margin:0 0 24px;color:#277a9d;font-size:15px;font-weight:800}.button-wide{width:100%}.offer-action small{display:block;margin-top:13px;color:#697d87;font-size:11px;line-height:1.5}.offer-action small.is-ready{color:#267b51}
.faq{background:var(--paper)}.faq-grid{display:grid;grid-template-columns:.66fr 1fr;gap:12%}.faq h2{margin:23px 0 18px}.faq-grid>div:first-child p{max-width:350px;color:#63717a;line-height:1.7}.faq-list{border-top:1px solid #ccd6da}.faq-list details{border-bottom:1px solid #ccd6da}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px 0;font-size:17px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:25px;font-weight:400;color:#358eb6;transition:transform .2s ease}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:610px;margin:0 0 24px;color:#5c6a74;font-size:14px;line-height:1.75}
.site-footer{background:var(--ink);color:white}.footer-inner{min-height:175px;display:grid;grid-template-columns:auto 1fr minmax(200px,400px);gap:50px;align-items:center}.footer-inner p{font-size:14px;margin:0;color:#c0cbd6}.footer-inner small{font-size:11px;line-height:1.6;color:#8a9cac}.mobile-offer{display:none}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1100px){.hero-grid{gap:4%}h1{font-size:clamp(50px,5.7vw,67px)}.hero-lead{font-size:15px}.story-panel{padding:60px 55px}.details-grid{gap:7%}.offer-main{gap:6%}}
@media (max-width:900px){.container,.hero-bottom{width:min(calc(100% - 48px),var(--max))}.header-inner nav{display:none}.hero-grid{grid-template-columns:1fr .8fr;gap:25px;padding-top:48px}.hero-copy{padding:0}.hero-points{margin:22px 0}.hero-offer{gap:15px}.price-lockup strong{font-size:35px}.hero-photo-frame{align-self:center}.photo-annotation{right:-10px}.gallery-heading{gap:5%}.problem-layout,.accessories-layout{gap:7%}.story-photo{min-height:580px}.story-panel{padding:55px 38px}.story-panel h2{font-size:43px}.benefit-card{padding:23px}.benefit-card h3{font-size:21px}.details-grid{gap:6%}.details-visual{padding-left:10px}.offer-main{grid-template-columns:1fr 300px}}
@media (max-width:700px){html{scroll-padding-top:72px}.container,.hero-bottom{width:calc(100% - 38px)}.announcement{flex-direction:column;gap:2px;min-height:48px;padding:6px 10px;font-size:8px}.announcement strong{font-size:10px}.header-inner{height:62px}.wordmark{font-size:23px}.wordmark i{height:25px}.header-link{padding:10px 11px;font-size:11px;gap:8px}.hero-grid{grid-template-columns:1fr;padding-top:43px;padding-bottom:35px;gap:30px}.hero-copy{padding:0}.eyebrow{font-size:9px}.eyebrow-line{width:20px}h1{margin:20px 0;font-size:clamp(43px,10.8vw,64px)}.hero-lead{font-size:15px;line-height:1.65}.hero-points{margin:22px 0 26px}.hero-points span{font-size:11px;padding:9px}.hero-offer{justify-content:space-between}.price-lockup strong{font-size:39px}.hero-offer .button{min-width:180px;min-height:55px;padding:0 16px}.availability-note{margin:12px 0 18px}.hero-visual{max-width:520px;width:100%;margin:auto}.hero-photo-frame{max-width:none}.photo-annotation{right:-7px;bottom:3%;padding:10px;font-size:8px}.hero-bottom{font-size:9px}.strip-grid{grid-template-columns:1fr}.strip-grid>div,.strip-grid>div:first-child{min-height:78px;padding:12px 0;border-right:0;border-bottom:1px solid #cbd9df}.strip-grid>div:last-child{border:0}.strip-icon{flex-basis:37px;height:37px}.section-pad{padding:78px 0}.problem-layout,.details-grid,.faq-grid,.accessories-layout{grid-template-columns:1fr;gap:24px}.section-head h2{margin-top:18px}.problem h2,.details h2,.accessories h2,.offer h2,.faq h2{font-size:clamp(38px,9vw,52px)}.problem-copy p,.details-copy>p:not(.spec-footnote),.accessories-layout p{font-size:15px}.benefit-cards{grid-template-columns:1fr;margin-top:35px}.benefit-card{min-height:0;padding:25px}.benefit-card h3{margin:27px 0 9px}.benefit-card p{max-width:520px}.image-story{grid-template-columns:1fr}.story-photo{min-height:0;max-height:520px}.story-photo img{height:auto;max-height:520px;object-fit:cover;object-position:center top}.story-panel{padding:70px 19px}.story-panel h2{font-size:clamp(39px,9vw,52px)}.use-list{margin-bottom:30px}.details-visual{margin:10px 16px 0 0;padding-left:14px}.details-visual:before{right:-16px}.accessories{padding:70px 0}.offer-shell{padding:25px 22px 30px}.offer-top{font-size:8px}.offer-top span:last-child{display:none}.offer-main{grid-template-columns:1fr;gap:20px;padding-top:45px}.offer-main h2{margin:19px 0}.offer-main p{font-size:15px}.offer-action{padding:24px}.faq-list summary{font-size:15px}.footer-inner{grid-template-columns:1fr;gap:18px;padding-top:45px;padding-bottom:120px}.footer-inner small{max-width:400px}.mobile-offer{position:fixed;z-index:31;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 19px max(10px,env(safe-area-inset-bottom));background:var(--ink);color:var(--white);border-top:1px solid #3d6879;box-shadow:0 -10px 35px rgba(0,0,0,.2)}.mobile-offer div{display:flex;flex-direction:column;gap:1px}.mobile-offer small{font-size:9px;letter-spacing:.08em;color:var(--blue);font-weight:800}.mobile-offer strong{font-size:20px;letter-spacing:-.05em}.mobile-offer .button{min-height:45px;padding:0 16px;font-size:12px;gap:18px}}
@media (max-width:380px){.hero-offer{align-items:flex-start;flex-direction:column}.hero-offer .button{width:100%}.spec-stack>div{grid-template-columns:118px 1fr}.spec-stack strong{font-size:13px}.mobile-offer{gap:8px}}
@media (max-width:700px){.gallery-heading{display:block;margin-bottom:25px}.gallery-heading p{margin-top:18px}.gallery-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:10px}.gallery-card{flex:0 0 min(75vw,350px);scroll-snap-align:start}.gallery-disclaimer{margin-top:10px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}