/* Zhongfan V7 editorial light theme
   Design goal: airy typography, stable image layout, restrained premium motion. */
:root{
  --red:#e10600;
  --red-2:#b80806;
  --ink:#171412;
  --muted:#706a65;
  --soft:#f6f1eb;
  --paper:#fbf8f4;
  --white:#ffffff;
  --line:rgba(28,24,20,.11);
  --shadow:0 28px 70px rgba(64,47,35,.10);
  --shadow-soft:0 16px 45px rgba(64,47,35,.075);
  --radius:28px;
  --max:1240px;
  --navH:76px;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth;background:var(--paper)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;line-height:1.62;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body.zh{font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;letter-spacing:0;}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
::selection{background:var(--red);color:white}

/* Loader */
.loader{position:fixed;inset:0;background:#fbf8f4;z-index:9999;display:grid;place-items:center;transition:opacity .55s var(--ease),visibility .55s var(--ease)}
.loader.out{opacity:0;visibility:hidden}.loader-mark{display:flex;align-items:center;gap:14px;color:var(--ink);font-size:12px;letter-spacing:.28em;text-transform:uppercase}.loader-dot{width:10px;height:10px;border-radius:50%;background:var(--red);animation:pulse 1s var(--ease) infinite alternate}@keyframes pulse{to{transform:scale(1.8);opacity:.35}}
.progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:9998;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--red),#ff6a55)}

/* Header */
.site-header{height:var(--navH);position:fixed;z-index:1000;top:0;left:0;right:0;display:flex;align-items:center;background:rgba(251,248,244,.78);backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid transparent;transition:height .28s var(--ease),background .28s var(--ease),border-color .28s var(--ease),box-shadow .28s var(--ease)}
.site-header.scrolled{height:64px;background:rgba(251,248,244,.92);border-color:var(--line);box-shadow:0 12px 36px rgba(34,24,15,.045)}
.nav-wrap{width:min(var(--max),calc(100% - 56px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;min-width:0}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:148px;height:44px;object-fit:contain;object-position:left center;display:block}.site-header.scrolled .brand img{width:132px;height:38px}.nav-links{display:flex;align-items:center;gap:26px;white-space:nowrap}.nav-links a{font-size:13px;color:rgba(23,20,18,.76);letter-spacing:.02em;position:relative}.nav-links a::after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:1px;background:var(--red);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1);transform-origin:left}.nav-actions{display:flex;align-items:center;gap:12px}.lang-switch{display:flex;align-items:center;gap:3px;border:1px solid var(--line);border-radius:999px;padding:4px;background:rgba(255,255,255,.58)}.lang-switch button{border:0;background:transparent;border-radius:999px;padding:7px 10px;cursor:pointer;color:var(--muted);font-size:12px;line-height:1}.lang-switch button.active{background:var(--ink);color:#fff}.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border-radius:999px;background:var(--red);color:#fff;font-size:13px;box-shadow:0 16px 32px rgba(225,6,0,.16);transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease)}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 20px 45px rgba(225,6,0,.24);background:var(--red-2)}.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:white;align-items:center;justify-content:center;cursor:pointer}.menu-toggle i{display:block;width:18px;height:2px;background:var(--ink);position:relative}.menu-toggle i::before,.menu-toggle i::after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--ink);transition:.25s}.menu-toggle i::before{top:-6px}.menu-toggle i::after{top:6px}

/* Typography */
.container{width:min(var(--max),calc(100% - 56px));margin:auto}.section{padding:112px 0}.section.compact{padding:82px 0}.eyebrow{font-size:12px;line-height:1.1;letter-spacing:.24em;text-transform:uppercase;color:var(--red);font-weight:700;margin:0 0 18px}.kicker{font-size:12px;line-height:1.1;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:0 0 18px}.h1,.h2,.h3,h1,h2,h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.055em;line-height:.98;margin:0;color:var(--ink)}.h1,h1{font-size:clamp(54px,8.5vw,128px);max-width:1030px}.h2,h2{font-size:clamp(38px,5.4vw,82px);max-width:850px}.h3,h3{font-size:clamp(24px,2.3vw,38px);letter-spacing:-.04em;line-height:1.05}.lead{font-size:clamp(18px,1.6vw,24px);line-height:1.65;color:var(--muted);max-width:760px;margin:28px 0 0}.body-copy{font-size:17px;line-height:1.82;color:var(--muted);max-width:650px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:58px}.section-head .lead{max-width:470px;margin:0}.thin-line{height:1px;background:var(--line);width:100%;margin:34px 0}.micro{font-size:13px;color:var(--muted);line-height:1.65}.caption{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}

/* Hero */
.hero{min-height:100svh;padding-top:calc(var(--navH) + 68px);padding-bottom:76px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:70px}.hero-copy{padding-top:20px}.hero .lead{max-width:670px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:42px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:999px;padding:0 24px;font-size:14px;font-weight:700;border:1px solid transparent;transition:transform .36s var(--ease),box-shadow .36s var(--ease),background .36s var(--ease),border-color .36s var(--ease)}.btn.primary{background:var(--red);color:white;box-shadow:0 20px 44px rgba(225,6,0,.17)}.btn.primary:hover{background:var(--red-2);transform:translateY(-3px);box-shadow:0 26px 60px rgba(225,6,0,.25)}.btn.ghost{border-color:var(--line);background:rgba(255,255,255,.65);color:var(--ink)}.btn.ghost:hover{transform:translateY(-3px);background:#fff;box-shadow:var(--shadow-soft)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:70px;max-width:720px}.stat{border-top:1px solid var(--line);padding-top:18px}.stat strong{display:block;font-size:24px;line-height:1;color:var(--ink);letter-spacing:-.04em}.stat span{display:block;margin-top:8px;font-size:13px;color:var(--muted)}
.hero-media{position:relative}.product-stage{position:relative;border-radius:42px;background:linear-gradient(145deg,#fff 0%,#f6efe7 100%);box-shadow:var(--shadow);padding:32px;min-height:640px;display:grid;align-items:center;overflow:hidden}.product-stage::before{content:"";position:absolute;inset:34px;border:1px solid rgba(225,6,0,.08);border-radius:32px;pointer-events:none}.product-stage::after{content:"";position:absolute;width:520px;height:520px;right:-150px;bottom:-180px;background:radial-gradient(circle,rgba(225,6,0,.12),rgba(225,6,0,0) 65%);pointer-events:none}.product-stage img{position:relative;z-index:1;width:100%;height:auto;max-height:560px;object-fit:contain;filter:drop-shadow(0 36px 42px rgba(45,34,25,.16));transition:transform .8s var(--ease)}.product-stage:hover img{transform:scale(1.025)}.stage-note{position:absolute;z-index:2;left:34px;bottom:34px;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:22px;padding:16px 18px;width:min(300px,calc(100% - 68px));box-shadow:0 18px 50px rgba(35,24,15,.09)}.stage-note strong{display:block;font-size:14px}.stage-note span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.page-hero{padding-top:calc(var(--navH) + 86px);padding-bottom:72px}.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:70px;align-items:end}.page-hero-media{border-radius:34px;overflow:hidden;background:#fff;box-shadow:var(--shadow-soft);padding:22px}.page-hero-media img{width:100%;height:420px;object-fit:contain;border-radius:22px;background:#f7f2ec}

/* Cards & grids */
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.card{background:rgba(255,255,255,.66);border:1px solid var(--line);border-radius:28px;padding:30px;transition:transform .42s var(--ease),box-shadow .42s var(--ease),border-color .42s var(--ease),background .42s var(--ease)}.card:hover{transform:translateY(-7px);box-shadow:var(--shadow-soft);border-color:rgba(225,6,0,.16);background:#fff}.card-num{font-size:12px;color:var(--red);letter-spacing:.18em;font-weight:800;margin-bottom:36px}.card h3{margin-bottom:16px}.card p{margin:0;color:var(--muted);font-size:15px;line-height:1.76}.category-card{padding:0;overflow:hidden;background:#fff}.category-card .image-box{height:340px;border-radius:28px 28px 0 0}.category-card .card-body{padding:28px}.image-box{background:linear-gradient(145deg,#fff,#f5efe7);border-radius:26px;display:flex;align-items:center;justify-content:center;padding:22px;overflow:hidden;position:relative}.image-box img{width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 20px 28px rgba(46,34,24,.10));will-change:transform;transition:transform .8s var(--ease)}.card:hover .image-box img,.story-image:hover img{transform:scale(1.035)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-card{background:#fff;border:1px solid var(--line);border-radius:30px;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease);min-width:0}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:rgba(225,6,0,.16)}.product-card .image-box{height:340px;border-radius:0;background:#faf6f0}.product-card .image-box img{max-height:100%;object-fit:contain}.product-info{padding:26px}.product-meta{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.product-tag{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-weight:800;line-height:1.35}.product-code{font-size:12px;color:var(--muted);white-space:nowrap}.product-info h3{font-size:24px;margin-bottom:12px}.product-info p{font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 20px}.spec-row{display:flex;gap:10px;flex-wrap:wrap}.spec-row span{font-size:12px;color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:8px 10px;line-height:1}.product-card[data-category].hide{display:none}

/* Editorial story */
.story-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:78px;align-items:center}.story-image{background:#fff;border:1px solid var(--line);border-radius:36px;box-shadow:var(--shadow-soft);padding:22px;overflow:hidden}.story-image img{width:100%;height:540px;object-fit:contain;border-radius:24px;background:#f8f2eb;transition:transform .85s var(--ease)}.text-list{display:grid;gap:22px;margin-top:40px}.text-line{display:grid;grid-template-columns:54px 1fr;gap:22px;border-top:1px solid var(--line);padding-top:24px}.text-line strong{font-size:18px;letter-spacing:-.03em}.text-line p{margin:2px 0 0;color:var(--muted);font-size:15px;line-height:1.75}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.45)}.marquee-track{display:flex;gap:42px;white-space:nowrap;animation:marquee 28s linear infinite;padding:18px 0}.marquee-track span{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Gallery */
.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gallery-item{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;min-height:290px;padding:14px;transition:transform .42s var(--ease),box-shadow .42s var(--ease),opacity .3s var(--ease)}.gallery-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft)}.gallery-item .image-box{height:260px;border-radius:18px;background:#fbf7f1;padding:12px}.gallery-caption{padding:14px 4px 4px;font-size:13px;color:var(--muted)}.gallery-item.hide{display:none}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px}.filter-btn{border:1px solid var(--line);background:rgba(255,255,255,.62);border-radius:999px;padding:11px 16px;cursor:pointer;color:var(--muted);font-size:13px;transition:.28s var(--ease)}.filter-btn:hover,.filter-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}

/* Process */
.process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;counter-reset:step}.process-step{background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px;min-height:190px;position:relative;overflow:hidden}.process-step::before{counter-increment:step;content:"0" counter(step);display:block;color:var(--red);font-size:12px;letter-spacing:.18em;font-weight:800;margin-bottom:44px}.process-step h3{font-size:20px;margin-bottom:12px}.process-step p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}

/* CTA */
.cta{background:#fff;border:1px solid var(--line);border-radius:42px;padding:64px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:40px;align-items:center;box-shadow:var(--shadow-soft)}.cta h2{font-size:clamp(38px,4.6vw,76px)}.cta p{margin-top:22px}.contact-panel{background:var(--ink);color:#fff;border-radius:32px;padding:34px}.contact-panel .micro{color:rgba(255,255,255,.66)}.contact-panel a{color:#fff}.contact-line{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.13)}.contact-line:last-child{border-bottom:0}.dot{width:9px;height:9px;background:var(--red);border-radius:50%;flex:0 0 auto}

/* Forms */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid .full{grid-column:1/-1}.field label{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:8px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:18px;background:#fff;padding:15px 16px;outline:none;color:var(--ink);transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}.field textarea{min-height:160px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(225,6,0,.42);box-shadow:0 0 0 5px rgba(225,6,0,.06)}

/* Motion */
.reveal{opacity:0;transform:translate3d(0,42px,0);transition:opacity .82s var(--ease),transform .82s var(--ease);will-change:opacity,transform}.reveal.visible{opacity:1;transform:translate3d(0,0,0)}.reveal.delay-1{transition-delay:.08s}.reveal.delay-2{transition-delay:.16s}.reveal.delay-3{transition-delay:.24s}.image-reveal{clip-path:inset(8% 8% 8% 8% round 28px);opacity:0;transform:translate3d(0,55px,0) scale(.985);transition:clip-path 1.05s var(--ease),opacity .82s var(--ease),transform 1.05s var(--ease);will-change:clip-path,opacity,transform}.image-reveal.visible{clip-path:inset(0 0 0 0 round 28px);opacity:1;transform:translate3d(0,0,0) scale(1)}.parallax{will-change:transform}.fade-swap{animation:fadeSwap .28s var(--ease)}@keyframes fadeSwap{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

/* Footer */
.footer{padding:58px 0;background:#171412;color:white}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:42px}.footer img{width:150px;height:44px;object-fit:contain;filter:brightness(0) invert(1)}.footer p,.footer a{color:rgba(255,255,255,.66);font-size:14px;line-height:1.8}.footer h4{margin:0 0 14px;font-size:13px;letter-spacing:.16em;text-transform:uppercase}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.45);font-size:13px}.float-whatsapp,.back-top{position:fixed;z-index:990;right:22px;border-radius:50%;display:grid;place-items:center;transition:transform .35s var(--ease),box-shadow .35s var(--ease),opacity .35s var(--ease)}.float-whatsapp{bottom:88px;width:56px;height:56px;background:#25D366;color:#fff;box-shadow:0 18px 42px rgba(37,211,102,.26);font-weight:800}.back-top{bottom:22px;width:52px;height:52px;background:#fff;border:1px solid var(--line);cursor:pointer}.float-whatsapp:hover,.back-top:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft)}.back-top{opacity:0;pointer-events:none}.back-top.show{opacity:1;pointer-events:auto}

/* Responsive */
@media (max-width:1120px){.nav-links{gap:18px}.hero-grid,.page-hero-grid,.story-grid{grid-template-columns:1fr;gap:48px}.hero-media{order:-1}.product-stage{min-height:auto}.page-hero-media img{height:360px}.grid-4,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process{grid-template-columns:repeat(3,minmax(0,1fr))}.section-head{display:block}.section-head .lead{margin-top:22px;max-width:720px}}
@media (max-width:820px){:root{--navH:68px}.container,.nav-wrap{width:min(100% - 32px,var(--max))}.site-header{height:68px}.brand img{width:130px;height:38px}.nav-links{position:fixed;left:16px;right:16px;top:76px;display:grid;gap:0;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-soft);padding:14px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.28s var(--ease)}.nav-links.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-links a{padding:14px 10px;border-bottom:1px solid var(--line)}.nav-links a:last-child{border-bottom:0}.nav-cta{display:none}.menu-toggle{display:flex}.hero{padding-top:104px;min-height:auto}.h1,h1{font-size:clamp(48px,15vw,74px)}.h2,h2{font-size:clamp(36px,10vw,56px)}.lead{font-size:18px}.hero-grid{gap:36px}.product-stage{border-radius:28px;padding:18px}.product-stage img{max-height:410px}.stage-note{left:20px;right:20px;bottom:20px;width:auto}.hero-stats,.grid-3,.product-grid,.process,.footer-grid,.cta,.form-grid{grid-template-columns:1fr}.section{padding:78px 0}.section.compact{padding:58px 0}.category-card .image-box,.product-card .image-box{height:280px}.story-image img{height:360px}.gallery-grid{grid-template-columns:1fr}.gallery-item .image-box{height:300px}.cta{padding:30px;border-radius:30px}.footer-bottom{display:block}.lang-switch{margin-left:auto}.nav-actions{gap:8px}}
@media (max-width:520px){.grid-4{grid-template-columns:1fr}.product-stage img{max-height:340px}.hero-stats{gap:16px}.stage-note{position:relative;margin-top:18px;left:auto;right:auto;bottom:auto;width:100%}.product-stage{display:block}.page-hero-media img{height:300px}.text-line{grid-template-columns:1fr;gap:8px}.float-whatsapp{width:52px;height:52px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal,.image-reveal{opacity:1;transform:none;clip-path:none}}


/* V8 editorial refinement: calmer hero, safer Chinese typography, above-the-fold balance */
.hero{min-height:auto;padding-top:calc(var(--navH) + 70px);padding-bottom:88px;align-items:center;}
.hero-grid{grid-template-columns:minmax(0,.9fr) minmax(420px,1fr);gap:clamp(50px,6vw,92px);align-items:center;}
.hero-copy{max-width:680px;padding-top:0;}
.h1,h1{font-size:clamp(44px,5.45vw,84px);line-height:1.035;letter-spacing:-.046em;max-width:760px;font-weight:800;}
.hero .lead{font-size:clamp(17px,1.18vw,20px);line-height:1.72;max-width:570px;margin-top:24px;color:#6d6761;}
.hero-actions{margin-top:34px;}
.hero-stats{margin-top:46px;max-width:610px;gap:18px;}
.stat{padding-top:15px;}
.stat strong{font-size:20px;letter-spacing:-.035em;}
.stat span{font-size:12px;line-height:1.45;}
.product-stage{min-height:520px;border-radius:36px;padding:28px;}
.product-stage::before{inset:28px;border-radius:28px;}
.product-stage img{max-height:455px;}
.stage-note{left:28px;bottom:28px;width:min(270px,calc(100% - 56px));padding:14px 16px;border-radius:18px;}
.stage-note strong{font-size:13px;line-height:1.25;}.stage-note span{font-size:11.5px;line-height:1.55;}
.eyebrow{font-size:11px;letter-spacing:.23em;margin-bottom:16px;}
.btn{min-height:48px;padding:0 22px;font-size:13px;}
.section-head{margin-bottom:52px;}
body.zh .h1,body.zh h1{font-size:clamp(40px,4.6vw,68px);line-height:1.16;letter-spacing:-.015em;max-width:720px;font-weight:780;}
body.zh .h2,body.zh h2{font-size:clamp(34px,4.4vw,64px);line-height:1.16;letter-spacing:-.012em;max-width:760px;font-weight:760;}
body.zh .h3,body.zh h3{letter-spacing:-.006em;line-height:1.22;}
body.zh .lead{font-size:clamp(16px,1.12vw,19px);line-height:1.92;max-width:580px;}
body.zh .hero .lead{max-width:550px;margin-top:22px;}
body.zh .eyebrow{letter-spacing:.18em;}
body.zh .nav-links a{font-size:13px;}
@media (max-height:850px) and (min-width:980px){
  .hero{padding-top:calc(var(--navH) + 52px);padding-bottom:58px;}
  .h1,h1{font-size:clamp(42px,5vw,76px);}
  body.zh .h1,body.zh h1{font-size:clamp(38px,4.2vw,62px);}
  .product-stage{min-height:475px;}.product-stage img{max-height:410px;}
  .hero-stats{margin-top:34px;}
}
@media (max-width:1120px){
  .hero-grid{grid-template-columns:1fr;gap:42px;}
  .hero-media{order:0;}
  .hero-copy{max-width:820px;}
  .product-stage{min-height:460px;}
  .product-stage img{max-height:400px;}
}
@media (max-width:820px){
  .hero{padding-top:104px;padding-bottom:56px;}
  .h1,h1{font-size:clamp(42px,12vw,64px);line-height:1.04;}
  body.zh .h1,body.zh h1{font-size:clamp(34px,9.5vw,50px);line-height:1.18;}
  .hero .lead{font-size:16.5px;line-height:1.78;}
  body.zh .hero .lead{font-size:16px;line-height:1.9;}
  .hero-stats{margin-top:34px;}
  .product-stage{min-height:auto;border-radius:28px;padding:18px;}
  .product-stage img{max-height:360px;}
}
@media (max-width:520px){
  .hero-actions{margin-top:28px}.hero-stats{margin-top:30px;}
  .h1,h1{font-size:clamp(38px,11.5vw,54px);}
  body.zh .h1,body.zh h1{font-size:clamp(32px,9vw,42px);}
}


/* V9 premium motion layer: refined interactions without layout shift
   Principle: only animate transform, opacity and clip-path; no width/height/layout animation. */
:root{
  --ease-premium:cubic-bezier(.16,1,.3,1);
  --ease-soft:cubic-bezier(.22,.61,.36,1);
}
body{overflow-x:hidden;}
body.motion-ready .hero-copy.reveal.visible{transition-duration:.95s;}
body.motion-ready .hero-media.reveal.visible{transition-duration:1.08s;}
.site-header{will-change:transform,background,border-color;}
.site-header.scrolled{transform:translate3d(0,0,0);}

/* Softer premium scroll reveal */
.reveal{filter:blur(10px);transform:translate3d(0,46px,0) scale(.992);transition:opacity .92s var(--ease-premium),transform .92s var(--ease-premium),filter .92s var(--ease-premium);}
.reveal.visible{filter:blur(0);transform:translate3d(0,0,0) scale(1);}
.image-reveal{position:relative;overflow:hidden;transform:translate3d(0,58px,0) scale(.98);transition:clip-path 1.16s var(--ease-premium),opacity .9s var(--ease-premium),transform 1.16s var(--ease-premium),filter 1.16s var(--ease-premium);filter:saturate(.96) contrast(.98);}
.image-reveal.visible{filter:saturate(1) contrast(1);}
.image-reveal::after{content:"";position:absolute;inset:-2px;z-index:4;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.54) 46%,rgba(255,255,255,0) 100%);transform:translate3d(-130%,0,0);opacity:0;}
.image-reveal.visible::after{animation:imageSweep 1.18s var(--ease-premium) .16s both;}
@keyframes imageSweep{0%{transform:translate3d(-130%,0,0);opacity:0}28%{opacity:.55}100%{transform:translate3d(130%,0,0);opacity:0}}

/* Micro-interactions */
.motion-card{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translate3d(0,var(--ty,0px),0);transition:transform .52s var(--ease-premium),box-shadow .52s var(--ease-premium),border-color .52s var(--ease-premium),background .52s var(--ease-premium);will-change:transform;}
.motion-card.is-hovering{--ty:-6px;}
.motion-card.is-hovering.card,.motion-card.is-hovering.product-stage,.motion-card.is-hovering.gallery-item,.motion-card.is-hovering.cta{box-shadow:0 34px 90px rgba(64,47,35,.13);border-color:rgba(225,6,0,.16);}
.motion-card .image-box img,.motion-card.product-stage img,.motion-card.gallery-item img{transition:transform .75s var(--ease-premium),filter .75s var(--ease-premium);}
.motion-card.is-hovering .image-box img,.motion-card.is-hovering.product-stage img,.motion-card.is-hovering.gallery-item img{transform:translate3d(0,-4px,0) scale(1.025);filter:drop-shadow(0 24px 30px rgba(46,34,24,.12));}
.product-stage.motion-card.is-hovering img.parallax{filter:drop-shadow(0 40px 48px rgba(45,34,25,.18));}

/* Magnetic buttons stay subtle */
.motion-magnet{transform:translate3d(var(--mx,0px),var(--my,0px),0);will-change:transform;}
.btn.motion-magnet,.nav-cta.motion-magnet,.float-whatsapp.motion-magnet,.back-top.motion-magnet{transition:transform .42s var(--ease-premium),box-shadow .36s var(--ease-premium),background .36s var(--ease-premium),border-color .36s var(--ease-premium);}

/* Text rhythm polish */
.section{position:relative;}
.section-head.reveal.visible h2,.hero-copy.reveal.visible h1,.page-hero .reveal.visible h1{animation:textSettle .9s var(--ease-premium) both;}
@keyframes textSettle{from{letter-spacing:-.028em;opacity:.82}to{opacity:1}}
body.zh .section-head.reveal.visible h2,body.zh .hero-copy.reveal.visible h1,body.zh .page-hero .reveal.visible h1{animation:none;}

/* Process progress line, desktop only */
.process{position:relative;--flow:0;}
@media (min-width:821px){
  .process::before,.process::after{content:"";position:absolute;left:5%;right:5%;top:40px;height:1px;pointer-events:none;}
  .process::before{background:var(--line);}
  .process::after{background:linear-gradient(90deg,var(--red),rgba(225,6,0,.25));transform-origin:0 50%;transform:scaleX(var(--flow));transition:transform .18s linear;}
  .process-step{z-index:1;}
}
.process-step{transition:transform .55s var(--ease-premium),box-shadow .55s var(--ease-premium),border-color .55s var(--ease-premium),background .55s var(--ease-premium);}
.process-step:hover{transform:translate3d(0,-5px,0);box-shadow:var(--shadow-soft);border-color:rgba(225,6,0,.16);}

/* Gallery/product filters feel smoother */
.product-card,.gallery-item{transition:opacity .36s var(--ease-premium),transform .48s var(--ease-premium),box-shadow .48s var(--ease-premium),border-color .48s var(--ease-premium);}
.product-card.hide,.gallery-item.hide{opacity:0;transform:scale(.975) translate3d(0,10px,0);pointer-events:none;}
.filter-btn{transition:transform .32s var(--ease-premium),background .32s var(--ease-premium),color .32s var(--ease-premium),border-color .32s var(--ease-premium),box-shadow .32s var(--ease-premium);}
.filter-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(64,47,35,.08);}

/* Marquee remains calm */
.marquee-track{animation-duration:36s;will-change:transform;}
.marquee:hover .marquee-track{animation-play-state:paused;}

/* Page fade for internal navigation */
body.page-leaving{opacity:.55;transform:translate3d(0,8px,0);transition:opacity .22s var(--ease-soft),transform .22s var(--ease-soft);}

/* Reduce motion and mobile safety */
@media (max-width:820px){
  .reveal{filter:none;transform:translate3d(0,30px,0);}
  .motion-card,.motion-magnet{transform:none!important;}
  .image-reveal::after{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .reveal,.image-reveal{filter:none!important;}
  .image-reveal::after{display:none!important;}
  .motion-card,.motion-magnet{transform:none!important;}
  .process::after{display:none!important;}
}


/* V9 specificity fixes: keep premium hover lift and pointer micro-motion working together */
.motion-card.card.is-hovering,
.motion-card.category-card.is-hovering,
.motion-card.product-card.is-hovering,
.motion-card.gallery-item.is-hovering,
.motion-card.product-stage.is-hovering,
.motion-card.cta.is-hovering{
  transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translate3d(0,var(--ty,-6px),0);
}
.btn.motion-magnet:hover{transform:translate3d(var(--mx,0px),calc(var(--my,0px) - 3px),0);}
.nav-cta.motion-magnet:hover{transform:translate3d(var(--mx,0px),calc(var(--my,0px) - 2px),0);}
.float-whatsapp.motion-magnet:hover,.back-top.motion-magnet:hover{transform:translate3d(var(--mx,0px),calc(var(--my,0px) - 4px),0);}
@media (max-width:820px), (prefers-reduced-motion:reduce){
  .motion-card.card.is-hovering,.motion-card.category-card.is-hovering,.motion-card.product-card.is-hovering,.motion-card.gallery-item.is-hovering,.motion-card.product-stage.is-hovering,.motion-card.cta.is-hovering{transform:none!important;}
}


/* V10 slow premium scroll reveal
   Purpose: a calmer Moleskine-like loading rhythm while keeping high FPS.
   Only opacity, transform and filter/clip-path are animated; layout never changes. */
:root{
  --reveal-slow:cubic-bezier(.16,1,.3,1);
}
body.v10-motion .reveal{
  opacity:0;
  transform:translate3d(0,62px,0) scale(.992);
  filter:blur(13px);
  transition-property:opacity,transform,filter;
  transition-duration:1.28s;
  transition-timing-function:var(--reveal-slow);
  transition-delay:var(--zf-delay,0ms);
  will-change:opacity,transform,filter;
}
body.v10-motion .reveal.visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
}
body.v10-motion .image-reveal{
  opacity:0;
  clip-path:inset(12% 10% 12% 10% round 30px);
  transform:translate3d(0,78px,0) scale(.982);
  filter:blur(9px) saturate(.94) contrast(.98);
  transition-property:clip-path,opacity,transform,filter;
  transition-duration:1.55s,1.1s,1.55s,1.55s;
  transition-timing-function:var(--reveal-slow);
  transition-delay:var(--zf-delay,0ms);
  will-change:clip-path,opacity,transform,filter;
}
body.v10-motion .image-reveal.visible{
  opacity:1;
  clip-path:inset(0 0 0 0 round 30px);
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0) saturate(1) contrast(1);
}
body.v10-motion .slow-reveal{
  opacity:0;
  transform:translate3d(0,44px,0);
  filter:blur(10px);
  transition:opacity 1.18s var(--reveal-slow),transform 1.18s var(--reveal-slow),filter 1.18s var(--reveal-slow);
  transition-delay:var(--zf-delay,0ms);
  will-change:opacity,transform,filter;
}
body.v10-motion .slow-reveal.slow-visible{
  opacity:1;
  transform:translate3d(0,0,0);
  filter:blur(0);
}
body.v10-motion .image-box.image-reveal img,
body.v10-motion .story-image.image-reveal img,
body.v10-motion .page-hero-media.image-reveal img{
  transform:translate3d(0,18px,0) scale(1.012);
  transition:transform 1.65s var(--reveal-slow),filter 1.65s var(--reveal-slow);
}
body.v10-motion .image-box.image-reveal.visible img,
body.v10-motion .story-image.image-reveal.visible img,
body.v10-motion .page-hero-media.image-reveal.visible img{
  transform:translate3d(0,0,0) scale(1);
}
body.v10-motion .stage-note.slow-reveal{
  transform:translate3d(0,24px,0);
}
body.v10-motion .stage-note.slow-reveal.slow-visible{
  transform:translate3d(0,0,0);
}
body.v10-motion .process-step.slow-reveal.slow-visible:hover{
  transform:translate3d(0,-5px,0);
}
@media (max-width:820px){
  body.v10-motion .reveal{transform:translate3d(0,34px,0) scale(1);filter:none;transition-duration:.9s;}
  body.v10-motion .image-reveal{transform:translate3d(0,38px,0) scale(.995);filter:none;clip-path:inset(8% 6% 8% 6% round 24px);transition-duration:1s,.75s,1s,1s;}
  body.v10-motion .slow-reveal{transform:translate3d(0,28px,0);filter:none;transition-duration:.85s;}
}
@media (prefers-reduced-motion:reduce){
  body.v10-motion .reveal,
  body.v10-motion .image-reveal,
  body.v10-motion .slow-reveal{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;transition:none!important;}
}
/* Preserve hover micro-interactions after V10 reveal finishes. */
body.v10-motion .motion-card.card.is-hovering.reveal.visible,
body.v10-motion .motion-card.category-card.is-hovering.reveal.visible,
body.v10-motion .motion-card.product-card.is-hovering.reveal.visible,
body.v10-motion .motion-card.gallery-item.is-hovering.reveal.visible,
body.v10-motion .motion-card.product-stage.is-hovering.image-reveal.visible,
body.v10-motion .motion-card.cta.is-hovering.reveal.visible{
  transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translate3d(0,var(--ty,-6px),0);
}
@media (max-width:820px), (prefers-reduced-motion:reduce){
  body.v10-motion .motion-card.card.is-hovering.reveal.visible,
  body.v10-motion .motion-card.category-card.is-hovering.reveal.visible,
  body.v10-motion .motion-card.product-card.is-hovering.reveal.visible,
  body.v10-motion .motion-card.gallery-item.is-hovering.reveal.visible,
  body.v10-motion .motion-card.product-stage.is-hovering.image-reveal.visible,
  body.v10-motion .motion-card.cta.is-hovering.reveal.visible{transform:none!important;}
}


/* V11: block-by-block / row-by-row upward reveal
   The approved V8/V10 layout is kept. This layer only changes scroll rhythm.
   Performance: transform + opacity only, with light delays. */
body.v11-motion{
  --block-ease:cubic-bezier(.16,1,.3,1);
}
body.v11-motion .reveal,
body.v11-motion .image-reveal,
body.v11-motion .slow-reveal{
  filter:none!important;
}
body.v11-motion .block-reveal{
  opacity:0!important;
  transform:translate3d(0,54px,0)!important;
  transition:opacity .98s var(--block-ease), transform .98s var(--block-ease)!important;
  transition-delay:var(--block-delay,0ms)!important;
  will-change:opacity,transform;
  backface-visibility:hidden;
  transform-style:preserve-3d;
}
body.v11-motion .block-reveal.block-visible{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
}
body.v11-motion .image-reveal.block-reveal{
  transform:translate3d(0,64px,0) scale(.992)!important;
}
body.v11-motion .image-reveal.block-reveal.block-visible{
  transform:translate3d(0,0,0) scale(1)!important;
}
body.v11-motion .section-head.block-reveal,
body.v11-motion .page-hero .container.block-reveal{
  transform:translate3d(0,40px,0)!important;
}
body.v11-motion .section-head.block-reveal.block-visible,
body.v11-motion .page-hero .container.block-reveal.block-visible{
  transform:translate3d(0,0,0)!important;
}
body.v11-motion .block-reveal.block-done{
  will-change:auto;
}
@media (max-width:820px){
  body.v11-motion .block-reveal{
    transform:translate3d(0,34px,0)!important;
    transition-duration:.82s!important;
    transition-delay:min(var(--block-delay,0ms),180ms)!important;
  }
  body.v11-motion .image-reveal.block-reveal{
    transform:translate3d(0,38px,0) scale(1)!important;
  }
}
@media (prefers-reduced-motion:reduce){
  body.v11-motion .block-reveal,
  body.v11-motion .image-reveal.block-reveal{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}


/* V12 product detail layer */
.clickable-card{cursor:pointer; position:relative;}
.clickable-card:focus-visible{outline:2px solid var(--red); outline-offset:6px; border-radius:24px;}
.detail-hint{margin-top:18px; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--red); font-weight:800; opacity:.9;}
.product-detail-hero{padding:154px 0 74px; background:linear-gradient(180deg,#fffaf4 0%,#f8f3ed 100%);}
.detail-grid{display:grid; grid-template-columns:minmax(0,.88fr) minmax(360px, .72fr); gap:72px; align-items:center;}
.detail-copy h1{font-size:clamp(44px,5.4vw,92px); line-height:.94; letter-spacing:-.07em; max-width:860px; margin:16px 0 24px;}
body.zh .detail-copy h1{font-size:clamp(34px,4.2vw,68px); line-height:1.08; letter-spacing:-.03em;}
.breadcrumb{display:inline-block; color:#7b7069; font-size:13px; margin-bottom:28px; text-decoration:none; border-bottom:1px solid rgba(24,23,22,.18); padding-bottom:5px;}
.detail-actions{display:flex; flex-wrap:wrap; gap:14px; margin-top:34px;}
.detail-visual{border-radius:42px; background:#fff; padding:34px; box-shadow:0 36px 110px rgba(64,40,22,.11); min-height:480px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.detail-visual img{max-width:100%; max-height:460px; object-fit:contain; display:block; filter:drop-shadow(0 18px 24px rgba(30,22,14,.12));}
.detail-layout{display:grid; grid-template-columns:1fr 1fr; gap:34px; align-items:stretch;}
.detail-layout.reverse{align-items:start;}
.detail-panel{background:rgba(255,255,255,.72); border:1px solid rgba(24,23,22,.08); border-radius:34px; padding:42px; box-shadow:0 26px 70px rgba(64,40,22,.06);}
.detail-panel h2{font-size:clamp(28px,3vw,48px); letter-spacing:-.05em; margin:8px 0 18px; line-height:1.02;}
body.zh .detail-panel h2{letter-spacing:-.02em; line-height:1.14;}
.feature-list{list-style:none; padding:0; margin:0; display:grid; gap:14px;}
.feature-list li{position:relative; padding-left:28px; color:#6d625b; line-height:1.72;}
.feature-list li:before{content:""; position:absolute; left:0; top:.72em; width:8px; height:8px; border-radius:999px; background:var(--red); box-shadow:0 0 0 6px rgba(211,45,31,.08);}
.spec-table{display:grid; gap:0; border-top:1px solid rgba(24,23,22,.1);}
.spec-table div{display:grid; grid-template-columns:180px 1fr; gap:26px; padding:18px 0; border-bottom:1px solid rgba(24,23,22,.1);}
.spec-table span{font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#8b8078; font-weight:800;}
.spec-table strong{font-size:15px; color:#1b1917; line-height:1.6; font-weight:650;}
.application-tags{display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 26px;}
.application-tags span{padding:11px 14px; border-radius:999px; background:#fff; border:1px solid rgba(24,23,22,.09); color:#4b4540; font-size:14px;}
.mini-note{border-left:2px solid var(--red); padding:4px 0 4px 18px; color:#776c65; line-height:1.72;}
.related-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
.related-card{background:#fff; border:1px solid rgba(24,23,22,.08); border-radius:26px; padding:14px; box-shadow:0 22px 60px rgba(64,40,22,.05); cursor:pointer;}
.related-card .image-box{height:210px; border-radius:20px; background:#f8f3ed;}
.related-card h3{font-size:18px; line-height:1.15; margin:10px 0 8px; letter-spacing:-.03em;}
.related-card p{font-size:14px; color:#776c65; line-height:1.55; margin:0;}
.related-card span{font-size:11px; color:var(--red); letter-spacing:.12em; font-weight:850; text-transform:uppercase;}
@media (max-width: 980px){
  .detail-grid,.detail-layout{grid-template-columns:1fr; gap:28px;}
  .product-detail-hero{padding:128px 0 56px;}
  .detail-visual{min-height:340px; padding:22px; border-radius:30px;}
  .detail-visual img{max-height:340px;}
  .related-grid{grid-template-columns:repeat(2,1fr);}
  .spec-table div{grid-template-columns:1fr; gap:5px;}
}
@media (max-width: 620px){
  .detail-copy h1{font-size:clamp(36px,15vw,58px);}
  body.zh .detail-copy h1{font-size:clamp(30px,11vw,46px);}
  .detail-panel{padding:28px; border-radius:26px;}
  .related-grid{grid-template-columns:1fr;}
}