<style>

:root {
  --nav-bg:     #1E2124;
  --hero-bg:    #1A1C1F;
  --stats-bg:   #111314;
  --content-bg: #F4F5F7;
  --module-bg:  #E6E8EB;
  --white:      #FFFFFF;
  --dark:       #2F343A;
  --muted:      #9DA3A8;
  --muted-2:    #6B7280;
  --muted-3:    #4A5056;
  --red:        #C61F26;
  --red-accent: #D32F2F;
  --red-hi:     #E53935;
  --red-dim:    rgba(198,31,38,.12);
  --red-rule:   rgba(198,31,38,.28);
  --rule-dark:  rgba(255,255,255,.07);

  --f-display: 'IBM Plex Sans Condensed', sans-serif;
  --f-body:    'IBM Plex Sans', sans-serif;
  --f-mono:    'IBM Plex Mono', monospace;

  --topbar-h: 38px;
  --nav-h:    72px;
  --max:      1400px;
  --pad:      64px;
}
*,*::before,*::after { margin:0;padding:0;box-sizing:border-box; }
html { scroll-behavior:smooth;-webkit-font-smoothing:antialiased; }
body { font-family:var(--f-body);background:var(--content-bg);color:var(--dark);overflow-x:hidden; }

/* ══ TOPBAR ══════════════════════════════════════ */
.topbar {
  background: var(--stats-bg);
  height: var(--topbar-h);
  border-bottom: 1px solid var(--rule-dark);
  display: flex; align-items: center;
  padding: 0 var(--pad);
  position: sticky; top:0; z-index:500;
}
.topbar-left {
  flex:1; display:flex; align-items:center; gap:20px; overflow:hidden;
}
.topbar-notice {
  font-family:var(--f-mono);
  font-size:10px; letter-spacing:.16em; text-transform:uppercase;
  color:rgba(255,255,255,.32); white-space:nowrap;
}
.topbar-notice b { color:rgba(255,255,255,.55); font-weight:500; }
.topbar-div { width:1px;height:14px;background:var(--rule-dark);flex-shrink:0; }
.topbar-right { display:flex;align-items:stretch;height:var(--topbar-h);flex-shrink:0; }
.lang-label {
  font-family:var(--f-mono); font-size:9px; letter-spacing:.18em; text-transform:uppercase;
  color:rgba(255,255,255,.28); display:flex;align-items:center;
  padding:0 16px; border-right:1px solid var(--rule-dark); white-space:nowrap;
}
.lang-btn {
  display:flex;align-items:center;gap:5px; padding:0 12px; height:100%;
  font-family:var(--f-mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase;
  color:rgba(255,255,255,.35); text-decoration:none;
  border-left:1px solid var(--rule-dark);
  transition:color .15s,background .15s;
}
.lang-btn:hover { color:rgba(255,255,255,.8);background:rgba(255,255,255,.04); }
.lang-btn.active { color:var(--white);border-left-color:var(--red);background:rgba(198,31,38,.12); }
.lang-flag { font-size:12px;line-height:1; }

/* ══ NAV ═════════════════════════════════════════ */
nav {
  position:sticky; top:var(--topbar-h); z-index:400;
  background:var(--nav-bg); height:var(--nav-h);
  border-bottom:2px solid var(--red);
  display:flex; align-items:center;
  padding:0 var(--pad);
  box-shadow:0 4px 32px rgba(0,0,0,.45);
}
.logo {
  display:flex; align-items:center; text-decoration:none;
  margin-right:auto; flex-shrink:0; height:100%; padding:10px 0;
}
.logo-img { height:52px;width:auto;object-fit:contain;display:block; }

.nav-items {
  display:flex; align-items:stretch;
  flex:1; height:100%; justify-content:space-evenly; gap:0;
}
.ni { position:relative; height:100%; }

.nl {
  display:flex; align-items:center; gap:6px; height:100%; padding:0 12px;
  font-family:var(--f-display);
  font-size:16px; font-weight:500; letter-spacing:.03em;
  color:rgba(255,255,255,.55); text-decoration:none;
  white-space:nowrap; cursor:pointer; transition:color .15s; position:relative;
}
.nl::after {
  content:''; position:absolute; bottom:-2px; left:16px; right:16px; height:2px;
  background:var(--red-accent); transform:scaleX(0); transform-origin:left;
  transition:transform .22s cubic-bezier(.25,.46,.45,.94);
}
.nl:hover,.ni:hover>.nl { color:var(--white); }
.nl:hover::after,.ni:hover>.nl::after { transform:scaleX(1); }

/* HIGH VALUE */
.nl.hv {
  color:#FF8A80; background:rgba(198,31,38,.13);
  border-top:2px solid var(--red);
  font-weight:600; font-size:16px; padding:0 18px;
}
.nl.hv::after { display:none; }
.nl.hv:hover { color:var(--white);background:rgba(198,31,38,.24); }
.hv-pulse {
  width:6px;height:6px;border-radius:50%;
  background:var(--red-accent);flex-shrink:0;
  animation:pulse 2.4s ease infinite;
}
@keyframes pulse {
  0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}
}

.cv { font-size:8px;opacity:.4;transition:transform .18s;flex-shrink:0; }
.ni:hover>.nl .cv { transform:rotate(180deg); }

.nav-cta-wrap { padding-left:16px;flex-shrink:0;display:flex;align-items:center; }
.nav-cta {
  display:inline-flex;align-items:center;gap:8px; padding:12px 28px;
  background:var(--red);color:var(--white);
  font-family:var(--f-display); font-size:15px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;text-decoration:none;
  clip-path:polygon(0 0,100% 0,100% 66%,90% 100%,0 100%);
  transition:background .18s; white-space:nowrap;
}
.nav-cta:hover { background:var(--red-hi); }

/* ══ DROPDOWNS ═══════════════════════════════════ */
.dd {
  position:absolute; top:100%; left:0;
  background:var(--nav-bg);
  border:1px solid rgba(255,255,255,.09); border-top:2px solid var(--red);
  opacity:0; visibility:hidden; pointer-events:none;
  transform:translateY(-6px);
  transition:opacity .18s,transform .18s,visibility .18s;
  z-index:999; box-shadow:0 24px 64px rgba(0,0,0,.6);
}
.ni:hover>.dd { opacity:1;visibility:visible;pointer-events:all;transform:translateY(0); }

.dd-s { min-width:280px;padding:8px 0; }
.dd-s .dd-top-label {
  padding:10px 22px 8px; font-family:var(--f-mono);
  font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.22);border-bottom:1px solid var(--rule-dark);
  margin-bottom:4px; font-style:italic;
}
.dd-s a {
  display:flex;align-items:flex-start;gap:10px; padding:10px 22px;
  font-family:var(--f-body);font-size:14px;
  color:rgba(255,255,255,.52);text-decoration:none;
  border-left:2px solid transparent;
  transition:background .12s,color .12s,border-color .12s;
}
.dd-s a:hover { background:rgba(255,255,255,.04);color:var(--white);border-left-color:var(--red-accent); }
.dd-sub { font-family:var(--f-mono);font-size:10px;color:var(--muted-2);display:block;margin-top:2px; }
.dd-sep { height:1px;background:var(--rule-dark);margin:5px 0; }
.dd-red { color:var(--red-accent)!important; }

/* Mega */
.dd-mega { padding:0; }
.ni.ni-mega>.dd-mega { width:860px;left:-240px; }
.ni.ni-trust>.dd-mega { width:680px;left:-100px; }
.ni.ni-cases>.dd-mega { width:700px;left:-140px; }
.ni.ni-resource>.dd-mega { width:700px;left:-160px; }
.ni.ni-contact>.dd-mega { width:540px;left:-120px; }

.mega-grid { display:grid; }
.ni.ni-mega .mega-grid { grid-template-columns:repeat(4,1fr); }
.ni.ni-trust .mega-grid { grid-template-columns:repeat(2,1fr); }
.ni.ni-cases .mega-grid { grid-template-columns:1fr 1fr; }
.ni.ni-resource .mega-grid { grid-template-columns:1fr 1fr; }
.ni.ni-contact .mega-grid { grid-template-columns:1fr 1fr; }

.mega-top-bar {
  grid-column:1/-1;
  padding:10px 22px 9px;
  font-family:var(--f-mono); font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.22); border-bottom:1px solid var(--rule-dark);
  font-style:italic;
}
.mega-col {
  padding:22px 20px; border-right:1px solid var(--rule-dark);
}
.mega-col:last-child { border-right:none; }
.mega-head {
  font-family:var(--f-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--red-accent); margin-bottom:14px;padding-bottom:10px;
  border-bottom:1px solid var(--red-rule); line-height:1.5;
}
.mega-col a {
  display:flex;align-items:center;gap:8px; padding:8px 0;
  font-family:var(--f-body);font-size:14px;
  color:rgba(255,255,255,.48);text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.04);
  transition:color .12s;
}
.mega-col a:last-child { border-bottom:none; }
.mega-col a:hover { color:var(--white); }
.mega-col a:hover .ma { color:var(--red-accent); }
.ma { font-size:10px;color:rgba(255,255,255,.2);flex-shrink:0;transition:color .12s; }
.mega-col a.mc-red { color:var(--red-accent);margin-top:8px; }
.mega-col a.mc-red:hover { color:var(--red-hi); }

/* ══ HERO ════════════════════════════════════════ */
.hero {
  background:var(--hero-bg); position:relative;overflow:hidden;
  padding:96px 0 80px;
}
.hero-redline {
  position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--red),var(--red-accent));
  animation:growLine .9s cubic-bezier(.25,.46,.45,.94) both;transform-origin:left;
}
@keyframes growLine { from{transform:scaleX(0)}to{transform:scaleX(1)} }
.hero-gtex {
  position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);
  background-size:44px 44px;
}
.hero-stripe {
  position:absolute;top:0;right:0;bottom:0;width:42%;
  background:linear-gradient(135deg,transparent 44%,rgba(198,31,38,.045) 44%);
  pointer-events:none;
}
.hero-diag {
  position:absolute;top:0;bottom:0;right:42%;width:1px;
  background:rgba(211,47,47,.14);pointer-events:none;
}
.hero-inner {
  max-width:var(--max);margin:0 auto;padding:0 var(--pad);
  position:relative;z-index:1;
  display:grid;grid-template-columns:1fr 440px;gap:64px;align-items:flex-start;
}
.hero-eyebrow {
  display:flex;align-items:center;gap:11px;margin-bottom:22px;
}
.hero-eyebrow-bar { width:24px;height:2px;background:var(--red-accent);flex-shrink:0; }
.hero-eyebrow-text {
  font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--red-accent);
}
.hero-h1 {
  font-family:var(--f-display);
  font-size:clamp(44px,5vw,78px);font-weight:700;line-height:.95;
  letter-spacing:-.01em;color:var(--white);margin-bottom:22px;
}
.hero-h1 .red { color:var(--red-accent); }
.hero-positioning {
  font-family:var(--f-display);font-size:17px;font-weight:400;
  color:rgba(255,255,255,.42);line-height:1.55;max-width:580px;margin-bottom:8px;
}
.hero-positioning em { font-style:normal;color:rgba(255,255,255,.65); }
.hero-mono-tag {
  font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;
  color:rgba(255,255,255,.2);margin-bottom:38px;text-transform:uppercase;
}
.hero-btns { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:56px; }
/* ── VIDEO BACKGROUND ─────────────────────────────────── */
.hero-video-wrap {
  position:absolute;inset:0;z-index:0;overflow:hidden;
}
.hero-video {
  width:100%;height:100%;object-fit:cover;object-position:center;
  opacity:.28;filter:grayscale(30%) brightness(.7);
}
.hero-video-overlay {
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(13,15,17,.92) 45%,rgba(13,15,17,.7) 100%);
}

/* ── SUPPORT LINE ─────────────────────────────────────── */
.hero-support-line {
  font-family:var(--f-mono);font-size:11px;letter-spacing:.28em;
  text-transform:uppercase;color:var(--red-accent);
  margin-bottom:10px;margin-top:-4px;
}

/* ── 4-BUTTON 2×2 GRID ────────────────────────────────── */
.hero-btns-grid {
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
  max-width:560px;margin-bottom:8px;
}
.btn-replacement {
  display:inline-flex;align-items:center;gap:8px;padding:13px 20px;
  background:#4A4A4A;color:var(--white);
  font-family:var(--f-display);font-size:13px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;text-decoration:none;
  transition:background .18s;
}
.btn-replacement:hover { background:#666; }

/* ── BUTTON SUB-LABELS ────────────────────────────────── */
.hero-btn-labels {
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
  max-width:560px;margin-bottom:48px;
}
.hero-btn-labels span {
  font-family:var(--f-display);font-size:12px;font-weight:500;
  letter-spacing:.02em;color:rgba(255,255,255,.38);
  padding:2px 4px;line-height:1.5;
}

.btn-primary {
  display:inline-flex;align-items:center;gap:8px; padding:13px 28px;
  background:var(--red);color:var(--white);
  font-family:var(--f-display);font-size:14px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;text-decoration:none;
  clip-path:polygon(0 0,100% 0,100% 68%,91% 100%,0 100%);transition:background .18s;
}
.btn-primary:hover { background:var(--red-hi); }
.btn-outline {
  display:inline-flex;align-items:center;gap:8px; padding:12px 28px;
  border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.62);
  font-family:var(--f-display);font-size:14px;font-weight:500;letter-spacing:.03em;
  text-decoration:none;transition:border-color .18s,color .18s;
}
.btn-outline:hover { border-color:var(--red-accent);color:var(--white); }
.stats-bar { background:var(--stats-bg); }
.stats-inner {
  max-width:var(--max);margin:0 auto;padding:0 var(--pad);
  display:grid;grid-template-columns:repeat(5,1fr);
  border-top:1px solid rgba(255,255,255,.05);
}
.stat { padding:20px 18px;border-right:1px solid rgba(255,255,255,.06);text-align:center; }
.stat:last-child { border-right:none; }
.stat-n {
  font-family:var(--f-display);font-size:30px;font-weight:700;
  color:var(--white);line-height:1;margin-bottom:6px;
}
.stat-n sup { font-size:14px;color:var(--red-accent); }
.stat-mono {
  font-family:var(--f-mono);font-size:13px;font-weight:600;
  color:var(--white);margin-bottom:6px;
}
.stat-mono span { color:var(--red-accent); }
.stat-l {
  font-family:var(--f-mono);font-size:8.5px;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.26);
}
.hero-panel {
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-top:3px solid var(--red);min-width:420px;
}
.panel-head {
  padding:16px 24px;font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--red-accent);
  border-bottom:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.25);
}
.panel-row {
  display:flex;align-items:center;padding:14px 24px;
  border-bottom:1px solid rgba(255,255,255,.06);gap:16px;
}
.panel-row:last-child { border-bottom:none; }
.panel-label {
  font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(255,255,255,.35);
  flex-shrink:0;width:100px;
}
.panel-val {
  font-family:var(--f-display);font-size:15px;font-weight:700;
  color:rgba(255,255,255,.88);text-align:right;flex:1;
}
.panel-val small {
  font-family:var(--f-mono);font-size:10.5px;font-weight:400;
  color:rgba(255,255,255,.38);display:block;margin-top:3px;
  letter-spacing:.04em;
}

/* ══ CONTENT PLACEHOLDER ═════════════════════════ */
.content-ph {
  background:var(--content-bg);padding:100px var(--pad);text-align:center;
}
.cp-label {
  font-family:var(--f-mono);font-size:10px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted);margin-bottom:16px;
}
.cp-title {
  font-family:var(--f-display);font-size:clamp(28px,3.5vw,48px);
  font-weight:700;color:var(--dark);line-height:.95;margin-bottom:14px;
}
.cp-title span { color:var(--red); }
.cp-sub { font-size:15px;color:var(--muted);line-height:1.7;max-width:500px;margin:0 auto; }

/* ══ FOOTER ══════════════════════════════════════ */
footer { background:var(--nav-bg);border-top:3px solid var(--red); }

.footer-top {
  max-width:var(--max);margin:0 auto;
  padding:64px var(--pad) 56px;
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.3fr;gap:48px;
}

/* Brand */
.ft-brand-logo { display:flex;align-items:center;gap:14px;margin-bottom:22px; }
.ft-logo-img { height:64px;width:auto;object-fit:contain;display:block; }
.ft-logo-text { display:flex;flex-direction:column;gap:4px; }
.ft-logo-name {
  font-family:var(--f-display);font-size:19px;font-weight:600;
  color:rgba(255,255,255,.65);letter-spacing:.04em;line-height:1;
}
.ft-logo-sub {
  font-family:var(--f-mono);font-size:9.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted-2);
}
.ft-brand-desc {
  font-family:var(--f-body);font-size:14px;font-weight:300;
  color:rgba(255,255,255,.35);line-height:1.76;margin-bottom:24px;max-width:310px;
}
.ft-pillars { display:flex;flex-direction:column;gap:8px;margin-bottom:26px; }
.ft-pillar {
  display:flex;align-items:center;gap:11px;
  font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted-2);
}
.ft-pillar::before { content:'';width:18px;height:1px;background:var(--red-accent);flex-shrink:0; }
.ft-badges { display:flex;gap:7px;flex-wrap:wrap;margin-bottom:28px; }
.ft-badge {
  font-family:var(--f-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;
  padding:5px 11px;border:1px solid rgba(255,255,255,.12);color:var(--muted-2);
}

/* Social */
.ft-socials { display:flex;gap:10px;margin-top:4px; }
.ft-soc {
  width:36px;height:36px;border:1px solid rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.38);text-decoration:none;
  font-size:14px;transition:border-color .15s,color .15s,background .15s;
}
.ft-soc:hover { border-color:var(--red-accent);color:var(--white);background:rgba(198,31,38,.12); }
.ft-soc svg { width:16px;height:16px;fill:currentColor; }

/* Cols */
.ft-col-head {
  font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:rgba(255,255,255,.75);
  margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--rule-dark);
}
.ft-links { display:flex;flex-direction:column;gap:11px; }
.ft-links a {
  font-family:var(--f-body);font-size:14px;font-weight:300;
  color:rgba(255,255,255,.38);text-decoration:none;transition:color .15s;line-height:1.4;
}
.ft-links a:hover { color:rgba(255,255,255,.82); }
/* ── FOOTER FEATURED PRODUCT LINKS ── */
.ft-link-featured {
  font-weight: 500 !important;
  color: rgba(255,255,255,.72) !important;
}
.ft-link-featured:hover {
  color: var(--red-hi) !important;
}

.ft-links a.ft-red { color:rgba(198,31,38,.82); }
.ft-links a.ft-red:hover { color:var(--red-hi); }

/* Contact col */
.ft-contact-block { margin-bottom:16px; }
.ft-contact-label {
  font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted-2);margin-bottom:5px;display:block;
}
.ft-contact-val {
  font-family:var(--f-body);font-size:16px;font-weight:400;
  color:rgba(255,255,255,.68);line-height:1.5;
}
.ft-contact-val a {
  color:rgba(255,255,255,.68);text-decoration:none;transition:color .15s;
}
.ft-contact-val a:hover { color:var(--white); }
.ft-hours {
  font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;
  color:var(--muted-2);margin-top:16px;line-height:1.9;
  padding:12px 14px;border:1px solid var(--rule-dark);
}

/* Language */
.ft-lang { border-top:1px solid var(--rule-dark);border-bottom:1px solid var(--rule-dark); }
.ft-lang-inner {
  max-width:var(--max);margin:0 auto;padding:0 20px;
  display:flex;align-items:stretch;flex-wrap:nowrap;overflow-x:auto;
}
.ft-lang-label {
  font-family:var(--f-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted-2);display:flex;align-items:center;
  padding:0 18px 0 0;border-right:1px solid var(--rule-dark);flex-shrink:0;white-space:nowrap;
}
.ft-lang-btn {
  display:flex;align-items:center;gap:2px; padding:13px 5px;
  font-family:var(--f-mono);font-size:9px;letter-spacing:.04em;
  color:rgba(255,255,255,.38);text-decoration:none;white-space:nowrap;
  border-left:1px solid var(--rule-dark);transition:color .15s,background .15s;
}
.ft-lang-btn:hover { color:rgba(255,255,255,.82);background:rgba(255,255,255,.03); }
.ft-lang-flag { font-size:11px;line-height:1; }

/* Bottom */
.ft-bottom { background:var(--stats-bg); }
.ft-bottom-inner {
  max-width:var(--max);margin:0 auto;padding:20px var(--pad);
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:14px;
}
.ft-tagline {
  font-family:var(--f-display);font-size:15px;font-weight:500;
  color:rgba(255,255,255,.28);letter-spacing:.03em;font-style:italic;
}
.ft-tagline span { color:rgba(198,31,38,.6);font-style:normal; }
.ft-legal-copy { display:flex;align-items:center;gap:20px;flex-wrap:wrap; }
.ft-legal { display:flex;align-items:center; }
.ft-legal a {
  font-family:var(--f-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.22);text-decoration:none;
  padding:0 14px;border-left:1px solid var(--rule-dark);transition:color .15s;
}
.ft-legal a:first-child { border-left:none;padding-left:0; }
.ft-legal a:hover { color:rgba(255,255,255,.6); }
.ft-copy {
  font-family:var(--f-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.18);white-space:nowrap;
}

@media(max-width:1280px) {
  :root{--pad:44px;}
  .footer-top{grid-template-columns:1fr 1fr 1fr;}
  .ft-brand{grid-column:span 3;}
  .hero-inner{grid-template-columns:1fr;}
  .hero-panel{display:none;}
  .ni.ni-mega>.dd-mega{width:720px;left:-180px;}
}
@media(max-width:960px) {
  :root{--pad:28px;}
  .footer-top{grid-template-columns:1fr 1fr;}
  .ft-brand{grid-column:span 2;}
  .stats-inner{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:768px) {
  :root{--pad:20px;}
  .topbar-notice{display:none;}
  .footer-top{grid-template-columns:1fr;}
  .ft-brand{grid-column:span 1;}
}


/* ═══════════════════════════════════════════════════
   HOMEPAGE STYLES — AIDA + EEAT + GEO/SEO
   ═══════════════════════════════════════════════════ */
.hp{padding:88px 0;}.hp-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad);}
.eyebrow{font-family:var(--f-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--red-accent);display:flex;align-items:center;gap:12px;margin-bottom:16px;}.eyebrow::before{content:'';width:24px;height:1px;background:var(--red-accent);}
.h2-white{font-family:var(--f-display);font-size:clamp(26px,3.2vw,44px);font-weight:700;color:var(--white);line-height:1.05;letter-spacing:-.01em;margin-bottom:14px;}
.h2-dark{font-family:var(--f-display);font-size:clamp(26px,3.2vw,44px);font-weight:700;color:var(--dark);line-height:1.05;letter-spacing:-.01em;margin-bottom:14px;}
.lead-white{font-family:var(--f-body);font-size:16px;font-weight:300;color:rgba(255,255,255,.48);line-height:1.75;max-width:560px;}
.lead-dark{font-family:var(--f-body);font-size:16px;font-weight:300;color:var(--muted-2);line-height:1.75;max-width:560px;}

/* ── TRUST STRIP (Authority signal, above fold) ── */
.tstrip{background:var(--stats-bg);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);}
.tstrip-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:flex;flex-wrap:wrap;}
.ti{flex:1;min-width:150px;padding:18px 16px;border-right:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px;}
.ti:last-child{border-right:none;}
.ti-icon{font-size:16px;flex-shrink:0;}
.ti-text{font-family:var(--f-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.28);line-height:1.6;}
.ti-text b{color:rgba(255,255,255,.72);display:block;font-size:10.5px;letter-spacing:.05em;}

/* ── ABOUT / ATTENTION SECTION (A of AIDA) ── */
.about-sec{background:var(--hero-bg);}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.about-img{position:relative;}
.about-img img{width:100%;height:420px;object-fit:cover;display:block;}
.about-badge{
  position:absolute;bottom:-1px;right:-1px;
  background:var(--nav-bg);border-top:2px solid var(--red);
  padding:20px 24px;min-width:180px;
}
.about-badge-n{font-family:var(--f-display);font-size:36px;font-weight:700;color:var(--white);line-height:1;}
.about-badge-n sup{font-size:15px;color:var(--red-accent);}
.about-badge-l{font-family:var(--f-mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-top:4px;}
.about-points{display:flex;flex-direction:column;gap:18px;margin-top:28px;}
.about-point{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;border:1px solid rgba(255,255,255,.07);border-left:3px solid var(--red-rule);}
.about-point-icon{font-size:20px;flex-shrink:0;margin-top:2px;}
.about-point-title{font-family:var(--f-display);font-size:15px;font-weight:600;color:rgba(255,255,255,.8);margin-bottom:4px;}
.about-point-desc{font-family:var(--f-body);font-size:13px;font-weight:300;color:rgba(255,255,255,.38);line-height:1.65;}

/* ── PRODUCTS SECTION (Interest) ── */
.prod-sec{background:var(--content-bg);}
.prod-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;flex-wrap:wrap;gap:20px;}
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.pc{background:var(--white);border:1px solid rgba(0,0,0,.07);border-top:3px solid rgba(0,0,0,.05);overflow:hidden;transition:border-top-color .2s,box-shadow .2s;}
.pc:hover{border-top-color:var(--red);box-shadow:0 6px 32px rgba(0,0,0,.09);}
.pc.hv{border-top-color:var(--red);}
.pc-img{width:100%;height:180px;object-fit:cover;display:block;}
.pc-body{padding:20px 18px 16px;}
.pc-tag{font-family:var(--f-mono);font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted-2);margin-bottom:8px;}
.pc-tag.rv{color:var(--red-accent);}.pc-tag.rv::before{content:'★ ';}
.pc-name{font-family:var(--f-display);font-size:17px;font-weight:700;color:var(--dark);margin-bottom:7px;line-height:1.2;}
.pc-desc{font-family:var(--f-body);font-size:12.5px;font-weight:300;color:var(--muted-2);line-height:1.65;margin-bottom:14px;}
.pc-foot{padding:12px 18px;border-top:1px solid rgba(0,0,0,.06);display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.015);}
.pc-link{font-family:var(--f-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--red);text-decoration:none;display:flex;align-items:center;gap:5px;transition:gap .15s;}
.pc-link:hover{gap:9px;}
.pc-sample{font-family:var(--f-mono);font-size:8.5px;letter-spacing:.08em;color:var(--muted-2);}

/* ── APPLICATION INDUSTRIES ── */
.app-sec{background:var(--nav-bg);}
.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.06);margin-top:44px;}
.app-card{background:var(--nav-bg);overflow:hidden;position:relative;cursor:default;}
.app-card img{width:100%;height:220px;object-fit:cover;display:block;filter:brightness(.55);transition:filter .3s;}
.app-card:hover img{filter:brightness(.7);}
.app-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 22px;background:linear-gradient(transparent,rgba(0,0,0,.75));}
.app-label{font-family:var(--f-display);font-size:16px;font-weight:600;color:var(--white);margin-bottom:4px;}
.app-sub{font-family:var(--f-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45);}

/* ── EEAT 4-PILLAR ── */
.eeat-sec{background:var(--hero-bg);}
.eeat-intro{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-bottom:48px;align-items:end;}
.eeat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.07);}
.ec{background:var(--hero-bg);padding:32px 26px;position:relative;overflow:hidden;transition:background .2s;}
.ec:hover{background:rgba(255,255,255,.025);}
.ec::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.ec:hover::after{transform:scaleX(1);}
.ec-letter{font-family:var(--f-display);font-size:60px;font-weight:700;color:rgba(198,31,38,.1);line-height:1;letter-spacing:-.02em;}
.ec-tag{font-family:var(--f-mono);font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--red-accent);margin-bottom:12px;}
.ec-head{font-family:var(--f-display);font-size:15px;font-weight:600;color:var(--white);margin-bottom:12px;line-height:1.35;}
.ec-list{list-style:none;display:flex;flex-direction:column;gap:8px;}
.ec-list li{font-family:var(--f-body);font-size:12.5px;font-weight:300;color:rgba(255,255,255,.42);display:flex;align-items:flex-start;gap:7px;line-height:1.5;}
.ec-list li::before{content:'›';color:var(--red-accent);flex-shrink:0;}

/* ── SOP PROCESS (Desire) ── */
.sop-sec{background:#0B0D0F;}
.sop-header{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:end;margin-bottom:44px;}
.sop-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:rgba(255,255,255,.07);}
.ss{background:#0B0D0F;padding:24px 18px;position:relative;}
.ss::after{content:'→';position:absolute;top:24px;right:-9px;font-size:11px;color:rgba(255,255,255,.15);z-index:1;}
.ss:last-child::after{display:none;}
.ss-n{font-family:var(--f-mono);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.18);margin-bottom:9px;}
.ss-t{font-family:var(--f-display);font-size:13px;font-weight:600;color:rgba(255,255,255,.75);margin-bottom:7px;line-height:1.3;}
.ss-d{font-family:var(--f-mono);font-size:9px;letter-spacing:.06em;color:rgba(255,255,255,.28);line-height:1.7;}
.sop-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.07);margin-top:1px;}
.sp{background:#0B0D0F;padding:26px 22px;}
.sp-head{font-family:var(--f-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--red-accent);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(198,31,38,.15);}
.sp-items{display:flex;flex-direction:column;gap:7px;}
.sp-item{font-family:var(--f-body);font-size:13px;font-weight:300;color:rgba(255,255,255,.42);display:flex;align-items:flex-start;gap:8px;line-height:1.5;}
.sp-item::before{content:'✓';color:var(--red-accent);flex-shrink:0;font-size:10px;margin-top:3px;}

/* ── PROOF / AUTHORITY ── */
.proof-sec{background:var(--hero-bg);}
.proof-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:44px;align-items:start;}
.proof-nums{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.07);}
.pn{background:var(--hero-bg);padding:26px 22px;}
.pn-n{font-family:var(--f-display);font-size:38px;font-weight:700;color:var(--white);line-height:1;margin-bottom:5px;}
.pn-n sup{font-size:14px;color:var(--red-accent);}
.pn-l{font-family:var(--f-mono);font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.26);}
.proof-certs{display:flex;flex-direction:column;gap:10px;}
.cert-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--red-accent);transition:background .15s;}
.cert-row:hover{background:rgba(255,255,255,.03);}
.cert-icon{font-size:20px;flex-shrink:0;}
.cert-name{font-family:var(--f-display);font-size:14px;font-weight:600;color:rgba(255,255,255,.78);margin-bottom:2px;}
.cert-desc{font-family:var(--f-mono);font-size:9px;letter-spacing:.08em;color:rgba(255,255,255,.3);}
.proof-patents{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;}
.patent-img{width:100%;aspect-ratio:3/4;object-fit:cover;filter:grayscale(.4);opacity:.7;transition:opacity .2s;}
.patent-img:hover{opacity:1;}

/* ── SOCIAL PROOF (客户评价 / Video) ── */
.social-sec{background:var(--content-bg);}
.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:44px;align-items:start;}
.video-placeholder{
  background:var(--nav-bg);aspect-ratio:16/9;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:12px;cursor:pointer;position:relative;overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
}
.video-placeholder img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.4);}
.video-play{
  position:relative;z-index:1;
  width:64px;height:64px;border-radius:50%;background:var(--red);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;transition:transform .15s,background .15s;
}
.video-placeholder:hover .video-play{transform:scale(1.1);background:#a01520;}
.video-label{position:relative;z-index:1;font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.reviews{display:flex;flex-direction:column;gap:14px;}
.review-card{background:var(--white);padding:22px 20px;border:1px solid rgba(0,0,0,.07);border-left:3px solid var(--red-accent);}
.review-stars{color:#f59e0b;font-size:12px;margin-bottom:8px;letter-spacing:2px;}
.review-text{font-family:var(--f-body);font-size:13.5px;font-weight:300;color:var(--muted-2);line-height:1.7;margin-bottom:12px;font-style:italic;}
.review-author{display:flex;align-items:center;gap:10px;}
.review-flag{font-size:18px;}
.review-name{font-family:var(--f-display);font-size:13px;font-weight:600;color:var(--dark);}
.review-role{font-family:var(--f-mono);font-size:9px;letter-spacing:.08em;color:var(--muted-2);}

/* ── FAQ (GEO/AI structured) ── */
/* faq-sec bg consolidated */
.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:44px;}
.faq-list{display:flex;flex-direction:column;gap:3px;}
.fi{border:1px solid rgba(0,0,0,.08);background:var(--white);overflow:hidden;}
.fi-q{padding:16px 20px;font-family:var(--f-body);font-size:14px;font-weight:500;color:var(--dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;transition:background .15s;}
.fi-q:hover{background:rgba(0,0,0,.018);}
.fi-ico{font-family:var(--f-mono);font-size:13px;color:var(--red);flex-shrink:0;transition:transform .2s;}
.fi-a{padding:0 20px;max-height:0;overflow:hidden;font-family:var(--f-body);font-size:13px;font-weight:300;color:var(--muted-2);line-height:1.75;transition:max-height .3s ease,padding .3s ease;}
.fi.open .fi-a{max-height:220px;padding:0 20px 16px;}
.fi.open .fi-ico{transform:rotate(45deg);}
.faq-aside{display:flex;flex-direction:column;gap:16px;}
.faq-cta-box{background:var(--nav-bg);border-top:2px solid var(--red);padding:28px 24px;}
.faq-cta-tag{font-family:var(--f-mono);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--red-accent);margin-bottom:10px;}
.faq-cta-title{font-family:var(--f-display);font-size:17px;font-weight:600;color:var(--white);margin-bottom:8px;line-height:1.3;}
.faq-cta-desc{font-family:var(--f-body);font-size:13px;font-weight:300;color:rgba(255,255,255,.42);line-height:1.7;margin-bottom:18px;}
.faq-checks{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;}
.faq-check{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.08em;color:rgba(255,255,255,.35);display:flex;align-items:center;gap:8px;}
.faq-check::before{content:'✓';color:var(--red-accent);}
.contact-box{background:var(--white);border:1px solid rgba(0,0,0,.08);border-top:2px solid var(--red);padding:24px 22px;}
.contact-box-label{font-family:var(--f-mono);font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin-bottom:8px;}
.contact-box-phone{font-family:var(--f-display);font-size:18px;font-weight:700;color:var(--dark);margin-bottom:3px;}
.contact-box-sub{font-family:var(--f-mono);font-size:9.5px;color:var(--muted-2);margin-bottom:16px;}

/* ── CTA SECTION (Action) ── */
.cta-sec{background:var(--red);padding:72px 0;position:relative;overflow:hidden;}
.cta-sec::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,0,0,.18) 0%,transparent 55%);}
.cta-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;position:relative;z-index:1;}
.cta-tag{font-family:var(--f-mono);font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:10px;}
.cta-h{font-family:var(--f-display);font-size:clamp(24px,3vw,40px);font-weight:700;color:var(--white);line-height:1.1;margin-bottom:10px;}
.cta-sub{font-family:var(--f-body);font-size:15px;font-weight:300;color:rgba(255,255,255,.72);line-height:1.6;}
.cta-btns{display:flex;flex-direction:column;gap:10px;flex-shrink:0;}
.btn-w{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;background:var(--white);color:var(--red);font-family:var(--f-display);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;clip-path:polygon(0 0,100% 0,100% 65%,90% 100%,0 100%);transition:background .15s;white-space:nowrap;}
.btn-w:hover{background:rgba(255,255,255,.9);}
.btn-o{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border:1px solid rgba(255,255,255,.45);color:rgba(255,255,255,.82);font-family:var(--f-display);font-size:12.5px;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s;white-space:nowrap;}
.btn-o:hover{border-color:var(--white);color:var(--white);}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .about-grid{grid-template-columns:1fr;gap:36px;}
  .prod-grid{grid-template-columns:repeat(2,1fr);}
  .eeat-grid{grid-template-columns:repeat(2,1fr);}
  .eeat-intro{grid-template-columns:1fr;gap:20px;}
  .app-grid{grid-template-columns:repeat(2,1fr);}
  .sop-steps{grid-template-columns:repeat(3,1fr);}
  .proof-layout{grid-template-columns:1fr;gap:32px;}
  .social-grid,.faq-layout{grid-template-columns:1fr;}
  .cta-inner{grid-template-columns:1fr;}
  .sop-pillars{grid-template-columns:1fr 1fr;}
  .sop-header{grid-template-columns:1fr;}
}
@media(max-width:768px){
  .prod-grid{grid-template-columns:1fr 1fr;}
  .eeat-grid{grid-template-columns:1fr;}
  .app-grid{grid-template-columns:1fr;}
  .sop-steps{grid-template-columns:repeat(2,1fr);}
  .proof-nums{grid-template-columns:1fr 1fr;}
  .sop-pillars{grid-template-columns:1fr;}
  .tstrip-inner{flex-direction:column;}
  .ti{border-right:none;border-bottom:1px solid rgba(255,255,255,.06);}
  .proof-patents{grid-template-columns:repeat(3,1fr);}
}

/* ── ENGINEERED · MATCHED · DELIVERED block ──────────── */
.hero-emd {
  display:flex;flex-direction:column;gap:8px;
  margin-bottom:32px;max-width:560px;
}
.hero-emd-item {
  display:flex;align-items:baseline;gap:14px;
}
.hero-emd-label {
  font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--red-accent);
  flex-shrink:0;width:105px;
}
.hero-emd-desc {
  font-family:var(--f-display);font-size:14px;font-weight:400;
  color:rgba(255,255,255,.55);line-height:1.5;
}

/* ── PRIMARY PRODUCTS 2-col large cards ───────────────── */
.prod-primary-grid {
  display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px;
}
.pc-primary {
  display:flex;flex-direction:column;
}
.pc-primary-img-wrap {
  width:100%;height:220px;overflow:hidden;background:#E8EAED;
  position:relative;
}
.pc-primary-img-ph {
  width:100%;height:100%;
  background:linear-gradient(135deg,#1A1C1F 0%,#2D3035 100%);
  display:flex;align-items:flex-end;padding:16px 20px;
}
.pc-img-label {
  font-family:var(--f-mono);font-size:9px;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.3);
}
.pc-specs {
  display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;
}
.pc-specs span {
  font-family:var(--f-mono);font-size:8.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--red-accent);
  border:1px solid rgba(198,31,38,.2);padding:3px 8px;background:rgba(198,31,38,.04);
}
/* SECONDARY label divider */
.prod-secondary-label {
  margin:28px 0 14px;display:flex;align-items:center;gap:12px;
}
.prod-secondary-label span {
  font-family:var(--f-mono);font-size:9px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted-2);
}
.prod-secondary-label::after {
  content:'';flex:1;height:1px;background:rgba(0,0,0,.08);
}
/* CTA bar */
.prod-cta-bar {
  display:flex;gap:14px;margin-top:36px;flex-wrap:wrap;
}
/* Dark outline button */
.btn-outline-dark {
  display:inline-flex;align-items:center;gap:8px;padding:12px 24px;
  border:1px solid rgba(0,0,0,.15);color:var(--muted-2);
  font-family:var(--f-display);font-size:13px;font-weight:500;
  text-decoration:none;transition:border-color .18s,color .18s;
  white-space:nowrap;
}
.btn-outline-dark:hover { border-color:var(--red);color:var(--red); }

/* ── SECTION LABEL ─────────────────────────────────── */
  .range-label {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 28px;
  }
  .range-label-text {
    font-family: var(--mono);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--dark);
    white-space: nowrap;
  }
  .range-label-line {
    flex: 1;
    height: 1px;
    background: rgba(0,0,0,.12);
  }

  /* ── 2×2 GRID ──────────────────────────────────────── */
  .belt-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 32px;
  }

  /* ── CARD ───────────────────────────────────────────── */
  .belt-card {
    background: var(--card-bg);
    border: 1px solid rgba(0,0,0,.07);
    border-top: 3px solid rgba(0,0,0,.06);
    overflow: hidden;
    transition: border-top-color .2s, box-shadow .22s, transform .22s;
    cursor: pointer;
  }
  .belt-card:hover {
    border-top-color: var(--red);
    box-shadow: 0 8px 40px rgba(0,0,0,.11);
    transform: translateY(-2px);
  }

  /* ── PHOTO SLOT ─────────────────────────────────────── */
  .card-photo {
    width: 100%;
    height: 280px;
    background: linear-gradient(135deg, #E8EAED 0%, #F0F1F3 60%, #E4E6E9 100%);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* 金属网格纹理动画 */
  .card-photo::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
      linear-gradient(rgba(0,0,0,.06) 1px, transparent 1px),
      linear-gradient(90deg, rgba(0,0,0,.06) 1px, transparent 1px);
    background-size: 28px 28px;
    animation: gridScroll 8s linear infinite;
  }
  @keyframes gridScroll {
    from { background-position: 0 0; }
    to   { background-position: 28px 28px; }
  }
  .card-photo::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 80px;
    background: linear-gradient(transparent, rgba(0,0,0,.08));
  }
  .photo-placeholder-label {
    position: absolute;
    bottom: 14px; left: 18px;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: rgba(0,0,0,.35);
    z-index: 1;
  }
  /* Camera icon center */
  .photo-icon {
    width: 48px;
    height: 48px;
    border: 1.5px solid rgba(0,0,0,.12);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
  }
  .photo-icon svg {
    opacity: .2;
  }

  /* ── CARD BODY ──────────────────────────────────────── */
  .card-body {
    padding: 22px 22px 16px;
  }
  .card-tag {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--muted);
    margin-bottom: 8px;
  }
  .card-name {
    font-family: var(--display);
    font-size: 26px;           /* 和主卡片一样大 */
    font-weight: 700;
    color: var(--dark);
    line-height: 1.05;
    margin-bottom: 10px;
    letter-spacing: -.01em;
  }
  .card-desc {
    font-family: var(--body);
    font-size: 14px;
    font-weight: 400;
    color: var(--muted);
    line-height: 1.68;
  }

  /* ── CARD FOOT ──────────────────────────────────────── */
  .card-foot {
    padding: 14px 22px;
    border-top: 1px solid rgba(0,0,0,.06);
    background: rgba(0,0,0,.015);
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .card-link {
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--red);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: gap .15s;
  }
  .card-link:hover { gap: 10px; }

  /* ── REPLACE BELT BOX — full-width power layout ─── */
  .replace-box {
    background: var(--dark);
    border-top: 4px solid var(--red);
    position: relative;
    overflow: hidden;
    margin-top: 8px;
  }
  /* Red diagonal accent */
  .replace-box::before {
    content: '';
    position: absolute;
    top: 0; right: 0;
    width: 420px; height: 100%;
    background: linear-gradient(135deg, transparent 40%, rgba(198,31,38,.08) 40%);
    pointer-events: none;
  }
  /* Grid line texture */
  .replace-box::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
      linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events: none;
  }
  .replace-box-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 0;
    max-width: 1100px;
    margin: 0 auto;
  }
  /* LEFT: main content */
  .replace-box-left {
    padding: 44px 48px 44px 52px;
    border-right: 1px solid rgba(255,255,255,.07);
  }
  .replace-box-label {
    font-family: var(--display);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--red);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .replace-box-label::before {
    content: '';
    width: 20px; height: 2px;
    background: var(--red);
    flex-shrink: 0;
  }
  .replace-box-title {
    font-family: var(--display);
    font-size: clamp(32px, 3.5vw, 48px);
    font-weight: 700;
    color: var(--white);
    line-height: .95;
    margin-bottom: 18px;
    letter-spacing: -.02em;
  }
  .replace-box-title span { color: var(--red); }
  .replace-box-desc {
    font-family: var(--body);
    font-size: 15px;
    color: rgba(255,255,255,.48);
    line-height: 1.72;
    max-width: 580px;
    margin-bottom: 28px;
  }
  /* Steps inline */
  .replace-steps {
    display: flex;
    gap: 0;
    flex-wrap: wrap;
  }
  .replace-step {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 24px;
    margin-right: 24px;
    border-right: 1px solid rgba(255,255,255,.1);
  }
  .replace-step:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
  }
  .step-num {
    width: 28px; height: 28px;
    border: 1.5px solid var(--red);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 600;
    color: var(--red);
    flex-shrink: 0;
  }
  .step-text {
    font-family: var(--display);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: rgba(255,255,255,.55);
  }


/* ═══ HERO SCREEN ═══ */


:root {
  --nav-bg:     #1E2124;
  --hero-bg:    #1A1C1F;
  --stats-bg:   #111314;
  --content-bg: #F4F5F7;
  --module-bg:  #E6E8EB;
  --white:      #FFFFFF;
  --dark:       #2F343A;
  --muted:      #9DA3A8;
  --muted-2:    #6B7280;
  --muted-3:    #4A5056;
  --red:        #C61F26;
  --red-accent: #D32F2F;
  --red-hi:     #E53935;
  --red-dim:    rgba(198,31,38,.12);
  --red-rule:   rgba(198,31,38,.28);
  --rule-dark:  rgba(255,255,255,.07);

  --f-display: 'IBM Plex Sans Condensed', sans-serif;
  --f-body:    'IBM Plex Sans', sans-serif;
  --f-mono:    'IBM Plex Mono', monospace;

  --topbar-h: 38px;
  --nav-h:    72px;
  --max:      1400px;
  --pad:      64px;
}
*,*::before,*::after { margin:0;padding:0;box-sizing:border-box; }
html { scroll-behavior:smooth;-webkit-font-smoothing:antialiased; }
body { font-family:var(--f-body);background:var(--content-bg);color:var(--dark);overflow-x:hidden; }

/* ══ TOPBAR ══════════════════════════════════════ */
.topbar {
  background: var(--stats-bg);
  height: var(--topbar-h);
  border-bottom: 1px solid var(--rule-dark);
  display: flex; align-items: center;
  padding: 0 var(--pad);
  position: sticky; top:0; z-index:500;
}
.topbar-left {
  flex:1; display:flex; align-items:center; gap:20px; overflow:hidden;
}
.topbar-notice {
  font-family:var(--f-mono);
  font-size:10px; letter-spacing:.16em; text-transform:uppercase;
  color:rgba(255,255,255,.32); white-space:nowrap;
}
.topbar-notice b { color:rgba(255,255,255,.55); font-weight:500; }
.topbar-div { width:1px;height:14px;background:var(--rule-dark);flex-shrink:0; }
.topbar-right { display:flex;align-items:stretch;height:var(--topbar-h);flex-shrink:0; }
.lang-label {
  font-family:var(--f-mono); font-size:9px; letter-spacing:.18em; text-transform:uppercase;
  color:rgba(255,255,255,.28); display:flex;align-items:center;
  padding:0 16px; border-right:1px solid var(--rule-dark); white-space:nowrap;
}
.lang-btn {
  display:flex;align-items:center;gap:5px; padding:0 12px; height:100%;
  font-family:var(--f-mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase;
  color:rgba(255,255,255,.35); text-decoration:none;
  border-left:1px solid var(--rule-dark);
  transition:color .15s,background .15s;
}
.lang-btn:hover { color:rgba(255,255,255,.8);background:rgba(255,255,255,.04); }
.lang-btn.active { color:var(--white);border-left-color:var(--red);background:rgba(198,31,38,.12); }
.lang-flag { font-size:12px;line-height:1; }

/* ══ NAV ═════════════════════════════════════════ */
nav {
  position:sticky; top:var(--topbar-h); z-index:400;
  background:var(--nav-bg); height:var(--nav-h);
  border-bottom:2px solid var(--red);
  display:flex; align-items:center;
  padding:0 var(--pad);
  box-shadow:0 4px 32px rgba(0,0,0,.45);
}
.logo {
  display:flex; align-items:center; text-decoration:none;
  margin-right:auto; flex-shrink:0; height:100%; padding:10px 0;
}
.logo-img { height:52px;width:auto;object-fit:contain;display:block; }

.nav-items {
  display:flex; align-items:stretch;
  flex:1; height:100%; justify-content:space-evenly; gap:0;
}
.ni { position:relative; height:100%; }

.nl {
  display:flex; align-items:center; gap:6px; height:100%; padding:0 12px;
  font-family:var(--f-display);
  font-size:16px; font-weight:500; letter-spacing:.03em;
  color:rgba(255,255,255,.55); text-decoration:none;
  white-space:nowrap; cursor:pointer; transition:color .15s; position:relative;
}
.nl::after {
  content:''; position:absolute; bottom:-2px; left:16px; right:16px; height:2px;
  background:var(--red-accent); transform:scaleX(0); transform-origin:left;
  transition:transform .22s cubic-bezier(.25,.46,.45,.94);
}
.nl:hover,.ni:hover>.nl { color:var(--white); }
.nl:hover::after,.ni:hover>.nl::after { transform:scaleX(1); }

/* HIGH VALUE */
.nl.hv {
  color:#FF8A80; background:rgba(198,31,38,.13);
  border-top:2px solid var(--red);
  font-weight:600; font-size:16px; padding:0 18px;
}
.nl.hv::after { display:none; }
.nl.hv:hover { color:var(--white);background:rgba(198,31,38,.24); }
.hv-pulse {
  width:6px;height:6px;border-radius:50%;
  background:var(--red-accent);flex-shrink:0;
  animation:pulse 2.4s ease infinite;
}
@keyframes pulse {
  0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}
}

.cv { font-size:8px;opacity:.4;transition:transform .18s;flex-shrink:0; }
.ni:hover>.nl .cv { transform:rotate(180deg); }

.nav-cta-wrap { padding-left:16px;flex-shrink:0;display:flex;align-items:center; }
.nav-cta {
  display:inline-flex;align-items:center;gap:8px; padding:12px 28px;
  background:var(--red);color:var(--white);
  font-family:var(--f-display); font-size:15px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;text-decoration:none;
  clip-path:polygon(0 0,100% 0,100% 66%,90% 100%,0 100%);
  transition:background .18s; white-space:nowrap;
}
.nav-cta:hover { background:var(--red-hi); }

/* ══ DROPDOWNS ═══════════════════════════════════ */
.dd {
  position:absolute; top:100%; left:0;
  background:var(--nav-bg);
  border:1px solid rgba(255,255,255,.09); border-top:2px solid var(--red);
  opacity:0; visibility:hidden; pointer-events:none;
  transform:translateY(-6px);
  transition:opacity .18s,transform .18s,visibility .18s;
  z-index:999; box-shadow:0 24px 64px rgba(0,0,0,.6);
}
.ni:hover>.dd { opacity:1;visibility:visible;pointer-events:all;transform:translateY(0); }

.dd-s { min-width:280px;padding:8px 0; }
.dd-s .dd-top-label {
  padding:10px 22px 8px; font-family:var(--f-mono);
  font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.22);border-bottom:1px solid var(--rule-dark);
  margin-bottom:4px; font-style:italic;
}
.dd-s a {
  display:flex;align-items:flex-start;gap:10px; padding:10px 22px;
  font-family:var(--f-body);font-size:14px;
  color:rgba(255,255,255,.52);text-decoration:none;
  border-left:2px solid transparent;
  transition:background .12s,color .12s,border-color .12s;
}
.dd-s a:hover { background:rgba(255,255,255,.04);color:var(--white);border-left-color:var(--red-accent); }
.dd-sub { font-family:var(--f-mono);font-size:10px;color:var(--muted-2);display:block;margin-top:2px; }
.dd-sep { height:1px;background:var(--rule-dark);margin:5px 0; }
.dd-red { color:var(--red-accent)!important; }

/* Mega */
.dd-mega { padding:0; }
.ni.ni-mega>.dd-mega { width:860px;left:-240px; }
.ni.ni-trust>.dd-mega { width:680px;left:-100px; }
.ni.ni-cases>.dd-mega { width:700px;left:-140px; }
.ni.ni-resource>.dd-mega { width:700px;left:-160px; }
.ni.ni-contact>.dd-mega { width:540px;left:-120px; }

.mega-grid { display:grid; }
.ni.ni-mega .mega-grid { grid-template-columns:repeat(4,1fr); }
.ni.ni-trust .mega-grid { grid-template-columns:repeat(2,1fr); }
.ni.ni-cases .mega-grid { grid-template-columns:1fr 1fr; }
.ni.ni-resource .mega-grid { grid-template-columns:1fr 1fr; }
.ni.ni-contact .mega-grid { grid-template-columns:1fr 1fr; }

.mega-top-bar {
  grid-column:1/-1;
  padding:10px 22px 9px;
  font-family:var(--f-mono); font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.22); border-bottom:1px solid var(--rule-dark);
  font-style:italic;
}
.mega-col {
  padding:22px 20px; border-right:1px solid var(--rule-dark);
}
.mega-col:last-child { border-right:none; }
.mega-head {
  font-family:var(--f-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--red-accent); margin-bottom:14px;padding-bottom:10px;
  border-bottom:1px solid var(--red-rule); line-height:1.5;
}
.mega-col a {
  display:flex;align-items:center;gap:8px; padding:8px 0;
  font-family:var(--f-body);font-size:14px;
  color:rgba(255,255,255,.48);text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.04);
  transition:color .12s;
}
.mega-col a:last-child { border-bottom:none; }
.mega-col a:hover { color:var(--white); }
.mega-col a:hover .ma { color:var(--red-accent); }
.ma { font-size:10px;color:rgba(255,255,255,.2);flex-shrink:0;transition:color .12s; }
.mega-col a.mc-red { color:var(--red-accent);margin-top:8px; }
.mega-col a.mc-red:hover { color:var(--red-hi); }

/* ══ HERO ════════════════════════════════════════ */
.hero {
  background:var(--hero-bg); position:relative;overflow:hidden;
  padding:96px 0 80px;
}
.hero-redline {
  position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--red),var(--red-accent));
  animation:growLine .9s cubic-bezier(.25,.46,.45,.94) both;transform-origin:left;
}
@keyframes growLine { from{transform:scaleX(0)}to{transform:scaleX(1)} }
.hero-gtex {
  position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);
  background-size:44px 44px;
}
.hero-stripe {
  position:absolute;top:0;right:0;bottom:0;width:42%;
  background:linear-gradient(135deg,transparent 44%,rgba(198,31,38,.045) 44%);
  pointer-events:none;
}
.hero-diag {
  position:absolute;top:0;bottom:0;right:42%;width:1px;
  background:rgba(211,47,47,.14);pointer-events:none;
}
.hero-inner {
  max-width:var(--max);margin:0 auto;padding:0 var(--pad);
  position:relative;z-index:1;
  display:grid;grid-template-columns:1fr 440px;gap:64px;align-items:flex-start;
}
.hero-eyebrow {
  display:flex;align-items:center;gap:11px;margin-bottom:22px;
}
.hero-eyebrow-bar { width:24px;height:2px;background:var(--red-accent);flex-shrink:0; }
.hero-eyebrow-text {
  font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--red-accent);
}
.hero-h1 {
  font-family:var(--f-display);
  font-size:clamp(44px,5vw,78px);font-weight:700;line-height:.95;
  letter-spacing:-.01em;color:var(--white);margin-bottom:22px;
}
.hero-h1 .red { color:var(--red-accent); }
.hero-positioning {
  font-family:var(--f-display);font-size:17px;font-weight:400;
  color:rgba(255,255,255,.42);line-height:1.55;max-width:580px;margin-bottom:8px;
}
.hero-positioning em { font-style:normal;color:rgba(255,255,255,.65); }
.hero-mono-tag {
  font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;
  color:rgba(255,255,255,.2);margin-bottom:38px;text-transform:uppercase;
}
.hero-btns { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:56px; }
/* ── VIDEO BACKGROUND ─────────────────────────────────── */
.hero-video-wrap {
  position:absolute;inset:0;z-index:0;overflow:hidden;
}
.hero-video {
  width:100%;height:100%;object-fit:cover;object-position:center;
  opacity:.28;filter:grayscale(30%) brightness(.7);
}
.hero-video-overlay {
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(13,15,17,.92) 45%,rgba(13,15,17,.7) 100%);
}

/* ── SUPPORT LINE ─────────────────────────────────────── */
.hero-support-line {
  font-family:var(--f-mono);font-size:11px;letter-spacing:.28em;
  text-transform:uppercase;color:var(--red-accent);
  margin-bottom:10px;margin-top:-4px;
}

/* ── 4-BUTTON 2×2 GRID ────────────────────────────────── */
.hero-btns-grid {
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
  max-width:560px;margin-bottom:8px;
}
.btn-replacement {
  display:inline-flex;align-items:center;gap:8px;padding:13px 20px;
  background:#4A4A4A;color:var(--white);
  font-family:var(--f-display);font-size:13px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;text-decoration:none;
  transition:background .18s;
}
.btn-replacement:hover { background:#666; }

/* ── BUTTON SUB-LABELS ────────────────────────────────── */
.hero-btn-labels {
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
  max-width:560px;margin-bottom:48px;
}
.hero-btn-labels span {
  font-family:var(--f-display);font-size:12px;font-weight:500;
  letter-spacing:.02em;color:rgba(255,255,255,.38);
  padding:2px 4px;line-height:1.5;
}

.btn-primary {
  display:inline-flex;align-items:center;gap:8px; padding:13px 28px;
  background:var(--red);color:var(--white);
  font-family:var(--f-display);font-size:14px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;text-decoration:none;
  clip-path:polygon(0 0,100% 0,100% 68%,91% 100%,0 100%);transition:background .18s;
}
.btn-primary:hover { background:var(--red-hi); }
.btn-outline {
  display:inline-flex;align-items:center;gap:8px; padding:12px 28px;
  border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.62);
  font-family:var(--f-display);font-size:14px;font-weight:500;letter-spacing:.03em;
  text-decoration:none;transition:border-color .18s,color .18s;
}
.btn-outline:hover { border-color:var(--red-accent);color:var(--white); }
.stats-bar { background:var(--stats-bg); }
.stats-inner {
  max-width:var(--max);margin:0 auto;padding:0 var(--pad);
  display:grid;grid-template-columns:repeat(5,1fr);
  border-top:1px solid rgba(255,255,255,.05);
}
.stat { padding:20px 18px;border-right:1px solid rgba(255,255,255,.06);text-align:center; }
.stat:last-child { border-right:none; }
.stat-n {
  font-family:var(--f-display);font-size:30px;font-weight:700;
  color:var(--white);line-height:1;margin-bottom:6px;
}
.stat-n sup { font-size:14px;color:var(--red-accent); }
.stat-mono {
  font-family:var(--f-mono);font-size:13px;font-weight:600;
  color:var(--white);margin-bottom:6px;
}
.stat-mono span { color:var(--red-accent); }
.stat-l {
  font-family:var(--f-mono);font-size:8.5px;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.26);
}
.hero-panel {
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-top:3px solid var(--red);min-width:420px;
}
.panel-head {
  padding:16px 24px;font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--red-accent);
  border-bottom:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.25);
}
.panel-row {
  display:flex;align-items:center;padding:14px 24px;
  border-bottom:1px solid rgba(255,255,255,.06);gap:16px;
}
.panel-row:last-child { border-bottom:none; }
.panel-label {
  font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(255,255,255,.35);
  flex-shrink:0;width:100px;
}
.panel-val {
  font-family:var(--f-display);font-size:15px;font-weight:700;
  color:rgba(255,255,255,.88);text-align:right;flex:1;
}
.panel-val small {
  font-family:var(--f-mono);font-size:10.5px;font-weight:400;
  color:rgba(255,255,255,.38);display:block;margin-top:3px;
  letter-spacing:.04em;
}

/* ══ CONTENT PLACEHOLDER ═════════════════════════ */
.content-ph {
  background:var(--content-bg);padding:100px var(--pad);text-align:center;
}
.cp-label {
  font-family:var(--f-mono);font-size:10px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted);margin-bottom:16px;
}
.cp-title {
  font-family:var(--f-display);font-size:clamp(28px,3.5vw,48px);
  font-weight:700;color:var(--dark);line-height:.95;margin-bottom:14px;
}
.cp-title span { color:var(--red); }
.cp-sub { font-size:15px;color:var(--muted);line-height:1.7;max-width:500px;margin:0 auto; }

/* ══ FOOTER ══════════════════════════════════════ */
footer { background:var(--nav-bg);border-top:3px solid var(--red); }

.footer-top {
  max-width:var(--max);margin:0 auto;
  padding:64px var(--pad) 56px;
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.3fr;gap:48px;
}

/* Brand */
.ft-brand-logo { display:flex;align-items:center;gap:14px;margin-bottom:22px; }
.ft-logo-img { height:64px;width:auto;object-fit:contain;display:block; }
.ft-logo-text { display:flex;flex-direction:column;gap:4px; }
.ft-logo-name {
  font-family:var(--f-display);font-size:19px;font-weight:600;
  color:rgba(255,255,255,.65);letter-spacing:.04em;line-height:1;
}
.ft-logo-sub {
  font-family:var(--f-mono);font-size:9.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted-2);
}
.ft-brand-desc {
  font-family:var(--f-body);font-size:14px;font-weight:300;
  color:rgba(255,255,255,.35);line-height:1.76;margin-bottom:24px;max-width:310px;
}
.ft-pillars { display:flex;flex-direction:column;gap:8px;margin-bottom:26px; }
.ft-pillar {
  display:flex;align-items:center;gap:11px;
  font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted-2);
}
.ft-pillar::before { content:'';width:18px;height:1px;background:var(--red-accent);flex-shrink:0; }
.ft-badges { display:flex;gap:7px;flex-wrap:wrap;margin-bottom:28px; }
.ft-badge {
  font-family:var(--f-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;
  padding:5px 11px;border:1px solid rgba(255,255,255,.12);color:var(--muted-2);
}

/* Social */
.ft-socials { display:flex;gap:10px;margin-top:4px; }
.ft-soc {
  width:36px;height:36px;border:1px solid rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.38);text-decoration:none;
  font-size:14px;transition:border-color .15s,color .15s,background .15s;
}
.ft-soc:hover { border-color:var(--red-accent);color:var(--white);background:rgba(198,31,38,.12); }
.ft-soc svg { width:16px;height:16px;fill:currentColor; }

/* Cols */
.ft-col-head {
  font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:rgba(255,255,255,.75);
  margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--rule-dark);
}
.ft-links { display:flex;flex-direction:column;gap:11px; }
.ft-links a {
  font-family:var(--f-body);font-size:14px;font-weight:300;
  color:rgba(255,255,255,.38);text-decoration:none;transition:color .15s;line-height:1.4;
}
.ft-links a:hover { color:rgba(255,255,255,.82); }
/* ── FOOTER FEATURED PRODUCT LINKS ── */
.ft-link-featured {
  font-weight: 500 !important;
  color: rgba(255,255,255,.72) !important;
}
.ft-link-featured:hover {
  color: var(--red-hi) !important;
}

.ft-links a.ft-red { color:rgba(198,31,38,.82); }
.ft-links a.ft-red:hover { color:var(--red-hi); }

/* Contact col */
.ft-contact-block { margin-bottom:16px; }
.ft-contact-label {
  font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted-2);margin-bottom:5px;display:block;
}
.ft-contact-val {
  font-family:var(--f-body);font-size:16px;font-weight:400;
  color:rgba(255,255,255,.68);line-height:1.5;
}
.ft-contact-val a {
  color:rgba(255,255,255,.68);text-decoration:none;transition:color .15s;
}
.ft-contact-val a:hover { color:var(--white); }
.ft-hours {
  font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;
  color:var(--muted-2);margin-top:16px;line-height:1.9;
  padding:12px 14px;border:1px solid var(--rule-dark);
}

/* Language */
.ft-lang { border-top:1px solid var(--rule-dark);border-bottom:1px solid var(--rule-dark); }
.ft-lang-inner {
  max-width:var(--max);margin:0 auto;padding:0 var(--pad);
  display:flex;align-items:stretch;flex-wrap:wrap;
}
.ft-lang-label {
  font-family:var(--f-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted-2);display:flex;align-items:center;
  padding:0 18px 0 0;border-right:1px solid var(--rule-dark);flex-shrink:0;white-space:nowrap;
}
.ft-lang-btn {
  display:flex;align-items:center;gap:6px; padding:13px 16px;
  font-family:var(--f-mono);font-size:11.5px;letter-spacing:.1em;
  color:rgba(255,255,255,.38);text-decoration:none;
  border-left:1px solid var(--rule-dark);transition:color .15s,background .15s;
}
.ft-lang-btn:hover { color:rgba(255,255,255,.82);background:rgba(255,255,255,.03); }
.ft-lang-flag { font-size:14px;line-height:1; }

/* Bottom */
.ft-bottom { background:var(--stats-bg); }
.ft-bottom-inner {
  max-width:var(--max);margin:0 auto;padding:20px var(--pad);
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:14px;
}
.ft-tagline {
  font-family:var(--f-display);font-size:15px;font-weight:500;
  color:rgba(255,255,255,.28);letter-spacing:.03em;font-style:italic;
}
.ft-tagline span { color:rgba(198,31,38,.6);font-style:normal; }
.ft-legal-copy { display:flex;align-items:center;gap:20px;flex-wrap:wrap; }
.ft-legal { display:flex;align-items:center; }
.ft-legal a {
  font-family:var(--f-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.22);text-decoration:none;
  padding:0 14px;border-left:1px solid var(--rule-dark);transition:color .15s;
}
.ft-legal a:first-child { border-left:none;padding-left:0; }
.ft-legal a:hover { color:rgba(255,255,255,.6); }
.ft-copy {
  font-family:var(--f-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.18);white-space:nowrap;
}

@media(max-width:1280px) {
  :root{--pad:44px;}
  .footer-top{grid-template-columns:1fr 1fr 1fr;}
  .ft-brand{grid-column:span 3;}
  .hero-inner{grid-template-columns:1fr;}
  .hero-panel{display:none;}
  .ni.ni-mega>.dd-mega{width:720px;left:-180px;}
}
@media(max-width:960px) {
  :root{--pad:28px;}
  .footer-top{grid-template-columns:1fr 1fr;}
  .ft-brand{grid-column:span 2;}
  .stats-inner{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:768px) {
  :root{--pad:20px;}
  .topbar-notice{display:none;}
  .footer-top{grid-template-columns:1fr;}
  .ft-brand{grid-column:span 1;}
}


/* ═══════════════════════════════════════════════════
   HOMEPAGE STYLES — AIDA + EEAT + GEO/SEO
   ═══════════════════════════════════════════════════ */
.hp{padding:88px 0;}.hp-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad);}
.eyebrow{font-family:var(--f-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--red-accent);display:flex;align-items:center;gap:12px;margin-bottom:16px;}.eyebrow::before{content:'';width:24px;height:1px;background:var(--red-accent);}
.h2-white{font-family:var(--f-display);font-size:clamp(26px,3.2vw,44px);font-weight:700;color:var(--white);line-height:1.05;letter-spacing:-.01em;margin-bottom:14px;}
.h2-dark{font-family:var(--f-display);font-size:clamp(26px,3.2vw,44px);font-weight:700;color:var(--dark);line-height:1.05;letter-spacing:-.01em;margin-bottom:14px;}
.lead-white{font-family:var(--f-body);font-size:16px;font-weight:300;color:rgba(255,255,255,.48);line-height:1.75;max-width:560px;}
.lead-dark{font-family:var(--f-body);font-size:16px;font-weight:300;color:var(--muted-2);line-height:1.75;max-width:560px;}

/* ── TRUST STRIP (Authority signal, above fold) ── */
.tstrip{background:var(--stats-bg);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);}
.tstrip-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:flex;flex-wrap:wrap;}
.ti{flex:1;min-width:150px;padding:18px 16px;border-right:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px;}
.ti:last-child{border-right:none;}
.ti-icon{font-size:16px;flex-shrink:0;}
.ti-text{font-family:var(--f-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.28);line-height:1.6;}
.ti-text b{color:rgba(255,255,255,.72);display:block;font-size:10.5px;letter-spacing:.05em;}

/* ── ABOUT / ATTENTION SECTION (A of AIDA) ── */
.about-sec{background:var(--hero-bg);}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.about-img{position:relative;}
.about-img img{width:100%;height:420px;object-fit:cover;display:block;}
.about-badge{
  position:absolute;bottom:-1px;right:-1px;
  background:var(--nav-bg);border-top:2px solid var(--red);
  padding:20px 24px;min-width:180px;
}
.about-badge-n{font-family:var(--f-display);font-size:36px;font-weight:700;color:var(--white);line-height:1;}
.about-badge-n sup{font-size:15px;color:var(--red-accent);}
.about-badge-l{font-family:var(--f-mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-top:4px;}
.about-points{display:flex;flex-direction:column;gap:18px;margin-top:28px;}
.about-point{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;border:1px solid rgba(255,255,255,.07);border-left:3px solid var(--red-rule);}
.about-point-icon{font-size:20px;flex-shrink:0;margin-top:2px;}
.about-point-title{font-family:var(--f-display);font-size:15px;font-weight:600;color:rgba(255,255,255,.8);margin-bottom:4px;}
.about-point-desc{font-family:var(--f-body);font-size:13px;font-weight:300;color:rgba(255,255,255,.38);line-height:1.65;}

/* ── PRODUCTS SECTION (Interest) ── */
.prod-sec{background:var(--content-bg);}
.prod-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;flex-wrap:wrap;gap:20px;}
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.pc{background:var(--white);border:1px solid rgba(0,0,0,.07);border-top:3px solid rgba(0,0,0,.05);overflow:hidden;transition:border-top-color .2s,box-shadow .2s;}
.pc:hover{border-top-color:var(--red);box-shadow:0 6px 32px rgba(0,0,0,.09);}
.pc.hv{border-top-color:var(--red);}
.pc-img{width:100%;height:180px;object-fit:cover;display:block;}
.pc-body{padding:20px 18px 16px;}
.pc-tag{font-family:var(--f-mono);font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted-2);margin-bottom:8px;}
.pc-tag.rv{color:var(--red-accent);}.pc-tag.rv::before{content:'★ ';}
.pc-name{font-family:var(--f-display);font-size:17px;font-weight:700;color:var(--dark);margin-bottom:7px;line-height:1.2;}
.pc-desc{font-family:var(--f-body);font-size:12.5px;font-weight:300;color:var(--muted-2);line-height:1.65;margin-bottom:14px;}
.pc-foot{padding:12px 18px;border-top:1px solid rgba(0,0,0,.06);display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.015);}
.pc-link{font-family:var(--f-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--red);text-decoration:none;display:flex;align-items:center;gap:5px;transition:gap .15s;}
.pc-link:hover{gap:9px;}
.pc-sample{font-family:var(--f-mono);font-size:8.5px;letter-spacing:.08em;color:var(--muted-2);}

/* ── APPLICATION INDUSTRIES ── */
.app-sec{background:var(--nav-bg);}
.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.06);margin-top:44px;}
.app-card{background:var(--nav-bg);overflow:hidden;position:relative;cursor:default;}
.app-card img{width:100%;height:220px;object-fit:cover;display:block;filter:brightness(.55);transition:filter .3s;}
.app-card:hover img{filter:brightness(.7);}
.app-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 22px;background:linear-gradient(transparent,rgba(0,0,0,.75));}
.app-label{font-family:var(--f-display);font-size:16px;font-weight:600;color:var(--white);margin-bottom:4px;}
.app-sub{font-family:var(--f-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45);}

/* ── EEAT 4-PILLAR ── */
.eeat-sec{background:var(--hero-bg);}
.eeat-intro{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-bottom:48px;align-items:end;}
.eeat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.07);}
.ec{background:var(--hero-bg);padding:32px 26px;position:relative;overflow:hidden;transition:background .2s;}
.ec:hover{background:rgba(255,255,255,.025);}
.ec::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.ec:hover::after{transform:scaleX(1);}
.ec-letter{font-family:var(--f-display);font-size:60px;font-weight:700;color:rgba(198,31,38,.1);line-height:1;letter-spacing:-.02em;}
.ec-tag{font-family:var(--f-mono);font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--red-accent);margin-bottom:12px;}
.ec-head{font-family:var(--f-display);font-size:15px;font-weight:600;color:var(--white);margin-bottom:12px;line-height:1.35;}
.ec-list{list-style:none;display:flex;flex-direction:column;gap:8px;}
.ec-list li{font-family:var(--f-body);font-size:12.5px;font-weight:300;color:rgba(255,255,255,.42);display:flex;align-items:flex-start;gap:7px;line-height:1.5;}
.ec-list li::before{content:'›';color:var(--red-accent);flex-shrink:0;}

/* ── SOP PROCESS (Desire) ── */
.sop-sec{background:#0B0D0F;}
.sop-header{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:end;margin-bottom:44px;}
.sop-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:rgba(255,255,255,.07);}
.ss{background:#0B0D0F;padding:24px 18px;position:relative;}
.ss::after{content:'→';position:absolute;top:24px;right:-9px;font-size:11px;color:rgba(255,255,255,.15);z-index:1;}
.ss:last-child::after{display:none;}
.ss-n{font-family:var(--f-mono);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.18);margin-bottom:9px;}
.ss-t{font-family:var(--f-display);font-size:13px;font-weight:600;color:rgba(255,255,255,.75);margin-bottom:7px;line-height:1.3;}
.ss-d{font-family:var(--f-mono);font-size:9px;letter-spacing:.06em;color:rgba(255,255,255,.28);line-height:1.7;}
.sop-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.07);margin-top:1px;}
.sp{background:#0B0D0F;padding:26px 22px;}
.sp-head{font-family:var(--f-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--red-accent);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(198,31,38,.15);}
.sp-items{display:flex;flex-direction:column;gap:7px;}
.sp-item{font-family:var(--f-body);font-size:13px;font-weight:300;color:rgba(255,255,255,.42);display:flex;align-items:flex-start;gap:8px;line-height:1.5;}
.sp-item::before{content:'✓';color:var(--red-accent);flex-shrink:0;font-size:10px;margin-top:3px;}

/* ── PROOF / AUTHORITY ── */
.proof-sec{background:var(--hero-bg);}
.proof-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:44px;align-items:start;}
.proof-nums{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.07);}
.pn{background:var(--hero-bg);padding:26px 22px;}
.pn-n{font-family:var(--f-display);font-size:38px;font-weight:700;color:var(--white);line-height:1;margin-bottom:5px;}
.pn-n sup{font-size:14px;color:var(--red-accent);}
.pn-l{font-family:var(--f-mono);font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.26);}
.proof-certs{display:flex;flex-direction:column;gap:10px;}
.cert-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--red-accent);transition:background .15s;}
.cert-row:hover{background:rgba(255,255,255,.03);}
.cert-icon{font-size:20px;flex-shrink:0;}
.cert-name{font-family:var(--f-display);font-size:14px;font-weight:600;color:rgba(255,255,255,.78);margin-bottom:2px;}
.cert-desc{font-family:var(--f-mono);font-size:9px;letter-spacing:.08em;color:rgba(255,255,255,.3);}
.proof-patents{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;}
.patent-img{width:100%;aspect-ratio:3/4;object-fit:cover;filter:grayscale(.4);opacity:.7;transition:opacity .2s;}
.patent-img:hover{opacity:1;}

/* ── SOCIAL PROOF (客户评价 / Video) ── */
.social-sec{background:var(--content-bg);}
.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:44px;align-items:start;}
.video-placeholder{
  background:var(--nav-bg);aspect-ratio:16/9;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:12px;cursor:pointer;position:relative;overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
}
.video-placeholder img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.4);}
.video-play{
  position:relative;z-index:1;
  width:64px;height:64px;border-radius:50%;background:var(--red);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;transition:transform .15s,background .15s;
}
.video-placeholder:hover .video-play{transform:scale(1.1);background:#a01520;}
.video-label{position:relative;z-index:1;font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.reviews{display:flex;flex-direction:column;gap:14px;}
.review-card{background:var(--white);padding:22px 20px;border:1px solid rgba(0,0,0,.07);border-left:3px solid var(--red-accent);}
.review-stars{color:#f59e0b;font-size:12px;margin-bottom:8px;letter-spacing:2px;}
.review-text{font-family:var(--f-body);font-size:13.5px;font-weight:300;color:var(--muted-2);line-height:1.7;margin-bottom:12px;font-style:italic;}
.review-author{display:flex;align-items:center;gap:10px;}
.review-flag{font-size:18px;}
.review-name{font-family:var(--f-display);font-size:13px;font-weight:600;color:var(--dark);}
.review-role{font-family:var(--f-mono);font-size:9px;letter-spacing:.08em;color:var(--muted-2);}

/* ── FAQ (GEO/AI structured) ── */
/* faq-sec bg consolidated */
.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:44px;}
.faq-list{display:flex;flex-direction:column;gap:3px;}
.fi{border:1px solid rgba(0,0,0,.08);background:var(--white);overflow:hidden;}
.fi-q{padding:16px 20px;font-family:var(--f-body);font-size:14px;font-weight:500;color:var(--dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;transition:background .15s;}
.fi-q:hover{background:rgba(0,0,0,.018);}
.fi-ico{font-family:var(--f-mono);font-size:13px;color:var(--red);flex-shrink:0;transition:transform .2s;}
.fi-a{padding:0 20px;max-height:0;overflow:hidden;font-family:var(--f-body);font-size:13px;font-weight:300;color:var(--muted-2);line-height:1.75;transition:max-height .3s ease,padding .3s ease;}
.fi.open .fi-a{max-height:220px;padding:0 20px 16px;}
.fi.open .fi-ico{transform:rotate(45deg);}
.faq-aside{display:flex;flex-direction:column;gap:16px;}
.faq-cta-box{background:var(--nav-bg);border-top:2px solid var(--red);padding:28px 24px;}
.faq-cta-tag{font-family:var(--f-mono);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--red-accent);margin-bottom:10px;}
.faq-cta-title{font-family:var(--f-display);font-size:17px;font-weight:600;color:var(--white);margin-bottom:8px;line-height:1.3;}
.faq-cta-desc{font-family:var(--f-body);font-size:13px;font-weight:300;color:rgba(255,255,255,.42);line-height:1.7;margin-bottom:18px;}
.faq-checks{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;}
.faq-check{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.08em;color:rgba(255,255,255,.35);display:flex;align-items:center;gap:8px;}
.faq-check::before{content:'✓';color:var(--red-accent);}
.contact-box{background:var(--white);border:1px solid rgba(0,0,0,.08);border-top:2px solid var(--red);padding:24px 22px;}
.contact-box-label{font-family:var(--f-mono);font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin-bottom:8px;}
.contact-box-phone{font-family:var(--f-display);font-size:18px;font-weight:700;color:var(--dark);margin-bottom:3px;}
.contact-box-sub{font-family:var(--f-mono);font-size:9.5px;color:var(--muted-2);margin-bottom:16px;}

/* ── CTA SECTION (Action) ── */
.cta-sec{background:var(--red);padding:72px 0;position:relative;overflow:hidden;}
.cta-sec::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,0,0,.18) 0%,transparent 55%);}
.cta-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;position:relative;z-index:1;}
.cta-tag{font-family:var(--f-mono);font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:10px;}
.cta-h{font-family:var(--f-display);font-size:clamp(24px,3vw,40px);font-weight:700;color:var(--white);line-height:1.1;margin-bottom:10px;}
.cta-sub{font-family:var(--f-body);font-size:15px;font-weight:300;color:rgba(255,255,255,.72);line-height:1.6;}
.cta-btns{display:flex;flex-direction:column;gap:10px;flex-shrink:0;}
.btn-w{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;background:var(--white);color:var(--red);font-family:var(--f-display);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;clip-path:polygon(0 0,100% 0,100% 65%,90% 100%,0 100%);transition:background .15s;white-space:nowrap;}
.btn-w:hover{background:rgba(255,255,255,.9);}
.btn-o{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border:1px solid rgba(255,255,255,.45);color:rgba(255,255,255,.82);font-family:var(--f-display);font-size:12.5px;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s;white-space:nowrap;}
.btn-o:hover{border-color:var(--white);color:var(--white);}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .about-grid{grid-template-columns:1fr;gap:36px;}
  .prod-grid{grid-template-columns:repeat(2,1fr);}
  .eeat-grid{grid-template-columns:repeat(2,1fr);}
  .eeat-intro{grid-template-columns:1fr;gap:20px;}
  .app-grid{grid-template-columns:repeat(2,1fr);}
  .sop-steps{grid-template-columns:repeat(3,1fr);}
  .proof-layout{grid-template-columns:1fr;gap:32px;}
  .social-grid,.faq-layout{grid-template-columns:1fr;}
  .cta-inner{grid-template-columns:1fr;}
  .sop-pillars{grid-template-columns:1fr 1fr;}
  .sop-header{grid-template-columns:1fr;}
}
@media(max-width:768px){
  .prod-grid{grid-template-columns:1fr 1fr;}
  .eeat-grid{grid-template-columns:1fr;}
  .app-grid{grid-template-columns:1fr;}
  .sop-steps{grid-template-columns:repeat(2,1fr);}
  .proof-nums{grid-template-columns:1fr 1fr;}
  .sop-pillars{grid-template-columns:1fr;}
  .tstrip-inner{flex-direction:column;}
  .ti{border-right:none;border-bottom:1px solid rgba(255,255,255,.06);}
  .proof-patents{grid-template-columns:repeat(3,1fr);}
}

/* ── ENGINEERED · MATCHED · DELIVERED block ──────────── */
.hero-emd {
  display:flex;flex-direction:column;gap:8px;
  margin-bottom:32px;max-width:560px;
}
.hero-emd-item {
  display:flex;align-items:baseline;gap:14px;
}
.hero-emd-label {
  font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--red-accent);
  flex-shrink:0;width:105px;
}
.hero-emd-desc {
  font-family:var(--f-display);font-size:14px;font-weight:400;
  color:rgba(255,255,255,.55);line-height:1.5;
}

/* ── PRIMARY PRODUCTS 2-col large cards ───────────────── */
.prod-primary-grid {
  display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px;
}
.pc-primary {
  display:flex;flex-direction:column;
}
.pc-primary-img-wrap {
  width:100%;height:220px;overflow:hidden;background:#E8EAED;
  position:relative;
}
.pc-primary-img-ph {
  width:100%;height:100%;
  background:linear-gradient(135deg,#1A1C1F 0%,#2D3035 100%);
  display:flex;align-items:flex-end;padding:16px 20px;
}
.pc-img-label {
  font-family:var(--f-mono);font-size:9px;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.3);
}
.pc-specs {
  display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;
}
.pc-specs span {
  font-family:var(--f-mono);font-size:8.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--red-accent);
  border:1px solid rgba(198,31,38,.2);padding:3px 8px;background:rgba(198,31,38,.04);
}
/* SECONDARY label divider */
.prod-secondary-label {
  margin:28px 0 14px;display:flex;align-items:center;gap:12px;
}
.prod-secondary-label span {
  font-family:var(--f-mono);font-size:9px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted-2);
}
.prod-secondary-label::after {
  content:'';flex:1;height:1px;background:rgba(0,0,0,.08);
}
/* CTA bar */
.prod-cta-bar {
  display:flex;gap:14px;margin-top:36px;flex-wrap:wrap;
}
/* Dark outline button */
.btn-outline-dark {
  display:inline-flex;align-items:center;gap:8px;padding:12px 24px;
  border:1px solid rgba(0,0,0,.15);color:var(--muted-2);
  font-family:var(--f-display);font-size:13px;font-weight:500;
  text-decoration:none;transition:border-color .18s,color .18s;
  white-space:nowrap;
}
.btn-outline-dark:hover { border-color:var(--red);color:var(--red); }

/* ── SECTION LABEL ─────────────────────────────────── */
  .range-label {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 28px;
  }
  .range-label-text {
    font-family: var(--mono);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--dark);
    white-space: nowrap;
  }
  .range-label-line {
    flex: 1;
    height: 1px;
    background: rgba(0,0,0,.12);
  }

  /* ── 2×2 GRID ──────────────────────────────────────── */
  .belt-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 32px;
  }

  /* ── CARD ───────────────────────────────────────────── */
  .belt-card {
    background: var(--card-bg);
    border: 1px solid rgba(0,0,0,.07);
    border-top: 3px solid rgba(0,0,0,.06);
    overflow: hidden;
    transition: border-top-color .2s, box-shadow .22s, transform .22s;
    cursor: pointer;
  }
  .belt-card:hover {
    border-top-color: var(--red);
    box-shadow: 0 8px 40px rgba(0,0,0,.11);
    transform: translateY(-2px);
  }

  /* ── PHOTO SLOT ─────────────────────────────────────── */
  .card-photo {
    width: 100%;
    height: 280px;
    background: linear-gradient(135deg, #E8EAED 0%, #F0F1F3 60%, #E4E6E9 100%);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* 金属网格纹理动画 */
  .card-photo::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
      linear-gradient(rgba(0,0,0,.06) 1px, transparent 1px),
      linear-gradient(90deg, rgba(0,0,0,.06) 1px, transparent 1px);
    background-size: 28px 28px;
    animation: gridScroll 8s linear infinite;
  }
  @keyframes gridScroll {
    from { background-position: 0 0; }
    to   { background-position: 28px 28px; }
  }
  .card-photo::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 80px;
    background: linear-gradient(transparent, rgba(0,0,0,.08));
  }
  .photo-placeholder-label {
    position: absolute;
    bottom: 14px; left: 18px;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: rgba(0,0,0,.35);
    z-index: 1;
  }
  /* Camera icon center */
  .photo-icon {
    width: 48px;
    height: 48px;
    border: 1.5px solid rgba(0,0,0,.12);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
  }
  .photo-icon svg {
    opacity: .2;
  }

  /* ── CARD BODY ──────────────────────────────────────── */
  .card-body {
    padding: 22px 22px 16px;
  }
  .card-tag {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--muted);
    margin-bottom: 8px;
  }
  .card-name {
    font-family: var(--display);
    font-size: 26px;           /* 和主卡片一样大 */
    font-weight: 700;
    color: var(--dark);
    line-height: 1.05;
    margin-bottom: 10px;
    letter-spacing: -.01em;
  }
  .card-desc {
    font-family: var(--body);
    font-size: 14px;
    font-weight: 400;
    color: var(--muted);
    line-height: 1.68;
  }

  /* ── CARD FOOT ──────────────────────────────────────── */
  .card-foot {
    padding: 14px 22px;
    border-top: 1px solid rgba(0,0,0,.06);
    background: rgba(0,0,0,.015);
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .card-link {
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--red);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: gap .15s;
  }
  .card-link:hover { gap: 10px; }

  /* ── REPLACE BELT BOX — full-width power layout ─── */
  .replace-box {
    background: var(--dark);
    border-top: 4px solid var(--red);
    position: relative;
    overflow: hidden;
    margin-top: 8px;
  }
  /* Red diagonal accent */
  .replace-box::before {
    content: '';
    position: absolute;
    top: 0; right: 0;
    width: 420px; height: 100%;
    background: linear-gradient(135deg, transparent 40%, rgba(198,31,38,.08) 40%);
    pointer-events: none;
  }
  /* Grid line texture */
  .replace-box::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
      linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events: none;
  }
  .replace-box-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 0;
    max-width: 1100px;
    margin: 0 auto;
  }
  /* LEFT: main content */
  .replace-box-left {
    padding: 44px 48px 44px 52px;
    border-right: 1px solid rgba(255,255,255,.07);
  }
  .replace-box-label {
    font-family: var(--display);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--red);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .replace-box-label::before {
    content: '';
    width: 20px; height: 2px;
    background: var(--red);
    flex-shrink: 0;
  }
  .replace-box-title {
    font-family: var(--display);
    font-size: clamp(32px, 3.5vw, 48px);
    font-weight: 700;
    color: var(--white);
    line-height: .95;
    margin-bottom: 18px;
    letter-spacing: -.02em;
  }
  .replace-box-title span { color: var(--red); }
  .replace-box-desc {
    font-family: var(--body);
    font-size: 15px;
    color: rgba(255,255,255,.48);
    line-height: 1.72;
    max-width: 580px;
    margin-bottom: 28px;
  }
  /* Steps inline */
  .replace-steps {
    display: flex;
    gap: 0;
    flex-wrap: wrap;
  }
  .replace-step {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 24px;
    margin-right: 24px;
    border-right: 1px solid rgba(255,255,255,.1);
  }
  .replace-step:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
  }
  .step-num {
    width: 28px; height: 28px;
    border: 1.5px solid var(--red);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 600;
    color: var(--red);
    flex-shrink: 0;
  }
  .step-text {
    font-family: var(--display);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: rgba(255,255,255,.55);
  }


/* ═══ BELT SCREEN ═══ */

  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  
  :root {
    --red: #C61F26;
    --red-hi: #D32F2F;
    --dark: #2F343A;
    --white: #fff;
    --bg: #F0F2F4;
    --card-bg: #fff;
    --muted: #6B7280;
    --mono: 'IBM Plex Mono', monospace;
    --display: 'IBM Plex Sans Condensed', sans-serif;
    --body: 'IBM Plex Sans', sans-serif;
  }

  body {
    background: var(--bg);
    font-family: var(--body);
    padding: 60px 40px;
  }

  /* ── SECTION LABEL ─────────────────────────────────── */
  .range-label {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 28px;
  }
  .range-label-text {
    font-family: var(--mono);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--dark);
    white-space: nowrap;
  }
  .range-label-line {
    flex: 1;
    height: 1px;
    background: rgba(0,0,0,.12);
  }

  /* ── 2×2 GRID ──────────────────────────────────────── */
  .belt-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 32px;
  }

  /* ── CARD ───────────────────────────────────────────── */
  .belt-card {
    background: var(--card-bg);
    border: 1px solid rgba(0,0,0,.07);
    border-top: 3px solid rgba(0,0,0,.06);
    overflow: hidden;
    transition: border-top-color .2s, box-shadow .22s, transform .22s;
    cursor: pointer;
  }
  .belt-card:hover {
    border-top-color: var(--red);
    box-shadow: 0 8px 40px rgba(0,0,0,.11);
    transform: translateY(-2px);
  }

  /* ── PHOTO SLOT ─────────────────────────────────────── */
  .card-photo {
    width: 100%;
    height: 280px;
    background: linear-gradient(135deg, #E8EAED 0%, #F0F1F3 60%, #E4E6E9 100%);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* 金属网格纹理动画 */
  .card-photo::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
      linear-gradient(rgba(0,0,0,.06) 1px, transparent 1px),
      linear-gradient(90deg, rgba(0,0,0,.06) 1px, transparent 1px);
    background-size: 28px 28px;
    animation: gridScroll 8s linear infinite;
  }
  @keyframes gridScroll {
    from { background-position: 0 0; }
    to   { background-position: 28px 28px; }
  }
  .card-photo::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 80px;
    background: linear-gradient(transparent, rgba(0,0,0,.08));
  }
  .photo-placeholder-label {
    position: absolute;
    bottom: 14px; left: 18px;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: rgba(0,0,0,.35);
    z-index: 1;
  }
  /* Camera icon center */
  .photo-icon {
    width: 48px;
    height: 48px;
    border: 1.5px solid rgba(0,0,0,.12);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
  }
  .photo-icon svg {
    opacity: .2;
  }

  /* ── CARD BODY ──────────────────────────────────────── */
  .card-body {
    padding: 22px 22px 16px;
  }
  .card-tag {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--muted);
    margin-bottom: 8px;
  }
  .card-name {
    font-family: var(--display);
    font-size: 26px;           /* 和主卡片一样大 */
    font-weight: 700;
    color: var(--dark);
    line-height: 1.05;
    margin-bottom: 10px;
    letter-spacing: -.01em;
  }
  .card-desc {
    font-family: var(--body);
    font-size: 14px;
    font-weight: 400;
    color: var(--muted);
    line-height: 1.68;
  }

  /* ── CARD FOOT ──────────────────────────────────────── */
  .card-foot {
    padding: 14px 22px;
    border-top: 1px solid rgba(0,0,0,.06);
    background: rgba(0,0,0,.015);
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .card-link {
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--red);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: gap .15s;
  }
  .card-link:hover { gap: 10px; }

  /* ── REPLACE BELT BOX — full-width power layout ─── */
  .replace-box {
    background: var(--dark);
    border-top: 4px solid var(--red);
    position: relative;
    overflow: hidden;
    margin-top: 8px;
  }
  /* Red diagonal accent */
  .replace-box::before {
    content: '';
    position: absolute;
    top: 0; right: 0;
    width: 420px; height: 100%;
    background: linear-gradient(135deg, transparent 40%, rgba(198,31,38,.08) 40%);
    pointer-events: none;
  }
  /* Grid line texture */
  .replace-box::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
      linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events: none;
  }
  .replace-box-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 0;
    max-width: 1100px;
    margin: 0 auto;
  }
  /* LEFT: main content */
  .replace-box-left {
    padding: 44px 48px 44px 52px;
    border-right: 1px solid rgba(255,255,255,.07);
  }
  .replace-box-label {
    font-family: var(--display);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--red);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .replace-box-label::before {
    content: '';
    width: 20px; height: 2px;
    background: var(--red);
    flex-shrink: 0;
  }
  .replace-box-title {
    font-family: var(--display);
    font-size: clamp(32px, 3.5vw, 48px);
    font-weight: 700;
    color: var(--white);
    line-height: .95;
    margin-bottom: 18px;
    letter-spacing: -.02em;
  }
  .replace-box-title span { color: var(--red); }
  .replace-box-desc {
    font-family: var(--body);
    font-size: 15px;
    color: rgba(255,255,255,.48);
    line-height: 1.72;
    max-width: 580px;
    margin-bottom: 28px;
  }
  /* Steps inline */
  .replace-steps {
    display: flex;
    gap: 0;
    flex-wrap: wrap;
  }
  .replace-step {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 24px;
    margin-right: 24px;
    border-right: 1px solid rgba(255,255,255,.1);
  }
  .replace-step:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
  }
  .step-num {
    width: 28px; height: 28px;
    border: 1.5px solid var(--red);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 600;
    color: var(--red);
    flex-shrink: 0;
  }
  .step-text {
    font-family: var(--display);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: rgba(255,255,255,.55);
  }
  /* RIGHT: CTA column */
  .replace-box-right {
    padding: 44px 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    background: rgba(0,0,0,.2);
  }
  .btn-replace-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 18px 24px;
    background: var(--red);
    color: var(--white);
    font-family: var(--display);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background .18s;
    clip-path: polygon(0 0,100% 0,100% 72%,94% 100%,0 100%);
  }
  .btn-replace-primary:hover { background: #D32F2F; }
  .btn-replace-secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 17px 24px;
    border: 1.5px solid rgba(255,255,255,.22);
    color: rgba(255,255,255,.7);
    font-family: var(--display);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    text-decoration: none;
    transition: border-color .18s, color .18s;
  }
  .btn-replace-secondary:hover {
    border-color: var(--red);
    color: var(--white);
  }
  .replace-box-note {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(255,255,255,.2);
    text-align: center;
    margin-top: 4px;
  }

/* ═══ TRUST SCREEN ═══ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  
  
  
  
  
  
}
body{background:var(--dark);font-family:var(--body);}
.inner{max-width:1320px;margin:0 auto;padding:0 64px;position:relative;z-index:1;}

/* ══ SECTION ══════════════════════════════════════════ */
.trust-sec{padding:88px 0 0;position:relative;overflow:hidden;}
.trust-sec::before{
  content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);
  background-size:48px 48px;pointer-events:none;
}

/* ══ HEADER ═══════════════════════════════════════════ */
.ts-header{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:end;margin-bottom:60px;}
.ts-eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:14px;display:flex;align-items:center;gap:10px;}
.ts-eyebrow::before{content:'';width:24px;height:2px;background:var(--red);}
.ts-h2{font-family:var(--display);font-size:clamp(36px,4vw,56px);font-weight:700;color:var(--white);line-height:.93;letter-spacing:-.02em;margin-bottom:14px;}
.ts-h2 span{color:var(--red);}
.ts-sub{font-family:var(--body);font-size:14px;color:rgba(255,255,255,.4);line-height:1.7;max-width:460px;}
.ts-stat{text-align:right;}
.ts-big-num{font-family:var(--display);font-size:80px;font-weight:700;color:var(--white);line-height:1;letter-spacing:-.03em;}
.ts-big-num sup{color:var(--red);font-size:44px;}
.ts-big-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:6px;}

/* ══ MODULE GRID — 3+2 layout ═════════════════════════ */
.trust-row1{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:2px;}
.trust-row2{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;}

/* ══ BASE CARD ════════════════════════════════════════ */
.tm{
  background:var(--dark2);padding:36px 32px 32px;
  position:relative;overflow:hidden;transition:background .22s;
}
.tm:hover{background:#1E2126;}
.tm-top-line{
  position:absolute;top:0;left:0;right:0;height:3px;
  background:var(--red);transform:scaleX(0);transform-origin:left;
  transition:transform .35s cubic-bezier(.25,.46,.45,.94);
}
.tm:hover .tm-top-line{transform:scaleX(1);}

/* Number + Icon row */
.tm-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.tm-num{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:rgba(255,255,255,.14);}
.tm-icon{
  width:48px;height:48px;border:1px solid rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;
  transition:border-color .22s,background .22s;
}
.tm:hover .tm-icon{border-color:rgba(198,31,38,.5);background:rgba(198,31,38,.08);}

.tm-title{font-family:var(--display);font-size:20px;font-weight:700;color:var(--white);line-height:1.05;margin-bottom:16px;letter-spacing:-.01em;}

/* ── VISUAL ELEMENT area ── */
.tm-visual{margin-bottom:16px;}

/* 01: Checklist visual */
.check-list{display:flex;flex-direction:column;gap:9px;}
.check-item{display:flex;align-items:center;gap:10px;}
.check-box{
  width:18px;height:18px;border:1.5px solid rgba(198,31,38,.4);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  background:rgba(198,31,38,.06);
}
.check-box svg{opacity:.9;}
.check-text{font-family:var(--body);font-size:15px;font-weight:500;color:rgba(255,255,255,.68);line-height:1.45;}

/* 02: Material badges grid */
.mat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;}
.mat-item{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  padding:10px 12px;
}
.mat-item-label{font-family:var(--mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;}
.mat-item-val{font-family:var(--display);font-size:14px;font-weight:700;color:rgba(255,255,255,.85);}
.sgs-bar{
  display:flex;align-items:center;gap:10px;
  background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.2);
  padding:8px 12px;margin-top:4px;
}
.sgs-bar-icon{font-size:14px;}
.sgs-bar-text{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#22C55E;}

/* 03: QC flow vertical */
.qc-flow{display:flex;flex-direction:column;gap:0;position:relative;}
.qc-flow::before{
  content:'';position:absolute;left:8px;top:12px;bottom:12px;
  width:1px;background:rgba(255,255,255,.08);
}
.qc-step{
  display:flex;align-items:center;gap:12px;
  padding:7px 0;position:relative;
}
.qc-dot{
  width:16px;height:16px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.15);
  background:var(--dark2);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;position:relative;z-index:1;
  transition:border-color .2s;
}
.qc-step.hl .qc-dot{border-color:var(--red);background:rgba(198,31,38,.15);}
.qc-dot-inner{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.2);}
.qc-step.hl .qc-dot-inner{background:var(--red);}
.qc-step-text{font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.38);}
.qc-step.hl .qc-step-text{color:rgba(255,255,255,.88);}
.qc-badge{
  margin-left:auto;font-family:var(--mono);font-size:8px;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--red);border:1px solid rgba(198,31,38,.25);
  padding:2px 7px;background:rgba(198,31,38,.07);
}

/* 04: Packaging visual */
.pkg-items{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.pkg-item{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  padding:20px 16px;text-align:center;transition:border-color .2s,background .2s;
}
.pkg-item:hover{border-color:rgba(198,31,38,.3);background:rgba(198,31,38,.05);}
.pkg-icon{font-size:28px;margin-bottom:10px;}
.pkg-label{font-family:var(--display);font-size:14px;font-weight:600;color:rgba(255,255,255,.72);line-height:1.35;margin-top:2px;}

/* 05: After-sales — 6h clock */
.aftersales-row{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;}
.clock-visual{
  width:96px;height:96px;border-radius:50%;
  border:2px solid rgba(198,31,38,.3);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  position:relative;flex-shrink:0;
  background:rgba(198,31,38,.06);
}
.clock-visual::before{
  content:'';position:absolute;inset:-6px;border-radius:50%;
  border:1px solid rgba(198,31,38,.1);
}
.clock-num{font-family:var(--display);font-size:36px;font-weight:700;color:var(--red);line-height:1;}
.clock-unit{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(198,31,38,.7);}
.aftersales-points{display:flex;flex-direction:column;gap:8px;}
.asp{display:flex;align-items:flex-start;gap:8px;}
.asp::before{content:'→';color:var(--red);font-family:var(--mono);font-size:10px;flex-shrink:0;margin-top:1px;}
.asp-text{font-family:var(--body);font-size:15px;font-weight:500;color:rgba(255,255,255,.65);line-height:1.55;}

/* ══ VIDEO WALL ══════════════════════════════════════ */
.video-wall{
  background:linear-gradient(180deg, #1A1C1F 0%, #111314 60%, #0D0F11 100%);
  border-top:1px solid rgba(255,255,255,.06);
  padding:72px 0 80px;
  position:relative;
}
.video-wall::before {
  content:'';
  position:absolute;
  top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent,rgba(198,31,38,.5),transparent);
}
.vw-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;}
.vw-eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--red-accent);margin-bottom:10px;display:flex;align-items:center;gap:10px;}.vw-eyebrow::before{content:'';width:24px;height:1px;background:var(--red-accent);flex-shrink:0;}
.vw-eyebrow::before{content:'';width:20px;height:1px;background:var(--muted);}
.vw-title{font-family:var(--f-display);font-size:clamp(32px,3.8vw,52px);font-weight:700;color:var(--white);line-height:1.0;letter-spacing:-.01em;margin-bottom:6px;}

.video-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:40px;}
.vid-card{overflow:hidden;background:#111316;cursor:pointer;transition:transform .22s,box-shadow .22s;}
.vid-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.5);}
.vid-thumb{width:100%;aspect-ratio:9/16;background:#0D0F11;position:relative;display:flex;align-items:center;justify-content:center;}
.vid-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,transparent 50%);}
.vid-play{width:54px;height:54px;border-radius:50%;background:rgba(198,31,38,.92);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:transform .2s,background .2s;}
.vid-card:hover .vid-play{transform:scale(1.12);background:var(--red);}
.vid-play svg{margin-left:3px;}
.vid-info{padding:14px 16px;background:var(--dark2);border-top:2px solid rgba(255,255,255,.05);transition:border-top-color .22s;}
.vid-card:hover .vid-info{border-top-color:var(--red);}
.vid-name{font-family:var(--display);font-size:16px;font-weight:700;color:var(--white);margin-bottom:3px;}
.vid-role{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}

/* ══ CERT STRIP ══════════════════════════════════════ */
.cert-strip{border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.28);padding:28px 0;}
.cert-inner{display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap;}
.cert-item{display:flex;align-items:center;gap:13px;}
.cert-badge{width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:11px;font-weight:700;color:rgba(255,255,255,.7);flex-shrink:0;background:rgba(255,255,255,.04);}
.cert-name{font-family:var(--display);font-size:14px;font-weight:700;color:rgba(255,255,255,.8);margin-bottom:2px;}
.cert-desc{font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
.cert-div{width:1px;height:38px;background:rgba(255,255,255,.1);}

/* ══ CTA ════════════════════════════════════════════ */
.ts-cta-bar{padding:44px 0 72px;display:flex;gap:14px;align-items:center;justify-content:center;}
.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:16px 36px;background:var(--red);color:var(--white);font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;clip-path:polygon(0 0,100% 0,100% 72%,95% 100%,0 100%);transition:background .18s;}
.btn-primary:hover{background:var(--red-hi);}
.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:15px 36px;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.65);font-family:var(--display);font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:border-color .18s,color .18s;}
.btn-outline:hover{border-color:var(--red);color:var(--white);}

.tm-desc{
  font-family:var(--body);font-size:15px;
  color:rgba(255,255,255,.48);line-height:1.75;
  margin-bottom:18px;
  border-left:2px solid rgba(198,31,38,.3);
  padding-left:14px;
}

/* Thursday tag */
.ts-thursday{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:10px;
  font-family:var(--mono);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(255,255,255,.35);
}
.ts-thu-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--red);
  animation:pulse 2s ease-in-out infinite;
  flex-shrink:0;
}
@keyframes pulse{
  0%,100%{opacity:1;transform:scale(1);}
  50%{opacity:.5;transform:scale(.7);}
}

/* Full-chain delivery */
.ts-chain{
  margin-top:24px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.07);
  border-left:3px solid var(--red);
  padding:16px 20px;
}
.ts-chain-title{
  font-family:var(--mono);font-size:9px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--red);margin-bottom:12px;
}
.ts-chain-steps{
  display:flex;align-items:center;flex-wrap:wrap;gap:6px;
}
.ts-cs{
  display:flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  padding:6px 10px;
}
.ts-cs-num{
  font-family:var(--mono);font-size:9px;color:var(--red);
  font-weight:600;flex-shrink:0;
}
.ts-cs-text{
  font-family:var(--display);font-size:12px;font-weight:600;
  color:rgba(255,255,255,.55);white-space:nowrap;
}
.ts-cs-arrow{
  font-family:var(--mono);font-size:12px;
  color:rgba(198,31,38,.4);
}

/* ── THURSDAY REPORT BOX ───────────────────────────── */
.thursday-box{
  background:rgba(198,31,38,.06);
  border:1px solid rgba(198,31,38,.2);
  border-left:3px solid var(--red);
  padding:18px 20px;
  margin-bottom:16px;
}
.thu-header{
  display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap;
}
.thu-day{
  font-family:var(--display);font-size:17px;font-weight:700;
  color:var(--red);letter-spacing:-.01em;
}
.thu-badge{
  font-family:var(--mono);font-size:8px;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(198,31,38,.7);
  border:1px solid rgba(198,31,38,.25);padding:3px 8px;
}
.thu-title{
  font-family:var(--display);font-size:15px;font-weight:700;
  color:rgba(255,255,255,.85);margin-bottom:10px;
}
.thu-desc{
  font-family:var(--body);font-size:13px;
  color:rgba(255,255,255,.5);line-height:1.7;margin-bottom:14px;
}
.thu-covers{display:flex;flex-direction:column;gap:6px;}
.thu-item{
  font-family:var(--body);font-size:12.5px;
  color:rgba(255,255,255,.6);
  display:flex;align-items:center;gap:8px;
}
.thu-dot{
  width:5px;height:5px;border-radius:50%;
  background:var(--red);flex-shrink:0;
}

/* ── STAT RIGHT SIDE ───────────────────────────────── */
.ts-stat-line1{
  font-family:var(--mono);font-size:13px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted);
  margin-top:10px;text-align:right;
}
.ts-stat-thu{
  display:flex;align-items:center;justify-content:flex-end;gap:10px;
  margin-top:14px;
  font-family:var(--display);font-size:18px;font-weight:700;
  color:rgba(255,255,255,.9);text-align:right;
  border-top:1px solid rgba(198,31,38,.25);
  padding-top:14px;
}
.thu-pulse{
  width:8px;height:8px;border-radius:50%;
  background:var(--red);flex-shrink:0;
  animation:pulse 1.8s ease-in-out infinite;
}
@keyframes pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(198,31,38,.6);}
  50%{box-shadow:0 0 0 6px rgba(198,31,38,.0);}
}

/* ═══ APPS SCREEN ═══ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  
  
  
  
  
  
}
body{background:var(--dark);font-family:var(--body);}
.inner{max-width:1320px;margin:0 auto;padding:0 64px;}

/* ══ SECTION ══════════════════════════════════════════ */
.app-sec{padding:88px 0 80px;position:relative;overflow:hidden;}
.app-sec::before{
  content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);
  background-size:48px 48px;pointer-events:none;
}

/* ══ HEADER ═══════════════════════════════════════════ */
.app-header{
  display:grid;grid-template-columns:1fr auto;
  align-items:flex-end;gap:32px;margin-bottom:52px;
}
.app-eyebrow{
  font-family:var(--mono);font-size:10px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--red);
  margin-bottom:14px;display:flex;align-items:center;gap:10px;
}
.app-eyebrow::before{content:'';width:24px;height:2px;background:var(--red);}
.app-h2{
  font-family:var(--display);font-size:clamp(36px,4vw,56px);
  font-weight:700;color:var(--white);line-height:.93;
  letter-spacing:-.02em;margin-bottom:14px;
}
.app-h2 span{color:var(--red);}
.app-sub{
  font-family:var(--body);font-size:14px;
  color:rgba(255,255,255,.4);line-height:1.7;max-width:480px;
}
.app-header-right{text-align:right;}
.app-count{
  font-family:var(--display);font-size:64px;font-weight:700;
  color:rgba(255,255,255,.06);line-height:1;letter-spacing:-.03em;
}
.app-count-label{
  font-family:var(--mono);font-size:9px;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(255,255,255,.2);
  margin-top:-8px;
}

/* ══ 2×3 CARD GRID ════════════════════════════════════ */
.app-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2px;
}

/* ══ CARD ═════════════════════════════════════════════ */
.app-card{
  position:relative;overflow:hidden;
  cursor:pointer;
  height:380px;
}

/* Photo placeholder — dark industrial gradient */
.app-photo{
  position:absolute;inset:0;
  transition:transform .5s cubic-bezier(.25,.46,.45,.94);
}
.app-card:hover .app-photo{transform:scale(1.05);}

/* Each card gets a unique gradient to differentiate */
.app-card:nth-child(1) .app-photo{background:url("images/home-app-iqf-freezing.jpg") center/cover no-repeat;}
.app-card:nth-child(2) .app-photo{background:url("images/home-app-seafood.jpg") center/cover no-repeat;}
.app-card:nth-child(3) .app-photo{background:url("images/home-app-bakery.jpg") center/cover no-repeat;}
.app-card:nth-child(4) .app-photo{background:url("images/home-app-frying.jpg") center/cover no-repeat;}
.app-card:nth-child(5) .app-photo{background:url("images/home-app-can-washing.jpg") center/cover no-repeat;}
.app-card:nth-child(6) .app-photo{background:url("images/home-app-packaging.jpg") center/cover no-repeat;}

/* Mesh pattern overlay on photo */
.app-photo::before{
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:24px 24px;
}

/* Dark gradient overlay */
.app-overlay{
  position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1) 100%);
  transition:background .4s;
}
.app-card:hover .app-overlay{
  background:linear-gradient(0deg,rgba(13,15,17,.97) 0%,rgba(198,31,38,.12) 50%,rgba(198,31,38,.05) 100%);
}

/* Red top accent on hover */
.app-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:var(--red);z-index:3;
  transform:scaleX(0);transform-origin:left;
  transition:transform .35s cubic-bezier(.25,.46,.45,.94);
}
.app-card:hover::before{transform:scaleX(1);}

/* Card content */
.app-content{
  position:absolute;inset:0;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:28px 28px;z-index:2;
}

/* Icon */
.app-icon{
  width:44px;height:44px;
  border:1px solid rgba(255,255,255,.15);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:16px;font-size:20px;
  background:rgba(0,0,0,.3);
  transition:border-color .3s,background .3s;
  align-self:flex-start;
}
.app-card:hover .app-icon{
  border-color:rgba(198,31,38,.5);
  background:rgba(198,31,38,.1);
}

/* Industry number */
.app-num{
  font-family:var(--mono);font-size:9px;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.25);
  margin-bottom:8px;
}

/* Title */
.app-title{
  font-family:var(--display);font-size:32px;font-weight:700;
  color:var(--white);line-height:1.05;letter-spacing:-.01em;
  margin-bottom:10px;
}

/* Description — hidden, revealed on hover */
.app-desc{
  font-family:var(--body);font-size:15px;
  color:rgba(255,255,255,.55);line-height:1.65;
  max-height:0;overflow:hidden;
  transition:max-height .4s cubic-bezier(.25,.46,.45,.94), opacity .3s;
  opacity:0;margin-bottom:0;
}
.app-card:hover .app-desc{max-height:80px;opacity:1;margin-bottom:14px;}

/* Product tags */
.app-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;}
.app-tag{
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--red);
  border:1px solid rgba(198,31,38,.3);
  padding:3px 8px;background:rgba(198,31,38,.08);
}

/* CTA link */
.app-link{
  font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(255,255,255,.4);
  text-decoration:none;display:flex;align-items:center;gap:6px;
  transition:color .2s,gap .2s;
}
.app-card:hover .app-link{color:var(--red);gap:10px;}

/* Photo label (placeholder) */
.app-photo-label{
  position:absolute;top:16px;right:16px;
  font-family:var(--mono);font-size:8px;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(255,255,255,.15);
  z-index:2;
  background:rgba(0,0,0,.3);padding:4px 8px;
}

/* ══ BOTTOM CTA ══════════════════════════════════════ */
.app-cta{
  display:flex;align-items:center;justify-content:center;
  gap:14px;margin-top:40px;flex-wrap:wrap;
}
.btn-primary{
  display:inline-flex;align-items:center;gap:8px;padding:16px 36px;
  background:var(--red);color:var(--white);
  font-family:var(--display);font-size:15px;font-weight:700;
  letter-spacing:.07em;text-transform:uppercase;text-decoration:none;
  clip-path:polygon(0 0,100% 0,100% 72%,95% 100%,0 100%);
  transition:background .18s;
}
.btn-primary:hover{background:var(--red-hi);}
.btn-outline{
  display:inline-flex;align-items:center;gap:8px;padding:15px 36px;
  border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.65);
  font-family:var(--display);font-size:15px;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;text-decoration:none;
  transition:border-color .18s,color .18s;
}
.btn-outline:hover{border-color:var(--red);color:var(--white);}

/* ═══ CASES SCREEN ═══ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  
  
  
  
  
  
}
body{background:var(--dark);font-family:var(--body);}
.inner{max-width:1320px;margin:0 auto;padding:0 64px;}

/* ══ SECTION ══════════════════════════════════════════ */
.cs-sec{
  padding:88px 0 80px;position:relative;overflow:hidden;
  background:#111314;
  border-bottom: 3px solid var(--red);
}
.cs-sec::before{
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:48px 48px;pointer-events:none;
}

/* ══ HEADER ═══════════════════════════════════════════ */
.cs-header{
  display:grid;grid-template-columns:1fr auto;
  gap:32px;align-items:end;margin-bottom:52px;
}
.cs-eyebrow{
  font-family:var(--mono);font-size:10px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--red);
  margin-bottom:14px;display:flex;align-items:center;gap:10px;
}
.cs-eyebrow::before{content:'';width:24px;height:2px;background:var(--red);}
.cs-h2{
  font-family:var(--display);font-size:clamp(36px,4vw,56px);
  font-weight:700;color:var(--white);line-height:.93;
  letter-spacing:-.02em;margin-bottom:14px;
}
.cs-h2 span{color:var(--red);}
.cs-sub{
  font-family:var(--body);font-size:15px;
  color:rgba(255,255,255,.4);line-height:1.7;max-width:480px;
}
.btn-outline{
  display:inline-flex;align-items:center;gap:8px;padding:13px 26px;
  border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.6);
  font-family:var(--display);font-size:14px;font-weight:600;
  letter-spacing:.05em;text-transform:uppercase;text-decoration:none;
  white-space:nowrap;transition:border-color .18s,color .18s;
}
.btn-outline:hover{border-color:var(--red);color:var(--white);}

/* ══ FEATURED CASE — FULL WIDTH ═══════════════════════ */
.cs-featured{
  display:grid;grid-template-columns:1fr 420px;
  gap:0;background:var(--dark2);
  border-top:3px solid var(--red);
  margin-bottom:20px;overflow:hidden;
  position:relative;
}
/* Photo left */
.cs-feat-photo{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#0D1A0F 0%,#1A2B1C 50%,#0A1A10 100%);
  min-height:420px;
}
.cs-feat-photo::before{
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:32px 32px;
}
.cs-feat-photo::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 60%,var(--dark2));
}
.cs-feat-photo-label{
  position:absolute;bottom:24px;left:28px;z-index:1;
}
.cs-feat-flag{
  font-family:var(--mono);font-size:9px;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.35);
  margin-bottom:6px;
}
.cs-feat-industry{
  font-family:var(--display);font-size:22px;font-weight:700;
  color:rgba(255,255,255,.8);
}
/* Photo placeholder icon */
.photo-ph{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
}
.photo-ph-inner{
  width:80px;height:80px;border:1px solid rgba(255,255,255,.08);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  opacity:.3;
}

/* Right: content */
.cs-feat-content{
  padding:40px 44px;display:flex;flex-direction:column;justify-content:space-between;
}
.cs-feat-meta{
  font-family:var(--mono);font-size:9px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--red);margin-bottom:16px;
}
.cs-feat-title{
  font-family:var(--display);font-size:clamp(22px,2.5vw,34px);
  font-weight:700;color:var(--white);line-height:1.0;
  letter-spacing:-.02em;margin-bottom:18px;
}
.cs-feat-title span{color:var(--red);}

/* PAS structure */
.pas-block{display:flex;flex-direction:column;gap:14px;margin-bottom:24px;}
.pas-item{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:flex-start;}
.pas-label{
  font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--red);
  background:rgba(198,31,38,.08);border:1px solid rgba(198,31,38,.2);
  padding:4px 8px;text-align:center;margin-top:2px;flex-shrink:0;
}
.pas-text{
  font-family:var(--body);font-size:14px;color:rgba(255,255,255,.6);
  line-height:1.65;
}
.pas-text strong{color:rgba(255,255,255,.88);font-weight:600;}

/* Result metrics */
.cs-metrics{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:rgba(255,255,255,.06);
  margin-bottom:24px;
}
.cs-metric{
  background:var(--dark2);padding:14px 16px;
  text-align:center;
}
.cs-metric-num{
  font-family:var(--display);font-size:28px;font-weight:700;
  color:var(--red);line-height:1;margin-bottom:4px;
}
.cs-metric-label{
  font-family:var(--mono);font-size:8px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);
}

/* Tags */
.cs-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px;}
.cs-tag{
  font-family:var(--mono);font-size:9px;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(255,255,255,.5);
  border:1px solid rgba(255,255,255,.12);padding:4px 10px;
  background:rgba(255,255,255,.03);
}
.cs-tag.red{color:var(--red);border-color:rgba(198,31,38,.25);background:rgba(198,31,38,.06);}

.cs-feat-link{
  font-family:var(--mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--red);text-decoration:none;
  display:inline-flex;align-items:center;gap:8px;
  transition:gap .15s;
}
.cs-feat-link:hover{gap:14px;}

/* ══ SECONDARY CASES — 3 col ══════════════════════════ */
.cs-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:2px;background:rgba(255,255,255,.05);
}
.cs-card{
  background:var(--dark2);padding:30px 28px;
  position:relative;overflow:hidden;
  transition:background .22s;cursor:pointer;
}
.cs-card:hover{background:#1E2126;}
.cs-card-line{
  position:absolute;top:0;left:0;right:0;height:2px;
  background:var(--red);transform:scaleX(0);transform-origin:left;
  transition:transform .3s;
}
.cs-card:hover .cs-card-line{transform:scaleX(1);}
.cs-card-num{
  font-family:var(--mono);font-size:10px;letter-spacing:.14em;
  color:rgba(255,255,255,.15);margin-bottom:16px;
}
.cs-card-industry{
  font-family:var(--mono);font-size:9px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--red);margin-bottom:10px;
}
.cs-card-title{
  font-family:var(--display);font-size:22px;font-weight:700;
  color:var(--white);line-height:1.05;margin-bottom:12px;
}
.cs-card-result{
  font-family:var(--body);font-size:13px;color:rgba(255,255,255,.45);
  line-height:1.65;margin-bottom:18px;
  border-left:2px solid rgba(198,31,38,.25);padding-left:12px;
}
.cs-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:18px;}
.cs-card-tag{
  font-family:var(--mono);font-size:8.5px;letter-spacing:.09em;
  text-transform:uppercase;color:rgba(255,255,255,.4);
  border:1px solid rgba(255,255,255,.1);padding:3px 8px;
}
.cs-card-link{
  font-family:var(--mono);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--red);text-decoration:none;
  display:inline-flex;align-items:center;gap:6px;transition:gap .15s;
}
.cs-card-link:hover{gap:10px;}

/* ══ BOTTOM CTA ══════════════════════════════════════ */
.cs-cta{
  display:flex;align-items:center;justify-content:space-between;
  margin-top:48px;padding:36px 44px;
  background:var(--dark2);border-top:2px solid rgba(198,31,38,.25);
  flex-wrap:wrap;gap:24px;
}
.cs-cta-left{}
.cs-cta-label{
  font-family:var(--mono);font-size:9px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted);margin-bottom:8px;
}
.cs-cta-title{
  font-family:var(--display);font-size:26px;font-weight:700;
  color:var(--white);line-height:1.0;
}
.cs-cta-title span{color:var(--red);}
.cs-cta-btns{display:flex;gap:12px;flex-wrap:wrap;}
.btn-primary{
  display:inline-flex;align-items:center;gap:8px;padding:15px 32px;
  background:var(--red);color:var(--white);
  font-family:var(--display);font-size:15px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;text-decoration:none;
  clip-path:polygon(0 0,100% 0,100% 72%,95% 100%,0 100%);
  transition:background .18s;
}
.btn-primary:hover{background:var(--red-hi);}

/* ═══ FAQ SCREEN ═══ */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:wght@400;600;700&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap');


*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  
  
  
  
  
  
}
html{}body{font-family:var(--body);}
.inner{max-width:1320px;margin:0 auto;padding:0 64px;}

/* ══ SECTION ══════════════════════════════════════════ */
.faq-sec{
  padding:88px 0 80px;position:relative;overflow:hidden;
  background:#F0F1F3;
}
/* faq grid texture removed */

/* ══ HEADER ═══════════════════════════════════════════ */
.faq-header{
  display:grid;grid-template-columns:1fr 1fr;
  gap:64px;align-items:end;margin-bottom:60px;
}
.faq-eyebrow{
  font-family:var(--mono);font-size:10px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--red);
  margin-bottom:14px;display:flex;align-items:center;gap:10px;
}
.faq-eyebrow::before{content:'';width:24px;height:2px;background:var(--red);}
.faq-h2{
  font-family:var(--display);font-size:clamp(36px,4vw,56px);
  font-weight:700;color:var(--dark);line-height:.93;
  letter-spacing:-.02em;margin-bottom:14px;
}
.faq-h2 span{color:var(--red);}
.faq-sub{
  font-family:var(--body);font-size:15px;
  color:var(--muted-2);line-height:1.7;
}
/* Right: quick contact */
.faq-contact-box{
  background:var(--nav-bg);
  border:1px solid rgba(255,255,255,.06);
  border-top:3px solid var(--red);
  padding:24px 28px;
}
.faq-contact-label{
  font-family:var(--mono);font-size:9px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--red);margin-bottom:10px;
}
.faq-contact-text{
  font-family:var(--display);font-size:18px;font-weight:700;
  color:var(--white);margin-bottom:14px;line-height:1.1;
}
.faq-contact-btns{display:flex;gap:10px;flex-wrap:wrap;}
.btn-wa{
  display:inline-flex;align-items:center;gap:8px;padding:11px 20px;
  background:#25D366;color:var(--white);
  font-family:var(--display);font-size:13px;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase;text-decoration:none;
  transition:background .18s;
}
.btn-wa:hover{background:#1ebe5c;}
.btn-outline-sm{
  display:inline-flex;align-items:center;gap:8px;padding:10px 18px;
  border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.65);
  font-family:var(--display);font-size:13px;font-weight:600;
  text-decoration:none;transition:border-color .18s,color .18s;
}
.btn-outline-sm:hover{border-color:var(--red);color:var(--white);}

/* ══ TWO COLUMN FAQ LAYOUT ════════════════════════════ */
.faq-body{
  display:grid;grid-template-columns:1fr 1fr;
  gap:20px;
}

/* ══ FAQ COLUMN ═══════════════════════════════════════ */
.faq-col{background:var(--white);border:1px solid rgba(0,0,0,.07);}
.faq-col-header{
  padding:20px 32px;
  background:#F8F8F8;
  border-top:2px solid var(--red);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.faq-col-icon{font-size:18px;margin-bottom:6px;}
.faq-col-title{
  font-family:var(--display);font-size:18px;font-weight:700;
  color:var(--dark);margin-bottom:3px;
}
.faq-col-sub{
  font-family:var(--mono);font-size:9px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted-2);
}

/* ══ ACCORDION ITEM ═══════════════════════════════════ */
.faq-item{border-bottom:1px solid rgba(0,0,0,.06);}
.faq-item:last-child{border-bottom:none;}
.faq-q{
  width:100%;background:none;border:none;cursor:pointer;
  padding:20px 32px;
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:16px;text-align:left;
  transition:background .18s;
}
.faq-q:hover{background:rgba(255,255,255,.03);}
.faq-item.open .faq-q{background:rgba(198,31,38,.04);}
.faq-q-num{
  font-family:var(--mono);font-size:10px;letter-spacing:.1em;
  color:var(--red);flex-shrink:0;margin-top:2px;font-weight:600;
}
.faq-q-text{
  font-family:var(--display);font-size:17px;font-weight:700;
  color:var(--dark);line-height:1.2;flex:1;
}
.faq-item.open .faq-q-text{color:var(--red);}
.faq-icon{
  width:24px;height:24px;border:1px solid rgba(0,0,0,.15);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  flex-shrink:0;transition:background .18s,border-color .18s,transform .3s;
}
.faq-item.open .faq-icon{
  background:var(--red);border-color:var(--red);transform:rotate(45deg);
}
.faq-icon svg{transition:stroke .18s;}
.faq-item.open .faq-icon svg{stroke:white;}

.faq-a{
  display:none;padding:0 32px 22px 32px;
  padding-left:calc(32px + 32px + 16px);/* align with question text */
}
.faq-item.open .faq-a{display:block;}
.faq-a-text{
  font-family:var(--body);font-size:14px;color:var(--muted-2);
  line-height:1.78;margin-bottom:12px;
}
.faq-a-text strong{color:var(--dark);font-weight:600;}

/* Answer highlight tags */
.faq-a-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.faq-a-tag{
  font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--red);
  border:1px solid rgba(198,31,38,.25);padding:3px 9px;
  background:rgba(198,31,38,.06);
}

/* ══ BOTTOM CTA ══════════════════════════════════════ */
.faq-cta{
  margin-top:48px;
  display:flex;align-items:center;justify-content:space-between;
  padding:36px 44px;
  background:var(--dark2);
  border-top:2px solid rgba(198,31,38,.2);
  flex-wrap:wrap;gap:24px;
}
.faq-cta-text{
  font-family:var(--display);font-size:24px;font-weight:700;
  color:var(--white);line-height:1.1;
}
.faq-cta-text span{color:var(--red);}
.faq-cta-sub{
  font-family:var(--body);font-size:14px;
  color:rgba(255,255,255,.4);margin-top:6px;
}
.faq-cta-btns{display:flex;gap:12px;flex-wrap:wrap;}
.btn-primary{
  display:inline-flex;align-items:center;gap:8px;padding:15px 32px;
  background:var(--red);color:var(--white);
  font-family:var(--display);font-size:15px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;text-decoration:none;
  clip-path:polygon(0 0,100% 0,100% 72%,95% 100%,0 100%);
  transition:background .18s;
}
.btn-primary:hover{background:var(--red-hi);}
.btn-outline{
  display:inline-flex;align-items:center;gap:8px;padding:14px 28px;
  border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.65);
  font-family:var(--display);font-size:14px;font-weight:600;
  letter-spacing:.05em;text-transform:uppercase;text-decoration:none;
  transition:border-color .18s,color .18s;
}
.btn-outline:hover{border-color:var(--red);color:var(--white);}

/* ══ CTA SECTION — v3 style ══════════════════════════ */
.cta-sec{
  background:var(--red);padding:72px 0;
  position:relative;overflow:hidden;
  width:100vw;
  margin-left:calc(-50vw + 50%);
  margin-top:48px;
}
.cta-sec::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(120deg,rgba(0,0,0,.2) 0%,transparent 55%);
}
.cta-inner{
  max-width:1320px;margin:0 auto;padding:0 64px;
  display:grid;grid-template-columns:1fr auto;
  gap:48px;align-items:center;position:relative;z-index:1;
}
.cta-tag{
  font-family:var(--mono);font-size:8.5px;letter-spacing:.2em;
  text-transform:uppercase;color:rgba(255,255,255,.52);margin-bottom:10px;
}
.cta-h{
  font-family:var(--display);font-size:clamp(24px,3vw,40px);
  font-weight:700;color:var(--white);line-height:1.1;margin-bottom:10px;
}
.cta-sub{
  font-family:var(--body);font-size:14.5px;font-weight:300;
  color:rgba(255,255,255,.68);line-height:1.65;
}
.cta-btns{display:flex;flex-direction:column;gap:9px;flex-shrink:0;}
.btn-w{
  display:inline-flex;align-items:center;gap:8px;padding:13px 26px;
  background:var(--white);color:var(--red);
  font-family:var(--display);font-size:13px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;text-decoration:none;
  clip-path:polygon(0 0,100% 0,100% 65%,90% 100%,0 100%);
  transition:background .18s;white-space:nowrap;
}
.btn-w:hover{background:#F5F5F5;}
.btn-ol{
  display:inline-flex;align-items:center;gap:8px;padding:12px 26px;
  border:1px solid rgba(255,255,255,.35);color:rgba(255,255,255,.85);
  font-family:var(--display);font-size:13px;font-weight:600;
  letter-spacing:.04em;text-transform:uppercase;text-decoration:none;
  transition:border-color .18s,color .18s;white-space:nowrap;
}
.btn-ol:hover{border-color:var(--white);color:var(--white);}

/* ═══ FOOTER SCREEN ═══ */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:wght@400;600;700&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  
  --muted2:rgba(255,255,255,.55);
  
  
  
}
html,body{background:#0D0F11;font-family:var(--body);}

/* ══ FOOTER WRAPPER ═══════════════════════════════════ */
footer{background:var(--dark);border-top:1px solid rgba(255,255,255,.06);}

/* ══ TOP: 5 COL GRID ══════════════════════════════════ */
.ft-top{
  max-width:1320px;margin:0 auto;padding:64px 64px 52px;
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr 1.4fr;
  gap:48px;
  border-bottom:1px solid rgba(255,255,255,.06);
}

/* ── COL 1: Brand ──────────────────────────────────── */
.ft-brand{}
.ft-logo-row{display:flex;align-items:center;gap:12px;margin-bottom:20px;}
.ft-logo-box{
  width:42px;height:42px;background:var(--red);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--display);font-size:18px;font-weight:700;color:var(--white);
}
.ft-logo-text{}
.ft-logo-name{
  font-family:var(--display);font-size:19px;font-weight:700;
  color:rgba(255,255,255,.8);letter-spacing:.04em;line-height:1;
}
.ft-logo-sub{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);margin-top:3px;
}
.ft-brand-desc{
  font-family:var(--body);font-size:15px;font-weight:300;
  color:var(--muted);line-height:1.76;margin-bottom:22px;max-width:280px;
}

/* Trust pillars */
.ft-pillars{display:flex;flex-direction:column;gap:7px;margin-bottom:22px;}
.ft-pillar{
  display:flex;align-items:center;gap:10px;
  font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(255,255,255,.45);
}
.ft-pillar::before{content:'';width:16px;height:1px;background:var(--red);flex-shrink:0;}

/* Cert badges */
.ft-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px;}
.ft-badge{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;
  text-transform:uppercase;padding:5px 12px;
  border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.45);
}
.ft-badge.green{border-color:rgba(34,197,94,.25);color:#22C55E;}

/* Social */
.ft-socials{display:flex;gap:8px;}
.ft-soc{
  width:34px;height:34px;border:1px solid rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.35);text-decoration:none;
  transition:border-color .15s,color .15s,background .15s;
}
.ft-soc:hover{border-color:var(--red);color:var(--white);background:rgba(198,31,38,.12);}
.ft-soc svg{width:15px;height:15px;fill:currentColor;}

/* ── COL HEAD ──────────────────────────────────────── */
.ft-col-head{
  font-family:var(--mono);font-size:11px;letter-spacing:.15em;
  text-transform:uppercase;color:rgba(255,255,255,.35);
  margin-bottom:18px;padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.ft-links{display:flex;flex-direction:column;gap:9px;}
.ft-link{
  font-family:var(--body);font-size:15px;
  color:rgba(255,255,255,.5);text-decoration:none;
  display:flex;align-items:center;gap:6px;
  transition:color .15s;
}
.ft-link:hover{color:var(--white);}
.ft-link::before{content:'›';color:var(--red);font-size:14px;}

/* ── COL 4: Trust Modules ──────────────────────────── */
.ft-trust-list{display:flex;flex-direction:column;gap:9px;}
.ft-trust-item{
  display:flex;align-items:flex-start;gap:10px;
}
.ft-trust-num{
  font-family:var(--mono);font-size:11px;color:var(--red);
  flex-shrink:0;margin-top:2px;font-weight:600;
}
.ft-trust-text{
  font-family:var(--body);font-size:15px;
  color:rgba(255,255,255,.5);line-height:1.4;
}

/* ── COL 5: Engineering Flow ───────────────────────── */
.ft-flow{display:flex;flex-direction:column;gap:0;}
.ft-flow-step{
  display:flex;align-items:flex-start;gap:10px;
  padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.05);
  position:relative;
}
.ft-flow-step:last-child{border-bottom:none;}
.ft-flow-dot{
  width:20px;height:20px;border-radius:50%;
  border:1.5px solid rgba(198,31,38,.3);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;margin-top:1px;
  font-family:var(--mono);font-size:10px;color:var(--red);font-weight:600;
}
.ft-flow-text{
  font-family:var(--body);font-size:14px;
  color:rgba(255,255,255,.45);line-height:1.35;
}
.ft-flow-text strong{color:rgba(255,255,255,.8);font-family:var(--display);font-size:15px;}

/* ══ SPRING LIU BAND ══════════════════════════════════ */
.ft-spring{
  max-width:1320px;margin:0 auto;padding:28px 64px;
  display:flex;align-items:center;gap:24px;
  border-bottom:1px solid rgba(255,255,255,.06);
  flex-wrap:wrap;
}
.ft-spring-avatar{
  width:52px;height:52px;border-radius:50%;
  background:var(--dark3);border:2px solid rgba(198,31,38,.3);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--display);font-size:18px;font-weight:700;color:var(--red);
  flex-shrink:0;overflow:hidden;
}
.ft-spring-avatar img{width:100%;height:100%;object-fit:cover;}
.ft-spring-info{flex:1;}
.ft-spring-name{
  font-family:var(--display);font-size:16px;font-weight:700;
  color:rgba(255,255,255,.8);margin-bottom:3px;
}
.ft-spring-role{
  font-family:var(--mono);font-size:9px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);
}
.ft-spring-quote{
  font-family:var(--body);font-size:13.5px;font-style:italic;
  color:rgba(255,255,255,.4);flex:2;line-height:1.6;
  border-left:2px solid rgba(198,31,38,.25);padding-left:16px;
}
.ft-spring-btns{display:flex;gap:8px;flex-wrap:wrap;}
.btn-wa-sm{
  display:inline-flex;align-items:center;gap:7px;padding:9px 16px;
  background:#25D366;color:var(--white);
  font-family:var(--display);font-size:12px;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase;text-decoration:none;
  transition:background .18s;
}
.btn-wa-sm:hover{background:#1ebe5c;}
.btn-email-sm{
  display:inline-flex;align-items:center;gap:7px;padding:8px 16px;
  border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);
  font-family:var(--display);font-size:12px;font-weight:600;
  text-decoration:none;transition:border-color .18s,color .18s;
}
.btn-email-sm:hover{border-color:var(--red);color:var(--white);}

/* ══ BOTTOM BAR ═══════════════════════════════════════ */

.ft-copy{
  font-family:var(--mono);font-size:9px;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(255,255,255,.2);
}
.ft-bottom-links{display:flex;gap:20px;}
.ft-bottom-link{
  font-family:var(--mono);font-size:9px;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(255,255,255,.2);
  text-decoration:none;transition:color .15s;
}
.ft-bottom-link:hover{color:rgba(255,255,255,.5);}
.ft-red-bar{height:3px;background:var(--red);width:100%;}

/* ══ CONTACT BAND ══════════════════════════════════════ */
.ft-contact-band{
  background:var(--dark2);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.ft-contact-inner{
  max-width:1320px;margin:0 auto;padding:36px 64px;
  display:flex;align-items:center;gap:0;flex-wrap:wrap;
}
.ft-contact-item{padding:8px 40px 8px 0;flex:1;min-width:180px;}
.ft-contact-label{
  font-family:var(--mono);font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(255,255,255,.38);
  margin-bottom:7px;
}
.ft-contact-val{
  font-family:var(--display);font-size:18px;font-weight:700;
  color:rgba(255,255,255,.88);margin-bottom:5px;display:block;
  line-height:1.1;
}
.ft-contact-link{text-decoration:none;transition:color .15s;}
.ft-contact-link:hover{color:var(--red);}
.ft-contact-sub{
  font-family:var(--mono);font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;color:rgba(255,255,255,.38);
}
.ft-contact-divider{
  width:1px;height:56px;
  background:rgba(255,255,255,.08);
  flex-shrink:0;margin-right:40px;
}

/* ══ BOTTOM BAR SOCIALS ════════════════════════════════ */
.ft-bottom{
  max-width:1320px;margin:0 auto;padding:20px 64px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;gap:20px;
}
.ft-bottom-center{display:flex;gap:20px;justify-content:center;}
.ft-bottom-socials{display:flex;gap:8px;justify-content:flex-end;}
.ft-soc-btn{
  width:32px;height:32px;
  border:1px solid rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.3);text-decoration:none;
  transition:border-color .15s,color .15s,background .15s;
}
.ft-soc-btn:hover{border-color:var(--red);color:var(--white);background:rgba(198,31,38,.12);}

/* ══ BIG SOCIAL ICONS ═════════════════════════════════ */
.ft-socials-big{display:flex;gap:10px;margin-top:8px;}
.ft-soc-big{
  width:42px;height:42px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;color:var(--white);
  transition:transform .18s,opacity .18s;
}
.ft-soc-big:hover{transform:translateY(-2px);opacity:.85;}
.ft-soc-linkedin{background:#0A66C2;}
.ft-soc-youtube{background:#FF0000;}
.ft-soc-facebook{background:#1877F2;}
.ft-soc-wa{background:#25D366;}


/* ═══ SECTION TRANSITIONS ═══ */
/* transition removed */
/* cs-sec::after removed */

/* FAQ top red accent line */
/* faq-sec consolidated */
/* faq top line removed - cs-sec border-bottom handles it */

/* VW trust anchor */
.vw-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;flex-wrap:wrap;gap:24px;}
.vw-trust-anchor{text-align:right;padding:20px 24px;border:1px solid rgba(255,255,255,.08);border-top:3px solid var(--red);}
.vw-ta-num{font-family:var(--f-display);font-size:56px;font-weight:700;color:var(--white);line-height:1;}
.vw-ta-num span{font-size:24px;color:var(--red-accent);}
.vw-ta-label{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.35);line-height:1.8;margin-top:6px;}

/* ═══ BELT RANGE SECTION REDESIGN ═══ */
.belt-sec {
  background: var(--content-bg);
  padding: 0;
}
.belt-header-wrap {
  background: var(--hero-bg);
  padding: 88px 0 64px;
  position: relative;
  overflow: hidden;
}
.belt-header-wrap::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.016) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.016) 1px, transparent 1px);
  background-size: 44px 44px;
  pointer-events: none;
}
.belt-header-wrap::after {
  content: '';
  position: absolute;
  bottom: -1px; left: 0; right: 0;
  height: 56px;
  background: var(--content-bg);
  clip-path: polygon(0 100%, 100% 40%, 100% 100%);
}
.belt-cards-wrap {
  background: var(--content-bg);
  padding: 0 0 88px;
}
.belt-inner {
  max-width: var(--max);
  margin: 0 auto;
  padding: 0 var(--pad);
}
.belt-eyebrow {
  font-family: var(--f-mono); font-size: 10px; letter-spacing: .22em;
  text-transform: uppercase; color: var(--red-accent);
  display: flex; align-items: center; gap: 12px; margin-bottom: 16px;
}
.belt-eyebrow::before { content:''; width:24px; height:1px; background:var(--red-accent); }
.belt-h2 {
  font-family: var(--f-display); font-size: clamp(32px,4vw,56px);
  font-weight: 700; color: var(--white); line-height: 1.0;
  letter-spacing: -.01em; margin-bottom: 14px;
}
.belt-h2 span { color: var(--red-accent); }
.belt-eyebrow { color: var(--red-accent) !important; }
.belt-eyebrow::before { background: var(--red-accent) !important; }
.belt-sub {
  font-family: var(--f-body); font-size: 15px; font-weight: 300;
  color: rgba(255,255,255,.48); line-height: 1.75; max-width: 620px; margin-bottom: 0;
}
.belt-primary-label, .belt-secondary-label {
  display: flex; align-items: center; gap: 16px; margin-bottom: 20px;
}
.belt-primary-label span, .belt-secondary-label span {
  font-family: var(--f-mono); font-size: 10px; font-weight: 600;
  letter-spacing: .2em; text-transform: uppercase;
  color: var(--muted-2); white-space: nowrap;
}
.belt-primary-label { padding-top: 40px; }
.belt-primary-line { flex: 1; height: 1px; background: rgba(0,0,0,.1); }
.belt-secondary-label { margin-top: 40px; }
.belt-secondary-label span { color: var(--muted-2); }

/* Primary 2-col hero cards */
.belt-primary-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 24px; margin-bottom: 8px;
}
.belt-card-primary {
  border-top-color: var(--red) !important;
}
.card-photo-lg {
  height: 340px !important;
}
.card-badge-primary {
  position: absolute; top: 16px; left: 16px;
  font-family: var(--f-mono); font-size: 9px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--white);
  background: var(--red); padding: 5px 12px; z-index: 2;
}
.card-tag-red { color: var(--red-accent) !important; }
.card-specs-row {
  display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px;
}
.card-spec {
  font-family: var(--f-mono); font-size: 9px; letter-spacing: .1em;
  text-transform: uppercase; color: var(--red-accent);
  border: 1px solid rgba(198,31,38,.2); padding: 4px 10px;
  background: rgba(198,31,38,.04);
}
.card-link-primary {
  font-size: 11px !important; color: var(--red) !important; font-weight: 600 !important;
}
.card-sample {
  font-family: var(--f-mono); font-size: 9px; letter-spacing: .08em;
  color: var(--muted-2);
}

/* Secondary 3-col grid */
.belt-secondary-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 20px; margin-bottom: 48px;
}

/* ══ ENGINEERING CASE MODULE ════════════════════════════════════ */
.cs-sec { padding: 100px 0; background: var(--hero-bg); }
.cs-header { display:flex; align-items:flex-end; justify-content:space-between;
  margin-bottom:52px; gap:24px; flex-wrap:wrap; }
.cs-eyebrow { font-family:var(--f-mono); font-size:10px; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; color:var(--red);
  margin-bottom:10px; }
.cs-h2 { font-family:var(--f-display); font-size:clamp(28px,3vw,40px);
  font-weight:700; color:var(--white); line-height:1.15; margin:0; }
.cs-h2-accent { color:var(--red); }
.cs-all-link { white-space:nowrap; }

/* ec-wrap: main two-col layout */
.ec-wrap { display:grid; grid-template-columns:1fr 1.1fr; gap:40px;
  align-items:start; }

/* LEFT visual column */
.ec-visual { display:grid; grid-template-columns:1fr 1fr; gap:10px; }

.ec-img-main { grid-column:1/-1; position:relative; border-radius:4px;
  overflow:hidden; aspect-ratio:16/9; }
.ec-img-main img { width:100%; height:100%; object-fit:cover; object-position:left top; display:block; }

.ec-img-stack { display:flex; flex-direction:column; gap:10px; grid-column:1/-1;
  display:grid; grid-template-columns:1fr 1fr; }
.ec-img-small { position:relative; border-radius:4px; overflow:hidden;
  aspect-ratio:4/3; }
.ec-img-small img { width:100%; height:100%; object-fit:cover; display:block; }

/* image labels */
.ec-img-label { position:absolute; bottom:0; left:0; right:0;
  padding:8px 12px; background:rgba(0,0,0,.72);
  font-family:var(--f-mono); font-size:9px; letter-spacing:.1em;
  text-transform:uppercase; color:rgba(255,255,255,.75);
  display:flex; align-items:center; gap:7px; }
.ec-img-tag-country { background:var(--red); color:#fff; padding:2px 6px;
  font-weight:700; font-size:9px; border-radius:2px; }
.ec-img-label--good { color:#86efac; }
.ec-img-label--risk { color:#fca5a5; }

/* RIGHT document column */
.ec-doc { display:flex; flex-direction:column; gap:0; }

.ec-section-label { font-family:var(--f-mono); font-size:9px; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase;
  color:rgba(255,255,255,.35); margin-bottom:14px;
  display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.ec-label-dot { color:var(--red); }

.ec-headline { font-family:var(--f-display); font-size:clamp(19px,2vw,26px);
  font-weight:700; color:var(--white); line-height:1.25;
  margin:0 0 14px 0; }

.ec-intro { font-family:var(--f-body); font-size:13.5px; line-height:1.7;
  color:rgba(255,255,255,.55); margin:0 0 24px 0; }

/* Content blocks */
.ec-blocks { display:flex; flex-direction:column; gap:0;
  border-top:1px solid rgba(255,255,255,.07); margin-bottom:24px; }
.ec-block { padding:14px 0; border-bottom:1px solid rgba(255,255,255,.07); }
.ec-block--result .ec-block-label { color:#86efac; }
.ec-block-label { font-family:var(--f-mono); font-size:10px; font-weight:600;
  letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.45);
  margin-bottom:6px; display:flex; align-items:center; gap:8px; }
.ec-block-num { color:var(--red); font-weight:700; }
.ec-block-num--result { color:#22c55e; }
.ec-block-text { font-family:var(--f-body); font-size:12.5px; line-height:1.7;
  color:rgba(255,255,255,.62); margin:0; }

/* Metrics */
.ec-metrics { display:flex; align-items:center; gap:0;
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08);
  border-radius:4px; padding:16px 20px; margin-bottom:18px; }
.ec-metric { flex:1; text-align:center; }
.ec-metric-val { font-family:var(--f-display); font-size:20px; font-weight:700;
  color:var(--white); line-height:1; margin-bottom:4px; }
.ec-metric-label { font-family:var(--f-mono); font-size:9px; letter-spacing:.08em;
  text-transform:uppercase; color:rgba(255,255,255,.4); line-height:1.35; }
.ec-metric-div { width:1px; height:36px; background:rgba(255,255,255,.1);
  flex-shrink:0; margin:0 8px; }

/* Tags */
.ec-tags { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:22px; }
.ec-tag { font-family:var(--f-mono); font-size:9px; letter-spacing:.1em;
  text-transform:uppercase; color:rgba(255,255,255,.5);
  border:1px solid rgba(255,255,255,.12); border-radius:2px;
  padding:4px 9px; }
.ec-tag--geo { color:rgba(255,255,255,.65);
  border-color:rgba(255,255,255,.2); }

/* CTAs */
.ec-cta-row { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.ec-cta-primary { display:inline-flex; align-items:center; gap:7px;
  background:var(--red); color:#fff; font-family:var(--f-display);
  font-size:13px; font-weight:700; letter-spacing:.04em;
  padding:11px 20px; border-radius:3px; text-decoration:none;
  transition:background .2s; }
.ec-cta-primary:hover { background:var(--red-accent); }
.ec-cta-secondary { font-family:var(--f-mono); font-size:10px;
  letter-spacing:.1em; text-transform:uppercase;
  color:rgba(255,255,255,.5); text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.2);
  padding-bottom:2px; transition:color .2s, border-color .2s; }
.ec-cta-secondary:hover { color:var(--white);
  border-color:rgba(255,255,255,.6); }

/* Responsive */
@media(max-width:900px){
  .ec-wrap { grid-template-columns:1fr; }
  .ec-visual { grid-template-columns:1fr 1fr; }
  .ec-img-main { grid-column:1/-1; }
}
@media(max-width:560px){
  .ec-img-stack { grid-template-columns:1fr; }
  .ec-metrics { flex-direction:column; gap:14px; }
  .ec-metric-div { width:40px; height:1px; }
}
/* ════════════════════════════════════════════════════════════════ */

/* ══ TECH NOTE ══ */
.ft-tech-note { font-family:var(--f-mono); font-size:9px; color:rgba(255,255,255,.22); letter-spacing:.06em; margin-top:8px; text-align:center; width:100%; }
