/* A deliberate scale: display 52 / section 34 / feature 26 / reading 16. */
html{--muted:#526079;--text:#17243c;--bg:#fafbfe;--line:#e1e7ef}
html[data-theme=dark]{--muted:#aab8cd;--text:#eef3fc;--bg:#0d1422;--line:#29364b}
@media(prefers-color-scheme:dark){html[data-theme=system]{--muted:#aab8cd;--text:#eef3fc;--bg:#0d1422;--line:#29364b}}
body{font-family:"Manrope Variable","Noto Sans SC Variable","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;font-weight:400;font-synthesis:none;-webkit-font-smoothing:antialiased;line-height:1.8}
html:lang(ja) body{font-family:"Manrope Variable","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans SC Variable",sans-serif}
html:lang(ko) body{font-family:"Manrope Variable","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
html:lang(ar) body{font-family:"Segoe UI",Tahoma,Arial,sans-serif}
.wrap{width:min(1200px,calc(100% - 96px))}
.brand{font-family:"Manrope Variable",sans-serif;font-weight:650;font-size:24px;letter-spacing:.5px;gap:11px;min-height:44px}
.brand-dot{display:none}.brand img{width:34px;height:34px;object-fit:contain;flex:none}.brand svg{width:28px;height:32px}
.nav{height:84px;gap:48px}.nav nav{font-size:14px;font-weight:500;gap:30px}.nav nav a{min-height:44px;display:flex;align-items:center}
.eyebrow{font-size:11px;font-weight:550;line-height:1.6;letter-spacing:1.1px}
.hero{min-height:640px;padding-block:76px;gap:48px;grid-template-columns:1fr 1fr}
h1{font-size:54px;line-height:1.2;letter-spacing:-1.8px;font-weight:550;margin:24px 0}
html:lang(zh-CN) h1,html:lang(zh-TW) h1{font-size:52px;line-height:1.3;letter-spacing:-.8px;font-weight:550}
h2{font-size:34px;line-height:1.4;letter-spacing:-.7px;font-weight:550}
h3{font-size:26px;line-height:1.5;letter-spacing:-.4px;font-weight:550}
.lead{font-size:17px;line-height:1.9;max-width:480px;margin-bottom:28px}
.button{padding:14px 22px;font-size:14px;font-weight:550;line-height:1.6;min-height:50px;border-radius:7px;transition:transform .25s,background-color .25s}
.primary{box-shadow:none}.text-link{font-size:14px;font-weight:550;min-height:44px;align-items:center}.hero-note{font-size:12px}
.product-copy{padding:44px}.product-copy h3{font-size:30px;line-height:1.5;font-weight:550}
.product-copy>p,.section-top>p,.principles p{font-size:15px;line-height:1.9}
.product ul{font-size:13px;line-height:2.3}.product-id{font-size:11px;letter-spacing:1px;font-weight:550}.section-top{gap:40px}
.principles h3{font-size:20px;font-weight:550}.closing h2{font-size:46px;line-height:1.4;font-weight:550}.controls select{font-weight:450;font-size:12px}
footer .brand{font-size:22px}footer p{font-size:13px}.footer-right{font-size:12px}
.core img{width:110px;height:110px;object-fit:contain}
@media(max-width:1000px){.hero{gap:20px}.hero h1,html:lang(zh-CN) .hero h1,html:lang(zh-TW) .hero h1{font-size:44px}.product-copy{padding:32px}.nav{gap:24px}}
@media(max-width:720px){
 .wrap{width:calc(100% - 40px)}.nav{height:auto;min-height:76px;padding-block:12px;gap:12px}.brand{font-size:22px;gap:9px}.brand img{width:30px;height:30px}
 .hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-block:48px 24px;gap:15px}
 .hero h1,html:lang(zh-CN) .hero h1,html:lang(zh-TW) .hero h1{font-size:39px;line-height:1.35;letter-spacing:-.6px;margin:20px 0}
 .lead{font-size:16px;line-height:1.9}.hero-art{height:370px;margin-block:0 -12px}
 h2{font-size:28px;line-height:1.5}h3{font-size:23px}.product-copy{padding:28px}.product-copy h3{font-size:26px}
 .product-copy>p,.section-top>p,.principles p{font-size:15px}.closing h2{font-size:34px;line-height:1.5}.products{padding-block:56px}.eyebrow{font-size:10px;letter-spacing:.8px}
 .hero-copy{min-width:0}.section-top{margin-bottom:30px}.ribbon .wrap{font-size:11px}.controls{max-width:100%}
}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero h1,html:lang(zh-CN) .hero h1,html:lang(zh-TW) .hero h1{font-size:34px}.brand{font-size:21px}.controls select{font-size:10px}}