:root {
  --ink:#151515; --muted:#66696d; --paper:#f4f3ef; --surface:#fff; --metal:#d7dade;
  --line:#dfe1e3; --accent:#ff5428; --accent-strong:#d93b17; --accent-soft:#ffe2d8;
  --shadow:0 24px 70px rgba(33,35,38,.13); --container:min(1320px,calc(100vw - 48px));
}
* { box-sizing:border-box; }
button,a,summary { touch-action:manipulation; -webkit-tap-highlight-color:rgba(255,84,40,.16); }
h1,h2,h3 { text-wrap:balance; }
:where(a,button,summary,input,textarea,select):focus-visible { outline:3px solid rgba(255,84,40,.42); outline-offset:3px; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif; text-rendering:optimizeLegibility; }
a { color:inherit; }
button,input,textarea,select { font:inherit; }
svg { width:1.2em; height:1.2em; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.skip-link { position:fixed; z-index:999; left:16px; top:-80px; padding:11px 15px; border-radius:9px; color:#fff; background:#111; }
.skip-link:focus { top:16px; }
.preview-bar { min-height:28px; display:grid; place-items:center; padding:4px 16px; color:#5e554e; background:#e9e6df; font-size:12px; font-weight:700; letter-spacing:.03em; }
.site-header { position:sticky; z-index:80; top:0; border-bottom:1px solid rgba(16,16,16,.08); background:rgba(244,243,239,.88); backdrop-filter:blur(18px); }
.nav-shell { width:var(--container); min-height:84px; margin:auto; display:flex; align-items:center; gap:28px; }
.brand { display:inline-flex; align-items:center; gap:12px; text-decoration:none; }
.brand img { width:58px; height:58px; flex:0 0 58px; border-radius:12px; object-fit:contain; background:#fff; box-shadow:0 10px 28px rgba(0,0,0,.08); }
.brand strong,.brand small { display:block; line-height:1.1; }
.brand strong { font-size:17px; letter-spacing:.1em; }
.brand small { margin-top:5px; color:#777; font:700 9px/1 "Arial Narrow",Arial,sans-serif; letter-spacing:.17em; }
.site-nav { margin-left:auto; display:flex; align-items:center; gap:26px; }
.site-nav a { position:relative; min-height:44px; display:grid; place-items:center; text-decoration:none; font-size:14px; font-weight:750; }
.site-nav a::after { content:""; position:absolute; left:0; right:100%; bottom:4px; height:2px; background:var(--accent); transition:right .22s ease; }
.site-nav a:hover::after,.site-nav a:focus-visible::after { right:0; }
.nav-call { min-height:46px; display:inline-flex; align-items:center; gap:8px; padding:0 18px; border-radius:999px; color:#fff; background:var(--ink); text-decoration:none; font-size:14px; font-weight:800; }
.menu-button { display:none; width:46px; height:46px; place-items:center; border:1px solid var(--line); border-radius:50%; background:#fff; color:var(--ink); }
.hero { width:var(--container); min-height:730px; margin:auto; display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; gap:28px; padding:68px 0 72px; }
.hero-copy { position:relative; z-index:2; padding-left:10px; }
.micro-label { display:inline-flex; align-items:center; gap:9px; color:#4f5154; font:800 12px/1 "Arial Narrow",Arial,sans-serif; letter-spacing:.13em; }
.micro-label i { width:22px; height:2px; display:block; background:var(--accent); }
.hero h1 { margin:28px 0 22px; font-size:clamp(44px,5vw,72px); line-height:1.05; letter-spacing:-.055em; }
.hero h1 em { color:var(--accent-strong); font-style:normal; }
.hero-copy > p { max-width:600px; margin:0; color:#505256; font-size:18px; line-height:1.75; }
.hero-actions { margin-top:34px; display:flex; flex-wrap:wrap; gap:12px; }
.button { min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:0 22px; border:1px solid transparent; border-radius:12px; text-decoration:none; font-size:15px; font-weight:850; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.button:hover { transform:translateY(-2px); }
.button:focus-visible,.site-nav a:focus-visible,.nav-call:focus-visible,.menu-button:focus-visible,.brand:focus-visible { outline:3px solid rgba(255,84,40,.42); outline-offset:3px; }
.button.primary { color:#fff; background:var(--accent); box-shadow:0 16px 36px rgba(255,84,40,.25); }
.button.primary:hover { background:var(--accent-strong); }
.button.secondary { border-color:#cfd1d3; background:rgba(255,255,255,.7); }
.hero-facts { margin:44px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:0; border-top:1px solid #cfd1d3; }
.hero-facts > div { min-height:92px; display:flex; align-items:center; gap:14px; padding:16px 18px 10px 0; }
.hero-facts > div + div { padding-left:24px; border-left:1px solid #cfd1d3; }
.hero-facts dt { font:800 32px/1 "Arial Narrow",Arial,sans-serif; letter-spacing:-.04em; }
.hero-facts dd { margin:0; }
.hero-facts strong,.hero-facts span { display:block; }
.hero-facts strong { font-size:14px; }
.hero-facts span { margin-top:5px; color:var(--muted); font-size:12px; }
.hero-visual { min-width:0; position:relative; perspective:1200px; transform-style:preserve-3d; }
.visual-frame { position:relative; overflow:hidden; aspect-ratio:1.43; border:1px solid rgba(0,0,0,.08); border-radius:34px; background:#fff; box-shadow:var(--shadow); transform:rotateY(-2deg) rotateX(1deg); transition:transform .25s ease-out; }
.visual-frame::after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 0 1px rgba(255,255,255,.75); border-radius:inherit; pointer-events:none; }
.visual-frame img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
.ai-label { position:absolute; right:18px; bottom:16px; padding:7px 10px; border:1px solid rgba(0,0,0,.12); border-radius:999px; color:#52555a; background:rgba(255,255,255,.76); backdrop-filter:blur(12px); font-size:11px; font-weight:750; }
.warranty-card { position:absolute; z-index:3; left:-24px; bottom:-42px; width:250px; min-height:174px; padding:24px; border:1px solid rgba(0,0,0,.08); border-radius:20px; background:rgba(255,255,255,.92); box-shadow:0 20px 50px rgba(29,32,35,.18); backdrop-filter:blur(16px); transform:translateZ(54px); }
.warranty-card span,.warranty-card small { display:block; color:var(--muted); font-size:11px; }
.warranty-card span { font:800 10px/1 "Arial Narrow",Arial,sans-serif; letter-spacing:.12em; }
.warranty-card strong { display:block; margin:15px 0 12px; font-size:23px; line-height:1.28; }
.material-tag { position:absolute; z-index:3; right:18px; top:22px; display:flex; align-items:center; gap:12px; padding:10px 15px 10px 10px; border-radius:14px; color:#fff; background:rgba(17,17,17,.88); box-shadow:0 16px 36px rgba(0,0,0,.2); backdrop-filter:blur(12px); }
.material-tag b { width:42px; height:42px; display:grid; place-items:center; border-radius:9px; color:#111; background:linear-gradient(145deg,#fff,#aeb4ba); font:850 14px/1 Arial,sans-serif; }
.material-tag span { font:750 9px/1.45 "Arial Narrow",Arial,sans-serif; letter-spacing:.08em; }
.proof-rail { width:var(--container); margin:0 auto 34px; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #d6d7d8; border-radius:20px; background:rgba(255,255,255,.66); box-shadow:0 16px 45px rgba(32,34,36,.06); }
.proof-rail article { min-height:112px; display:flex; align-items:center; gap:15px; padding:22px; }
.proof-rail article + article { border-left:1px solid #d6d7d8; }
.proof-rail article > span { width:42px; height:42px; display:grid; place-items:center; flex:0 0 42px; border:1px solid #cfd1d3; border-radius:50%; color:var(--accent-strong); font:850 12px/1 Arial,sans-serif; }
.proof-rail strong,.proof-rail small { display:block; }
.proof-rail strong { font-size:15px; }
.proof-rail small { margin-top:6px; color:var(--muted); font-size:12px; line-height:1.5; }
.concept-section { width:var(--container); margin:70px auto 100px; padding:62px; display:grid; grid-template-columns:1.1fr .9fr; gap:90px; border-radius:30px; color:#fff; background:linear-gradient(135deg,#161616,#2c2c2c); }
.concept-section .micro-label { color:#bfc1c4; }
.concept-section h2 { margin:22px 0 0; font-size:clamp(30px,3vw,44px); line-height:1.22; letter-spacing:-.035em; }
.concept-section > p { align-self:end; margin:0; color:#c7c8ca; font-size:16px; line-height:1.85; }
.content-section { padding:112px 0; }
.section-shell { width:var(--container); margin:auto; }
.section-title { max-width:820px; margin-bottom:44px; }
.section-title h2 { margin:20px 0 14px; font-size:clamp(34px,3.4vw,48px); line-height:1.15; letter-spacing:-.045em; }
.section-title > p { max-width:700px; margin:0; color:var(--muted); font-size:17px; line-height:1.75; }
.products-section { background:#fff; }
.product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.product-card { min-width:0; overflow:hidden; display:grid; grid-template-columns:.92fr 1.08fr; border:1px solid var(--line); border-radius:26px; background:#f8f8f6; box-shadow:0 16px 45px rgba(27,29,31,.06); }
.product-media,.article-media,.page-hero-media,.article-hero { position:relative; overflow:hidden; background:#ececeb; }
.product-media img,.article-media img,.page-hero-media img,.article-hero img { width:100%; height:100%; display:block; object-fit:cover; }
.product-media img { min-height:440px; }
.product-media .ai-label,.article-media .ai-label,.page-hero-media .ai-label,.article-hero .ai-label { right:14px; bottom:14px; }
.product-body { padding:30px; display:flex; flex-direction:column; }
.card-code { display:flex; justify-content:space-between; gap:18px; color:#6d7074; font:800 10px/1 "Arial Narrow",Arial,sans-serif; letter-spacing:.12em; }
.card-code b { color:var(--accent-strong); }
.product-body h3 { margin:22px 0 12px; font-size:26px; letter-spacing:-.025em; }
.product-body > p { margin:0; color:var(--muted); font-size:15px; line-height:1.75; }
.product-body ul { margin:22px 0; padding:0; display:grid; gap:10px; list-style:none; }
.product-body li { display:flex; align-items:center; gap:9px; font-size:13px; font-weight:700; }
.product-body li svg { color:var(--accent); }
.product-body > a,.text-link { min-height:44px; margin-top:auto; display:inline-flex; align-items:center; gap:8px; color:var(--accent-strong); font-size:13px; font-weight:850; text-decoration:none; }
.product-body > a:hover,.text-link:hover { text-decoration:underline; text-underline-offset:4px; }
.section-action { margin-top:36px; display:flex; justify-content:center; }
.button.dark { color:#fff; background:#171717; }
.button.light-button { color:#171717; background:#fff; }
.service-section,.service-detail-section { color:#fff; background:#171717; }
.service-section .micro-label,.service-detail-section .micro-label { color:#b7b9bc; }
.service-section .section-title > p,.service-detail-section .section-title > p { color:#b7b9bc; }
.service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.service-card { position:relative; min-height:520px; padding:34px; overflow:hidden; border:1px solid #383a3d; border-radius:24px; background:linear-gradient(145deg,#222326,#191a1c); }
.service-card::before { content:""; position:absolute; width:220px; height:220px; right:-100px; top:-110px; border:1px solid rgba(255,84,40,.26); border-radius:50%; }
.service-number { position:absolute; right:25px; top:18px; color:#303235; font:900 72px/1 "Arial Narrow",Arial,sans-serif; letter-spacing:-.08em; }
.service-card > span { color:#ff9d82; font:800 10px/1 "Arial Narrow",Arial,sans-serif; letter-spacing:.13em; }
.service-card h3 { position:relative; margin:28px 0 12px; font-size:28px; }
.service-card > p { position:relative; max-width:500px; margin:0; color:#bfc1c4; line-height:1.75; }
.service-card ol { position:relative; margin:28px 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:10px; counter-reset:step; list-style:none; }
.service-card li { min-height:72px; padding:16px; border:1px solid #393b3e; border-radius:13px; color:#d9dadd; font-size:13px; line-height:1.55; background:rgba(255,255,255,.025); }
.service-card li::before { counter-increment:step; content:"0" counter(step); display:block; margin-bottom:8px; color:#ff8766; font:800 10px/1 Arial,sans-serif; }
.service-boundary { margin-top:24px; padding-top:20px; border-top:1px solid #3b3d40; }
.service-boundary strong { color:#ff9d82; font-size:11px; }
.service-boundary p { margin:8px 0 0; color:#9fa2a6; font-size:12px; line-height:1.65; }
.review-section { background:#e9e8e4; }
.review-layout { display:grid; grid-template-columns:.82fr 1.18fr; gap:80px; align-items:start; }
.review-layout > div:first-child { position:sticky; top:130px; }
.review-themes { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.review-themes article { min-height:210px; padding:26px; border:1px solid #d1d2d3; border-radius:20px; background:rgba(255,255,255,.68); }
.review-themes article:first-child { grid-column:1/-1; min-height:190px; }
.review-themes article > span { color:var(--accent-strong); font:850 11px/1 Arial,sans-serif; }
.review-themes h3 { margin:40px 0 10px; font-size:21px; }
.review-themes p { margin:0; color:var(--muted); font-size:14px; line-height:1.7; }
.faq-home { background:#fff; }
.faq-list { border-top:1px solid var(--line); }
.faq-item { border-bottom:1px solid var(--line); }
.faq-page .faq-item { content-visibility:auto; contain-intrinsic-size:78px; }
.faq-item summary { min-height:76px; padding:16px 4px; display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; font-size:16px; font-weight:800; list-style:none; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary i { width:28px; height:28px; position:relative; flex:0 0 28px; border:1px solid #cfd1d3; border-radius:50%; }
.faq-item summary i::before,.faq-item summary i::after { content:""; position:absolute; left:7px; right:7px; top:13px; height:1px; background:#333; }
.faq-item summary i::after { transform:rotate(90deg); transition:transform .2s ease; }
.faq-item[open] summary i::after { transform:rotate(0); }
.faq-item > div { padding:0 70px 24px 4px; }
.faq-item p { max-width:900px; margin:0; color:var(--muted); font-size:15px; line-height:1.8; }
.copy-answer { min-height:40px; margin-top:14px; padding:0 12px; border:1px solid #d2d4d5; border-radius:9px; background:#fff; color:#46484b; cursor:pointer; font-size:12px; font-weight:750; }
.copy-answer:hover { border-color:#999; }
.editorial-section { background:var(--paper); }
.article-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.article-card { min-width:0; overflow:hidden; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:22px; background:#fff; }
.article-media { aspect-ratio:16/10; }
.article-card-body { flex:1; padding:24px; display:flex; flex-direction:column; }
.article-meta { display:flex; justify-content:space-between; gap:16px; color:#777a7d; font-size:11px; font-weight:750; }
.article-meta span { color:var(--accent-strong); }
.article-card h3 { margin:20px 0 12px; font-size:21px; line-height:1.4; letter-spacing:-.02em; }
.article-card h3 a { text-decoration:none; }
.article-card h3 a:hover { text-decoration:underline; text-underline-offset:4px; }
.article-card-body > p { margin:0 0 20px; color:var(--muted); font-size:14px; line-height:1.7; }
.contact-panel { width:var(--container); margin:100px auto; padding:52px; display:flex; align-items:center; justify-content:space-between; gap:40px; border-radius:26px; color:#fff; background:linear-gradient(125deg,#171717,#343434); }
.contact-panel h2 { margin:18px 0 12px; font-size:clamp(30px,3vw,46px); letter-spacing:-.04em; }
.contact-panel p { margin:0; color:#bfc1c4; }
.contact-panel .micro-label { color:#c9cbcd; }
.site-footer { padding:70px 0 26px; color:#fff; background:#111; }
.footer-shell { width:var(--container); display:grid; grid-template-columns:1.5fr .6fr .9fr; gap:80px; margin:auto; }
.footer-brand { display:flex; align-items:center; gap:20px; }
.footer-brand img { width:94px; height:94px; border-radius:16px; object-fit:contain; background:#fff; }
.footer-brand strong { font-size:24px; }
.footer-brand p { margin:8px 0 0; color:#9ea1a4; }
.footer-shell h2 { margin:0 0 18px; color:#777b7f; font-size:11px; letter-spacing:.1em; }
.footer-shell > div:not(:first-child) { display:flex; flex-direction:column; align-items:flex-start; }
.footer-shell a,.footer-shell p { margin:0 0 10px; color:#d3d5d7; font-size:14px; line-height:1.6; text-decoration:none; }
.footer-shell a { min-height:44px; display:inline-flex; align-items:center; }
.footer-shell a:hover { color:#fff; text-decoration:underline; text-underline-offset:3px; }
.footer-shell small { color:#777b7f; }
.footer-bottom { width:var(--container); margin:54px auto 0; padding-top:22px; display:flex; justify-content:space-between; gap:30px; border-top:1px solid #292b2e; color:#686b6e; font-size:11px; }
.filing-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px 18px; }
.filing-links a { color:#9ea1a4; text-decoration:none; }
.filing-links a:hover { color:#fff; text-decoration:underline; text-underline-offset:3px; }
.page-hero { width:var(--container); min-height:590px; margin:auto; padding:74px 0; display:grid; grid-template-columns:.9fr 1.1fr; gap:60px; align-items:center; }
.page-hero > div:first-child { max-width:680px; }
.page-hero h1 { margin:24px 0 20px; font-size:clamp(42px,4.6vw,66px); line-height:1.08; letter-spacing:-.052em; white-space:pre-line; }
.page-hero > div:first-child > p { margin:0; color:var(--muted); font-size:17px; line-height:1.8; }
.page-hero-media { aspect-ratio:4/3; border-radius:28px; box-shadow:var(--shadow); }
.product-grid.wide { grid-template-columns:1fr 1fr; }
.evidence-banner { width:var(--container); margin:0 auto 110px; padding:48px; display:grid; grid-template-columns:.7fr 1.3fr; gap:60px; border-radius:26px; color:#fff; background:#171717; }
.evidence-banner h2 { margin:20px 0 0; font-size:38px; }
.evidence-banner .micro-label { color:#bbb; }
.evidence-banner ol { margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:12px; list-style:none; }
.evidence-banner li { min-height:90px; display:flex; align-items:center; gap:14px; padding:18px; border:1px solid #37393c; border-radius:14px; }
.evidence-banner b { color:#ff8a69; }
.evidence-banner strong,.evidence-banner span { display:block; }
.evidence-banner span { color:#aeb1b4; font-size:12px; line-height:1.55; }
.evidence-banner strong { margin-bottom:4px; color:#fff; font-size:14px; }
.service-grid.full { grid-template-columns:1fr 1fr; }
.warranty-policy { width:var(--container); margin:90px auto; padding:54px; display:grid; grid-template-columns:.8fr 1.2fr; gap:50px; border:1px solid #d6d8da; border-radius:28px; background:#fff; }
.warranty-policy .section-title { margin:0; }
.warranty-pairs { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.warranty-pairs article { padding:24px; border-radius:18px; background:#f2f1ed; }
.warranty-pairs span,.warranty-pairs strong { display:block; }
.warranty-pairs span { color:var(--muted); font-size:12px; }
.warranty-pairs strong { margin-top:18px; font-size:22px; }
.warranty-policy > p { grid-column:1/-1; margin:0; padding-top:24px; border-top:1px solid var(--line); color:var(--muted); line-height:1.75; }
.faq-page .page-hero { min-height:460px; grid-template-columns:1fr; }
.faq-tools { position:sticky; z-index:30; top:84px; width:var(--container); margin:0 auto 40px; padding:14px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; border:1px solid #d7d8da; border-radius:16px; background:rgba(255,255,255,.92); box-shadow:0 14px 40px rgba(32,34,36,.09); backdrop-filter:blur(15px); }
.faq-tools label { min-height:44px; display:flex; align-items:center; gap:8px; padding:0 10px; font-size:13px; font-weight:800; }
.faq-tools input { width:100%; min-height:48px; padding:0 14px; border:1px solid #d4d6d8; border-radius:11px; background:#f7f7f5; color:var(--ink); font-size:16px; }
.faq-tools input:focus-visible { outline:3px solid rgba(255,84,40,.3); border-color:var(--accent); }
.faq-tools > div { padding:0 10px; color:var(--muted); font-size:12px; }
.faq-catalog { width:var(--container); margin:0 auto 110px; }
.faq-group { margin-top:70px; scroll-margin-top:170px; }
.faq-group > header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:18px; border-bottom:3px solid #171717; }
.faq-group h2 { margin:0; font-size:28px; }
.faq-group > header span { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#171717; font-size:11px; }
.faq-empty { padding:60px; text-align:center; }
.article-grid.listing { grid-template-columns:repeat(3,minmax(0,1fr)); }
.article-page { width:var(--container); margin:auto; }
.article-header { max-width:1040px; margin:90px auto 0; }
.article-header h1 { margin:28px 0 22px; font-size:clamp(44px,5vw,72px); line-height:1.08; letter-spacing:-.052em; }
.article-header > p { max-width:800px; margin:0; color:var(--muted); font-size:18px; line-height:1.75; }
.article-byline { margin:28px 0; display:flex; flex-wrap:wrap; gap:12px 24px; color:#74777b; font-size:12px; }
.article-hero { aspect-ratio:16/8.5; margin-top:36px; border-radius:30px; box-shadow:var(--shadow); }
.reading-layout { max-width:1120px; margin:70px auto 120px; display:grid; grid-template-columns:minmax(0,760px) 240px; gap:80px; align-items:start; }
.article-content section { margin-bottom:54px; }
.article-content h2 { margin:0 0 20px; font-size:30px; letter-spacing:-.03em; }
.article-content p { margin:0 0 18px; color:#35373a; font-size:17px; line-height:2; }
.source-note { margin-top:70px; padding:28px; border:1px solid #d5d7d8; border-radius:18px; background:#ecebe7; }
.source-note h2 { font-size:18px; }
.source-note li,.source-note p { color:var(--muted); font-size:13px; line-height:1.7; }
.reading-aside { position:sticky; top:130px; padding:22px; display:grid; gap:4px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.reading-aside strong { padding:8px; color:#777; font-size:11px; }
.reading-aside a { min-height:44px; padding:0 8px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #eee; text-decoration:none; font-size:13px; font-weight:750; }
.facts-table { width:var(--container); margin:0 auto 100px; border-top:3px solid #171717; }
.facts-table > header,.facts-table > article { display:grid; grid-template-columns:.8fr 1.5fr .6fr .6fr; gap:20px; align-items:center; min-height:76px; padding:14px 18px; border-bottom:1px solid #d5d7d8; }
.facts-table > header { color:#777; font-size:11px; font-weight:800; }
.facts-table p { margin:0; color:var(--muted); line-height:1.55; }
.fact-status { width:max-content; padding:7px 9px; border-radius:999px; color:#8c2f14; background:var(--accent-soft); font-size:10px; font-weight:800; }
.facts-table time { color:#777; font-size:11px; }
.correction-box { width:var(--container); margin:0 auto 100px; padding:36px; display:flex; justify-content:space-between; align-items:center; gap:30px; border-radius:22px; color:#fff; background:#171717; }
.correction-box h2 { margin:0 0 10px; font-size:26px; }
.correction-box p { max-width:800px; margin:0; color:#b7b9bc; line-height:1.7; }
.about-values { width:var(--container); margin:0 auto 110px; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #d5d7d8; border-radius:22px; background:#fff; }
.about-values article { min-height:240px; padding:28px; }
.about-values article + article { border-left:1px solid #d5d7d8; }
.about-values span { color:var(--accent-strong); font:850 11px/1 Arial,sans-serif; }
.about-values h2 { margin:70px 0 12px; font-size:22px; }
.about-values p { margin:0; color:var(--muted); font-size:14px; line-height:1.7; }
.visit-panel { width:var(--container); margin:0 auto 100px; padding:56px; display:grid; grid-template-columns:1fr 1fr; gap:80px; border-radius:28px; color:#fff; background:#171717; }
.visit-panel h2 { margin:22px 0 10px; font-size:42px; }
.visit-panel p { color:#aeb0b3; }
.visit-panel .micro-label { color:#aaa; }
.visit-panel dl { margin:0; }
.visit-panel dl div { padding:18px 0; display:grid; grid-template-columns:120px 1fr; border-bottom:1px solid #333; }
.visit-panel dt { color:#777; }
.visit-panel dd { margin:0; }
.legal-page { width:min(860px,calc(100% - 32px)); margin:0 auto 110px; }
.legal-page section { padding:30px 0; border-top:1px solid var(--line); }
.legal-page h2 { margin:0 0 14px; font-size:25px; letter-spacing:-.025em; }
.legal-page p { margin:0; color:#45484b; font-size:16px; line-height:1.9; }
.legal-page a { color:var(--accent-strong); text-underline-offset:3px; }
.legal-page .legal-updated { margin-top:22px; color:var(--muted); font-size:13px; }
.empty-state { padding:70px 28px; border:1px solid var(--line); border-radius:22px; background:#fff; text-align:center; }
.empty-state h2 { margin:0 0 12px; font-size:30px; }
.empty-state p { margin:0; color:var(--muted); }
.not-found { width:var(--container); min-height:70vh; margin:auto; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.not-found h1 { margin:24px 0 14px; font-size:clamp(44px,6vw,80px); }
.not-found p { color:var(--muted); font-size:18px; }
.not-found > div { display:flex; gap:12px; margin-top:24px; }
@media (max-width:1000px) {
  :root { --container:min(100% - 32px,900px); }
  .site-nav { position:absolute; left:16px; right:16px; top:74px; display:none; padding:14px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:var(--shadow); }
  .site-nav.open { display:grid; grid-template-columns:1fr 1fr; }
  .site-nav a { justify-content:start; padding:0 16px; }
  .menu-button { margin-left:auto; display:grid; }
  .nav-call { padding:0 15px; }
  .hero { min-height:0; grid-template-columns:1fr; gap:50px; padding:58px 0 86px; }
  .hero-copy { padding-left:0; }
  .hero-copy > p { max-width:720px; }
  .hero-visual { width:min(820px,100%); margin:auto; }
  .warranty-card { left:18px; bottom:-52px; }
  .material-tag { right:18px; }
  .proof-rail { grid-template-columns:1fr 1fr; }
  .proof-rail article:nth-child(3) { border-left:0; border-top:1px solid #d6d7d8; }
  .proof-rail article:nth-child(4) { border-top:1px solid #d6d7d8; }
  .concept-section { grid-template-columns:1fr; gap:34px; }
  .product-card { grid-template-columns:1fr; }
  .product-media img { min-height:360px; }
  .article-grid,.article-grid.listing { grid-template-columns:1fr 1fr; }
  .review-layout { grid-template-columns:1fr; gap:40px; }
  .review-layout > div:first-child { position:static; }
  .page-hero { grid-template-columns:1fr; min-height:0; }
  .page-hero-media { width:min(760px,100%); }
  .evidence-banner,.warranty-policy { grid-template-columns:1fr; }
  .reading-layout { grid-template-columns:1fr; }
  .reading-aside { position:static; grid-template-columns:repeat(3,1fr); }
  .about-values { grid-template-columns:1fr 1fr; }
  .about-values article:nth-child(3) { border-left:0; border-top:1px solid #d5d7d8; }
  .about-values article:nth-child(4) { border-top:1px solid #d5d7d8; }
}
@media (max-width:620px) {
  :root { --container:calc(100% - 24px); }
  .preview-bar { font-size:10px; }
  .nav-shell { min-height:72px; gap:10px; }
  .brand img { width:48px; height:48px; flex-basis:48px; border-radius:10px; }
  .brand span { display:none; }
  .nav-call span { display:none; }
  .nav-call { width:46px; padding:0; justify-content:center; border-radius:50%; }
  .site-nav { top:64px; }
  .hero { padding-top:46px; gap:36px; }
  .hero h1 { font-size:clamp(40px,12vw,54px); letter-spacing:-.05em; }
  .hero-copy > p { font-size:16px; }
  .hero-actions { display:grid; grid-template-columns:1fr; }
  .button { width:100%; }
  .hero-facts { margin-top:34px; }
  .hero-facts > div { align-items:flex-start; flex-direction:column; gap:6px; }
  .hero-facts > div + div { padding-left:15px; }
  .hero-facts dt { font-size:26px; }
  .visual-frame { border-radius:22px; }
  .material-tag { display:none; }
  .warranty-card { position:relative; left:auto; bottom:auto; width:calc(100% - 28px); min-height:0; margin:-34px auto 0; padding:20px; }
  .proof-rail { grid-template-columns:1fr; }
  .proof-rail article + article { border-left:0; border-top:1px solid #d6d7d8; }
  .concept-section { margin-top:54px; padding:34px 24px; border-radius:22px; }
  .content-section { padding:78px 0; }
  .section-title { margin-bottom:30px; }
  .section-title h2 { font-size:34px; }
  .section-title > p { font-size:16px; }
  .product-grid,.product-grid.wide,.service-grid,.service-grid.full,.article-grid,.article-grid.listing { grid-template-columns:1fr; }
  .product-card { border-radius:20px; }
  .product-media img { min-height:280px; }
  .product-body { padding:24px; }
  .service-card { min-height:0; padding:26px 22px; }
  .service-card ol { grid-template-columns:1fr; }
  .review-themes { grid-template-columns:1fr; }
  .review-themes article:first-child { grid-column:auto; }
  .faq-item summary { min-height:68px; }
  .faq-item > div { padding-right:14px; }
  .contact-panel { margin:70px auto; padding:32px 24px; display:grid; }
  .footer-shell { grid-template-columns:1fr; gap:42px; }
  .footer-brand { align-items:flex-start; }
  .footer-brand img { width:76px; height:76px; }
  .footer-bottom { display:grid; }
  .filing-links { justify-content:flex-start; }
  .page-hero { padding:54px 0; gap:34px; }
  .page-hero h1 { font-size:42px; }
  .evidence-banner { margin-bottom:78px; padding:30px 22px; }
  .evidence-banner ol { grid-template-columns:1fr; }
  .warranty-policy { margin:70px auto; padding:28px 22px; }
  .warranty-pairs { grid-template-columns:1fr; }
  .faq-tools { top:72px; grid-template-columns:1fr; }
  .faq-tools label { display:none; }
  .faq-group { margin-top:52px; }
  .article-header { margin-top:58px; }
  .article-header h1 { font-size:42px; }
  .article-hero { border-radius:20px; }
  .reading-layout { margin-top:48px; }
  .article-content h2 { font-size:26px; }
  .article-content p { font-size:16px; }
  .reading-aside { grid-template-columns:1fr; }
  .facts-table > header { display:none; }
  .facts-table > article { grid-template-columns:1fr; gap:10px; padding:22px 4px; }
  .correction-box { padding:28px 22px; display:grid; }
  .about-values { grid-template-columns:1fr; }
  .about-values article + article { border-left:0; border-top:1px solid #d5d7d8; }
  .about-values h2 { margin-top:42px; }
  .visit-panel { padding:32px 24px; grid-template-columns:1fr; gap:30px; }
  .visit-panel h2 { font-size:34px; }
  .visit-panel dl div { grid-template-columns:1fr; gap:8px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}