:root{--ink:#1d1d1f;--muted:#717176;--blue:#0066cc;--surface:#f5f5f7;--line:#e1e1e5;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,a:focus-visible{outline-offset:6px}a:focus-visible,button:focus-visible{outline:3px solid #0071e3}img{display:block;max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 88px));margin:auto}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;padding:16px}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.06)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:29px;font-weight:750;letter-spacing:-1.35px}.brand-period{color:#ed413f}.nav-links{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:500}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--blue)}.menu-toggle{display:none}.hero{min-height:705px;display:grid;grid-template-columns:.96fr 1.04fr;align-items:center;position:relative}.hero-copy{padding:52px 0 75px;z-index:1}.eyebrow{font-size:16px;font-weight:600;letter-spacing:1px;margin:0 0 23px}.hero h1{font-size:clamp(44px,5.2vw,70px);font-weight:680;letter-spacing:-3px;line-height:1.18;margin:0}.hero-intro{font-size:21px;color:var(--muted);line-height:1.6;margin:25px 0 31px}.hero-actions{display:flex;align-items:center;gap:26px}.button{display:inline-flex;justify-content:center;align-items:center;gap:27px;min-height:48px;padding:13px 24px;border-radius:30px;background:var(--ink);color:white;font-size:15px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#38383b;transform:translateY(-2px)}.text-link{color:var(--blue);font-size:16px}.text-link:hover{text-decoration:underline}.text-link span{display:inline-block;padding-left:5px;font-size:23px;vertical-align:-1px}.hero-caption{display:flex;align-items:center;gap:10px;margin-top:78px;color:var(--muted);font-size:13px}.caption-line{width:25px;height:1px;background:#a4a4a9}.hero-product{position:relative;height:660px;overflow:hidden;align-self:end;display:flex;justify-content:center}.hero-product img{height:710px;max-width:none;width:auto;object-fit:contain}.product-caption{position:absolute;bottom:16px;right:22px;letter-spacing:2px;font-size:10px;color:#76767c;background:rgba(255,255,255,.85);padding:7px 10px}.feature-strip{display:flex;justify-content:space-between;text-align:center;border-top:1px solid var(--line);padding:32px 90px 34px;font-size:14px;color:#69696d}.feature-strip span+span{position:relative}.feature-strip span+span:before{content:'';position:absolute;width:1px;height:15px;background:var(--line);left:-100px;top:3px}@media(min-width:1600px){.hero{min-height:800px}.hero-product{height:740px}.hero-product img{height:790px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.nav-links{gap:23px}.hero{min-height:600px}.hero h1{letter-spacing:-2px}.hero-product{height:550px}.hero-product img{height:600px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-caption{margin-top:45px}.feature-strip{padding:28px 12px}.feature-strip span+span:before{display:none}}@media(max-width:640px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 40px)}.nav{height:64px}.wordmark{font-size:27px}.menu-toggle{display:flex;background:none;border:0;width:40px;height:40px;flex-direction:column;justify-content:center;gap:6px;padding:9px}.menu-toggle span{height:1.5px;background:var(--ink);width:22px}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;padding:24px 28px 30px;flex-direction:column;align-items:flex-start;font-size:17px;box-shadow:0 10px 20px #00000008}.nav-links.open{display:flex}.hero{display:flex;flex-direction:column;min-height:0;text-align:center}.hero-copy{padding:55px 0 16px;width:100%}.eyebrow{font-size:14px;margin-bottom:18px}.hero h1{font-size:49px;letter-spacing:-2px;line-height:1.2}.hero-intro{font-size:18px;margin:20px 0 25px}.hero-actions{justify-content:center;gap:20px}.button{min-height:46px;padding:12px 22px;font-size:14px}.text-link{font-size:14px}.hero-caption{display:none}.hero-product{align-self:center;width:100%;height:420px;margin-top:22px}.hero-product img{height:450px}.product-caption{font-size:9px;bottom:7px;right:0}.feature-strip{width:calc(100% - 40px);font-size:12px;padding:24px 0;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Product narrative */
.section-space{padding:112px 0}.section-heading{margin:0 0 55px}.section-heading h2,.about h2,.support h2{font-size:clamp(38px,4.4vw,58px);line-height:1.18;letter-spacing:-2px;font-weight:650;margin:0}.section-heading h2 span{color:#8b8b90}.section-heading .eyebrow{margin-bottom:18px;color:#6e6e73}.features{background:var(--surface)}.night-card{display:grid;grid-template-columns:1.1fr 1fr;min-height:670px;border-radius:28px;background:#060606;color:#f5f5f7;overflow:hidden}.night-copy{padding:68px 0 52px 66px;position:relative;z-index:2}.night-copy .eyebrow{color:#a0a0a5;font-size:14px}.night-copy h3,.detail-card h3{font-size:43px;line-height:1.23;letter-spacing:-1.5px;margin:0;font-weight:620}.night-lead{color:#a1a1a6;font-size:19px;line-height:1.75;margin:27px 0 40px}.night-image{position:relative;background:black;height:670px;overflow:hidden}.night-image img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}.image-note{position:absolute;right:27px;bottom:26px;font-size:12px;color:#aaa}.mode-tabs{display:flex;gap:3px;border:1px solid #3b3b3e;border-radius:28px;padding:5px;width:fit-content;max-width:100%}.mode-tabs button{background:none;border:0;color:#a5a5aa;border-radius:20px;font-size:14px;padding:10px 13px;cursor:pointer;white-space:nowrap}.mode-tabs button[aria-selected=true]{background:#f5f5f7;color:#1d1d1f}.mode-tabs button:hover{color:white}.mode-tabs button[aria-selected=true]:hover{color:#1d1d1f}.mode-panel{max-width:335px;margin-top:27px;min-height:110px}.mode-panel strong{font-weight:550;font-size:18px}.mode-panel p{font-size:15px;line-height:1.8;color:#a5a5ab;margin:10px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.detail-card{position:relative;border-radius:28px;min-height:660px;overflow:hidden}.detail-copy{position:relative;z-index:1;padding:47px 46px 0}.detail-copy .eyebrow{font-size:14px;margin-bottom:20px}.detail-copy p:not(.eyebrow){font-size:17px;line-height:1.8;color:#6e6e73}.detail-copy sup{font-size:11px}.rain-card{background:#080b0d;color:white}.rain-card img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 35%;top:0;left:0}.rain-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.35) 42%,transparent 70%)}.rain-card .detail-copy{z-index:2}.rain-card .detail-copy p:not(.eyebrow){color:#d0d0d3}.charge-card{background:#fff}.charge-card img{margin-top:0;max-height:220px;width:100%;object-fit:contain;object-position:100% 50%}.battery-stat{position:absolute;bottom:35px;left:46px;display:flex;flex-direction:column;gap:4px;color:#6e6e73;font-size:14px}.battery-stat strong{font-size:66px;line-height:1;color:#1d1d1f;letter-spacing:-2px;font-weight:600}.battery-stat strong span{font-size:22px;margin-left:8px;letter-spacing:0}.centered{text-align:center}.section-intro{font-size:20px;color:#6e6e73;line-height:1.7;margin:24px 0 0}.comparison{padding-bottom:100px}.model-intros{display:grid;grid-template-columns:24% 38% 38%;margin-top:60px}.model-intro{text-align:center}.model-image{height:245px;display:flex;justify-content:center;align-items:flex-end;margin-bottom:25px}.pro-image img{width:159px;max-height:210px;object-fit:contain}.max-image img{width:224px;max-height:240px;object-fit:contain}.model-intro h3{font-size:27px;letter-spacing:-.8px;margin:0 0 10px;font-weight:620}.model-intro p{font-size:16px;color:#6e6e73;margin:0 0 45px}.spec-table{width:100%;border-collapse:collapse;table-layout:fixed}.spec-table th,.spec-table td{text-align:center;padding:24px 10px;border-bottom:1px solid var(--line);vertical-align:middle;font-weight:500;font-size:19px;line-height:1.5}.spec-table th:first-child{width:24%;text-align:left;font-size:15px;color:#6e6e73;font-weight:400}.spec-table td{width:38%}.spec-table thead th{padding-top:0;font-size:15px;font-weight:550}.spec-table td span{font-size:14px;color:#6e6e73}.spec-table .spec-sub{display:block;margin-top:5px;font-size:14px;font-weight:400}.spec-table sup{font-size:10px}.compare-note{font-size:13px;color:#86868b;margin-top:25px;line-height:1.7}.about-visual{height:610px;position:relative;isolation:isolate;overflow:hidden;background:#101a26;color:white}.about-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%;z-index:-2}.about-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.4),transparent 75%);z-index:-1}.about-overlay{padding-top:115px}.about-overlay .eyebrow{font-size:13px;letter-spacing:3px;color:#d2d6dc}.about h2{font-size:65px;line-height:1.25}.about-overlay>p:last-child{font-size:21px;line-height:1.8;color:#dadfe6;margin-top:30px}.scene-note{position:absolute;bottom:20px;right:25px;font-size:12px;color:#ccd0d6}.about-brand{display:flex;align-items:center;justify-content:space-between;gap:60px;padding-top:65px;padding-bottom:70px}.about-brand .wordmark{font-size:42px;letter-spacing:-2px}.company-name{font-size:15px;color:#6e6e73;line-height:1.6;margin:20px 0 0}.brand-statement{font-size:19px;color:#6e6e73;line-height:1.9;margin:0}.support{background:var(--surface)}.support-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px}.support-heading .eyebrow{color:#6e6e73}.support-heading>p:not(.eyebrow){font-size:18px;line-height:1.8;color:#6e6e73;margin:25px 0}.manual-link{display:inline-flex;align-items:center;gap:6px}.download-meta{display:block;color:#86868b;font-size:12px;margin-top:10px}.faq{padding-top:3px}.faq details{border-bottom:1px solid #d4d4d9}.faq details:first-child{border-top:1px solid #d4d4d9}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:17px;line-height:1.6;padding:26px 0;font-weight:500}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-weight:300;font-size:27px;line-height:1;color:#818186;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details>p{font-size:16px;line-height:1.9;color:#6e6e73;margin:0;padding:0 28px 26px 0}.faq summary:focus-visible{outline:2px solid #0071e3;outline-offset:4px}footer{background:var(--surface)}.footnotes{padding:0 0 25px;color:#86868b;font-size:12px;line-height:1.75;border-bottom:1px solid #d4d4d9}.footnotes p{margin:0 0 10px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0 30px;font-size:12px;color:#6e6e73}.footer-bottom a{white-space:nowrap}.footer-bottom a:hover{color:#1d1d1f}.footer-bottom a span{padding-left:10px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;overflow:hidden}.reveal{opacity:1;transform:none}.motion-enabled .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.motion-enabled .reveal.visible{opacity:1;transform:none}.product-caption{font-size:12px;letter-spacing:1.5px}.feature-strip{font-size:14px}
@media(max-width:1000px){.night-copy{padding:50px 0 35px 38px}.night-card,.night-image{min-height:620px;height:auto}.night-image{height:620px}.night-copy h3,.detail-card h3{font-size:37px}.night-lead{font-size:17px}.detail-copy{padding:37px 30px 0}.detail-card{min-height:610px}.battery-stat{left:30px}.support-grid{gap:40px}.brand-statement{font-size:17px}.about-brand{gap:30px}.hero-actions{gap:20px}.mode-tabs button{font-size:13px;padding:10px}.mode-panel{padding-right:12px}}
@media(max-width:760px){.section-space{padding:78px 0}.section-heading{margin-bottom:34px}.section-heading h2,.support h2{font-size:43px}.night-card{grid-template-columns:1fr;min-height:0}.night-copy{padding:39px 32px 0}.night-copy h3{font-size:40px}.night-lead{margin:24px 0 27px}.mode-panel{max-width:100%;min-height:92px}.night-image{height:440px;min-height:0}.night-image img{object-fit:contain;object-position:center}.detail-grid{gap:18px;grid-template-columns:1fr}.detail-card{min-height:620px}.detail-copy{padding:39px 32px 0}.detail-card h3{font-size:40px}.rain-card img{object-position:center 28%}.charge-card img{max-height:240px;margin-top:20px}.battery-stat{left:32px;bottom:35px}.comparison{padding-bottom:72px}.model-intros{grid-template-columns:20% 40% 40%;margin-top:35px}.model-image{height:182px;margin-bottom:23px}.pro-image img{width:116px;max-height:155px}.max-image img{width:151px;max-height:180px}.model-intro h3{font-size:19px;letter-spacing:-.6px}.model-intro p{font-size:13px;line-height:1.6;padding:0 6px;margin-bottom:30px}.spec-table th:first-child{width:20%;font-size:13px}.spec-table td{width:40%;font-size:16px;padding:20px 5px}.spec-table thead th{font-size:14px}.spec-table td span,.spec-table .spec-sub{font-size:12px}.about-visual{height:550px}.about-visual>img{object-position:62% center}.about-overlay{padding-top:70px}.about h2{font-size:53px}.about-overlay>p:last-child{font-size:18px}.about-brand{display:block;padding-top:44px;padding-bottom:50px}.about-brand .wordmark{font-size:36px}.company-name{margin-top:13px}.brand-statement{margin-top:25px;font-size:16px}.support-grid{grid-template-columns:1fr;gap:40px}.support-heading>p:not(.eyebrow){font-size:17px}.faq summary{font-size:16px;padding:22px 0}.faq details>p{font-size:15px}.footer-bottom{align-items:flex-start;line-height:1.8}.footer-bottom>span{max-width:235px}.feature-strip{font-size:12px}.hero-product .product-caption{font-size:12px;letter-spacing:1px}.desktop-break{display:none}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:43px}.hero-intro{font-size:17px}.night-copy,.detail-copy{padding-left:25px;padding-right:25px}.mode-tabs button{font-size:12px;padding:9px}.model-intro h3{font-size:17px}.spec-table td{font-size:14px}.max-image img{width:130px}.pro-image img{width:103px}.section-heading h2,.support h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.motion-enabled .reveal{opacity:1;transform:none}}
.mount-guide{padding-bottom:28px}.mount-label{font-size:14px;font-weight:600;margin:0 0 14px}.mount-guide ol{list-style:none;counter-reset:mount;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0;padding:0}.mount-guide li{counter-increment:mount;background:#fff;border-radius:12px;overflow:hidden}.mount-guide img{width:100%;height:130px;object-fit:contain;background:#fff}.mount-guide li span{display:block;font-size:13px;line-height:1.5;padding:9px 10px 13px;color:#6e6e73}.mount-guide li span:before{content:counter(mount) '. ';color:#1d1d1f;font-weight:600}.feature-strip span+span:before{display:none}
