/* Shunan typography: expressive display headings, quiet and readable UI. */
:root{--font-ui:'Shunan Sans','PingFang SC','Microsoft YaHei UI','Microsoft YaHei',system-ui,sans-serif;--font-display:'Shunan Display','Shunan Sans','PingFang SC','Microsoft YaHei',sans-serif;--font-cjk:'PingFang SC','Microsoft YaHei UI','Microsoft YaHei',sans-serif}
body{font-family:var(--font-ui);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-kerning:normal}button,input,select,textarea{font-family:inherit}input,textarea{font-variant-numeric:tabular-nums}h1,h2,h3{font-synthesis:none}.brand{font-weight:800;letter-spacing:.035em}.brand small{font-family:var(--font-ui);font-weight:600;letter-spacing:.19em}.mark{font-family:var(--font-display);font-weight:800;font-size:39px;letter-spacing:-.06em}.eyebrow{font-family:var(--font-ui);font-weight:700;font-size:10px;letter-spacing:.18em;line-height:1.7}nav{font-weight:600;font-size:12px}.button{font-weight:700;letter-spacing:.015em}.header-cta,.phone{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.025em}
.hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(60px,6.15vw,98px);line-height:.99;letter-spacing:-.022em;text-transform:uppercase;margin:37px 0 29px;text-wrap:balance}.hero h1 span{font-weight:600}.hero-copy>p{font-size:15px;line-height:1.9;letter-spacing:-.01em}.hero-bottom{font-weight:600;letter-spacing:.11em}.section-heading h2,.detail-copy h2,.callout h2,.inquiry-copy h2{font-family:var(--font-display);font-weight:600;font-size:clamp(38px,4.1vw,61px);line-height:1.12;letter-spacing:-.015em;text-wrap:balance}.section-heading h2 span{margin-top:3px}.section-heading>p,.detail-copy>p,.inquiry-copy>p{font-size:13px;line-height:1.95}.section-heading .eyebrow{margin-bottom:22px}.photo-info strong,.product-card h3,.modal-info h2{font-family:var(--font-display);font-weight:700;font-size:35px;letter-spacing:.005em;line-height:1.15}.photo-info strong{font-size:31px}.modal-info h2{font-size:48px}.product-card h3 small{font-family:var(--font-ui);font-size:12px;font-weight:500;letter-spacing:0}.card-specs strong{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;letter-spacing:-.035em}.card-specs em{font-size:10px;font-weight:500;letter-spacing:0}.card-specs small,.card-brand{font-size:10px;font-weight:500}.card-price{font-weight:700;letter-spacing:-.015em}.card-meta{font-size:12px;line-height:1.7}.steps h3{font-family:var(--font-ui);font-size:18px;font-weight:700;letter-spacing:-.02em}.steps p{font-size:12px;line-height:1.9}.steps article>span{font-family:var(--font-display);font-size:22px;font-weight:600}.comparison-table{font-variant-numeric:tabular-nums}.comparison-table th{font-size:13px;font-weight:700}.comparison-table td{font-size:12px;line-height:1.8}.comparison-table td:first-child{font-weight:500}.detail-tabs button span{font-weight:500;font-size:14px}.detail-tabs button.active span{font-weight:700}.inquiry label{font-size:11px;font-weight:600}.inquiry input,.inquiry select,.inquiry textarea{font-size:12px;font-weight:400}.footnote,.form-note{font-size:10px;line-height:1.9}.text-link,.card-links button,.card-links a{font-weight:600}.photo-note,.badge{font-weight:600;letter-spacing:.045em}
/* Chinese is set with clear, solid sans headings and one editorial serif accent. */
html:lang(zh) .hero h1{font-family:var(--font-cjk);font-size:clamp(66px,6.6vw,102px);font-weight:800;line-height:1.21;letter-spacing:-.055em;text-transform:none}html:lang(zh) .hero h1 span{font-family:'Shunan Editorial SC','Songti SC','SimSun',serif;font-size:.96em;font-weight:700;letter-spacing:-.055em}html:lang(zh) .section-heading h2,html:lang(zh) .detail-copy h2,html:lang(zh) .callout h2,html:lang(zh) .inquiry-copy h2{font-family:var(--font-cjk);font-weight:700;font-size:clamp(32px,3.3vw,49px);line-height:1.4;letter-spacing:-.04em}html:lang(zh) .section-heading>p,html:lang(zh) .hero-copy>p{letter-spacing:.025em}html:lang(zh) .brand{letter-spacing:.02em}html:lang(zh) nav{font-weight:500;letter-spacing:.06em}html:lang(zh) .eyebrow{letter-spacing:.14em}
/* Native system faces preserve Arabic/Urdu shaping and Cyrillic coverage. */
html[dir=rtl] body{font-family:'Segoe UI',Tahoma,Arial,sans-serif}html[dir=rtl] .hero h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .eyebrow{font-family:inherit;letter-spacing:0;text-transform:none}html[dir=rtl] .hero h1{font-size:clamp(45px,4.7vw,72px);line-height:1.42;font-weight:700}html[dir=rtl] .hero h1 span{font-weight:600}html[dir=rtl] .section-heading h2,html[dir=rtl] .detail-copy h2,html[dir=rtl] .callout h2,html[dir=rtl] .inquiry-copy h2{font-size:clamp(32px,3.3vw,48px);line-height:1.55}html[dir=rtl] .photo-info strong,html[dir=rtl] .product-card h3,html[dir=rtl] .modal-info h2,html[dir=rtl] .mark{font-family:var(--font-display)}html:lang(ur) .hero h1{line-height:1.7}html:lang(ru) .hero h1{font-family:var(--font-ui);font-size:clamp(40px,4.4vw,66px);font-weight:800;line-height:1.12;letter-spacing:-.045em;text-transform:none}html:lang(ru) .section-heading h2,html:lang(ru) .detail-copy h2,html:lang(ru) .inquiry-copy h2,html:lang(ru) .callout h2{font-family:var(--font-ui);font-size:clamp(31px,3vw,44px);letter-spacing:-.04em;line-height:1.25}
/* Management UI: keep Chinese forms calm, roomy and straightforward. */
body:has(#dashboard){font-family:var(--font-ui);line-height:1.8}body:has(#dashboard) .brand{font-size:18px;font-weight:700;letter-spacing:.035em}body:has(#dashboard) .brand b{font-family:var(--font-display);font-size:34px;font-weight:700;letter-spacing:-.035em}body:has(#dashboard) .brand small{font-size:10px;font-weight:500;letter-spacing:.18em}body:has(#dashboard) h1{font-family:var(--font-cjk);font-size:36px;font-weight:800;letter-spacing:-.035em;line-height:1.4}body:has(#dashboard) h2{font-family:var(--font-cjk);font-size:24px;font-weight:700;letter-spacing:-.025em}body:has(#dashboard) h3{font-family:var(--font-cjk);font-size:17px;font-weight:700}body:has(#dashboard) .eyebrow{font-family:var(--font-cjk);font-size:11px;font-weight:500;letter-spacing:.16em}body:has(#dashboard) .page-heading p,body:has(#dashboard) .help,body:has(#dashboard) .account-line{font-size:12px;line-height:1.9}body:has(#dashboard) .stat strong{font-family:var(--font-display);font-size:45px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}body:has(#dashboard) .stat span{font-size:13px;font-weight:500}body:has(#dashboard) .button,body:has(#dashboard) .upload-button{font-size:12px;font-weight:600;letter-spacing:.03em}body:has(#dashboard) input,body:has(#dashboard) select,body:has(#dashboard) textarea{font-size:13px;font-weight:400;line-height:1.7}body:has(#dashboard) th{font-size:12px;font-weight:600;letter-spacing:.04em}body:has(#dashboard) td{font-size:12px;line-height:1.8}body:has(#dashboard) .table-product b{font-size:15px;font-weight:700;letter-spacing:-.015em}body:has(#dashboard) .table-product small{font-size:11px}body:has(#dashboard) .field-grid label,body:has(#dashboard) .toolbar label>span{font-size:12px;font-weight:500}body:has(#dashboard) .notice{font-size:12px;line-height:1.95}body:has(#dashboard) .row-actions button{font-size:12px;font-weight:500}body:has(#dashboard) .badge{font-size:11px;letter-spacing:.025em}body:has(#dashboard) .message{font-size:12px}
@media(max-width:1180px){header>.header-cta{display:none}.hero h1{font-size:69px}.hero-copy>p{font-size:14px}.section-heading h2,.detail-copy h2,.callout h2,.inquiry-copy h2{font-size:48px}html:lang(zh) .hero h1{font-size:78px}html:lang(zh) .section-heading h2,html:lang(zh) .detail-copy h2,html:lang(zh) .inquiry-copy h2{font-size:40px}}
@media(max-width:700px){.hero h1{font-size:clamp(55px,13.8vw,78px);line-height:1.04;margin:27px 0 23px;letter-spacing:-.02em}.hero-copy>p{font-size:14px;line-height:1.85}.section-heading h2,.detail-copy h2,.callout h2,.inquiry-copy h2{font-size:41px;line-height:1.15}.section-heading>p,.detail-copy>p,.inquiry-copy>p{font-size:12px;line-height:1.95}.section-heading .eyebrow{margin-bottom:17px}.eyebrow{font-size:9px;letter-spacing:.13em}.hero .button,.hero .text-link{font-size:11px}.brand small{letter-spacing:.14em}.card-specs strong{font-size:20px}.product-card h3{font-size:35px}.photo-info strong{font-size:29px}.modal-info h2{font-size:39px}html:lang(zh) .hero h1{font-size:clamp(66px,17.5vw,86px);line-height:1.26}html:lang(zh) .section-heading h2,html:lang(zh) .detail-copy h2,html:lang(zh) .callout h2,html:lang(zh) .inquiry-copy h2{font-size:34px;line-height:1.4}html[dir=rtl] .hero h1{font-size:48px;line-height:1.5}html:lang(ur) .hero h1{line-height:1.7}html[dir=rtl] .section-heading h2,html[dir=rtl] .detail-copy h2,html[dir=rtl] .inquiry-copy h2{font-size:33px}html:lang(ru) .hero h1{font-size:45px}html:lang(ru) .section-heading h2,html:lang(ru) .detail-copy h2,html:lang(ru) .inquiry-copy h2{font-size:32px}body:has(#dashboard) h1{font-size:30px}body:has(#dashboard) .brand{font-size:14px}body:has(#dashboard) .brand b{font-size:30px}body:has(#dashboard) .stat strong{font-size:39px}body:has(#dashboard) .heading-buttons .button{font-size:11px}body:has(#dashboard) .editor-header h2{font-size:21px}}