#product{ color-scheme:light; --ink:#193c32; --body:#38564b; --brand:#ffda00; --paper:#ffffff; }
#product *{ box-sizing:border-box; }
#product{ margin:0; color:var(--ink); background:var(--paper); font-family:"PingFang SC","Microsoft YaHei",sans-serif; }
#product .product{ position:relative; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:minmax(0,1fr) auto; column-gap:3%; align-items:center; height:100svh; min-height:740px; padding:36px max(5%,calc((100vw - 1440px)/2)) 30px; overflow:hidden; }
#product .product-copy{ position:relative; z-index:1; }
#product .eyebrow{ display:flex; align-items:center; gap:12px; margin:0 0 28px; font-size:clamp(15px,1.25vw,19px); font-weight:500; letter-spacing:.02em; }
#product .eyebrow::before{ content:"N1"; display:grid; place-items:center; width:36px; height:28px; border-radius:9px; background:var(--ink); color:#fff; font:600 14px/1 "Avenir Next",sans-serif; letter-spacing:0; }
#product .section-title{ margin:0; font-size:clamp(40px,4.1vw,66px); font-weight:600; line-height:1.3; letter-spacing:-.045em; }
#product .section-title .line{ display:block; white-space:nowrap; }
#product .curiosity{ position:relative; display:inline-block; }
#product .curiosity svg{ position:absolute; left:-3%; bottom:-.09em; width:108%; height:.25em; overflow:visible; }
#product .feature-tabs{ grid-column:1/-1; display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:12px; margin:12px 0 0; padding:18px 0 0; border-top:1px solid #e8eeeb; }
#product .feature-tab{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:126px; padding:8px 4px 18px; border:0; border-radius:18px; background:transparent; color:#708078; font:500 clamp(14px,1.12vw,17px)/1.3 "PingFang SC","Microsoft YaHei",sans-serif; cursor:pointer; transition:background .2s,color .2s; }
#product .feature-tab svg{ width:70px; height:70px; flex-shrink:0; overflow:visible; transition:transform .2s; }
#product .feature-tab[aria-selected="true"]{ color:var(--ink); background:#f5f8f6; font-weight:600; }
#product .feature-tab[aria-selected="true"]::after{ content:""; position:absolute; bottom:4px; width:30px; height:3px; border-radius:3px; background:var(--brand); }
#product .feature-tab:hover{ background:#f8faf9; color:var(--ink); }
#product .feature-tab:hover svg{ transform:translateY(-3px); }
#product .feature-tab:focus-visible{ outline:3px solid var(--ink); outline-offset:3px; }
#product .feature-name{ margin:40px 0 10px; font-size:22px; font-weight:600; letter-spacing:-.02em; }
#product .feature-detail{ max-width:440px; min-height:64px; margin:0; font-size:clamp(16px,1.4vw,20px); color:#63766c; line-height:1.8; }
#product .feature-detail:focus-visible{ outline:2px solid var(--ink); outline-offset:3px; }
#product .feature-points{ display:flex; flex-wrap:wrap; gap:8px 18px; min-height:24px; margin:16px 0 0; padding:0; list-style:none; font-size:13px; color:#668173; }
#product .feature-points li{ display:flex; align-items:center; gap:6px; }
#product .feature-points li::before{ content:""; width:4px; height:4px; border-radius:50%; background:#9dbaa9; }
#product .specs{ display:flex; gap:28px; margin:38px 0 0; padding:24px 0 0; border-top:1px solid #e4ece7; max-width:455px; }
#product .specs div{ display:flex; flex-direction:column-reverse; gap:8px; }
#product .specs div + div{ padding-left:16px; }
#product .specs dt{ font-size:13px; color:#728278; }
#product .specs dd{ margin:0; font-family:"Avenir Next","PingFang SC",sans-serif; font-size:38px; font-weight:500; line-height:1.15; letter-spacing:-.055em; font-variant-numeric:tabular-nums; white-space:nowrap; }
#product .specs small{ font-size:.48em; margin-left:4px; letter-spacing:0; font-weight:500; }
#product .stage{ grid-column:2; grid-row:1; position:relative; display:grid; place-items:center; height:calc(100% - 38px); min-height:0; isolation:isolate; border-radius:36px; background:linear-gradient(150deg,#f3f6f5,#fafbfa 70%); }
#product .stage-label{ position:absolute; top:26px; left:28px; margin:0; font-size:13px; color:#788b80; letter-spacing:.08em; }
#product .device{ position:absolute; left:50%; top:51%; width:108%; max-width:630px; aspect-ratio:1; transform:translate(-50%,-50%); }
#product .device-body{ display:block; width:100%; height:100%; filter:drop-shadow(0 18px 12px #20372d18); }
#product .device-screen{ position:absolute; left:22.25%; top:31%; width:55.625%; aspect-ratio:445 / 363; overflow:hidden; border-radius:22.5% / 27.5%; background:#000; perspective:700px; }
#product .device-screen[hidden]{ display:none; }
#product .device-screen img{ display:block; width:100%; height:100%; object-fit:contain; }
#product .device-screen[data-swipeable="true"]{ touch-action:none; cursor:grab; user-select:none; }
#product .device-screen[data-dragging="true"]{ cursor:grabbing; }
#product .device-screen[data-dragging="true"] img{ transform:translateY(var(--drag-offset,0px)); opacity:.93; }
#product .device-screen:focus-visible{ outline:3px solid var(--brand); outline-offset:5px; }
#product .device-screen img.flip-out{ animation:card-out 180ms ease-in forwards; }
#product .device-screen img.flip-in{ animation:card-in 220ms ease-out; }
@keyframes card-out{ to { transform:rotateX(-85deg) scale(.96); opacity:.4; } }
@keyframes card-in{ from { transform:rotateX(85deg) scale(.96); opacity:.4; } to { transform:rotateX(0) scale(1); opacity:1; } }
@media(prefers-reduced-motion:reduce){#product .device-screen img.flip-out,#product .device-screen img.flip-in{ animation:none; }
#product .feature-tab,#product .feature-tab svg{ transition:none; }
}
#product .device[hidden],#product .phone[hidden]{ display:none; }
#product .phone{ position:absolute; top:50%; left:50%; height:min(80%,580px); aspect-ratio:393 / 852; box-sizing:content-box; border:7px solid #242b28; border-radius:35px; background:#f7f8fa; box-shadow:0 0 0 2px #c6ceca,0 0 0 4px #f3f5f3,0 18px 24px -10px #16362938; transform:translate(-50%,-50%); }
#product .phone::before{ content:""; position:absolute; right:-11px; top:24%; width:3px; height:10%; border-radius:0 2px 2px 0; background:#a6b0a9; }
#product .phone-viewport{ position:absolute; inset:0; border-radius:28px; overflow:hidden; background:#f7f8fa; }
#product .phone-viewport[data-scrollable="true"]{ overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none; }
#product .phone-viewport::-webkit-scrollbar{ display:none; }
#product .phone-viewport:focus-visible{ outline:3px solid var(--brand); outline-offset:4px; }
#product .phone-image{ display:block; width:100%; height:auto; }
#product .phone-image[data-frame="memory-expanded"]{ width:109.9237%; max-width:none; margin:-4.9618% 0 0 -4.9618%; }
#product .screen-options{ position:absolute; left:0; right:0; bottom:2%; display:flex; justify-content:center; align-items:center; min-height:30px; }
#product .screen-options[hidden]{ display:none; }
#product .screen-status{ margin:0; color:var(--body); font-size:12px; text-align:center; }
@media(max-width:1000px) and (min-width:641px){#product .product{ padding-inline:4%; grid-template-columns:53% 47%; column-gap:0; min-height:720px; }
#product .section-title{ font-size:clamp(32px,4.2vw,42px); }
#product .feature-tabs{ gap:4px; }
#product .feature-tab{ font-size:12px; min-height:112px; }
#product .feature-tab svg{ width:56px; height:56px; }
#product .feature-detail{ font-size:16px; max-width:330px; min-height:86px; }
#product .specs{ gap:16px; }
#product .specs div + div{ padding-left:8px; }
#product .specs dd{ font-size:29px; }
#product .phone{ height:min(72%,460px); }
}
@media(max-width:640px){#product .product{ height:auto; min-height:100svh; padding:40px 24px 24px; grid-template-columns:1fr; grid-template-rows:auto auto auto; }
#product .eyebrow{ margin-bottom:22px; font-size:14px; }
#product .section-title{ font-size:clamp(30px,8.2vw,48px); }
#product .feature-name{ margin-top:30px; font-size:20px; }
#product .feature-detail{ font-size:15px; min-height:81px; }
#product .feature-points{ font-size:12px; gap:8px 12px; }
#product .specs{ gap:0; justify-content:space-between; margin-top:22px; max-width:370px; padding-top:22px; }
#product .specs div + div{ padding-left:8px; }
#product .specs dd{ font-size:27px; }
#product .stage{ grid-column:1; grid-row:2; height:370px; margin-top:16px; }
#product .stage{ border-radius:26px; }
#product .stage-label{ top:16px; left:20px; font-size:11px; }
#product .device{ width:110%; max-width:460px; }
#product .stage[data-display="phone"]{ height:520px; }
#product .phone{ height:80%; }
#product .feature-tabs{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:12px; padding-top:14px; }
#product .feature-tab{ gap:9px; min-height:103px; font-size:12px; padding:9px 0 17px; border-radius:18px; }
#product .feature-tab svg{ width:58px; height:58px; }
}
#vision{ color-scheme: light; --ink:#193c32; --body:#38564b; --paper:#f6faf5; --brand:#ffda00; }
#vision *{ box-sizing:border-box; }
#vision{ margin:0; background:var(--paper); color:var(--ink); }
#vision .vision{ position:relative; height:50svh; min-height:350px; max-height:680px; overflow:hidden; isolation:isolate; background:#f3f7f3; }
#vision .vision-photo{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:left 42%; }
#vision .vision::after{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent 40%,#f3f7f326 50%,#f3f7f399 65%,#f3f7f3b3 100%); }
#vision .vision-copy{ position:absolute; z-index:1; left:58%; right:5%; top:50%; transform:translateY(-50%); }
#vision .eyebrow{ display:flex; align-items:center; gap:10px; margin:0 0 24px; font:500 clamp(14px,1.05vw,18px)/1.5 "PingFang SC","Microsoft YaHei",sans-serif; letter-spacing:.12em; }
#vision .eyebrow::before{ content:""; width:22px; height:5px; border-radius:4px; background:var(--brand); }
#vision .section-title{ margin:0; font-family:"PingFang SC","Microsoft YaHei",sans-serif; font-size:clamp(38px,4vw,64px); font-weight:600; line-height:1.35; letter-spacing:-.035em; }
#vision .headline-lead{ display:block; font-weight:500; white-space:nowrap; }
#vision .headline-future{ display:block; margin-top:2px; font-weight:650; white-space:nowrap; }
#vision .future{ position:relative; display:inline-block; isolation:isolate; }
#vision .future::after{ content:""; position:absolute; z-index:-1; left:0; right:-2px; bottom:.08em; height:.14em; background:var(--brand); border-radius:50% 30% 45% 25%; transform:rotate(-2deg); }
#vision .description{ margin:24px 0 0; font-family:"PingFang SC","Microsoft YaHei",sans-serif; font-size:clamp(16px,1.35vw,21px); font-weight:400; line-height:1.85; color:var(--body); }
#vision .description span{ display:block; }
@media(max-width:900px) and (min-width:641px){#vision .vision-photo{ object-position:26% center; }
#vision .vision-copy{ left:57%; right:3%; }
#vision .section-title{ font-size:clamp(29px,4vw,36px); }
#vision .description{ font-size:15px; }
}
@media(max-width:640px){#vision .vision{ height:auto; min-height:0; max-height:none; padding-top:68%; }
#vision .vision-photo{ width:100%; height:68vw; object-position:20% center; }
#vision .vision::after{ background:linear-gradient(180deg,transparent 38%,#f3f7f380 46%,#f3f7f3d9 52%,#f3f7f3 58%); }
#vision .vision-copy{ position:relative; inset:auto; transform:none; padding:18px 24px 36px; }
#vision .eyebrow{ margin-bottom:16px; font-size:14px; }
#vision .section-title{ font-size:clamp(34px,9.3vw,52px); letter-spacing:-.035em; }
#vision .description{ font-size:16px; margin-top:20px; }
}
#explore{ color-scheme:light; --ink:#193c32; --body:#38564b; --brand:#ffda00; --paper:#f6faf5; }
#explore *{ box-sizing:border-box; }
#explore{ margin:0; background:#fff; color:var(--ink); font-family:"PingFang SC","Microsoft YaHei",sans-serif; }
#explore .explore{ position:relative; height:50svh; min-height:420px; max-height:680px; overflow:hidden; isolation:isolate; }
#explore .explore-photo{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:70% center; }
#explore .explore::after{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background:linear-gradient(90deg,#f6faf5f2 0%,#f6faf5dc 22%,#f6faf57a 39%,#f6faf500 54%); }
#explore .explore-copy{ position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; height:100%; padding:28px 0; margin-left:5%; width:42%; }
#explore .eyebrow{ display:flex; align-items:center; gap:10px; margin:0 0 20px; font-size:clamp(13px,1.1vw,18px); font-weight:500; letter-spacing:.1em; }
#explore .eyebrow::before{ content:""; width:22px; height:5px; border-radius:4px; background:var(--brand); }
#explore .section-title{ margin:0; font-size:clamp(40px,4.5vw,76px); line-height:1.26; font-weight:600; letter-spacing:-.035em; }
#explore .lead{ display:block; font-size:.78em; line-height:1.5; font-weight:500; white-space:nowrap; }
#explore .headline{ display:block; white-space:nowrap; }
#explore .discovery{ position:relative; display:inline-block; }
#explore .discovery svg{ position:absolute; left:-4%; bottom:-.13em; width:110%; height:.25em; overflow:visible; }
#explore .description{ margin:27px 0 0; color:var(--body); font-size:clamp(16px,1.5vw,24px); line-height:1.75; }
#explore .description span{ display:block; }
#explore .features{ display:flex; align-items:center; gap:13px; margin:22px 0 0; font-size:clamp(13px,1.05vw,17px); font-weight:500; }
#explore .features i{ width:3px; height:3px; border-radius:50%; background:#6b8b79; }
@media(min-width:641px) and (max-width:1000px){#explore .explore{ min-height:390px; }
#explore .explore-copy{ margin-left:4%; width:44%; }
#explore .section-title{ font-size:clamp(32px,4.7vw,44px); }
#explore .description{ font-size:16px; }
#explore .explore-photo{ object-position:65% center; }
}
@media(max-width:640px){#explore .explore{ height:auto; min-height:0; max-height:none; padding-top:86%; background:var(--paper); }
#explore .explore-photo{ height:auto; width:258%; max-width:none; left:auto; right:-26%; object-fit:contain; }
#explore .explore::after{ height:calc(100vw * .86 + 1px); background:linear-gradient(0deg,var(--paper),#f6faf500 30%); }
#explore .explore-copy{ height:auto; width:auto; margin:0; padding:10px 24px 34px; }
#explore .eyebrow{ font-size:13px; margin-bottom:14px; }
#explore .section-title{ font-size:clamp(39px,10.5vw,60px); }
#explore .description{ font-size:17px; margin-top:23px; }
#explore .features{ font-size:14px; margin-top:18px; }
}
#growth{ color-scheme:light; --ink:#193c32; --body:#38564b; --brand:#ffda00; --paper:#f7f9f8; }
#growth *{ box-sizing:border-box; }
#growth{ margin:0; background:#fff; color:var(--ink); font-family:"PingFang SC","Microsoft YaHei",sans-serif; }
#growth .growth{ position:relative; height:50svh; min-height:420px; max-height:680px; overflow:hidden; isolation:isolate; }
#growth .growth-photo{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:left center; }
#growth .growth::after{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,#f7f9f800 44%,#f7f9f82b 54%,#f7f9f8d6 66%,#f7f9f8ed 100%); }
#growth .growth-copy{ position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; height:100%; margin-left:62%; margin-right:4%; padding:26px 0; }
#growth .eyebrow{ display:flex; align-items:center; gap:10px; margin:0 0 20px; font-size:clamp(13px,1.1vw,18px); font-weight:500; letter-spacing:.1em; }
#growth .eyebrow::before{ content:""; width:22px; height:5px; border-radius:4px; background:var(--brand); }
#growth .section-title{ margin:0; font-size:clamp(39px,3.8vw,66px); line-height:1.3; font-weight:600; letter-spacing:-.035em; }
#growth .lead{ display:block; font-size:.76em; line-height:1.6; font-weight:500; white-space:nowrap; }
#growth .headline{ display:block; white-space:nowrap; }
#growth .memory{ position:relative; display:inline-block; }
#growth .memory svg{ position:absolute; left:-4%; bottom:-.13em; width:110%; height:.25em; overflow:visible; }
#growth .description{ margin:29px 0 0; color:var(--body); font-size:clamp(16px,1.45vw,23px); line-height:1.8; }
#growth .description span{ display:block; }
#growth .features{ display:flex; align-items:center; gap:13px; margin:24px 0 0; font-size:clamp(13px,1.05vw,17px); font-weight:500; }
#growth .features i{ width:3px; height:3px; border-radius:50%; background:#6b8b79; }
@media(min-width:641px) and (max-width:1000px){#growth .growth{ min-height:390px; }
#growth .growth-copy{ margin-left:57%; margin-right:3%; }
#growth .growth-photo{ object-position:22% center; }
#growth .growth::after{ background:linear-gradient(90deg,#f7f9f800 35%,#f7f9f8b3 54%,#f7f9f8ed 77%); }
#growth .section-title{ font-size:clamp(30px,3.85vw,39px); }
#growth .description{ font-size:15px; }
}
@media(max-width:640px){#growth .growth{ height:auto; min-height:0; max-height:none; padding-top:66.667%; background:var(--paper); }
#growth .growth-photo{ height:auto; width:200%; max-width:none; left:-7%; object-fit:contain; }
#growth .growth::after{ height:calc(100vw * .66667 + 1px); background:linear-gradient(0deg,var(--paper),#f7f9f800 26%); }
#growth .growth-copy{ height:auto; margin:0; padding:16px 24px 36px; }
#growth .eyebrow{ font-size:13px; margin-bottom:13px; }
#growth .section-title{ font-size:clamp(32px,8.6vw,51px); }
#growth .description{ font-size:16px; margin-top:24px; }
#growth .features{ font-size:14px; margin-top:20px; }
}
#interest{ color-scheme:light; --ink:#193c32; --body:#38564b; --brand:#ffda00; --paper:#f7f9f8; }
#interest *{ box-sizing:border-box; }
#interest{ margin:0; background:#fff; color:var(--ink); font-family:"PingFang SC","Microsoft YaHei",sans-serif; }
#interest .interest{ position:relative; height:50svh; min-height:420px; max-height:680px; overflow:hidden; isolation:isolate; background:var(--paper); }
#interest .scene{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:right center; }
#interest .interest::after{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,#f7f9f8ed 0%,#f7f9f8cc 31%,#f7f9f84d 49%,#f7f9f800 65%); }
#interest .copy{ position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; height:100%; width:39%; margin-left:5%; padding:26px 0; }
#interest .eyebrow{ display:flex; align-items:center; gap:10px; margin:0 0 19px; font-size:clamp(13px,1.1vw,18px); font-weight:500; letter-spacing:.1em; }
#interest .eyebrow::before{ content:""; width:22px; height:5px; border-radius:4px; background:var(--brand); }
#interest .section-title{ margin:0; font-size:clamp(38px,4.2vw,70px); line-height:1.3; font-weight:600; letter-spacing:-.035em; }
#interest .lead{ display:block; font-size:.76em; line-height:1.6; font-weight:500; white-space:nowrap; }
#interest .headline{ display:block; white-space:nowrap; }
#interest .accent{ position:relative; display:inline-block; }
#interest .accent svg{ position:absolute; left:-4%; bottom:-.13em; width:110%; height:.25em; overflow:visible; }
#interest .description{ margin:27px 0 0; color:var(--body); font-size:clamp(16px,1.4vw,23px); line-height:1.8; }
#interest .description span{ display:block; }
#interest .features{ margin:23px 0 0; font-size:clamp(13px,1.05vw,17px); font-weight:500; letter-spacing:.04em; }
#interest .phone-group{ position:absolute; z-index:2; left:47%; top:7%; height:86%; width:clamp(164px,18svh,246px); margin:0; display:flex; flex-direction:column; align-items:center; gap:9px; }
#interest .phone{ flex:1; width:100%; min-height:0; border:5px solid #242b28; border-radius:26px; padding:4px; background:#fff; box-shadow:0 0 0 1px #b2bab6,0 18px 35px -16px #1a302759; overflow:hidden; }
#interest .screen{ width:100%; height:100%; overflow:auto; border-radius:17px; scrollbar-width:none; overscroll-behavior:contain; background:#fff; }
#interest .screen::-webkit-scrollbar{ display:none; }
#interest .screen:focus-visible{ outline:3px solid var(--brand); outline-offset:-3px; }
#interest .report{ display:block; width:100%; height:auto; }
#interest figcaption{ font-size:11px; color:#466053; white-space:nowrap; text-align:center; line-height:1.55; }
#interest figcaption span{ display:block; font-size:10px; color:#64776c; }
@media(min-width:701px) and (max-width:1000px){#interest .interest{ min-height:390px; }
#interest .copy{ width:42%; margin-left:4%; }
#interest .section-title{ font-size:clamp(31px,4.3vw,43px); }
#interest .description{ font-size:14px; }
#interest .phone-group{ left:47%; height:77%; top:12%; }
#interest .scene{ object-position:82% center; }
}
@media(max-width:700px){#interest .interest{ height:auto; min-height:0; max-height:none; padding:68vw 24px 30px; }
#interest .scene{ width:210%; max-width:none; height:auto; left:auto; right:0; }
#interest .interest::after{ height:71vw; background:linear-gradient(0deg,var(--paper),#f7f9f800 28%); }
#interest .copy{ height:auto; width:100%; margin:0; padding:6px 0 28px; }
#interest .eyebrow{ font-size:13px; margin-bottom:12px; }
#interest .section-title{ font-size:clamp(36px,10vw,56px); }
#interest .description{ font-size:16px; margin-top:23px; }
#interest .features{ font-size:13px; margin-top:18px; }
#interest .phone-group{ position:relative; left:auto; top:auto; height:460px; width:204px; margin:0 auto; }
#interest .phone{ width:204px; flex-basis:auto; }
#interest figcaption{ font-size:12px; }
}
#safety{ color-scheme:light; --ink:#193c32; --body:#38564b; --brand:#ffda00; --paper:#f7f9f8; }
#safety *{ box-sizing:border-box; }
#safety{ margin:0; background:#fff; color:var(--ink); font-family:"PingFang SC","Microsoft YaHei",sans-serif; }
#safety .safety{ position:relative; height:50svh; min-height:420px; max-height:680px; overflow:hidden; isolation:isolate; background:var(--paper); }
#safety .scene{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:left center; }
#safety .safety::after{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,#f7f9f800 31%,#f7f9f833 42%,#f7f9f8e0 60%,#f7f9f8f2 100%); }
#safety .copy{ position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; height:100%; margin-left:62%; margin-right:4%; padding:26px 0; }
#safety .eyebrow{ display:flex; align-items:center; gap:10px; margin:0 0 19px; font-size:clamp(13px,1.1vw,18px); font-weight:500; letter-spacing:.1em; }
#safety .eyebrow::before{ content:""; width:22px; height:5px; border-radius:4px; background:var(--brand); }
#safety .section-title{ margin:0; font-size:clamp(36px,3.4vw,60px); line-height:1.3; font-weight:600; letter-spacing:-.035em; }
#safety .lead{ display:block; font-size:.8em; line-height:1.65; font-weight:500; white-space:nowrap; }
#safety .headline{ display:block; white-space:nowrap; }
#safety .accent{ position:relative; display:inline-block; }
#safety .accent svg{ position:absolute; left:-5%; bottom:-.14em; width:113%; height:.26em; overflow:visible; }
#safety .description{ margin:28px 0 0; color:var(--body); font-size:clamp(16px,1.4vw,23px); line-height:1.8; }
#safety .description span{ display:block; }
#safety .features{ margin:24px 0 0; font-size:clamp(13px,1.05vw,17px); font-weight:500; letter-spacing:.04em; }
#safety .phone-group{ position:absolute; z-index:2; left:44%; top:7%; height:86%; width:clamp(165px,18svh,255px); margin:0; display:flex; flex-direction:column; align-items:center; gap:9px; }
#safety .phone{ flex:1; width:100%; min-height:0; border:5px solid #242b28; border-radius:26px; padding:4px; background:#fff; box-shadow:0 0 0 1px #b2bab6,0 18px 35px -16px #1a302759; overflow:hidden; }
#safety .screen{ width:100%; height:100%; border-radius:17px; overflow:hidden; background:#fff; }
#safety .screen img{ display:block; width:100%; height:100%; object-fit:contain; }
#safety figcaption{ font-size:11px; color:#466053; white-space:nowrap; text-align:center; line-height:1.55; }
#safety figcaption span{ display:block; font-size:10px; color:#64776c; }
@media(min-width:701px) and (max-width:1000px){#safety .safety{ min-height:390px; }
#safety .copy{ margin-left:63%; margin-right:3%; }
#safety .section-title{ font-size:clamp(27px,3.5vw,35px); }
#safety .description{ font-size:14px; }
#safety .phone-group{ left:42%; height:77%; top:12%; width:142px; }
#safety .scene{ object-position:15% center; }
#safety .features{ font-size:12px; }
}
@media(max-width:700px){#safety .safety{ height:auto; min-height:0; max-height:none; padding:68vw 24px 30px; }
#safety .scene{ width:210%; max-width:none; height:auto; left:0; }
#safety .safety::after{ height:71vw; background:linear-gradient(0deg,var(--paper),#f7f9f800 28%); }
#safety .copy{ height:auto; margin:0; padding:6px 0 28px; }
#safety .eyebrow{ font-size:13px; margin-bottom:12px; }
#safety .section-title{ font-size:clamp(30px,8.5vw,54px); }
#safety .description{ font-size:16px; margin-top:23px; }
#safety .features{ font-size:13px; margin-top:18px; }
#safety .phone-group{ position:relative; left:auto; top:auto; height:474px; width:210px; margin:0 auto; }
#safety figcaption{ font-size:12px; }
}
#purchase{ color-scheme:light; --ink:#193c32; --body:#38564b; --brand:#ffda00; --paper:#f7f9f8; }
#purchase *{ box-sizing:border-box; }
#purchase{ margin:0; background:#fff; color:var(--ink); font-family:"PingFang SC","Microsoft YaHei",sans-serif; }
#purchase .purchase{ position:relative; height:50svh; min-height:440px; max-height:680px; overflow:hidden; isolation:isolate; background:var(--paper); }
#purchase .scene{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:right center; }
#purchase .purchase::after{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,#f7f9f8cc,#f7f9f859 37%,#f7f9f800 57%); }
#purchase .copy{ position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; height:100%; width:44%; margin-left:5%; padding:24px 0; }
#purchase .eyebrow{ display:flex; align-items:center; gap:10px; margin:0 0 12px; font-size:clamp(13px,1.1vw,18px); font-weight:500; letter-spacing:.035em; }
#purchase .eyebrow::before{ content:""; width:22px; height:5px; border-radius:4px; background:var(--brand); }
#purchase .section-title{ margin:0; font-size:clamp(40px,4.2vw,70px); line-height:1.25; font-weight:600; letter-spacing:-.035em; }
#purchase .lead{ display:block; font-size:.76em; line-height:1.55; font-weight:500; }
#purchase .headline{ display:block; white-space:nowrap; }
#purchase .accent{ position:relative; display:inline-block; }
#purchase .accent svg{ position:absolute; left:-4%; bottom:-.13em; width:110%; height:.25em; overflow:visible; }
#purchase .specs{ display:flex; gap:clamp(22px,3vw,50px); margin:28px 0 0; padding:0; }
#purchase .metric{ display:flex; flex-direction:column; gap:6px; }
#purchase dt{ font-size:clamp(12px,1vw,16px); color:var(--body); }
#purchase dd{ order:-1; margin:0; font-family:Arial,"PingFang SC",sans-serif; font-size:clamp(26px,2.6vw,40px); font-weight:600; line-height:1.05; white-space:nowrap; letter-spacing:-.035em; }
#purchase dd small{ margin-left:3px; font-size:.43em; font-weight:500; letter-spacing:0; }
#purchase .buy{ display:inline-flex; align-items:center; justify-content:center; gap:29px; min-height:48px; margin-top:24px; padding:0 24px; background:var(--brand); border:1px solid #e8c800; border-radius:12px; color:var(--ink); text-decoration:none; font-size:16px; font-weight:600; transition:background .15s,transform .15s; }
#purchase .buy:hover{ background:#ffe43c; transform:translateY(-2px); }
#purchase .buy:active{ transform:none; }
#purchase .buy:focus-visible{ outline:3px solid var(--ink); outline-offset:4px; }
#purchase .buy svg{ width:18px; height:18px; }
#purchase .notice{ margin:11px 0 0; color:#65786e; font-size:11px; line-height:1.5; }
@media(min-width:701px) and (max-width:1000px){#purchase .copy{ width:47%; margin-left:4%; }
#purchase .section-title{ font-size:clamp(34px,4.5vw,45px); }
#purchase .specs{ gap:22px; }
#purchase dd{ font-size:27px; }
#purchase .scene{ object-position:77% center; }
}
@media(max-width:700px){#purchase .purchase{ height:auto; min-height:0; max-height:none; padding:65vw 24px 32px; }
#purchase .scene{ width:200%; max-width:none; height:auto; left:auto; right:0; }
#purchase .purchase::after{ height:68vw; background:linear-gradient(0deg,var(--paper),#f7f9f800 24%); }
#purchase .copy{ width:100%; height:auto; margin:0; padding:10px 0 0; }
#purchase .eyebrow{ font-size:13px; margin-bottom:12px; }
#purchase .section-title{ font-size:clamp(37px,10vw,57px); }
#purchase .specs{ width:100%; justify-content:space-between; gap:14px; margin-top:29px; }
#purchase dd{ font-size:30px; }
#purchase dt{ font-size:12px; }
#purchase .buy{ width:100%; min-height:52px; margin-top:27px; }
#purchase .notice{ width:100%; text-align:center; }
}
@media(prefers-reduced-motion:reduce){#purchase .buy{ transition:none; }
#purchase .buy:hover{ transform:none; }
}
#about{ color-scheme:light; --ink:#193c32; --body:#38564b; --brand:#ffda00; --paper:#f7f9f8; }
#about *{ box-sizing:border-box; }
#about{ margin:0; background:#fff; color:var(--ink); font-family:"PingFang SC","Microsoft YaHei",sans-serif; }
#about .about{ position:relative; height:50svh; min-height:440px; max-height:680px; overflow:hidden; isolation:isolate; background:var(--paper); }
#about .scene{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:left center; }
#about .about::after{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,#f7f9f800 43%,#f7f9f833 53%,#f7f9f8d9 64%,#f7f9f8eb 100%); }
#about .copy{ position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; height:100%; margin-left:60%; margin-right:4%; padding:24px 0; }
#about .eyebrow{ display:flex; align-items:center; gap:10px; margin:0 0 17px; font-size:clamp(13px,1.1vw,18px); font-weight:500; letter-spacing:.1em; }
#about .eyebrow::before{ content:""; width:22px; height:5px; border-radius:4px; background:var(--brand); }
#about .section-title{ margin:0; font-size:clamp(34px,3.5vw,59px); line-height:1.3; font-weight:600; letter-spacing:-.035em; }
#about .lead{ display:block; font-size:.8em; line-height:1.6; font-weight:500; white-space:nowrap; }
#about .headline{ display:block; white-space:nowrap; }
#about .accent{ position:relative; display:inline-block; }
#about .accent svg{ position:absolute; left:-4%; bottom:-.14em; width:110%; height:.25em; overflow:visible; }
#about .company{ margin:29px 0 0; font-size:clamp(14px,1.3vw,21px); line-height:1.65; font-weight:600; }
#about .description{ margin:9px 0 0; color:var(--body); font-size:clamp(15px,1.3vw,21px); line-height:1.8; }
#about .description span{ display:block; }
#about .vision{ display:flex; align-items:center; gap:10px; margin:21px 0 0; padding-top:17px; border-top:1px solid #cbd8d0; font-size:clamp(22px,2vw,31px); line-height:1.5; font-weight:600; letter-spacing:-.02em; white-space:nowrap; }
#about .vision::before{ content:""; flex-shrink:0; width:5px; height:1.05em; border-radius:3px; background:var(--brand); }
@media(min-width:701px) and (max-width:1000px){#about .copy{ margin-left:57%; margin-right:3%; }
#about .section-title{ font-size:clamp(29px,3.7vw,37px); }
#about .company,#about .description{ font-size:14px; }
#about .scene{ object-position:12% center; }
#about .about::after{ background:linear-gradient(90deg,#f7f9f800 33%,#f7f9f870 49%,#f7f9f8eb 64%); }
#about .vision{ font-size:clamp(18px,2.3vw,23px); gap:7px; }
}
@media(max-width:700px){#about .about{ height:auto; min-height:0; max-height:none; padding:65vw 24px 34px; }
#about .scene{ width:190%; max-width:none; height:auto; left:-5%; }
#about .about::after{ height:67vw; background:linear-gradient(0deg,var(--paper) 1%,#f7f9f800 26%); }
#about .copy{ height:auto; margin:0; padding:5px 0 0; }
#about .eyebrow{ font-size:13px; margin-bottom:13px; }
#about .section-title{ font-size:clamp(29px,8.5vw,54px); }
#about .company{ font-size:16px; margin-top:27px; }
#about .description{ font-size:16px; margin-top:9px; }
#about .vision{ font-size:clamp(19px,5.3vw,30px); margin-top:22px; }
}
#footer{ color-scheme:dark; --ink:#f4f8f5; --muted:#aabbb2; --brand:#ffda00; --dark:#12291f; --line:#ffffff26; }
#footer *{ box-sizing:border-box; }
#footer{ margin:0; background:#fff; font-family:"PingFang SC","Microsoft YaHei",sans-serif; }
#footer .footer{ min-height:440px; display:flex; flex-direction:column; justify-content:center; padding:46px 5% 26px; color:var(--ink); background:var(--dark); }
#footer .main{ display:grid; grid-template-columns:minmax(300px,.82fr) minmax(650px,1.75fr); align-items:start; gap:58px; width:100%; }
#footer .logo{ width:250px; max-width:100%; }
#footer .logo img{ display:block; width:100%; height:auto; }
#footer .vision{ margin:50px 0 0; font-size:clamp(34px,3.1vw,46px); line-height:1.3; font-weight:600; letter-spacing:.01em; }
#footer .vision span,#footer .vision strong{ display:block; }
#footer .vision strong{ color:var(--brand); font-weight:600; }
#footer a{ color:var(--ink); text-decoration:none; }
#footer a:hover{ color:var(--brand); }
#footer a:focus-visible{ outline:2px solid var(--brand); outline-offset:5px; border-radius:2px; }
#footer nav{ height:74px; display:flex; align-items:center; overflow:hidden; border:1px solid #ffffff12; border-left:8px solid var(--brand); border-radius:40px; background:#17372a; }
#footer nav ul{ width:100%; height:100%; display:grid; padding:0 18px; margin:0; list-style:none; grid-template-columns:repeat(4,1fr); }
#footer nav li{ min-width:0; }
#footer nav li + li{ border-left:1px solid #ffffff1c; }
#footer nav a{ height:100%; display:flex; align-items:center; justify-content:center; gap:13px; padding:0 15px; color:var(--ink); font-size:15px; white-space:nowrap; }
#footer .nav-icon{ width:42px; height:42px; display:grid; flex-shrink:0; place-items:center; border-radius:50%; background:var(--brand); }
#footer .nav-icon img{ width:20px; height:20px; }
#footer .details{ display:grid; align-items:center; margin-top:54px; grid-template-columns:minmax(0,1fr) 1px 330px; gap:34px; }
#footer .contact h2{ margin:0 0 23px; color:var(--brand); font-size:15px; font-weight:600; }
#footer .contact dl{ display:grid; gap:14px; margin:0; }
#footer .contact-row{ display:grid; align-items:baseline; grid-template-columns:72px minmax(0,1fr); }
#footer .contact-row dt{ color:var(--muted); font-size:14px; }
#footer .contact-row dd{ margin:0; font-size:16px; white-space:nowrap; }
#footer .email{ color:var(--ink); font-family:inherit; font-size:inherit; font-weight:inherit; white-space:nowrap; }
#footer .divider{ width:1px; height:112px; background:var(--line); }
#footer .wechat{ margin:0; display:flex; align-items:center; gap:22px; }
#footer .qr{ display:block; flex-shrink:0; width:112px; height:112px; overflow:hidden; background:#fff; border-radius:8px; }
#footer .qr img{ display:block; width:100%; height:100%; }
#footer figcaption{ min-width:124px; }
#footer .account{ margin:0; font-size:16px; font-weight:600; white-space:nowrap; }
#footer .scan{ margin:11px 0 0; color:var(--muted); font-size:12px; line-height:1.7; }
#footer .bottom{ display:grid; align-items:center; gap:20px; margin-top:46px; padding-top:19px; border-top:1px solid var(--line); grid-template-columns:1fr auto 1fr; }
#footer .icp{ display:inline-flex; align-items:center; min-height:28px; color:var(--muted); font-size:11px; line-height:1.6; white-space:nowrap; }
#footer .copyright{ margin:0; color:var(--muted); font-size:12px; line-height:1.6; }
#footer .jd{ display:inline-flex; align-items:center; justify-self:end; gap:8px; min-height:28px; font-size:12px; white-space:nowrap; }
#footer .jd img{ width:14px; height:14px; filter:invert(1); opacity:.85; }
@media(min-width:701px) and (max-width:1050px){#footer .footer{ padding-top:40px; }
#footer .main{ grid-template-columns:minmax(250px,.75fr) minmax(0,1.55fr); gap:38px; }
#footer .logo{ width:220px; }
#footer .vision{ margin-top:42px; font-size:34px; }
#footer nav{ height:66px; border-radius:35px; }
#footer nav ul{ padding:0 10px; }
#footer nav a{ gap:8px; padding:0 7px; font-size:12px; }
#footer .nav-icon{ width:36px; height:36px; }
#footer .nav-icon img{ width:18px; height:18px; }
#footer .details{ margin-top:42px; grid-template-columns:minmax(0,1fr) 1px 250px; gap:24px; }
#footer .contact-row{ grid-template-columns:62px minmax(0,1fr); }
#footer .contact-row dt{ font-size:12px; }
#footer .contact-row dd{ font-size:13px; }
#footer .wechat{ gap:14px; }
#footer .qr{ width:96px; height:96px; }
#footer .account{ font-size:14px; }
#footer .scan{ font-size:11px; }
}
@media(max-width:700px){#footer .footer{ padding:36px 24px 24px; }
#footer .main{ grid-template-columns:minmax(0,1fr); gap:30px; }
#footer .logo{ width:210px; }
#footer .vision{ margin-top:26px; font-size:clamp(30px,8.5vw,38px); }
#footer nav{ height:auto; border-left-width:6px; border-radius:20px; }
#footer nav ul{ padding:10px 12px; grid-template-columns:1fr 1fr; }
#footer nav li + li{ border-left:0; }
#footer nav li:nth-child(even){ border-left:1px solid #ffffff1c; }
#footer nav li:nth-child(n+3){ border-top:1px solid #ffffff1c; }
#footer nav a{ justify-content:flex-start; gap:10px; padding:10px 12px; font-size:13px; }
#footer .nav-icon{ width:36px; height:36px; }
#footer .nav-icon img{ width:18px; height:18px; }
#footer .details{ margin-top:25px; grid-template-columns:1fr; gap:24px; }
#footer .contact{ padding-bottom:24px; border-bottom:1px solid var(--line); }
#footer .contact h2{ margin-bottom:17px; }
#footer .contact-row{ grid-template-columns:60px minmax(0,1fr); }
#footer .contact-row dd{ font-size:13px; white-space:normal; }
#footer .divider{ display:none; }
#footer .wechat{ gap:19px; }
#footer .qr{ width:124px; height:124px; }
#footer figcaption{ margin:0; text-align:left; }
#footer .account{ font-size:16px; }
#footer .scan{ font-size:11px; }
#footer .bottom{ margin-top:28px; align-items:flex-start; flex-direction:column; gap:12px; }
}

:root { --ink:#193c32; --body:#38564b; --brand:#ffda00; --paper:#f7f9f8; --header-height:80px; color-scheme:light; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:var(--header-height); }
body { margin:0; font-family:"PingFang SC","Microsoft YaHei",sans-serif; color:var(--ink); background:var(--paper); -webkit-font-smoothing:antialiased; }
a { color:inherit; }
button { font:inherit; }
[hidden] { display:none !important; }
:focus-visible { outline:3px solid #477963; outline-offset:5px; }
.skip-link { position:fixed; z-index:100; top:10px; left:12px; padding:12px 18px; background:#fff; transform:translateY(-180%); }
.skip-link:focus { transform:none; }
.site-header { height:var(--header-height); position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; padding:0 4.5%; gap:32px; background:#12291f; color:#fff; }
.site-logo { display:block; width:clamp(200px,15.2vw,240px); mix-blend-mode:lighten; flex-shrink:0; }
.site-logo img { display:block; width:100%; height:auto; }
.site-nav { display:flex; gap:clamp(24px,2.6vw,42px); align-items:center; }
.site-nav a { font-size:clamp(14px,1.15vw,18px); text-decoration:none; padding:12px 0; color:#e5eee8; white-space:nowrap; }
.site-nav a:hover,.site-nav a[aria-current="location"] { color:var(--brand); }
.site-nav .nav-buy { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:7px 8px 7px 18px; border-radius:28px; background:var(--brand); color:#193c32; font-weight:600; transition:background-color .2s ease; }
.site-nav .nav-buy:hover { color:#193c32; background:#ffe43c; }
.nav-buy-icon { display:grid; place-items:center; width:30px; height:30px; flex-shrink:0; border-radius:50%; background:#193c32; transition:transform .22s ease; }
.nav-buy-icon img { display:block; width:15px; height:15px; filter:invert(1); }
@media(hover:hover) { .site-nav .nav-buy:hover .nav-buy-icon { transform:translate(2px,-2px); } }
.menu-toggle { display:none; border:1px solid #ffffff55; border-radius:8px; padding:9px 13px; background:none; color:#fff; }
.hero { position:relative; isolation:isolate; height:calc(100svh - var(--header-height)); min-height:620px; max-height:1100px; overflow:hidden; background:#d5edfa; }
.hero-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.hero-copy { position:relative; z-index:1; display:flex; flex-direction:column; align-items:flex-start; padding:clamp(92px,16.3svh,175px) 0 110px 6.8%; }
.hero-product-name { position:relative; margin:0; font-size:clamp(47px,6.95vw,112px); font-weight:700; line-height:1.14; letter-spacing:-.045em; white-space:nowrap; }
.hero-product-name::before { content:""; position:absolute; left:-.4em; top:.06em; width:.18em; height:.94em; border-radius:1em; background:var(--brand); }
.hero-ai { position:relative; display:inline-block; isolation:isolate; font-family:"Avenir Next",sans-serif; font-weight:800; letter-spacing:-.055em; }
.hero-ai::after { content:""; position:absolute; z-index:-1; left:-.015em; right:-.025em; bottom:.04em; height:.14em; border-radius:.045em .025em .035em .025em; background:var(--brand); transform:rotate(-3deg); }
.hero-tagline { margin:30px 0 38px; font-size:clamp(22px,2.4vw,38px); font-weight:400; color:var(--ink); line-height:1.4; letter-spacing:-.025em; }
.primary-link { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-width:clamp(200px,17.4vw,276px); min-height:clamp(54px,4.35vw,69px); padding:12px 28px 12px 36px; border-radius:50px; background:var(--brand); color:var(--ink); text-decoration:none; font-size:clamp(18px,1.8vw,28px); font-weight:600; }
.primary-link:hover { background:#ffe43c; }
.primary-arrow { display:block; flex-shrink:0; width:30px; height:30px; transition:transform .25s ease; }
@media(hover:hover) { .primary-link:hover .primary-arrow { transform:translateX(4px); } }
.hero-scroll { position:absolute; z-index:2; bottom:34px; left:50%; transform:translateX(-50%); display:grid; place-items:center; width:64px; height:64px; border-radius:50%; background:#fffffff0; text-decoration:none; }
.hero-scroll img { animation:scroll-invite 2.6s ease-in-out infinite; }
.hero-scroll:hover { background:#fff; }
@keyframes scroll-invite { 0%,100% { transform:translateY(-3px); } 50% { transform:translateY(4px); } }
.no-script { padding:14px 5%; margin:0; line-height:1.7; }
/* 仅补齐整站接缝：章节自身的视觉样式保持独立。 */
#product .product { height:calc(100svh - var(--header-height)); }
#vision .vision { max-height:680px; }
#footer .footer { height:auto; min-height:440px; max-height:none; }
#footer .bottom { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; }
#footer .jd { justify-self:end; }
#footer .icp { font-size:12px; min-height:32px; }
@media(min-width:641px) and (max-width:900px) {
  #vision .vision-copy { left:57%; right:3%; }
  #vision .section-title { font-size:clamp(29px,4vw,36px); }
}
@media(max-width:900px) {
  .site-header { gap:20px; }
  .site-nav { gap:19px; }
  .site-nav a { font-size:13px; }
}
@media(max-width:760px) {
  :root { --header-height:64px; }
  .site-header { padding:0 24px; }
  .site-logo { width:190px; }
  .js .menu-toggle { display:block; }
  .site-nav { position:absolute; top:100%; left:0; right:0; padding:12px 24px 22px; background:#12291f; flex-direction:column; gap:0; align-items:stretch; box-shadow:0 12px 20px #193c3215; }
  .js .site-nav:not(.is-open) { display:none; }
  .site-nav a { padding:14px 0; font-size:16px; }
  .site-nav .nav-buy { margin-top:8px; padding:9px 10px 9px 20px; }
  html:not(.js) .site-header { height:auto; min-height:64px; flex-wrap:wrap; padding-block:18px; }
  html:not(.js) .site-nav { position:static; flex-direction:row; flex-wrap:wrap; gap:16px; box-shadow:none; padding:0; }
  .hero { height:calc(100svh - var(--header-height)); min-height:760px; max-height:1100px; }
  .hero-photo { top:auto; bottom:0; height:61%; object-position:71% center; }
  .hero-copy { padding:32px 24px 0 8%; }
  .hero-product-name { font-size:clamp(33px,8.8vw,60px); }
  .hero-product-name::before { left:-.42em; width:.13em; }
  .hero-tagline { font-size:21px; line-height:1.45; margin:21px 0 24px; }
  .primary-link { min-width:184px; min-height:52px; padding:10px 24px; font-size:18px; gap:24px; }
  .primary-arrow { width:25px; height:25px; }
  .hero-scroll { bottom:22px; width:50px; height:50px; }
}
@media(min-width:1001px) and (max-height:850px) {
  #product .product { min-height:620px; padding-top:24px; padding-bottom:18px; }
  #product .section-title { font-size:clamp(34px,3.3vw,46px); }
  #product .eyebrow { margin-bottom:20px; }
  #product .feature-name { margin-top:22px; }
  #product .feature-detail { min-height:58px; font-size:16px; }
  #product .feature-points { margin-top:10px; }
  #product .specs { margin-top:20px; padding-top:18px; }
  #product .specs dd { font-size:31px; }
  #product .feature-tab { min-height:104px; gap:6px; padding-bottom:14px; }
  #product .feature-tab svg { width:56px; height:56px; }
  #product .stage { height:100%; }
  #product .phone { height:75%; }
  #product .stage-label { top:18px; }
  #vision .vision,#explore .explore,#growth .growth,#interest .interest,#safety .safety,#purchase .purchase,#about .about { min-height:360px; }
  #vision .eyebrow,#explore .eyebrow,#growth .eyebrow,#interest .eyebrow,#safety .eyebrow,#about .eyebrow { margin-bottom:12px; }
  #vision .section-title { font-size:clamp(40px,4vw,55px); }
  #explore .section-title,#growth .section-title,#interest .section-title,#safety .section-title,#purchase .section-title,#about .section-title { font-size:clamp(32px,3.3vw,47px); }
  #vision .description,#explore .description,#growth .description,#interest .description,#safety .description { margin-top:18px; font-size:16px; }
  #purchase .specs { margin-top:18px; }
  #purchase .buy { margin-top:18px; }
  #about .company { margin-top:19px; font-size:15px; }
  #about .description { font-size:15px; }
  #about .vision { margin-top:14px; padding-top:12px; font-size:22px; }
}
@media(max-width:640px) { #product .product { height:auto; } }
@media(max-width:700px) {
  #footer .bottom { grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"copyright copyright" "icp jd"; justify-content:stretch; gap:10px 14px; }
  #footer .copyright { grid-area:copyright; font-size:10px; white-space:nowrap; }
  #footer .icp { grid-area:icp; justify-self:start; font-size:10px; white-space:nowrap; }
  #footer .jd { grid-area:jd; justify-self:end; font-size:10px; white-space:nowrap; }
  #footer .jd { gap:3px; }
  #footer .jd svg { width:11px; height:11px; }
}
@media(max-width:360px) {
  #footer .bottom { gap:4px; }
  #about .section-title { font-size:27px; }
  #about .vision { font-size:17px; gap:7px; }
  #growth .section-title { font-size:29px; }
  #vision .section-title { font-size:39px; }
  #safety .section-title { font-size:28px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .hero-scroll img { animation:none; } .primary-arrow { transition:none; } .primary-link:hover .primary-arrow { transform:none; } }