/* Self-hosted Google Fonts (Bebas Neue, Barlow Condensed, Barlow) - no external requests */
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/bebas-neue-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/bebas-neue-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/barlow-condensed-latin-ext-300-normal.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/barlow-condensed-latin-300-normal.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/barlow-condensed-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/barlow-condensed-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/barlow-condensed-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/barlow-condensed-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/barlow-condensed-latin-ext-700-normal.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/barlow-condensed-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/barlow-condensed-latin-ext-800-normal.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/barlow-condensed-latin-800-normal.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:900;font-display:swap;src:url('fonts/barlow-condensed-latin-ext-900-normal.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:900;font-display:swap;src:url('fonts/barlow-condensed-latin-900-normal.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Barlow';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/barlow-latin-ext-300-normal.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Barlow';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/barlow-latin-300-normal.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/barlow-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/barlow-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/barlow-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/barlow-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/barlow-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/barlow-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* Noto Sans SC (Simplified Chinese) — only loaded when CJK characters appear (via unicode-range) */
@font-face{font-family:'Noto Sans SC';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/noto-sans-sc-chinese-simplified-300-normal.woff2') format('woff2');unicode-range:U+4E00-9FFF, U+3000-303F, U+FF00-FFEF, U+2000-206F, U+25A0-25FF;}
@font-face{font-family:'Noto Sans SC';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/noto-sans-sc-chinese-simplified-400-normal.woff2') format('woff2');unicode-range:U+4E00-9FFF, U+3000-303F, U+FF00-FFEF, U+2000-206F, U+25A0-25FF;}
@font-face{font-family:'Noto Sans SC';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/noto-sans-sc-chinese-simplified-500-normal.woff2') format('woff2');unicode-range:U+4E00-9FFF, U+3000-303F, U+FF00-FFEF, U+2000-206F, U+25A0-25FF;}
@font-face{font-family:'Noto Sans SC';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/noto-sans-sc-chinese-simplified-600-normal.woff2') format('woff2');unicode-range:U+4E00-9FFF, U+3000-303F, U+FF00-FFEF, U+2000-206F, U+25A0-25FF;}
@font-face{font-family:'Noto Sans SC';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/noto-sans-sc-chinese-simplified-700-normal.woff2') format('woff2');unicode-range:U+4E00-9FFF, U+3000-303F, U+FF00-FFEF, U+2000-206F, U+25A0-25FF;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --r:#C0262E;--rd:#9B1B22;--rl:rgba(192,38,46,.12);
  --k0:#0B0D0F;--k1:#111518;--k2:#181D21;--k3:#1F262C;--k4:#272F36;--k5:#303940;
  --g2:#5A6470;--g3:#8B949E;--g4:#B0BAC2;
  --smoke:#ECEAE8;--w:#FFF;
  --fD:'Bebas Neue','Noto Sans SC',sans-serif;--fH:'Barlow Condensed','Noto Sans SC',sans-serif;--fB:'Barlow','Noto Sans SC',sans-serif;
  --ease:cubic-bezier(.4,0,.2,1);
}
html{scroll-behavior:smooth}
body{background:var(--k0);color:var(--w);font-family:var(--fB);line-height:1.65;overflow-x:hidden}

/* ═══ CHINESE TYPOGRAPHY (when body has .lang-zh) ═══ */
body.lang-zh{font-family:'Noto Sans SC',var(--fB);font-weight:400;line-height:1.78}
body.lang-zh h1,body.lang-zh h2,body.lang-zh h3,body.lang-zh h4,body.lang-zh h5,body.lang-zh h6{font-family:'Noto Sans SC',var(--fH);font-weight:700;letter-spacing:0;line-height:1.3}
body.lang-zh .lbl,body.lang-zh .ts-go,body.lang-zh .sn-cert,body.lang-zh .tn-subbar,body.lang-zh .tn-nm,body.lang-zh .cap-l,body.lang-zh .cta-btns .bp,body.lang-zh .cta-btns .bs,body.lang-zh th,body.lang-zh .ind-c .ind-tag,body.lang-zh .ab-stempel,body.lang-zh .js-l,body.lang-zh .cmap-ttl,body.lang-zh .cmap-load,body.lang-zh .mt-c .mt-tag{font-family:'Noto Sans SC',var(--fH);letter-spacing:.05em;font-weight:600}
body.lang-zh h2{letter-spacing:.01em;line-height:1.25}
body.lang-zh .cnt,body.lang-zh .js-n,body.lang-zh .cap-n{font-family:var(--fD),'Noto Sans SC',sans-serif}
body.lang-zh .ts-c h3,body.lang-zh .mt-c h3,body.lang-zh .ind-c h3,body.lang-zh .imp-block h3{letter-spacing:.02em}
::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:var(--r)}
img{display:block;max-width:100%} a{text-decoration:none;color:inherit}

/* NAV */
#nav{position:fixed;top:0;left:0;right:0;z-index:900;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,3.5rem);background:rgba(11,13,15,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(192,38,46,.15);transition:border-color .3s}
#nav.up{border-bottom-color:rgba(192,38,46,.45)}
.nl img{height:30px;width:auto;display:block}
.nm{display:flex;align-items:center;gap:1.5rem;list-style:none}
.nm a{font-family:var(--fH);font-weight:600;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--g3);transition:color .2s}
.nm a:hover{color:var(--r)}
.lang-sw{display:flex;align-items:center;background:var(--k3);border:1px solid rgba(255,255,255,.1);border-radius:2px;overflow:hidden;font-family:var(--fH);font-size:.72rem;font-weight:700;letter-spacing:.12em}
.lang-sw button{padding:.38rem .72rem;background:none;border:none;cursor:pointer;color:var(--g3);transition:background .2s,color .2s;text-transform:uppercase;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit}
.lang-sw button.active{background:var(--r);color:var(--w)}
.lang-sw button:not(.active):hover{color:var(--w);background:var(--k5)}
.lang-div{width:1px;background:rgba(255,255,255,.12);align-self:stretch}

/* HERO */
#hero{position:relative;height:100vh;min-height:620px;display:flex;align-items:center;overflow:hidden}
.hbg{position:absolute;inset:0;background-size:cover;background-position:center 35%;filter:brightness(.55) saturate(.75) contrast(1.05);animation:hzoom 14s ease-out both}
@keyframes hzoom{from{transform:scale(1.05)}to{transform:scale(1)}}
.hov{position:absolute;inset:0;background:linear-gradient(100deg,rgba(11,13,15,.88) 0%,rgba(11,13,15,.35) 55%,transparent 100%)}
.hline{position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,transparent,var(--r) 18%,var(--r) 82%,transparent)}
.hdiag{position:absolute;inset:0;background:linear-gradient(108deg,var(--r) 0%,var(--r) 33%,transparent 33.6%);opacity:.07}
.hcnt{position:relative;z-index:2;padding:0 clamp(1rem,5vw,4rem);max-width:900px}
.hey{font-family:var(--fH);font-size:.7rem;font-weight:700;letter-spacing:.36em;text-transform:uppercase;color:var(--r);display:flex;align-items:center;gap:.75rem;margin-bottom:1.1rem;opacity:0;transform:translateY(12px);animation:fu .6s .15s forwards}
.hey::before{content:'';width:28px;height:1.5px;background:var(--r)}
h1{font-family:var(--fD);font-size:clamp(4.5rem,10vw,9.5rem);line-height:.87;text-transform:uppercase;opacity:0;transform:translateY(28px);animation:fu .82s .3s forwards}
h1 .rot{color:var(--r)}
.hsub{margin-top:1.9rem;font-size:1.06rem;font-weight:300;color:var(--g4);max-width:500px;line-height:1.82;opacity:0;transform:translateY(14px);animation:fu .7s .55s forwards}
.hbtns{margin-top:2.4rem;display:flex;gap:.9rem;flex-wrap:wrap;opacity:0;transform:translateY(12px);animation:fu .7s .75s forwards}
.bp{font-family:var(--fH);font-weight:700;font-size:.92rem;letter-spacing:.12em;text-transform:uppercase;padding:.8rem 2rem;background:var(--r);color:var(--w);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:background .2s,transform .15s;display:inline-block}
.bp:hover{background:var(--rd);transform:translateY(-2px)}
.bs{font-family:var(--fH);font-weight:600;font-size:.92rem;letter-spacing:.12em;text-transform:uppercase;padding:.8rem 2rem;border:1.5px solid rgba(255,255,255,.22);color:var(--w);transition:border-color .2s,color .2s;display:inline-block}
.bs:hover{border-color:var(--r);color:var(--r)}
.hkpi{position:absolute;bottom:2.8rem;right:clamp(1rem,5vw,4rem);display:flex;gap:2.4rem;opacity:0;animation:fu 1s .95s forwards}
.kpi{text-align:center}
.kpi-n{font-family:var(--fH);font-size:2rem;font-weight:900;line-height:1}
.kpi-l{font-family:var(--fH);font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--g3);margin-top:.2rem}
@keyframes fu{to{opacity:1;transform:none}}

/* STATS */
#stats{background:var(--k2);border-top:3px solid var(--r);display:grid;grid-template-columns:repeat(4,1fr)}
.si{padding:2rem 1.5rem;text-align:center;border-right:1px solid rgba(255,255,255,.06)}
.si:last-child{border:none}
.sn{font-family:var(--fH);font-size:3.1rem;font-weight:900;color:var(--r);line-height:1;letter-spacing:-.02em}
.ss{font-family:var(--fH);font-size:1.55rem;color:var(--r)}
.sl{margin-top:.35rem;font-size:.72rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--g3)}

/* LAYOUT */
section{padding:6.5rem 0}
.W{max-width:1280px;margin:0 auto;padding:0 clamp(1rem,5vw,4rem)}
.lbl{font-family:var(--fH);font-size:.68rem;font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:var(--r);display:flex;align-items:center;gap:.65rem;margin-bottom:.8rem}
.lbl::before{content:'';width:20px;height:1.5px;background:var(--r);flex-shrink:0}
h2{font-family:var(--fH);font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800;text-transform:uppercase;line-height:.95}
h2.dk{color:var(--k0)}
.rv{opacity:0;transform:translateY(26px);transition:opacity .65s var(--ease),transform .65s var(--ease)}
.rv.on{opacity:1;transform:none}

/* ABOUT */
#about{background:var(--smoke);color:var(--k0)}
.ab-g{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;max-width:960px;margin:0 auto}
.ab-img{position:relative}
.ab-img img{width:100%;height:520px;object-fit:cover}
.ab-stempel{position:absolute;bottom:-1.2rem;right:-1.2rem;background:var(--r);color:var(--w);padding:1.15rem 1.5rem;font-family:var(--fH);font-weight:900;font-size:.88rem;text-transform:uppercase;letter-spacing:.07em;line-height:1.45}
.ab-tx p{font-size:.97rem;font-weight:300;color:#444;margin-top:1.2rem;line-height:1.82}
.ab-tx strong{color:var(--k0);font-weight:600}
.chk-g{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1.7rem}
.chk{display:flex;gap:.5rem;align-items:flex-start}
.chk-m{flex-shrink:0;width:23px;height:23px;background:var(--r);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);display:flex;align-items:center;justify-content:center;font-size:.68rem;color:var(--w)}
.chk-t{font-size:.86rem;font-weight:600;color:var(--k0);line-height:1.35}
.kstrip{margin-top:2.8rem;padding-top:1.8rem;border-top:1px solid #D2D0CD}
.kstrip-lbl{font-family:var(--fH);font-size:.65rem;letter-spacing:.24em;text-transform:uppercase;color:#999;margin-bottom:.8rem}
.kstrip-logos{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
.kstrip-logos img{max-height:48px;width:auto;opacity:.55;filter:grayscale(1);transition:opacity .3s,filter .3s}
.kstrip-logos img:hover{opacity:.85;filter:grayscale(.2)}

/* SERVICES */
#services{background:var(--k3)}
.srv-hd{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:3.5rem}
.srv-hd p{font-size:.97rem;font-weight:300;color:var(--g3);line-height:1.8}
.srv-g{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.sc{background:var(--k4);padding:1.75rem 1.4rem;position:relative;overflow:hidden;transition:background .3s}
.sc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2.5px;background:var(--r);transform:scaleX(0);transform-origin:left;transition:transform .32s var(--ease)}
.sc:hover{background:var(--k2)}.sc:hover::after{transform:scaleX(1)}
.sc-ic{font-size:1.8rem;display:block;margin-bottom:.8rem}
.sc-nm{font-family:var(--fH);font-size:1.05rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}
.sc-ds{font-size:.83rem;font-weight:300;color:var(--g3);line-height:1.62}

/* MACHINES */
#machines{background:var(--k2);padding-bottom:0}
.mh{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:3.5rem}
.mh p{font-size:.97rem;font-weight:300;color:var(--g3);line-height:1.8}
.mg{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;max-width:50%;margin:0 auto}
.mc{position:relative;overflow:hidden;aspect-ratio:16/10;cursor:default}
.mc img{width:100%;height:100%;object-fit:cover;filter:brightness(.44) saturate(.5);transition:transform .7s var(--ease),filter .5s var(--ease)}
.mc:hover img{transform:scale(1.06);filter:brightness(.26) saturate(.38)}
.mf{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:.85rem 1rem;background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,transparent 55%)}
.mc-cat{font-family:var(--fH);font-size:.5rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--r);margin-bottom:.1rem}
.mc-nm{font-family:var(--fH);font-size:.85rem;font-weight:800;text-transform:uppercase;line-height:1.1}
.mr{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.7rem .9rem;text-align:center;opacity:0;transition:opacity .38s var(--ease)}
.mc:hover .mr{opacity:1}
.mr h3{font-family:var(--fH);font-size:.72rem;font-weight:800;text-transform:uppercase;margin-bottom:.22rem}
.mr p{font-size:.62rem;font-weight:300;color:var(--g4);line-height:1.4}

/* SPECS */
#specs{background:var(--k1)}
.sp-hd{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:3.5rem}
.sp-hd p{font-size:.97rem;font-weight:300;color:var(--g3);line-height:1.8}
.sp-g{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}
.sb-block h3{font-family:var(--fH);font-size:.92rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--g3);border-left:3px solid var(--r);padding-left:.8rem;margin-bottom:.85rem}
table{width:100%;border-collapse:collapse;font-size:.83rem}
th{font-family:var(--fH);font-weight:700;font-size:.67rem;letter-spacing:.15em;text-transform:uppercase;padding:.68rem .9rem;background:var(--k3);color:var(--g3);text-align:left;border-bottom:1.5px solid var(--r)}
td{padding:.65rem .9rem;border-bottom:1px solid rgba(255,255,255,.05);color:var(--g4);font-weight:300}
tr:hover td{background:rgba(192,38,46,.05)}
td:first-child{color:var(--w);font-weight:500}
.sp-caps{grid-column:1/-1;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06)}
.sp-caps h3{font-family:var(--fH);font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--w);margin-bottom:1.5rem}
.sp-caps-g{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.cap{background:var(--k2);padding:1.6rem 1.3rem;border-top:3px solid var(--r);text-align:left}
.cap-n{font-family:var(--fH);font-size:2.2rem;font-weight:900;color:var(--w);line-height:1;letter-spacing:-.01em}
.cap-n span{font-size:.85rem;font-weight:500;color:var(--g3);letter-spacing:.05em;margin-left:.2rem}
.cap-l{font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--g4);margin-top:.7rem}
@media (max-width:900px){.sp-caps-g{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.sp-caps-g{grid-template-columns:1fr}}

/* MATERIALS */
#materials{background:var(--smoke);color:var(--k0);padding:6.5rem 0}
.mt-hd{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:3.5rem}
.mt-hd p{font-size:.97rem;font-weight:300;color:#444;line-height:1.8}
.mt-g{display:grid;grid-template-columns:repeat(4,1fr);gap:1.8rem}
.mt-c{background:var(--w);padding:2rem 1.6rem;border-top:3px solid var(--r);display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:transform .3s,box-shadow .3s}
.mt-c:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.mt-c .mt-ic{font-size:1.8rem;margin-bottom:.9rem;line-height:1}
.mt-c h3{font-family:var(--fH);font-size:1.05rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--k0);margin-bottom:.4rem}
.mt-c .mt-sub{font-size:.78rem;font-weight:500;color:var(--r);margin-bottom:1rem;letter-spacing:.02em}
.mt-c .mt-l{list-style:none;padding:0;margin:0;flex:1}
.mt-c .mt-l li{font-size:.84rem;font-weight:300;color:#444;line-height:1.7;padding-left:1rem;position:relative;margin-bottom:.25rem}
.mt-c .mt-l li::before{content:'';position:absolute;left:0;top:.65em;width:6px;height:1.5px;background:var(--r)}
.mt-c .mt-tag{margin-top:1.2rem;padding:.55rem .8rem;background:var(--smoke);font-size:.72rem;font-weight:600;color:var(--k0);letter-spacing:.05em;text-transform:uppercase;border-left:2px solid var(--r);line-height:1.4}

/* INDUSTRIES */
#industries{background:var(--k0);padding:6.5rem 0}
.ind-g{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;margin-top:3.5rem}
.ind-c{background:var(--k2);padding:2.2rem 1.8rem;border-top:2px solid rgba(192,38,46,.25);position:relative;transition:border-color .3s,transform .3s}
.ind-c:hover{border-top-color:var(--r);transform:translateY(-3px)}
.ind-c .ind-ic{font-size:2rem;margin-bottom:1.1rem;line-height:1}
.ind-c h3{font-family:var(--fH);font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--w);margin-bottom:.75rem;line-height:1.2}
.ind-c p{font-size:.88rem;font-weight:300;color:var(--g4);line-height:1.7}
.ind-c.ind-primary{background:linear-gradient(140deg,var(--k2) 0%,#1f1f24 100%);border-top:2px solid var(--r);grid-column:span 2}
.ind-c.ind-primary h3{color:var(--w);font-size:1.3rem}
.ind-c .ind-tag{position:absolute;top:1.5rem;right:1.5rem;background:var(--r);color:var(--w);font-family:var(--fH);font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:.35rem .75rem}
@media (max-width:1000px){
  .mt-g{grid-template-columns:repeat(2,1fr)}
  .ind-g{grid-template-columns:repeat(2,1fr)}
  .ind-c.ind-primary{grid-column:span 2}
}
@media (max-width:560px){
  .mt-g,.ind-g{grid-template-columns:1fr}
  .ind-c.ind-primary{grid-column:span 1}
  .mt-hd{grid-template-columns:1fr;gap:1.5rem}
}

/* QUALITY */
#quality{background:var(--smoke);color:var(--k0)}
.qg{display:grid;grid-template-columns:1fr 1.15fr;gap:5.5rem;align-items:start}
.qi-w{position:relative}
.qi-w img{width:100%;height:450px;object-fit:cover}
.qi-cert{position:absolute;top:-1.2rem;left:-1.2rem;background:var(--r);color:var(--w);padding:1.1rem 1.45rem;font-family:var(--fH);font-weight:900;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;line-height:1.55}
.ql{list-style:none;margin-top:1.8rem}
.ql li{display:flex;gap:.9rem;align-items:flex-start;padding:.9rem 0;border-bottom:1px solid #D0CEC9}
.ql li:last-child{border:none}
.qn{font-family:var(--fH);font-size:1.35rem;font-weight:900;color:var(--r);line-height:1;min-width:1.75rem;flex-shrink:0}
.qt strong{display:block;font-size:.88rem;font-weight:600;color:var(--k0);margin-bottom:.15rem}
.qt span{font-size:.82rem;font-weight:300;color:#555}
.cert-dl{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:2rem}
.cert-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .8rem;background:var(--w);border:1.5px solid #ddd;transition:border-color .25s,transform .15s;cursor:pointer;text-decoration:none}
.cert-btn:hover{border-color:var(--r);transform:translateY(-2px)}
.cert-badge{width:100%;text-align:center;padding:.5rem .4rem;background:var(--r);color:#fff;font-family:var(--fH);font-weight:900;font-size:.92rem;letter-spacing:.06em;line-height:1.2}
.cert-meta{text-align:center}
.cert-meta strong{display:block;font-family:var(--fH);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#333;margin-bottom:.12rem}
.cert-meta span{font-size:.7rem;font-weight:300;color:#777;line-height:1.55;display:block}
.cert-dl-icon{font-family:var(--fH);font-weight:700;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--r)}

/* JINHONG */
#jinhong{background:var(--k0)}
.jg{display:grid;grid-template-columns:1.25fr 1fr;gap:5.5rem;align-items:center}
.jt p{font-size:.97rem;font-weight:300;color:var(--g3);line-height:1.82;margin-top:1.2rem}
.jt strong{color:var(--w)}
.jnote{margin-top:1.7rem;padding:1.1rem 1.35rem;background:var(--rl);border-left:3px solid var(--r);font-size:.86rem;font-weight:300;color:var(--g4);line-height:1.72}
.jnote strong{color:var(--w);font-weight:600}
.jst{display:grid;grid-template-columns:1fr 1fr;gap:1.5px;margin-top:2.5rem}
.js{background:var(--k2);padding:1.1rem 1.3rem;border-left:3px solid var(--r)}
.js-n{font-family:var(--fH);font-size:1.95rem;font-weight:900;color:var(--r);line-height:1}
.js-l{font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--g3);margin-top:.25rem}
.jimg{background:var(--k2);display:flex;align-items:center;justify-content:center;padding:1rem}
.jimg img{width:100%;height:auto;max-height:460px;object-fit:contain;filter:brightness(.95)}

/* CHINA */
#china{background:var(--k3)}
.chg{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:3.5rem}
.cc{background:var(--k4);padding:1.9rem 1.6rem;border-top:2px solid transparent;transition:border-color .3s,background .3s}
.cc:hover{background:var(--k2);border-top-color:var(--r)}
.cc-ic{font-size:2.1rem;display:block;margin-bottom:.9rem}
.cc-nm{font-family:var(--fH);font-size:1.06rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.42rem}
.cc-ds{font-size:.83rem;font-weight:300;color:var(--g3);line-height:1.65}

/* RELOCATION */
#relocation{position:relative;overflow:hidden;padding:6.5rem 0;background:var(--k2)}
.rbg-pattern{position:absolute;inset:0;background-image:linear-gradient(135deg,var(--k1) 0%,var(--k2) 50%,var(--k3) 100%),repeating-linear-gradient(45deg,transparent 0,transparent 18px,rgba(255,255,255,.012) 18px,rgba(255,255,255,.012) 36px);background-blend-mode:overlay;opacity:1}
.rbg-pattern::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 70% 50%,rgba(192,38,46,.06) 0%,transparent 70%)}
.rin{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.4fr;gap:5rem;align-items:start}
.halls{display:grid;gap:1.5px;margin-top:2.5rem}
.hall{background:rgba(255,255,255,.05);border-left:4px solid var(--r);padding:1.15rem 1.35rem;backdrop-filter:blur(8px)}
.hw{font-family:var(--fH);font-size:.67rem;font-weight:700;letter-spacing:.2em;color:var(--r);margin-bottom:.2rem}
.hn{font-family:var(--fH);font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.hd{font-size:.82rem;font-weight:300;color:var(--g3);margin-top:.26rem}
.tot{background:var(--r);padding:1.3rem 1.45rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}
.tl{font-family:var(--fH);font-size:.67rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.16rem}
.tv{font-family:var(--fH);font-size:1.82rem;font-weight:900;line-height:1}
.rr p{font-size:.96rem;font-weight:300;color:var(--g3);line-height:1.82;margin-bottom:1.1rem}

/* SITE PLAN */
.siteplan{margin-top:1.6rem;background:var(--k1);border:1px solid rgba(255,255,255,.06);border-top:3px solid var(--r);overflow:hidden}
.sp-header{display:flex;justify-content:space-between;align-items:baseline;padding:.95rem 1.3rem;background:rgba(0,0,0,.25);border-bottom:1px solid rgba(255,255,255,.06);gap:1rem;flex-wrap:wrap}
.sp-lbl{font-family:var(--fH);font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--r)}
.sp-addr{font-family:var(--fH);font-size:.7rem;font-weight:500;letter-spacing:.08em;color:var(--g4);text-transform:uppercase}
.siteplan svg{display:block;width:100%;height:auto;max-height:420px}
.sp-hall{transition:filter .25s var(--ease)}
.sp-hall rect{transition:fill .25s var(--ease),stroke-width .25s var(--ease)}
.sp-hall:hover{filter:drop-shadow(0 0 12px rgba(192,38,46,.45))}
.sp-hall:hover rect{fill:#252d33;stroke-width:3.5}
.sp-legend{display:flex;gap:1.8rem;padding:.85rem 1.3rem;background:rgba(0,0,0,.25);border-top:1px solid rgba(255,255,255,.06);flex-wrap:wrap}
.sp-leg-item{display:flex;align-items:center;gap:.55rem;font-size:.78rem;color:var(--g4);font-weight:300}
.sp-dot{width:11px;height:11px;background:var(--r);border-radius:1px;flex-shrink:0}
.sp-dot-plan{background:transparent;border:1.5px dashed var(--r)}

/* CONTACT */
#contact{background:var(--k0);border-top:3px solid var(--r)}
.cg{display:grid;grid-template-columns:1fr 1fr;gap:5.5rem}
.cp{display:flex;gap:1.2rem;align-items:center;margin-top:1.8rem;padding:1.5rem;background:var(--k2);border-left:4px solid var(--r)}
.cp-nm{font-family:var(--fH);font-size:1.06rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.cp-rl{font-size:.82rem;color:var(--g3);margin-top:.08rem}
.cp-lk a{display:block;font-size:.83rem;color:var(--r);margin-top:.2rem;transition:color .2s}
.cp-lk a:hover{color:#e06060}
.cadr{margin-top:1.7rem;font-size:.87rem;font-weight:300;color:var(--g3);line-height:2}
.cadr strong{color:var(--w);font-weight:600}
.cadr a{color:var(--r);transition:color .2s}
.cadr a:hover{color:#e06060}
.cnote{font-size:.97rem;font-weight:300;color:var(--g3);line-height:1.82;margin-top:1.4rem}
.cmap{margin-top:1.4rem;border-top:2px solid var(--r)}
.cmap iframe{width:100%;height:320px;border:none;display:block;filter:saturate(.5) brightness(.85)}
.cmap-placeholder{width:100%;height:320px;background:linear-gradient(135deg,var(--k3) 0%,var(--k2) 100%);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center;cursor:pointer;overflow:hidden}
.cmap-placeholder::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 14px,rgba(255,255,255,.02) 14px,rgba(255,255,255,.02) 28px);pointer-events:none}
.cmap-placeholder svg.map-icon{width:48px;height:48px;color:var(--r);margin-bottom:1rem;opacity:.85}
.cmap-placeholder .cmap-ttl{font-family:var(--fH);font-size:.95rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--w);margin-bottom:.6rem}
.cmap-placeholder .cmap-txt{font-size:.78rem;font-weight:300;color:var(--g4);line-height:1.55;max-width:420px;margin-bottom:1.1rem}
.cmap-placeholder .cmap-load{font-family:var(--fH);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--r);color:var(--w);padding:.7rem 1.6rem;border:none;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;gap:.5rem}
.cmap-placeholder .cmap-load:hover{background:var(--rd)}
.cmap-placeholder .cmap-load svg{width:14px;height:14px}
.cmap-btn{
  display:flex;align-items:center;justify-content:center;gap:.65rem;
  width:100%;padding:1rem 1.5rem;
  background:var(--r);color:var(--w);
  font-family:var(--fH);font-weight:700;font-size:.88rem;letter-spacing:.12em;text-transform:uppercase;
  transition:background .2s;text-decoration:none;
}
.cmap-btn:hover{background:var(--rd)}
.cmap-btn svg{flex-shrink:0}

/* IMPRESSUM */
#imprint{background:var(--k1);color:var(--w);padding:5.5rem 0}

/* DATENSCHUTZ */
#privacy{background:var(--k2);color:var(--w);padding:5.5rem 0}
.imp-block h4{font-family:var(--fH);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--w);margin:1.4rem 0 .7rem}
.imp-block ul{list-style:none;padding:0;margin:.6rem 0}
.imp-block ul li{font-size:.92rem;font-weight:300;color:var(--g4);line-height:1.78;padding-left:1.1rem;position:relative;margin-bottom:.35rem}
.imp-block ul li::before{content:'';position:absolute;left:0;top:.7em;width:5px;height:1.5px;background:var(--r)}
.imp-toc{background:var(--k1);padding:1.5rem 1.8rem;margin-bottom:2.5rem;border-left:3px solid var(--r)}
.imp-toc strong{display:block;font-family:var(--fH);font-size:.78rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--r);margin-bottom:.8rem}
.imp-toc ol{list-style:none;padding:0;margin:0;counter-reset:tc;column-count:2;column-gap:2rem}
.imp-toc ol li{counter-increment:tc;font-size:.88rem;color:var(--g3);line-height:1.65;padding-left:1.8rem;position:relative;margin-bottom:.35rem;break-inside:avoid}
.imp-toc ol li::before{content:counter(tc,decimal-leading-zero);position:absolute;left:0;top:0;font-family:var(--fH);font-size:.78rem;font-weight:700;color:var(--r);letter-spacing:.05em}
.imp-toc a{color:var(--g3);text-decoration:none;transition:color .2s}
.imp-toc a:hover{color:var(--r)}
@media (max-width:720px){.imp-toc ol{column-count:1}}
.imp-w{max-width:920px;margin:0 auto;padding:0 clamp(1rem,5vw,4rem)}
.imp-w h2{margin-bottom:2.5rem}
.imp-block{margin-bottom:2.2rem;padding-bottom:2.2rem;border-bottom:1px solid rgba(255,255,255,.06)}
.imp-block:last-child{border-bottom:none}
.imp-block h3{font-family:var(--fH);font-size:1.05rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--r);margin-bottom:1rem}
.imp-block p,.imp-block address{font-size:.93rem;font-weight:300;color:var(--g4);line-height:1.78;margin-bottom:.65rem;font-style:normal}
.imp-block p:last-child,.imp-block address:last-child{margin-bottom:0}
.imp-block strong{color:var(--w);font-weight:600}
.imp-block a{color:var(--r);text-decoration:none;transition:color .2s}
.imp-block a:hover{color:var(--w)}


/* ═══ TOP NAVIGATION (sticky, horizontal — jw.org style) ═══ */
#topnav{position:sticky;top:0;left:0;right:0;background:var(--k0);border-bottom:1px solid rgba(255,255,255,.06);z-index:100;backdrop-filter:saturate(180%) blur(8px)}
.tn-inner{display:flex;align-items:center;gap:1.5rem;padding:.85rem clamp(1rem,3vw,2.5rem);max-width:1480px;margin:0 auto}
.tn-logo{flex-shrink:0;display:flex;align-items:center}
.tn-logo img{height:34px;width:auto;display:block;opacity:.95;transition:opacity .2s}
.tn-logo:hover img{opacity:1}
.tn-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem}
.tn-item{position:relative;display:inline-flex;align-items:center;padding:.85rem 1.2rem;text-decoration:none;color:var(--g3);font-family:var(--fH);font-size:.92rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:color .2s;line-height:1}
.tn-item::after{content:'';position:absolute;left:1.2rem;right:1.2rem;bottom:.45rem;height:2px;background:var(--r);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.tn-item:hover{color:var(--w)}
.tn-item:hover::after{transform:scaleX(.4);opacity:.5}
.tn-item.active{color:var(--w)}
.tn-item.active::after{transform:scaleX(1);opacity:1}
.tn-right{flex-shrink:0;display:flex;align-items:center;gap:1rem}
.tn-right .lang-sw{margin:0}
.tn-subbar{padding:.5rem clamp(1rem,3vw,2.5rem);max-width:1480px;margin:0 auto;font-family:var(--fH);font-size:.66rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--g4);text-align:center;border-top:1px solid rgba(255,255,255,.04)}
.tn-burger{display:none;background:transparent;border:none;color:var(--w);cursor:pointer;padding:.4rem;border-radius:2px}
.tn-burger-x{display:none}

/* Tab content */
.tab-content{animation:tabFade .35s var(--ease)}
.tab-content[hidden]{display:none}
@keyframes tabFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ═══ HOME TEASERS ═══ */
#teasers{background:var(--k1);padding:5.5rem 0}
.ts-hd{margin-bottom:3rem}
.ts-hd h2{color:var(--w)}
.ts-g{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.ts-c{display:flex;flex-direction:column;background:var(--k2);padding:2.2rem 1.9rem;text-decoration:none;color:inherit;border-top:3px solid rgba(192,38,46,.25);transition:border-color .3s,transform .3s,background .3s;cursor:pointer}
.ts-c:hover{border-top-color:var(--r);transform:translateY(-3px);background:#1f1f24}
.ts-ic{font-size:2.2rem;line-height:1;margin-bottom:1.2rem}
.ts-c h3{font-family:var(--fH);font-size:1.4rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--w);margin-bottom:.85rem}
.ts-c p{font-size:.92rem;font-weight:300;color:var(--g4);line-height:1.7;flex:1;margin-bottom:1.4rem}
.ts-go{font-family:var(--fH);font-size:.78rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--r)}

/* HOME CTA */
#home-cta{background:var(--smoke);color:var(--k0);padding:5rem 0}
.cta-box{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:center;background:var(--w);padding:3rem 3.2rem;border-left:4px solid var(--r);box-shadow:0 4px 22px rgba(0,0,0,.07)}
.cta-box h2{color:var(--k0);font-family:var(--fH);font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800;text-transform:uppercase;line-height:1;margin:.6rem 0 1rem}
.cta-sub{font-size:.95rem;font-weight:300;color:#444;line-height:1.7}
.cta-btns{display:flex;flex-direction:column;gap:.7rem;align-items:flex-end}
.cta-btns .bp,.cta-btns .bs{display:inline-block;padding:.95rem 1.6rem;font-family:var(--fH);font-size:.83rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:all .2s}
.cta-btns .bp{background:var(--r);color:var(--w)}
.cta-btns .bp:hover{background:var(--rd)}
.cta-btns .bs{background:transparent;color:var(--k0);border:1px solid rgba(0,0,0,.15)}
.cta-btns .bs:hover{border-color:var(--r);color:var(--r)}

/* ═══ MOBILE / TABLET ═══ */
@media (max-width:960px){
  .tn-nav{position:fixed;top:0;right:0;bottom:0;width:min(82vw,360px);background:var(--k0);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:5rem 1rem 2rem;transform:translateX(100%);transition:transform .3s var(--ease);box-shadow:-12px 0 30px rgba(0,0,0,.4);overflow-y:auto;z-index:101}
  .tn-nav.open{transform:translateX(0)}
  .tn-item{padding:1.1rem 1.3rem;border-bottom:1px solid rgba(255,255,255,.06);font-size:1rem;letter-spacing:.08em}
  .tn-item::after{display:none}
  .tn-item.active{background:rgba(192,38,46,.1);border-left:3px solid var(--r);color:var(--w)}
  .tn-burger{display:flex;align-items:center;justify-content:center;position:relative;z-index:102}
  .tn-burger.open .tn-burger-i{display:none}
  .tn-burger.open .tn-burger-x{display:block}
  .tn-subbar{display:none}
  body.nav-open::before{content:'';position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:99}
}
@media (max-width:760px){
  .ts-g{grid-template-columns:1fr;gap:1.2rem}
  .cta-box{grid-template-columns:1fr;gap:1.5rem;padding:2rem 1.8rem}
  .cta-btns{align-items:stretch}
  .cta-btns .bp,.cta-btns .bs{text-align:center}
  .tn-logo img{height:28px}
}

/* SUB-TAB NAVIGATION (jw.org-style secondary tabs) */
.sub-nav{background:linear-gradient(180deg,var(--k3) 0%,var(--k2) 100%);border-bottom:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(192,38,46,.25);position:sticky;top:78px;z-index:50;backdrop-filter:saturate(180%) blur(8px);box-shadow:0 4px 20px rgba(0,0,0,.4)}
.sub-nav .W{display:flex;align-items:stretch;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:1480px;margin:0 auto;padding:0 clamp(1rem,3vw,2.5rem)}
.sub-nav .sn-item{position:relative;display:inline-flex;align-items:center;gap:.55rem;padding:1.15rem 1.8rem;text-decoration:none;color:var(--g4);font-family:var(--fH);font-size:.88rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:color .2s,background .2s;white-space:nowrap;line-height:1.3;border-bottom:3px solid transparent;flex-shrink:0}
.sub-nav .sn-item::before{content:'';width:8px;height:8px;background:rgba(255,255,255,.18);border-radius:50%;transition:background .2s,transform .2s}
.sub-nav .sn-item:hover{color:var(--w);background:rgba(255,255,255,.04)}
.sub-nav .sn-item:hover::before{background:rgba(255,255,255,.4)}
.sub-nav .sn-item.active{color:var(--w);border-bottom-color:var(--r);background:rgba(192,38,46,.12)}
.sub-nav .sn-item.active::before{background:var(--r);transform:scale(1.15);box-shadow:0 0 10px rgba(192,38,46,.6)}
.sub-nav .sn-lead{display:inline-flex;align-items:center;padding:0 1.2rem 0 0;font-family:var(--fH);font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--g2);border-right:1px solid rgba(255,255,255,.08);margin-right:.5rem;flex-shrink:0}
.sub-tab-content{animation:tabFade .35s var(--ease)}
.sub-tab-content[hidden]{display:none}
@media (max-width:960px){
  .sub-nav{top:60px}
  .sub-nav .W{padding:0}
  .sub-nav .sn-item{padding:.95rem 1.2rem;font-size:.74rem;letter-spacing:.06em}
  .sub-nav .sn-item::before{width:6px;height:6px}
  .sub-nav .sn-lead{display:none}
}

/* JINHONG FACTORY GALLERY */
.jh-gallery{margin-top:1rem}
.jh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.jh-tile{position:relative;overflow:hidden;aspect-ratio:16/10;cursor:default;background:var(--k1);margin:0}
.jh-tile img{width:100%;height:100%;object-fit:cover;filter:brightness(.44) saturate(.5);transition:transform .7s var(--ease),filter .5s var(--ease)}
.jh-tile:hover img{transform:scale(1.06);filter:brightness(.26) saturate(.38)}
.jh-tile figcaption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.2rem 1.3rem;background:linear-gradient(0deg,rgba(0,0,0,.78) 0%,transparent 52%);font-family:var(--fH);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--w);line-height:1.2;margin:0}
@media (max-width:1060px){.jh-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.jh-grid{grid-template-columns:1fr}}

/* FOOTER */
footer{background:var(--k2);border-top:1px solid rgba(255,255,255,.05);padding:1.5rem clamp(1rem,4vw,3.5rem);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.fl img{height:22px;opacity:.5}
.fc{font-size:.72rem;color:var(--g2);letter-spacing:.04em}
.fln{display:flex;gap:1.2rem}
.fln a{font-size:.72rem;color:var(--g2);transition:color .2s}
.fln a:hover{color:var(--r)}

/* RESPONSIVE */
@media(max-width:1060px){
  #stats{grid-template-columns:repeat(2,1fr)}
  .srv-g{grid-template-columns:repeat(2,1fr)}
  .mg{grid-template-columns:repeat(2,1fr);max-width:none}
  .sp-g{grid-template-columns:1fr}
  .ab-g,.qg,.jg,.rin,.cg{grid-template-columns:1fr;gap:3.5rem}
  .srv-hd,.mh,.sp-hd{grid-template-columns:1fr}
  .ab-stempel{right:1rem;bottom:1rem}
  .chg{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .nm{display:none}
  .hkpi{display:none}
  .mg,.chg,.srv-g{grid-template-columns:1fr}
  .jst,.chk-g,.cert-dl{grid-template-columns:1fr}
}

/* ── Utility classes (migrated from former inline style attributes) ── */
.bg-hero{background-image:url('images/hero-karosserie.jpg')}
.u-logo-sm{height:22px;width:auto;opacity:.5}
.u-mtb{margin-top:4rem;margin-bottom:1.5rem}
.td-07{transition-delay:.07s}
.td-08{transition-delay:.08s}
.td-14{transition-delay:.14s}
.td-15{transition-delay:.15s}
.td-16{transition-delay:.16s}
.td-18{transition-delay:.18s}
.td-1{transition-delay:.1s}
.td-21{transition-delay:.21s}
.td-24{transition-delay:.24s}
.td-26{transition-delay:.26s}
.td-28{transition-delay:.28s}
.td-2{transition-delay:.2s}
.td-32{transition-delay:.32s}
.td-34{transition-delay:.34s}
.td-35{transition-delay:.35s}
.td-3{transition-delay:.3s}
.td-42{transition-delay:.42s}
.td-49{transition-delay:.49s}
.td-4{transition-delay:.4s}
.td-56{transition-delay:.56s}
.td-63{transition-delay:.63s}
.img-cover{width:100%;height:100%;object-fit:cover}
.img-cover-450{width:100%;height:450px;object-fit:cover}
.img-contain-jh{width:100%;height:auto;max-height:460px;object-fit:contain;display:block}