/* ============================================================================
   MECHANC DESIGN SYSTEM
   ----------------------------------------------------------------------------
   Generated from the two approved mockups in design-reference/:

     * mechanc-complete.html  -> base for ALL inner pages (superset: 387 classes,
                                 full light theme, 6 responsive breakpoints)
     * mechanc-redesign.html  -> the HOMEPAGE design

   Both mockups share an identical palette. mechanc-complete.html already ships
   an alias layer mapping its short tokens (--cyan) onto the semantic names used
   by mechanc-redesign.html (--accent-cyan), so both naming styles work here.

   The homepage takes its HERO and its header/footer from mechanc-redesign.html
   and every section below the hero from mechanc-complete.html. So where the two
   mockups disagree, the complete value simply wins -- except for the site chrome
   and the hero itself, where the redesign value is emitted globally (section 5),
   and the handful of selectors the hero shares with the rest of the page, which
   are scoped under `.hero` (section 4).

   Dark is the default theme. Light is a complete alternate palette driven by
   `body.light` (218 rules, inherited from the complete mockup).

   DO NOT EDIT BY HAND -- regenerate via scratchpad/build_ds.py, or make edits
   in style.css so they survive a rebuild.
   ============================================================================ */

/* === 1. BASE — all inner pages (from mechanc-complete.html) ============ */
:root {
  --void:#060810;--deep:#0A0D1A;--card:#0E1323;--card2:#131828;
  --glass:rgba(14,19,35,0.92);
  --cyan:#00CFFF;--blue:#0062E6;--green:#00E5A0;
  --glow:rgba(0,207,255,0.15);--pulse:rgba(0,207,255,0.06);
  --t1:#DDE6F9;--t2:#7A8BAD;--t3:#4A566E;
  --br:rgba(255,255,255,0.06);--bra:rgba(0,207,255,0.22);
  --fh:'Barlow Condensed',sans-serif;--fb:'Barlow',sans-serif;--fm:'Space Mono',monospace;
  --r:6px;--rl:12px;
  --nav:68px;--top:36px;
}
*, *::before, *::after {box-sizing:border-box;margin:0;padding:0}
html {scroll-behavior:smooth}
body {background:var(--void);color:var(--t1);font-family:var(--fb);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}
a {color:inherit;text-decoration:none}
img {max-width:100%;display:block}
button {cursor:pointer;border:none;background:none;font-family:inherit}
ul {list-style:none}
::selection {background:var(--cyan);color:#000}
::-webkit-scrollbar {width:5px}
::-webkit-scrollbar-track {background:var(--deep)}
::-webkit-scrollbar-thumb {background:var(--blue);border-radius:3px}
.topbar {height:var(--top);background:var(--deep);border-bottom:1px solid var(--br);
  display:flex;align-items:center;padding:0 24px;font-size:13px;font-family:var(--fm);color:var(--t2);position:relative;z-index:200}
.topbar-inner {max-width:1400px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.tb-left {display:flex;gap:20px}
.tb-link {display:flex;align-items:center;gap:5px;transition:color .2s}
.tb-link:hover {color:var(--cyan)}
.tb-link svg {width:13px;height:13px}
.tb-right {display:flex;align-items:center;gap:12px}
.cert-pill {padding:2px 9px;border:1px solid var(--bra);border-radius:12px;font-size:11px;color:var(--cyan);letter-spacing:.06em}
.lang-sel {padding:4px 10px;border:1px solid var(--br);border-radius:4px;color:var(--t2);font-size:12px;font-family:var(--fm);background:transparent;cursor:pointer;transition:all .2s}
.lang-sel:hover {border-color:var(--bra);color:var(--cyan)}
.site-header {position:sticky;top:0;z-index:150;height:var(--nav);
  background:var(--glass);backdrop-filter:blur(20px) saturate(1.4);
  border-bottom:1px solid var(--br);transition:box-shadow .3s}
.site-header.scrolled {box-shadow:0 4px 40px rgba(0,0,0,.5);border-bottom-color:var(--bra)}
.nav-inner {max-width:1400px;width:100%;margin:0 auto;height:100%;padding:0 24px;display:flex;align-items:center;gap:24px}
.nav-logo {display:flex;align-items:center;gap:9px;flex-shrink:0;font-family:var(--fh);font-size:20px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.logo-m {width:32px;height:32px;background:linear-gradient(135deg,var(--cyan),var(--blue));border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:#000}
.logo-t span {color:var(--cyan)}
.main-nav {display:flex;gap:2px;flex:1}
.nav-a {padding:7px 12px;border-radius:var(--r);font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--t2);transition:all .2s;cursor:pointer;white-space:nowrap}
.nav-a:hover, .nav-a.active {color:var(--t1);background:rgba(255,255,255,.05)}
.nav-right {display:flex;align-items:center;gap:10px;margin-left:auto}
.btn-q {display:flex;align-items:center;gap:7px;padding:9px 20px;border-radius:var(--r);background:linear-gradient(135deg,var(--blue),#004BC4);color:#fff;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:all .2s;box-shadow:0 4px 20px rgba(0,98,230,.35)}
.btn-q:hover {transform:translateY(-1px);box-shadow:0 8px 28px rgba(0,98,230,.5)}
.btn-q svg {width:14px;height:14px}
.breadcrumb {padding:14px 24px;background:var(--deep);border-bottom:1px solid var(--br);font-size:13px;font-family:var(--fm);color:var(--t3)}
.breadcrumb-inner {max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:6px}
.bc-link {color:var(--t3);transition:color .2s;cursor:pointer}
.bc-link:hover {color:var(--cyan)}
.bc-sep {color:var(--t3)}
.section {padding:80px 24px}
.section-inner {max-width:1400px;margin:0 auto}
.eyebrow {font-family:var(--fm);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--cyan);margin-bottom:10px}
.section-title {font-family:var(--fh);font-size:clamp(28px,3.5vw,48px);font-weight:800;letter-spacing:-.01em;text-transform:uppercase;line-height:1.05;margin-bottom:14px}
.section-desc {font-size:15px;color:var(--t2);line-height:1.8}
.btn-primary {display:inline-flex;align-items:center;gap:7px;padding:13px 26px;border-radius:var(--r);background:linear-gradient(135deg,var(--cyan),var(--blue));color:#000;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;transition:all .2s;box-shadow:0 6px 24px rgba(0,207,255,.25)}
.btn-primary:hover {transform:translateY(-2px);box-shadow:0 12px 36px rgba(0,207,255,.35)}
.btn-secondary {display:inline-flex;align-items:center;gap:7px;padding:12px 24px;border-radius:var(--r);border:1px solid var(--bra);color:var(--t1);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;transition:all .2s}
.btn-secondary:hover {background:rgba(0,207,255,.06);border-color:var(--cyan)}
.hero {position:relative;min-height:calc(100vh - var(--top) - var(--nav));display:flex;align-items:center;overflow:hidden;background:var(--void)}
#sat-canvas {position:absolute;inset:0;width:100%;height:100%}
.hero-overlay {position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 65% 50%,rgba(0,98,230,.08),transparent 70%),linear-gradient(180deg,transparent 60%,var(--void));pointer-events:none;z-index:1}
.hero-content {position:relative;z-index:2;max-width:1400px;width:100%;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}
.hero-tag {display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border:1px solid var(--bra);border-radius:20px;background:rgba(0,207,255,.05);font-family:var(--fm);font-size:12px;color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px}
.hero-tag::before {content:'';width:5px;height:5px;border-radius:50%;background:var(--cyan);animation:pdot 2s infinite}
@keyframes pdot {0%,100%{opacity:1}50%{opacity:.4}}
.hero-title {font-family:var(--fh);font-size:clamp(40px,5vw,72px);font-weight:800;line-height:1;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:6px}
.hero-title .acc {display:block;background:linear-gradient(90deg,var(--cyan),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-sub {font-family:var(--fh);font-size:clamp(17px,2.2vw,26px);font-weight:300;color:var(--t2);letter-spacing:.04em;text-transform:uppercase;margin-bottom:20px}
.hero-desc {font-size:15px;color:var(--t2);line-height:1.8;max-width:500px;margin-bottom:32px}
.hero-ctas {display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}
.hero-specs {display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.spec-b {display:flex;align-items:center;gap:7px;font-family:var(--fm);font-size:12px;color:var(--t3)}
.spec-b .v {color:var(--cyan);font-size:13px;font-weight:700}
.spec-div {width:1px;height:16px;background:var(--br)}
.hero-right {display:flex;flex-direction:column;gap:14px}
.stat-card {background:var(--card);border:1px solid var(--br);border-radius:var(--rl);padding:18px 22px;position:relative;overflow:hidden;transition:all .25s}
.stat-card::before {content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue))}
.stat-card:hover {border-color:var(--bra);transform:translateX(-3px)}
.stat-n {font-family:var(--fh);font-size:34px;font-weight:900;line-height:1}
.stat-l {font-size:13px;color:var(--t2);margin-top:4px}
.stat-s {font-family:var(--fm);font-size:11px;color:var(--cyan);margin-top:6px;letter-spacing:.07em;text-transform:uppercase}
.prod-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:2px;border:1px solid var(--br);border-radius:var(--rl);overflow:hidden}
.prod-card {background:var(--card);padding:28px 24px;position:relative;overflow:hidden;transition:background .25s;border-right:1px solid var(--br)}
.prod-card:last-child {border-right:none}
.prod-card:hover {background:var(--card2)}
.prod-card::after {content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .25s}
.prod-card:hover::after {transform:scaleX(1)}
.pc-icon {width:44px;height:44px;border-radius:var(--r);background:rgba(0,207,255,.07);border:1px solid var(--bra);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.pc-icon svg {width:22px;height:22px;color:var(--cyan)}
.pc-name {font-family:var(--fh);font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--t1);margin-bottom:9px}
.pc-desc {font-size:14px;color:var(--t2);line-height:1.65;margin-bottom:16px}
.pc-tags {display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px}
.pc-tag {padding:3px 9px;border-radius:12px;background:rgba(0,207,255,.07);border:1px solid rgba(0,207,255,.15);font-family:var(--fm);font-size:11px;color:var(--cyan);text-transform:uppercase;letter-spacing:.04em}
.pc-link {display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--cyan);transition:gap .2s}
.pc-link:hover {gap:9px;cursor:pointer}
.pc-link svg {width:13px;height:13px}
.pillars-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--br);border-radius:var(--rl);overflow:hidden}
.pillar {background:var(--void);padding:32px 24px;transition:background .25s}
.pillar:hover {background:var(--card)}
.p-num {font-family:var(--fm);font-size:11px;color:var(--t3);letter-spacing:.07em;margin-bottom:14px}
.p-ico {width:36px;height:36px;margin-bottom:12px;display:flex;align-items:center;justify-content:center}
.p-ico svg {width:22px;height:22px;color:var(--cyan)}
.p-title {font-family:var(--fh);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--t1);margin-bottom:9px}
.p-desc {font-size:14px;color:var(--t2);line-height:1.7}
.mkt-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
.mkt-card {background:var(--card);border:1px solid var(--br);border-radius:var(--rl);padding:24px 20px;position:relative;transition:all .25s;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:180px}
.mkt-card::before {content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--cyan),var(--blue));transform:scaleY(0);transform-origin:top;transition:transform .25s;border-radius:3px 0 0 3px}
.mkt-card:hover {border-color:var(--bra);background:var(--card2)}
.mkt-card:hover::before {transform:scaleY(1)}
.mkt-icon {width:38px;height:38px;border-radius:7px;background:rgba(0,207,255,.07);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.mkt-icon svg {width:18px;height:18px;color:var(--cyan)}
.mkt-name {font-family:var(--fh);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--t1);margin-bottom:7px}
.mkt-desc {font-size:13px;color:var(--t2);line-height:1.6}
.mkt-arr {color:var(--t3);margin-top:12px;align-self:flex-end;transition:transform .25s}
.mkt-card:hover .mkt-arr {transform:translate(3px,-3px);color:var(--cyan)}
.mkt-arr svg {width:14px;height:14px}
.cta-banner {background:linear-gradient(135deg,var(--deep) 0%,rgba(0,98,230,.1) 100%);border:1px solid var(--bra);border-radius:var(--rl);padding:60px 48px;text-align:center}
.cta-banner .section-title {margin-bottom:12px}
.cta-banner .section-desc {max-width:520px;margin:0 auto 32px}
.cta-banner-btns {display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.site-footer {background:var(--deep);border-top:1px solid var(--br);padding:56px 24px 28px}
.footer-inner {max-width:1400px;margin:0 auto}
.footer-grid {display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.fb-name {font-family:var(--fh);font-size:22px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--t1);margin-bottom:10px}
.fb-name span {color:var(--cyan)}
.fb-desc {font-size:13px;color:var(--t2);line-height:1.75;max-width:260px;margin-bottom:16px}
.footer-certs {display:flex;gap:7px;flex-wrap:wrap}
.fc-badge {padding:3px 8px;border:1px solid var(--bra);border-radius:3px;font-family:var(--fm);font-size:10px;color:var(--cyan)}
.fc-title {font-family:var(--fm);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);margin-bottom:14px;padding-bottom:7px;border-bottom:1px solid var(--br)}
.fc-links {display:flex;flex-direction:column;gap:8px}
.fc-link {font-size:13px;color:var(--t2);transition:color .2s;cursor:pointer}
.fc-link:hover {color:var(--t1)}
.footer-bot {display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--br);font-size:12px;color:var(--t3);font-family:var(--fm);flex-wrap:wrap;gap:10px}
.fb-links {display:flex;gap:16px}
.fb-lnk {color:var(--t3);transition:color .2s;cursor:pointer}
.fb-lnk:hover {color:var(--t2)}
.cat-hero {padding:60px 24px 40px;background:var(--deep);border-bottom:1px solid var(--br);position:relative;overflow:hidden}
.cat-hero::before {content:'';position:absolute;top:-60px;right:-60px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(0,207,255,.06),transparent 70%);pointer-events:none}
.cat-hero-inner {max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr auto;align-items:end;gap:32px}
.cat-hero-tags {display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.cat-hero-tag {padding:6px 14px;border:1px solid var(--br);border-radius:4px;font-family:var(--fm);font-size:12px;color:var(--t2);cursor:pointer;transition:all .2s}
.cat-hero-tag:hover, .cat-hero-tag.active {border-color:var(--cyan);color:var(--cyan);background:rgba(0,207,255,.06)}
.cat-hero-stats {display:flex;gap:24px}
.ch-stat {text-align:right}
.ch-stat-n {font-family:var(--fh);font-size:28px;font-weight:800;color:var(--t1);line-height:1}
.ch-stat-l {font-family:var(--fm);font-size:9px;color:var(--t3);text-transform:uppercase;letter-spacing:.08em}
.catalog-layout {display:grid;grid-template-columns:240px 1fr;gap:0;min-height:60vh}
.cat-sidebar {background:var(--deep);border-right:1px solid var(--br);padding:24px;position:sticky;top:calc(var(--top)+var(--nav));height:fit-content}
.sidebar-title {font-family:var(--fm);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);margin-bottom:12px;padding-bottom:7px;border-bottom:1px solid var(--br)}
.sidebar-group {margin-bottom:20px}
.sidebar-group-label {font-size:11px;color:var(--t3);text-transform:uppercase;letter-spacing:.07em;font-family:var(--fm);margin-bottom:8px;margin-top:4px}
.sidebar-item {display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--r);cursor:pointer;transition:all .2s;font-size:13px;color:var(--t2)}
.sidebar-item:hover {background:rgba(255,255,255,.04);color:var(--t1)}
.sidebar-item.active {background:rgba(0,207,255,.07);color:var(--cyan);font-weight:500}
.sidebar-count {font-family:var(--fm);font-size:11px;color:var(--t3)}
.sidebar-item.active .sidebar-count {color:var(--cyan)}
.sidebar-filter-group {margin-bottom:16px}
.filter-label {font-size:11px;color:var(--t3);text-transform:uppercase;letter-spacing:.07em;font-family:var(--fm);margin-bottom:8px}
.filter-checks {display:flex;flex-direction:column;gap:6px}
.filter-check {display:flex;align-items:center;gap:7px;font-size:13px;color:var(--t2);cursor:pointer;transition:color .2s}
.filter-check:hover {color:var(--t1)}
.filter-check input[type=checkbox] {accent-color:var(--cyan);width:14px;height:14px}
.cat-main {padding:24px}
.cat-controls {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.cat-count {font-size:13px;color:var(--t2);font-family:var(--fm)}
.cat-controls-right {display:flex;align-items:center;gap:10px}
.sort-sel {padding:7px 14px;border-radius:var(--r);border:1px solid var(--br);background:var(--card);color:var(--t2);font-size:12px;font-family:var(--fm);cursor:pointer}
.view-tog {display:flex;border:1px solid var(--br);border-radius:var(--r);overflow:hidden}
.vbtn {width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--t3);transition:all .2s}
.vbtn svg {width:15px;height:15px}
.vbtn.active {background:var(--blue);color:#fff}
.vbtn:not(.active):hover {color:var(--t1);background:rgba(255,255,255,.04)}
.prod-cat-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.pcard {background:var(--card);border:1px solid var(--br);border-radius:var(--rl);overflow:hidden;transition:all .25s;cursor:pointer}
.pcard:hover {border-color:var(--bra);transform:translateY(-2px);box-shadow:0 8px 40px rgba(0,207,255,.1)}
.pcard-img {height:140px;background:linear-gradient(135deg,var(--deep),rgba(0,207,255,.04));display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--br);position:relative;overflow:hidden}
.pcard-img-inner {width:80px;height:80px;position:relative}
.pcard-img svg {width:100%;height:100%}
.pcard-badge {position:absolute;top:10px;right:10px;padding:3px 8px;border-radius:10px;background:rgba(0,207,255,.1);border:1px solid rgba(0,207,255,.2);font-family:var(--fm);font-size:11px;color:var(--cyan);text-transform:uppercase;letter-spacing:.06em}
.pcard-body {padding:16px}
.pcard-pn {font-family:var(--fm);font-size:13px;font-weight:700;color:var(--t1);margin-bottom:4px}
.pcard-name {font-size:13px;color:var(--t2);margin-bottom:10px;line-height:1.4}
.pcard-specs {display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.pcard-spec {display:flex;justify-content:space-between;font-size:12px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.03)}
.pcard-spec-k {color:var(--t3)}
.pcard-spec-v {font-family:var(--fm);color:var(--cyan);font-size:12px}
.pcard-actions {padding:11px 16px;border-top:1px solid var(--br);display:flex;gap:7px}
.btn-ds {flex:1;padding:7px;text-align:center;border:1px solid var(--br);border-radius:var(--r);font-size:12px;color:var(--t2);transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}
.btn-ds:hover {border-color:var(--bra);color:var(--cyan)}
.btn-inq {flex:1;padding:7px;text-align:center;background:rgba(0,98,230,.12);border:1px solid rgba(0,98,230,.25);border-radius:var(--r);font-size:12px;color:var(--cyan);font-weight:600;transition:all .2s;cursor:pointer}
.btn-inq:hover {background:rgba(0,98,230,.22)}
.prod-cat-table {overflow-x:auto;border-radius:var(--rl);border:1px solid var(--br)}
.dtable {width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.dtable th {padding:12px 14px;text-align:left;font-family:var(--fm);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);background:rgba(0,207,255,.04);border-bottom:1px solid var(--bra);white-space:nowrap}
.dtable td {padding:13px 14px;border-bottom:1px solid var(--br);color:var(--t2);vertical-align:middle}
.dtable tbody tr {cursor:pointer;transition:background .15s}
.dtable tbody tr:hover td {background:rgba(255,255,255,.02)}
.dtable tbody tr:last-child td {border-bottom:none}
.td-pn {font-family:var(--fm);font-size:12px;color:var(--t1);font-weight:700}
.td-freq {font-family:var(--fm);color:var(--cyan)}
.td-badge {display:inline-flex;padding:2px 8px;border-radius:8px;background:rgba(0,207,255,.07);border:1px solid rgba(0,207,255,.18);font-size:11px;color:var(--cyan);font-family:var(--fm)}
.td-act {display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border:1px solid var(--br);border-radius:var(--r);font-size:12px;color:var(--t2);transition:all .2s}
.td-act:hover {border-color:var(--bra);color:var(--cyan)}
.hidden {display:none!important}
.pagination {display:flex;align-items:center;justify-content:center;gap:6px;margin-top:32px}
.pg-btn {width:34px;height:34px;border-radius:var(--r);border:1px solid var(--br);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--t2);cursor:pointer;transition:all .2s;font-family:var(--fm)}
.pg-btn:hover {border-color:var(--bra);color:var(--cyan)}
.pg-btn.active {background:var(--blue);border-color:var(--blue);color:#fff}
.product-detail {max-width:1400px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.product-detail-top {padding-top:40px;padding-bottom:0}
.product-detail-bottom {padding-top:32px;padding-bottom:40px;border-top:1px solid var(--br)}
.pd-gallery {position:sticky;top:calc(var(--top)+var(--nav)+20px)}
.pd-gallery-top {position:relative}
.pd-gallery-bottom {position:sticky;top:calc(var(--top)+var(--nav)+20px)}
.pd-info-bottom {padding-top:4px}
.pd-main-img {background:linear-gradient(135deg,var(--deep),rgba(0,207,255,.04));border:1px solid var(--br);border-radius:var(--rl);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;margin-bottom:12px;position:relative;overflow:hidden}
.pd-main-img::before {content:'';position:absolute;inset:0;background:radial-gradient(circle at 40% 40%,rgba(0,207,255,.06),transparent 60%)}
.pd-thumb-row {display:flex;gap:8px}
.pd-thumb {width:72px;height:72px;border:1px solid var(--br);border-radius:var(--r);background:var(--card);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}
.pd-thumb:hover, .pd-thumb.active {border-color:var(--bra)}
.pd-thumb svg {width:36px;height:36px;color:var(--t3)}
.pd-info {}
.pd-brand {font-family:var(--fm);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);margin-bottom:10px}
.pd-title {font-family:var(--fh);font-size:clamp(22px,3vw,32px);font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:var(--t1);line-height:1.1;margin-bottom:16px}
.pd-pn {display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:10px 14px;background:rgba(0,207,255,.04);border:1px solid var(--bra);border-radius:var(--r)}
.pd-pn-label {font-family:var(--fm);font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:.07em}
.pd-pn-val {font-family:var(--fm);font-size:13px;color:var(--cyan);font-weight:700}
.pd-avail {display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--green);font-family:var(--fm)}
.pd-avail::before {content:'';width:6px;height:6px;border-radius:50%;background:var(--green);animation:pdot 2s infinite}
.pd-desc {font-size:13px;color:var(--t2);line-height:1.8;margin:16px 0 24px}
.pd-actions {display:flex;flex-direction:column;gap:10px;margin-bottom:32px}
.btn-quote-full {width:100%;padding:14px;border-radius:var(--r);background:linear-gradient(135deg,var(--cyan),var(--blue));color:#000;font-weight:700;font-size:13px;letter-spacing:.07em;text-transform:uppercase;transition:all .2s;box-shadow:0 6px 24px rgba(0,207,255,.25)}
.btn-quote-full:hover {transform:translateY(-2px);box-shadow:0 12px 36px rgba(0,207,255,.35)}
.btn-dl {width:100%;padding:12px;border-radius:var(--r);border:1px solid var(--bra);color:var(--t1);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}
.btn-dl:hover {background:rgba(0,207,255,.06)}
.btn-dl svg {width:15px;height:15px}
.pd-specs-title {font-family:var(--fh);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--t1);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--br)}
.specs-table {width:100%;border-collapse:separate;border-spacing:0;font-size:12px;border:1px solid var(--br);border-radius:var(--r);overflow:hidden}
.specs-table tr:nth-child(odd) td:first-child, .specs-table tr:nth-child(odd) th:first-child {background:rgba(255,255,255,.015)}
.specs-table tr:last-child td {border-bottom:none}
.specs-table th {padding:10px 14px;text-align:left;font-family:var(--fm);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--cyan);background:rgba(0,207,255,.04);border-bottom:1px solid var(--bra);white-space:nowrap;width:40%}
.specs-table td {padding:11px 14px;border-bottom:1px solid var(--br);color:var(--t2);vertical-align:top}
.specs-table td.val {font-family:var(--fm);font-size:13px;color:var(--t1)}
.pd-tabs {display:flex;border-bottom:1px solid var(--br);margin-bottom:24px;gap:0;flex-wrap:wrap}
.pd-tab {padding:11px 16px;font-size:13px;font-weight:500;color:var(--t2);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;text-transform:uppercase;letter-spacing:.05em;font-family:var(--fm)}
.pd-tab.active {color:var(--cyan);border-bottom-color:var(--cyan)}
.pd-tab-panel {display:none}
.pd-tab-panel.active {display:block}
.related-section {padding:60px 24px;background:var(--deep);border-top:1px solid var(--br)}
.related-inner {max-width:1400px;margin:0 auto}
.related-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.mkt-hero {position:relative;padding:100px 24px 80px;overflow:hidden;background:var(--deep)}
.mkt-hero-bg {position:absolute;inset:0;pointer-events:none;overflow:hidden}
.mkt-hero-inner {max-width:1400px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.mkt-hero-title {font-family:var(--fh);font-size:clamp(36px,5vw,66px);font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:12px}
.mkt-hero-title .acc {background:linear-gradient(90deg,var(--cyan),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.mkt-hero-desc {font-size:14px;color:var(--t2);line-height:1.8;margin-bottom:28px;max-width:480px}
.mkt-hero-kpis {display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kpi-card {background:rgba(255,255,255,.03);border:1px solid var(--br);border-radius:var(--r);padding:16px;text-align:center}
.kpi-n {font-family:var(--fh);font-size:28px;font-weight:900;color:var(--t1);line-height:1}
.kpi-n span {color:var(--cyan)}
.kpi-l {font-size:13px;color:var(--t2);margin-top:4px}
.mkt-visual {border-radius:var(--rl);overflow:hidden;border:1px solid var(--br);aspect-ratio:5/4;background:var(--void);position:relative}
.mkt-vis-canvas {width:100%;height:100%}
.use-cases {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.uc-card {background:var(--card);border:1px solid var(--br);border-radius:var(--rl);overflow:hidden;transition:all .25s}
.uc-card:hover {border-color:var(--bra);transform:translateY(-3px)}
.uc-img {height:160px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.uc-img-label {position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:linear-gradient(0deg,rgba(6,8,16,.9),transparent);font-family:var(--fm);font-size:11px;color:var(--cyan);letter-spacing:.07em;text-transform:uppercase}
.uc-body {padding:18px}
.uc-title {font-family:var(--fh);font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--t1);margin-bottom:8px}
.uc-desc {font-size:14px;color:var(--t2);line-height:1.65}
.uc-chips {display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.uc-chip {padding:3px 9px;border-radius:10px;font-family:var(--fm);font-size:11px;color:var(--cyan);background:rgba(0,207,255,.07);border:1px solid rgba(0,207,255,.15)}
.rec-strip {padding:60px 24px;background:var(--card)}
.rec-inner {max-width:1400px;margin:0 auto}
.rec-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.rec-card {background:var(--void);border:1px solid var(--br);border-radius:var(--rl);padding:20px;transition:all .25s}
.rec-card:hover {border-color:var(--bra)}
.rec-cat {font-family:var(--fm);font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--cyan);margin-bottom:8px}
.rec-title {font-family:var(--fh);font-size:16px;font-weight:700;text-transform:uppercase;color:var(--t1);margin-bottom:7px}
.rec-desc {font-size:13px;color:var(--t2);line-height:1.65;margin-bottom:12px}
.rec-specs {display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.rec-spec {font-family:var(--fm);font-size:12px;color:var(--t3)}
.rec-spec span {color:var(--cyan)}
.rec-link {font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--cyan);display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:gap .2s}
.rec-link:hover {gap:9px}
.rec-link svg {width:13px;height:13px}
.tech-specs-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--br);border-radius:var(--rl);overflow:hidden;margin-top:40px}
.ts-cell {background:var(--deep);padding:28px;text-align:center}
.ts-val {font-family:var(--fh);font-size:32px;font-weight:900;color:var(--t1);line-height:1;margin-bottom:4px}
.ts-val span {color:var(--cyan)}
.ts-label {font-family:var(--fm);font-size:12px;color:var(--t3);text-transform:uppercase;letter-spacing:.08em}
.ts-sub {font-size:13px;color:var(--t2);margin-top:4px}
@media(max-width:1100px) {.catalog-layout {grid-template-columns:1fr}
.cat-sidebar {position:static;display:flex;flex-wrap:wrap;gap:20px;padding:16px 24px}
.product-detail {grid-template-columns:1fr}
.pd-gallery-top, .pd-gallery-bottom, .pd-gallery {position:static}
.mkt-hero-inner {grid-template-columns:1fr}
.use-cases {grid-template-columns:repeat(2,1fr)}
.rec-grid {grid-template-columns:repeat(2,1fr)}
.tech-specs-grid {grid-template-columns:repeat(2,1fr)}
.mkt-visual {display:none}}
@media(max-width:900px) {:root {--nav:58px;--top:30px}
.main-nav, .btn-q {display:none}
.prod-grid {grid-template-columns:repeat(2,1fr)}
.mkt-grid {grid-template-columns:repeat(2,1fr)}
.pillars-grid {grid-template-columns:repeat(2,1fr)}
.footer-grid {grid-template-columns:1fr 1fr}
.related-grid {grid-template-columns:repeat(2,1fr)}
.pd-desc-grid {grid-template-columns:1fr!important}}
@media(max-width:600px) {.section {padding:56px 16px}
.prod-grid, .mkt-grid, .pillars-grid, .footer-grid, .related-grid, .rec-grid, .use-cases {grid-template-columns:1fr}
.cat-hero-inner {grid-template-columns:1fr}
.hero-content {grid-template-columns:1fr}
.cat-hero-stats {flex-direction:row;gap:20px;justify-content:flex-start}
.tech-specs-grid {grid-template-columns:1fr}
body {font-size:16px}
.section-desc, .hero-desc, .mkt-hero-desc, .pc-desc, .p-desc, .rec-desc, .uc-desc, .fb-desc, .fc-link {font-size:15px}
.pcard-pn, .pcard-name, .pcard-spec, .pcard-spec-v, .btn-ds, .btn-inq, .td-pn, .dtable td, .specs-table td, .specs-table td.val {font-size:14px}
.eyebrow, .sidebar-title, .fc-title, .rec-cat, .uc-chip, .pc-tag, .pcard-badge, .td-badge, .cat-hero-tag, .cert-pill {font-size:12px}
.pd-tab {font-size:14px;padding:12px 14px}
.btn-primary, .btn-secondary, .btn-q, .btn-quote-full, .btn-dl {font-size:15px}
.topbar {font-size:12px}
.tb-left {display:none}
.hero-specs {gap:12px}
.spec-b {font-size:13px}
.spec-b .v {font-size:14px}}
body.light {
  --void:#F4F7FF;--deep:#EBF0FA;--card:#FFFFFF;--card2:#F0F4FF;
  --glass:rgba(255,255,255,0.95);
  --cyan:#0062E6;--blue:#004BC4;--green:#00875A;
  --glow:rgba(0,98,230,0.12);--pulse:rgba(0,98,230,0.06);
  --t1:#0D1530;--t2:#4A5A7A;--t3:#8896B0;
  --br:rgba(0,0,0,0.08);--bra:rgba(0,98,230,0.25);
}
body.light ::-webkit-scrollbar-track {background:var(--deep)}
body.light ::-webkit-scrollbar-thumb {background:var(--blue)}
body.light .logo-m {background:linear-gradient(135deg,var(--cyan),var(--blue))}
body.light .acc {background:linear-gradient(90deg,var(--cyan),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
body.light .hero {background:var(--void)}
body.light .hero-overlay {background:radial-gradient(ellipse 70% 60% at 65% 50%,rgba(0,98,230,.06),transparent 70%),linear-gradient(180deg,transparent 60%,var(--void))}
body.light .stat-card::before {background:linear-gradient(90deg,var(--cyan),var(--blue))}
body.light .hero-tag {background:rgba(0,98,230,.07);border-color:var(--bra)}
body.light .btn-primary {background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff;box-shadow:0 6px 24px rgba(0,98,230,.25)}
body.light .btn-secondary {border-color:var(--bra);color:var(--t1)}
body.light .btn-secondary:hover {background:rgba(0,98,230,.06)}
body.light .site-header {background:rgba(255,255,255,.95);border-bottom-color:var(--br);box-shadow:0 2px 20px rgba(0,0,0,.08)}
body.light .btn-q {background:linear-gradient(135deg,var(--blue),#003A9E);box-shadow:0 4px 16px rgba(0,75,196,.3)}
body.light .topbar {background:#E8EDF6;border-bottom-color:var(--br)}
body.light .breadcrumb {background:var(--deep);border-bottom-color:var(--br)}
body.light .nav-a {color:var(--t2)}
body.light .nav-a:hover {color:var(--t1);background:rgba(0,0,0,.04)}
body.light .cert-pill {border-color:var(--bra);color:var(--blue)}
body.light .spec-b .v {color:var(--cyan)}
body.light .prod-card, .body.light .pillar, .body.light .mkt-card {background:var(--card)}
body.light .prod-card {border-right-color:var(--br)}
body.light .prod-grid {border-color:var(--br)}
body.light .pc-tag {background:rgba(0,98,230,.07);border-color:rgba(0,98,230,.18);color:var(--blue)}
body.light .pc-link {color:var(--blue)}
body.light .mkt-card {border-color:var(--br)}
body.light .mkt-card:hover {border-color:var(--bra);background:var(--card2)}
body.light .mkt-icon {background:rgba(0,98,230,.07)}
body.light .mkt-icon svg {color:var(--blue)}
body.light .mkt-arr svg {color:var(--t3)}
body.light .mkt-card:hover .mkt-arr svg {color:var(--blue)}
body.light .pillars-grid {background:var(--br)}
body.light .pillar {background:var(--void)}
body.light .pillar:hover {background:var(--card)}
body.light .p-ico svg {color:var(--blue)}
body.light .p-num {color:var(--t3)}
body.light .cta-banner {background:linear-gradient(135deg,var(--deep),rgba(0,98,230,.06));border-color:var(--bra)}
body.light .site-footer {background:var(--deep);border-top-color:var(--br)}
body.light .footer-bot {border-top-color:var(--br)}
body.light .fc-title, .body.light .eyebrow, .body.light .section-eyebrow {color:var(--blue)}
body.light .fc-badge {border-color:var(--bra);color:var(--blue)}
body.light .cat-hero {background:var(--deep);border-bottom-color:var(--br)}
body.light .cat-sidebar {background:var(--deep);border-right-color:var(--br)}
body.light .sidebar-item.active {background:rgba(0,98,230,.08);color:var(--blue)}
body.light .filter-btn.active {background:var(--blue);border-color:var(--blue);color:#fff}
body.light .view-btn.active {background:var(--blue)}
body.light .pcard {background:var(--card);border-color:var(--br)}
body.light .pcard:hover {border-color:var(--bra)}
body.light .pcard-img {background:linear-gradient(135deg,var(--deep),rgba(0,98,230,.03))}
body.light .pcard-badge {background:rgba(0,98,230,.1);border-color:rgba(0,98,230,.2);color:var(--blue)}
body.light .pcard-spec-v {color:var(--blue)}
body.light .btn-inq {background:rgba(0,75,196,.1);border-color:rgba(0,75,196,.25);color:var(--blue)}
body.light .data-table, .dtable {background:var(--card)}
body.light .dtable th {background:rgba(0,98,230,.04);color:var(--blue);border-bottom-color:var(--bra)}
body.light .td-freq {color:var(--blue)}
body.light .td-badge {background:rgba(0,98,230,.07);border-color:rgba(0,98,230,.18);color:var(--blue)}
body.light .pd-main-img {background:#F4F7FF;border:none}
body.light .pd-img-vignette {background:radial-gradient(ellipse 78% 72% at 50% 50%,transparent 62%,rgba(244,247,255,0.55) 80%,#F4F7FF 92%)!important}
body.light .pd-tab.active {color:var(--blue);border-bottom-color:var(--blue)}
body.light .pd-pn {background:rgba(0,98,230,.04);border-color:var(--bra)}
body.light .pd-pn-val {color:var(--blue)}
body.light .pd-avail {color:#00875A}
body.light .specs-table th {background:rgba(0,98,230,.04);color:var(--blue);border-bottom-color:var(--bra)}
body.light .specs-table td.val {color:var(--t1)}
body.light .btn-quote-full {background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff}
body.light .btn-dl {border-color:var(--bra);color:var(--t1)}
body.light .mkt-hero {background:var(--deep)}
body.light .kpi-card {background:rgba(0,0,0,.03);border-color:var(--br)}
body.light .kpi-n span {color:var(--blue)}
body.light .ts-cell {background:var(--deep)}
body.light .ts-val span {color:var(--blue)}
body.light .uc-card {background:var(--card);border-color:var(--br)}
body.light .rec-card {background:var(--void);border-color:var(--br)}
body.light .rec-strip {background:var(--card)}
body.light .rec-spec span {color:var(--blue)}
body.light .rec-link {color:var(--blue)}
body.light .quote-cart-btn, .body.light .tb-icon-btn {border-color:var(--br);color:var(--t2)}
body.light .tb-icon-btn:hover {color:var(--blue);border-color:var(--bra)}
body.light .cart-dropdown {background:var(--card);border-color:var(--br);box-shadow:0 20px 60px rgba(0,0,0,.15)}
body.light .cart-badge {background:var(--blue);color:#fff}
body.light .ci-icon {background:rgba(0,98,230,.08)}
body.light .cart-submit-btn {background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff}
.theme-toggle {
  display:flex;align-items:center;gap:6px;
  padding:3px 8px;border:1px solid var(--br);border-radius:20px;
  cursor:pointer;background:transparent;font-family:var(--fm);font-size:10px;
  color:var(--t2);transition:all .2s;
}
.theme-toggle:hover {border-color:var(--bra);color:var(--cyan)}
.toggle-track {
  width:28px;height:14px;border-radius:7px;
  background:var(--t3);position:relative;transition:background .2s;flex-shrink:0;
}
.toggle-thumb {
  width:10px;height:10px;border-radius:50%;
  background:#fff;position:absolute;top:2px;left:2px;
  transition:transform .2s;
}
body.light .toggle-track {background:var(--blue)}
body.light .toggle-thumb {transform:translateX(14px)}
body.light .theme-toggle {color:var(--t2)}
.qty-row {display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.qty-label {font-family:var(--fm);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--t3)}
.qty-selector {display:flex;align-items:center;border:1px solid var(--br);border-radius:var(--r);overflow:hidden}
.qty-btn {
  width:32px;height:36px;display:flex;align-items:center;justify-content:center;
  background:var(--deep);color:var(--t2);font-size:18px;font-weight:300;
  transition:all .2s;border:none;cursor:pointer;
}
.qty-btn:hover {background:var(--bra);color:var(--t1)}
.qty-input {
  width:52px;height:36px;text-align:center;
  background:transparent;border:none;border-left:1px solid var(--br);border-right:1px solid var(--br);
  color:var(--t1);font-family:var(--fm);font-size:13px;font-weight:700;
}
.qty-input::-webkit-inner-spin-button, .qty-input::-webkit-outer-spin-button {-webkit-appearance:none}
.btn-add-quote {
  flex:1;padding:10px 20px;border-radius:var(--r);
  background:linear-gradient(135deg,var(--cyan),var(--blue));
  color:#000;font-weight:700;font-size:12px;
  letter-spacing:.07em;text-transform:uppercase;
  transition:all .2s;box-shadow:0 4px 20px rgba(0,207,255,.2);
}
.btn-add-quote:hover {transform:translateY(-1px);box-shadow:0 8px 28px rgba(0,207,255,.3)}
.add-confirmation {
  display:none;align-items:center;gap:8px;padding:10px 14px;
  background:rgba(0,229,160,.08);border:1px solid rgba(0,229,160,.25);
  border-radius:var(--r);font-size:12px;color:var(--green);margin-top:8px;
}
.add-confirmation.show {display:flex}
.quote-btn-wrap {position:relative}
.quote-hover-panel {
  position:absolute;top:calc(100% + 10px);right:0;
  width:300px;background:var(--card);border:1px solid var(--br);
  border-radius:var(--rl);box-shadow:0 20px 60px rgba(0,0,0,.6);
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:all .25s;z-index:400;overflow:hidden;pointer-events:none;
}
.quote-btn-wrap:hover .quote-hover-panel {opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.qhp-header {
  padding:12px 16px;border-bottom:1px solid var(--br);
  font-family:var(--fm);font-size:10px;text-transform:uppercase;
  letter-spacing:.1em;color:var(--cyan);
  display:flex;align-items:center;justify-content:space-between;
}
.qhp-badge {
  background:var(--cyan);color:#000;border-radius:10px;
  padding:1px 7px;font-size:9px;font-weight:700;
}
.qhp-items {max-height:220px;overflow-y:auto;padding:6px 0}
.qhp-item {
  display:flex;align-items:center;gap:10px;
  padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.03);
}
.qhp-item:last-child {border-bottom:none}
.qhp-pn {font-family:var(--fm);font-size:11px;color:var(--t1);font-weight:700}
.qhp-name {font-size:11px;color:var(--t2)}
.qhp-qty {font-family:var(--fm);font-size:11px;color:var(--cyan);margin-left:auto;flex-shrink:0}
.qhp-empty {padding:20px;text-align:center;font-size:12px;color:var(--t3)}
.qhp-footer {padding:10px 14px;border-top:1px solid var(--br)}
.qhp-submit {
  display:block;width:100%;padding:9px;text-align:center;
  background:linear-gradient(135deg,var(--cyan),var(--blue));
  color:#000;font-weight:700;font-size:11px;letter-spacing:.07em;text-transform:uppercase;
  border-radius:var(--r);transition:all .2s;cursor:pointer;
}
.qhp-submit:hover {opacity:.9}
.contact-page-layout {
  max-width:1200px;margin:0 auto;padding:60px 24px;
  display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start;
}
.contact-info-block {padding-top:8px}
.contact-detail-row {
  display:flex;align-items:flex-start;gap:14px;padding:16px;
  border:1px solid var(--br);border-radius:var(--r);margin-bottom:12px;
  transition:border-color .2s;
}
.contact-detail-row:hover {border-color:var(--bra)}
.cd-icon {
  width:36px;height:36px;flex-shrink:0;border-radius:var(--r);
  background:rgba(0,207,255,.07);display:flex;align-items:center;justify-content:center;
}
.cd-icon svg {width:18px;height:18px;color:var(--cyan)}
.cd-label {font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;font-family:var(--fm);margin-bottom:3px}
.cd-val {font-size:13px;color:var(--t1);font-weight:500}
.about-hero {
  padding:80px 24px 60px;
  background:linear-gradient(180deg,var(--deep) 0%,var(--void) 100%);
  position:relative;overflow:hidden;
}
.about-hero::before {
  content:'';position:absolute;top:-100px;right:-100px;
  width:500px;height:500px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,207,255,.05),transparent 60%);
  pointer-events:none;
}
.about-hero-inner {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-stat-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px}
.about-stat-card {background:var(--card);border:1px solid var(--br);border-radius:var(--rl);padding:24px;text-align:center;transition:all .2s}
.about-stat-card:hover {border-color:var(--bra);transform:translateY(-2px)}
.about-stat-n {font-family:var(--fh);font-size:44px;font-weight:900;color:var(--t1);line-height:1}
.about-stat-n span {color:var(--cyan)}
.about-stat-l {font-size:12px;color:var(--t2);margin-top:6px}
.timeline {max-width:800px;margin:0 auto;position:relative;padding-left:40px}
.timeline::before {content:'';position:absolute;left:12px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--cyan),var(--blue),transparent)}
.tl-item {position:relative;margin-bottom:40px}
.tl-dot {
  position:absolute;left:-35px;top:4px;
  width:14px;height:14px;border-radius:50%;
  background:var(--cyan);border:3px solid var(--void);
  box-shadow:0 0 0 2px var(--cyan);
}
.tl-year {font-family:var(--fm);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);margin-bottom:6px}
.tl-title {font-family:var(--fh);font-size:18px;font-weight:700;text-transform:uppercase;color:var(--t1);margin-bottom:6px}
.tl-desc {font-size:13px;color:var(--t2);line-height:1.65}
.about-values-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.av-card {background:var(--card);border:1px solid var(--br);border-radius:var(--rl);padding:28px 24px;text-align:center;transition:all .2s}
.av-card:hover {border-color:var(--bra);transform:translateY(-3px)}
.av-icon {width:52px;height:52px;border-radius:var(--rl);background:rgba(0,207,255,.08);border:1px solid var(--bra);margin:0 auto 16px;display:flex;align-items:center;justify-content:center}
.av-icon svg {width:24px;height:24px;color:var(--cyan)}
.av-title {font-family:var(--fh);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--t1);margin-bottom:8px}
.av-desc {font-size:12px;color:var(--t2);line-height:1.65}
.quote-page-inner {max-width:1100px;margin:0 auto;padding:60px 24px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}
.quote-list-card {background:var(--card);border:1px solid var(--br);border-radius:var(--rl);overflow:hidden}
.qlc-header {padding:16px 20px;border-bottom:1px solid var(--br);display:flex;align-items:center;justify-content:space-between}
.qlc-title {font-family:var(--fh);font-size:18px;font-weight:700;text-transform:uppercase;color:var(--t1)}
.qlc-count {font-family:var(--fm);font-size:11px;color:var(--t3)}
.ql-table {width:100%;border-collapse:separate;border-spacing:0}
.ql-table th {padding:10px 16px;text-align:left;font-family:var(--fm);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);background:rgba(0,207,255,.04);border-bottom:1px solid var(--bra)}
.ql-table td {padding:12px 16px;border-bottom:1px solid var(--br);vertical-align:middle;color:var(--t2);font-size:13px}
.ql-table tbody tr:last-child td {border-bottom:none}
.ql-table tbody tr:hover td {background:rgba(255,255,255,.02)}
.ql-pn {font-family:var(--fm);font-size:11px;color:var(--t1);font-weight:700}
.ql-qty-input {
  width:60px;height:30px;text-align:center;
  background:var(--deep);border:1px solid var(--br);border-radius:var(--r);
  color:var(--t1);font-family:var(--fm);font-size:12px;
}
.ql-remove {width:28px;height:28px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;color:var(--t3);transition:all .2s;cursor:pointer}
.ql-remove:hover {background:rgba(255,68,68,.1);color:#ff4444}
.ql-remove svg {width:14px;height:14px}
.ql-empty {padding:40px 20px;text-align:center;color:var(--t3);font-size:13px}
.ql-empty svg {width:40px;height:40px;margin:0 auto 12px;opacity:.25}
.ql-footer {padding:14px 20px;border-top:1px solid var(--br);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ql-clear {font-size:11px;color:var(--t3);font-family:var(--fm);cursor:pointer;transition:color .2s;text-transform:uppercase;letter-spacing:.06em}
.ql-clear:hover {color:#ff4444}
.quote-form-card {background:var(--card);border:1px solid var(--br);border-radius:var(--rl);padding:28px;position:sticky;top:calc(var(--top)+var(--nav)+20px)}
.qf-title {font-family:var(--fh);font-size:20px;font-weight:700;text-transform:uppercase;color:var(--t1);margin-bottom:20px}
.form-group {display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.form-label {font-family:var(--fm);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--t3)}
.form-input, .form-select, .form-textarea {
  background:rgba(255,255,255,.03);border:1px solid var(--br);border-radius:var(--r);
  padding:9px 12px;font-size:12px;color:var(--t1);transition:border-color .2s;width:100%;font-family:var(--fb);
}
.form-input:focus, .form-select:focus, .form-textarea:focus {border-color:var(--cyan);background:rgba(0,207,255,.03);outline:none}
.form-textarea {resize:vertical;min-height:80px;line-height:1.6}
.form-select {appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237A8BAD'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}
.form-select option {background:var(--card)}
.btn-submit-full {
  width:100%;padding:13px;border-radius:var(--r);
  background:linear-gradient(135deg,var(--cyan),var(--blue));
  color:#000;font-weight:700;font-size:12px;letter-spacing:.07em;text-transform:uppercase;
  transition:all .2s;box-shadow:0 6px 20px rgba(0,207,255,.2);cursor:pointer;border:none;font-family:var(--fb);
}
.btn-submit-full:hover {transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,207,255,.3)}
body.light .form-input, body.light .form-select, body.light .form-textarea {background:rgba(0,0,0,.03);border-color:var(--br);color:var(--t1)}
body.light .form-input::placeholder, body.light .form-textarea::placeholder {color:var(--t3)}
@media(max-width:900px) {.about-hero-inner {grid-template-columns:1fr}
.about-values-grid {grid-template-columns:1fr 1fr}
.contact-page-layout {grid-template-columns:1fr}
.quote-page-inner {grid-template-columns:1fr}
.quote-form-card {position:static}}
@media(max-width:600px) {.about-values-grid {grid-template-columns:1fr}}
:root {
  
  --bg-void:var(--void);   --bg-deep:var(--deep);
  --bg-card:var(--card);   --bg-card-hover:var(--card2);
  --bg-glass:var(--glass);
  --accent-cyan:var(--cyan);  --accent-blue:var(--blue);
  --accent-glow:var(--glow);  --accent-pulse:var(--pulse);
  --text-primary:var(--t1);   --text-secondary:var(--t2);  --text-muted:var(--t3);
  --border:var(--br);         --border-accent:var(--bra);
  --font-head:var(--fh);  --font-body:var(--fb);  --font-mono:var(--fm);
  --radius:var(--r);  --radius-lg:var(--rl);
  --nav-h:var(--nav); --topbar-h:var(--top);
  --transition:0.25s cubic-bezier(0.4,0,0.2,1);
  --shadow-glow:0 0 60px rgba(0,207,255,0.12);
}
.markets-section {
  padding:100px 24px;
  background:linear-gradient(180deg,var(--bg-void) 0%,var(--bg-deep) 100%);
}
.markets-inner {max-width:1400px;margin:0 auto}
.markets-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.market-card {
  position:relative;border-radius:var(--radius-lg);overflow:hidden;
  border:1px solid var(--border);background:var(--bg-card);
  padding:28px 24px;transition:all var(--transition);cursor:pointer;
  display:flex;flex-direction:column;justify-content:space-between;min-height:200px;
}
.market-card::before {
  content:'';position:absolute;top:0;left:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--accent-cyan),var(--accent-blue));
  transform:scaleY(0);transform-origin:top;transition:transform var(--transition);
}
.market-card:hover {border-color:var(--border-accent);background:var(--bg-card-hover)}
.market-card:hover::before {transform:scaleY(1)}
.market-card:hover .market-arrow {transform:translate(4px,-4px)}
.market-icon {
  width:44px;height:44px;border-radius:8px;
  background:rgba(0,207,255,0.07);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;
}
.market-icon svg {width:22px;height:22px;color:var(--accent-cyan)}
.market-name {
  font-family:var(--font-head);font-size:16px;font-weight:700;
  text-transform:uppercase;letter-spacing:0.05em;
  color:var(--text-primary);margin-bottom:8px;
}
.market-desc {font-size:12px;color:var(--text-secondary);line-height:1.6}
.market-arrow {
  color:var(--text-muted);margin-top:16px;
  transition:transform var(--transition);display:flex;align-self:flex-end;
}
.market-arrow svg {width:18px;height:18px}
.about-section {padding:100px 24px;background:var(--bg-deep)}
.about-inner {
  max-width:1400px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;
}
.about-visual {
  position:relative;border-radius:var(--radius-lg);overflow:hidden;
  border:1px solid var(--border);background:var(--bg-card);
  padding:48px;aspect-ratio:4/3;
  display:flex;align-items:center;justify-content:center;
}
.about-visual-bg {
  position:absolute;inset:0;
  background:radial-gradient(ellipse at 40% 40%,rgba(0,98,230,0.12) 0%,transparent 70%);
}
.factory-stats {
  display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;
  position:relative;z-index:1;
}
.factory-stat {
  background:rgba(255,255,255,0.03);border:1px solid var(--border);
  border-radius:var(--radius);padding:20px;text-align:center;
}
.factory-stat-num {
  font-family:var(--font-head);font-size:40px;font-weight:900;
  color:var(--text-primary);line-height:1;
}
.factory-stat-num .counter {color:var(--accent-cyan)}
.factory-stat-label {font-size:12px;color:var(--text-secondary);margin-top:6px}
.about-text .section-desc {max-width:100%;margin-bottom:32px}
.about-features {display:flex;flex-direction:column;gap:16px;margin-bottom:32px}
.about-feature {
  display:flex;align-items:flex-start;gap:14px;padding:16px;
  border:1px solid var(--border);border-radius:var(--radius);
  transition:border-color var(--transition);
}
.about-feature:hover {border-color:var(--border-accent)}
.about-feature-icon {
  width:32px;height:32px;flex-shrink:0;border-radius:6px;
  background:rgba(0,207,255,0.08);display:flex;align-items:center;justify-content:center;
}
.about-feature-icon svg {width:16px;height:16px;color:var(--accent-cyan)}
.about-feature-title {font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:3px}
.about-feature-desc {font-size:12px;color:var(--text-secondary)}
.resources-section {padding:100px 24px;border-top:1px solid var(--border)}
.resources-inner {max-width:1400px;margin:0 auto}
.resources-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.resource-card {
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:28px;
  transition:all var(--transition);
}
.resource-card:hover {border-color:var(--border-accent);transform:translateY(-2px)}
.resource-type {
  font-family:var(--font-mono);font-size:10px;text-transform:uppercase;
  letter-spacing:0.1em;color:var(--accent-cyan);margin-bottom:12px;
}
.resource-title {
  font-family:var(--font-head);font-size:17px;font-weight:700;
  text-transform:uppercase;color:var(--text-primary);
  margin-bottom:10px;letter-spacing:0.03em;
}
.resource-desc {font-size:13px;color:var(--text-secondary);line-height:1.65;margin-bottom:20px}
.resource-link {
  display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:600;text-transform:uppercase;
  letter-spacing:0.08em;color:var(--accent-cyan);
  transition:gap var(--transition);
}
.resource-link:hover {gap:10px}
.resource-link svg {width:14px;height:14px}
.contact-section {
  padding:100px 24px;
  background:linear-gradient(180deg,var(--bg-void) 0%,var(--bg-deep) 100%);
}
.contact-inner {
  max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start;
}
.contact-info {padding-top:8px}
.contact-info .section-desc {max-width:100%;margin-bottom:36px}
.contact-details {display:flex;flex-direction:column;gap:16px;margin-bottom:36px}
.contact-detail {
  display:flex;align-items:flex-start;gap:14px;padding:16px;
  border:1px solid var(--border);border-radius:var(--radius);
}
.contact-detail-icon {
  width:36px;height:36px;flex-shrink:0;
  border-radius:var(--radius);background:rgba(0,207,255,0.07);
  display:flex;align-items:center;justify-content:center;
}
.contact-detail-icon svg {width:18px;height:18px;color:var(--accent-cyan)}
.contact-detail-label {font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:3px;font-family:var(--font-mono)}
.contact-detail-val {font-size:13px;color:var(--text-primary);font-weight:500}
.contact-form-wrap {
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:36px;
}
.form-title {
  font-family:var(--font-head);font-size:22px;font-weight:700;
  text-transform:uppercase;letter-spacing:0.05em;
  color:var(--text-primary);margin-bottom:24px;
}
.form-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group {display:flex;flex-direction:column;gap:6px}
.form-group.full {grid-column:1/-1}
.form-label {
  font-size:11px;font-family:var(--font-mono);text-transform:uppercase;
  letter-spacing:0.08em;color:var(--text-muted);
}
.form-input, .form-select, .form-textarea {
  background:rgba(255,255,255,0.03);
  border:1px solid var(--border);border-radius:var(--radius);
  padding:11px 14px;font-size:13px;color:var(--text-primary);
  transition:border-color var(--transition);width:100%;
}
.form-input:focus, .form-select:focus, .form-textarea:focus {
  border-color:var(--accent-cyan);background:rgba(0,207,255,0.03);
}
.form-input::placeholder, .form-textarea::placeholder {color:var(--text-muted)}
.form-select {color:var(--text-secondary);cursor:pointer;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237A8BAD'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:16px;
}
.form-select option {background:var(--bg-card)}
.form-textarea {resize:vertical;min-height:100px;line-height:1.6}
.btn-submit {
  width:100%;padding:14px;border-radius:var(--radius);
  background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-blue) 100%);
  color:#000;font-weight:700;font-size:13px;
  letter-spacing:0.08em;text-transform:uppercase;
  transition:all var(--transition);
  box-shadow:0 8px 24px rgba(0,207,255,0.25);
}
.btn-submit:hover {transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,207,255,0.35)}
.form-note {
  text-align:center;font-size:11px;color:var(--text-muted);
  margin-top:12px;font-family:var(--font-mono);
}
.file-dropzone {
  border:2px dashed var(--border);border-radius:var(--radius-lg);
  padding:28px 20px;text-align:center;cursor:pointer;
  transition:all var(--transition);background:rgba(255,255,255,0.02);
  position:relative;
}
.file-dropzone:hover, .file-dropzone.drag-over {
  border-color:var(--accent-cyan);background:var(--accent-pulse);
}
.file-dropzone.drag-over {border-style:solid}
.dropzone-icon {margin-bottom:12px;color:var(--text-muted)}
.dropzone-label {font-size:13px;color:var(--text-secondary);margin-bottom:6px}
.dropzone-label strong {color:var(--text-primary)}
.dropzone-browse {
  background:none;border:none;color:var(--accent-cyan);cursor:pointer;
  font-size:13px;font-family:var(--font-body);font-weight:600;
  text-decoration:underline;text-decoration-color:rgba(0,207,255,0.4);
  padding:0;transition:color var(--transition);
}
.dropzone-browse:hover {color:#fff}
.dropzone-hint {font-size:11px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:0.04em}
.dropzone-file-list {text-align:left;padding:4px 0}
.dropzone-file-item {
  display:flex;align-items:center;gap:10px;
  padding:9px 12px;border-radius:var(--radius);
  background:rgba(0,207,255,0.06);border:1px solid var(--border-accent);
  margin-bottom:7px;transition:background var(--transition);
}
.dropzone-file-item:last-child {margin-bottom:0}
.dfi-icon {width:28px;height:28px;border-radius:4px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;}
.dfi-icon.pdf {background:rgba(255,80,80,0.15)}
.dfi-icon.img {background:rgba(0,207,255,0.12)}
.dfi-icon svg {width:14px;height:14px}
.dfi-info {flex:1;min-width:0}
.dfi-name {font-size:12px;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dfi-size {font-size:10px;color:var(--text-muted);font-family:var(--font-mono);margin-top:2px}
.dfi-remove {
  width:22px;height:22px;border-radius:4px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:none;border:none;color:var(--text-muted);cursor:pointer;
  transition:all var(--transition);
}
.dfi-remove:hover {color:#ff4444;background:rgba(255,68,68,0.1)}
.dfi-remove svg {width:13px;height:13px}
.dropzone-add-more {
  display:flex;align-items:center;justify-content:center;gap:6px;
  margin-top:10px;padding:8px;border-radius:var(--radius);
  border:1px dashed var(--border);cursor:pointer;
  font-size:11px;color:var(--text-muted);transition:all var(--transition);
  background:none;width:100%;font-family:var(--font-body);
}
.dropzone-add-more:hover {border-color:var(--border-accent);color:var(--accent-cyan)}
.dropzone-formats {display:flex;justify-content:center;gap:8px;margin:10px 0 6px}
.fmt-pill {
  padding:3px 10px;border-radius:4px;
  font-family:var(--font-mono);font-size:10px;font-weight:700;
  letter-spacing:0.06em;text-transform:uppercase;
}
.fmt-pdf {background:rgba(255,80,80,0.15);color:#FF6B6B;border:1px solid rgba(255,80,80,0.3)}
.fmt-img {background:rgba(0,207,255,0.1);color:var(--accent-cyan);border:1px solid var(--border-accent)}
.site-footer {
  background:var(--bg-deep);border-top:1px solid var(--border);
  padding:64px 24px 32px;
}
.footer-inner {max-width:1400px;margin:0 auto}
.footer-grid {
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;
}
.footer-brand .brand-name {
  font-family:var(--font-head);font-size:24px;font-weight:800;
  letter-spacing:0.08em;text-transform:uppercase;color:var(--text-primary);
  margin-bottom:12px;
}
.footer-brand .brand-name span {color:var(--accent-cyan)}
.footer-brand p {font-size:13px;color:var(--text-secondary);line-height:1.7;max-width:280px;margin-bottom:20px}
.footer-certs {display:flex;gap:8px;flex-wrap:wrap}
.cert-badge {
  padding:4px 10px;border:1px solid var(--border-accent);
  border-radius:4px;font-family:var(--font-mono);font-size:10px;
  color:var(--accent-cyan);background:rgba(0,207,255,0.04);
}
.footer-col-title {
  font-family:var(--font-mono);font-size:10px;text-transform:uppercase;
  letter-spacing:0.1em;color:var(--accent-cyan);margin-bottom:16px;
  padding-bottom:8px;border-bottom:1px solid var(--border);
}
.footer-links {display:flex;flex-direction:column;gap:8px}
.footer-link {
  font-size:13px;color:var(--text-secondary);transition:color var(--transition);
  padding:3px 0;
}
.footer-link:hover {color:var(--text-primary)}
.footer-bottom {
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding-top:28px;border-top:1px solid var(--border);flex-wrap:wrap;
}
.footer-copy {font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}
.footer-bottom-links {display:flex;gap:20px}
.footer-bottom-link {font-size:12px;color:var(--text-muted);transition:color var(--transition)}
.footer-bottom-link:hover {color:var(--text-secondary)}
.pillars-section {padding:100px 24px;border-top:1px solid var(--border)}
.pillars-inner {max-width:1400px;margin:0 auto}
.pillars-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pillar {
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:44px 36px;
  position:relative;overflow:hidden;
  transition:all var(--transition);
}
.pillar::before {
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));
  transform:scaleX(0);transform-origin:left;
  transition:transform var(--transition);
}
.pillar:hover {background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,207,255,0.1)}
.pillar:hover::before {transform:scaleX(1)}
.pillar-number {
  font-family:var(--font-mono);font-size:11px;color:var(--text-muted);
  letter-spacing:0.08em;margin-bottom:20px;
}
.pillar-icon {
  width:56px;height:56px;margin-bottom:20px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,207,255,0.08);border:1px solid rgba(0,207,255,0.2);
  border-radius:var(--radius);
}
.pillar-icon svg {width:28px;height:28px;color:var(--accent-cyan)}
.pillar-title {
  font-family:var(--font-head);font-size:22px;font-weight:800;
  text-transform:uppercase;letter-spacing:0.05em;
  color:var(--text-primary);margin-bottom:14px;line-height:1.1;
}
.pillar-desc {font-size:14px;color:var(--text-secondary);line-height:1.75}
.about-section {padding:100px 24px;background:var(--bg-deep)}
.about-inner {
  max-width:1400px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;
}
.about-visual {
  position:relative;border-radius:var(--radius-lg);overflow:hidden;
  border:1px solid var(--border);background:var(--bg-card);
  padding:48px;aspect-ratio:4/3;
  display:flex;align-items:center;justify-content:center;
}
.about-visual-bg {
  position:absolute;inset:0;
  background:radial-gradient(ellipse at 40% 40%,rgba(0,98,230,0.12) 0%,transparent 70%);
}
.factory-stats {
  display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;
  position:relative;z-index:1;
}
.factory-stat {
  background:rgba(255,255,255,0.03);border:1px solid var(--border);
  border-radius:var(--radius);padding:20px;text-align:center;
}
.factory-stat-num {
  font-family:var(--font-head);font-size:40px;font-weight:900;
  color:var(--text-primary);line-height:1;
}
.factory-stat-num .counter {color:var(--accent-cyan)}
.factory-stat-label {font-size:12px;color:var(--text-secondary);margin-top:6px}
.about-text .section-desc {max-width:100%;margin-bottom:32px}
.about-features {display:flex;flex-direction:column;gap:16px;margin-bottom:32px}
.about-feature {
  display:flex;align-items:flex-start;gap:14px;padding:16px;
  border:1px solid var(--border);border-radius:var(--radius);
  transition:border-color var(--transition);
}
.about-feature:hover {border-color:var(--border-accent)}
.about-feature-icon {
  width:32px;height:32px;flex-shrink:0;border-radius:6px;
  background:rgba(0,207,255,0.08);display:flex;align-items:center;justify-content:center;
}
.about-feature-icon svg {width:16px;height:16px;color:var(--accent-cyan)}
.about-feature-title {font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:3px}
.about-feature-desc {font-size:12px;color:var(--text-secondary)}
.resources-section {padding:100px 24px;border-top:1px solid var(--border)}
.resources-inner {max-width:1400px;margin:0 auto}
.resources-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.resource-card {
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:28px;
  transition:all var(--transition);
}
.resource-card:hover {border-color:var(--border-accent);transform:translateY(-2px)}
.resource-type {
  font-family:var(--font-mono);font-size:10px;text-transform:uppercase;
  letter-spacing:0.1em;color:var(--accent-cyan);margin-bottom:12px;
}
.resource-title {
  font-family:var(--font-head);font-size:17px;font-weight:700;
  text-transform:uppercase;color:var(--text-primary);
  margin-bottom:10px;letter-spacing:0.03em;
}
.resource-desc {font-size:13px;color:var(--text-secondary);line-height:1.65;margin-bottom:20px}
.resource-link {
  display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:600;text-transform:uppercase;
  letter-spacing:0.08em;color:var(--accent-cyan);
  transition:gap var(--transition);
}
.resource-link:hover {gap:10px}
.resource-link svg {width:14px;height:14px}
.contact-section {
  padding:100px 24px;
  background:linear-gradient(180deg,var(--bg-void) 0%,var(--bg-deep) 100%);
}
.contact-inner {
  max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start;
}
.contact-info {padding-top:8px}
.contact-info .section-desc {max-width:100%;margin-bottom:36px}
.contact-details {display:flex;flex-direction:column;gap:16px;margin-bottom:36px}
.contact-detail {
  display:flex;align-items:flex-start;gap:14px;padding:16px;
  border:1px solid var(--border);border-radius:var(--radius);
}
.contact-detail-icon {
  width:36px;height:36px;flex-shrink:0;
  border-radius:var(--radius);background:rgba(0,207,255,0.07);
  display:flex;align-items:center;justify-content:center;
}
.contact-detail-icon svg {width:18px;height:18px;color:var(--accent-cyan)}
.contact-detail-label {font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:3px;font-family:var(--font-mono)}
.contact-detail-val {font-size:13px;color:var(--text-primary);font-weight:500}
.contact-form-wrap {
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:36px;
}
.form-title {
  font-family:var(--font-head);font-size:22px;font-weight:700;
  text-transform:uppercase;letter-spacing:0.05em;
  color:var(--text-primary);margin-bottom:24px;
}
.form-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group {display:flex;flex-direction:column;gap:6px}
.form-group.full {grid-column:1/-1}
.form-label {
  font-size:11px;font-family:var(--font-mono);text-transform:uppercase;
  letter-spacing:0.08em;color:var(--text-muted);
}
.form-input, .form-select, .form-textarea {
  background:rgba(255,255,255,0.03);
  border:1px solid var(--border);border-radius:var(--radius);
  padding:11px 14px;font-size:13px;color:var(--text-primary);
  transition:border-color var(--transition);width:100%;
}
.form-input:focus, .form-select:focus, .form-textarea:focus {
  border-color:var(--accent-cyan);background:rgba(0,207,255,0.03);
}
.form-input::placeholder, .form-textarea::placeholder {color:var(--text-muted)}
.form-select {color:var(--text-secondary);cursor:pointer;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237A8BAD'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:16px;
}
.form-select option {background:var(--bg-card)}
.form-textarea {resize:vertical;min-height:100px;line-height:1.6}
.btn-submit {
  width:100%;padding:14px;border-radius:var(--radius);
  background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-blue) 100%);
  color:#000;font-weight:700;font-size:13px;
  letter-spacing:0.08em;text-transform:uppercase;
  transition:all var(--transition);
  box-shadow:0 8px 24px rgba(0,207,255,0.25);
}
.btn-submit:hover {transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,207,255,0.35)}
.form-note {
  text-align:center;font-size:11px;color:var(--text-muted);
  margin-top:12px;font-family:var(--font-mono);
}
.file-dropzone {
  border:2px dashed var(--border);border-radius:var(--radius-lg);
  padding:28px 20px;text-align:center;cursor:pointer;
  transition:all var(--transition);background:rgba(255,255,255,0.02);
  position:relative;
}
.file-dropzone:hover, .file-dropzone.drag-over {
  border-color:var(--accent-cyan);background:var(--accent-pulse);
}
.file-dropzone.drag-over {border-style:solid}
.dropzone-icon {margin-bottom:12px;color:var(--text-muted)}
.dropzone-label {font-size:13px;color:var(--text-secondary);margin-bottom:6px}
.dropzone-label strong {color:var(--text-primary)}
.dropzone-browse {
  background:none;border:none;color:var(--accent-cyan);cursor:pointer;
  font-size:13px;font-family:var(--font-body);font-weight:600;
  text-decoration:underline;text-decoration-color:rgba(0,207,255,0.4);
  padding:0;transition:color var(--transition);
}
.dropzone-browse:hover {color:#fff}
.dropzone-hint {font-size:11px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:0.04em}
.dropzone-file-list {text-align:left;padding:4px 0}
.dropzone-file-item {
  display:flex;align-items:center;gap:10px;
  padding:9px 12px;border-radius:var(--radius);
  background:rgba(0,207,255,0.06);border:1px solid var(--border-accent);
  margin-bottom:7px;transition:background var(--transition);
}
.dropzone-file-item:last-child {margin-bottom:0}
.dfi-icon {width:28px;height:28px;border-radius:4px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;}
.dfi-icon.pdf {background:rgba(255,80,80,0.15)}
.dfi-icon.img {background:rgba(0,207,255,0.12)}
.dfi-icon svg {width:14px;height:14px}
.dfi-info {flex:1;min-width:0}
.dfi-name {font-size:12px;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dfi-size {font-size:10px;color:var(--text-muted);font-family:var(--font-mono);margin-top:2px}
.dfi-remove {
  width:22px;height:22px;border-radius:4px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:none;border:none;color:var(--text-muted);cursor:pointer;
  transition:all var(--transition);
}
.dfi-remove:hover {color:#ff4444;background:rgba(255,68,68,0.1)}
.dfi-remove svg {width:13px;height:13px}
.dropzone-add-more {
  display:flex;align-items:center;justify-content:center;gap:6px;
  margin-top:10px;padding:8px;border-radius:var(--radius);
  border:1px dashed var(--border);cursor:pointer;
  font-size:11px;color:var(--text-muted);transition:all var(--transition);
  background:none;width:100%;font-family:var(--font-body);
}
.dropzone-add-more:hover {border-color:var(--border-accent);color:var(--accent-cyan)}
.dropzone-formats {display:flex;justify-content:center;gap:8px;margin:10px 0 6px}
.fmt-pill {
  padding:3px 10px;border-radius:4px;
  font-family:var(--font-mono);font-size:10px;font-weight:700;
  letter-spacing:0.06em;text-transform:uppercase;
}
.fmt-pdf {background:rgba(255,80,80,0.15);color:#FF6B6B;border:1px solid rgba(255,80,80,0.3)}
.fmt-img {background:rgba(0,207,255,0.1);color:var(--accent-cyan);border:1px solid var(--border-accent)}
.site-footer {
  background:var(--bg-deep);border-top:1px solid var(--border);
  padding:64px 24px 32px;
}
.footer-inner {max-width:1400px;margin:0 auto}
.footer-grid {
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;
}
.footer-brand .brand-name {
  font-family:var(--font-head);font-size:24px;font-weight:800;
  letter-spacing:0.08em;text-transform:uppercase;color:var(--text-primary);
  margin-bottom:12px;
}
.footer-brand .brand-name span {color:var(--accent-cyan)}
.footer-brand p {font-size:13px;color:var(--text-secondary);line-height:1.7;max-width:280px;margin-bottom:20px}
.footer-certs {display:flex;gap:8px;flex-wrap:wrap}
.cert-badge {
  padding:4px 10px;border:1px solid var(--border-accent);
  border-radius:4px;font-family:var(--font-mono);font-size:10px;
  color:var(--accent-cyan);background:rgba(0,207,255,0.04);
}
.footer-col-title {
  font-family:var(--font-mono);font-size:10px;text-transform:uppercase;
  letter-spacing:0.1em;color:var(--accent-cyan);margin-bottom:16px;
  padding-bottom:8px;border-bottom:1px solid var(--border);
}
.footer-links {display:flex;flex-direction:column;gap:8px}
.footer-link {
  font-size:13px;color:var(--text-secondary);transition:color var(--transition);
  padding:3px 0;
}
.footer-link:hover {color:var(--text-primary)}
.footer-bottom {
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding-top:28px;border-top:1px solid var(--border);flex-wrap:wrap;
}
.footer-copy {font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}
.footer-bottom-links {display:flex;gap:20px}
.footer-bottom-link {font-size:12px;color:var(--text-muted);transition:color var(--transition)}
.footer-bottom-link:hover {color:var(--text-secondary)}
body.light .hero { background: linear-gradient(160deg, #EBF0FA 0%, #F4F7FF 60%, #E8EDF8 100%); }
body.light .hero-overlay { background: radial-gradient(ellipse 70% 60% at 65% 50%, rgba(0,98,230,.07), transparent 70%), linear-gradient(180deg, transparent 60%, #F4F7FF); }
body.light .hero-title { color: #0D1530; }
body.light .hero-title .acc { background: linear-gradient(90deg, #0062E6, #004BC4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
body.light .hero-sub { color: #4A5A7A; }
body.light .hero-desc { color: #4A5A7A; }
body.light .hero-tag { background: rgba(0,98,230,.08); border-color: rgba(0,98,230,.25); color: #0062E6; }
body.light .stat-card { background: #fff; border-color: rgba(0,0,0,.1); }
body.light .stat-card::before { background: linear-gradient(90deg, #0062E6, #004BC4); }
body.light .stat-n { color: #0D1530; }
body.light .stat-l { color: #4A5A7A; }
body.light .stat-s { color: #0062E6; }
body.light .hero-spec { color: #0062E6; }
body.light .hero-spec span { color: #4A5A7A; }
body.light .spec-sep { background: rgba(0,0,0,.12); }
body.light canvas#sat-canvas { opacity: 0.25; }
body.light .site-header { background: rgba(255,255,255,.97); border-bottom: 1px solid rgba(0,0,0,.08); }
body.light .logo-mark { background: linear-gradient(135deg, #0062E6, #004BC4); }
body.light .logo-text { color: #0D1530; }
body.light .logo-text span { color: #0062E6; }
body.light .nav-link, body.light .nav-a { color: #4A5A7A; }
body.light .nav-link:hover, body.light .nav-a:hover { color: #0D1530; background: rgba(0,0,0,.04); }
body.light .btn-q { background: linear-gradient(135deg, #0062E6, #004BC4); color: #fff; }
body.light .topbar { background: #E4EAF5; border-bottom-color: rgba(0,0,0,.08); }
body.light .topbar-tagline { color: #7A8BAD; }
body.light .tb-icon-btn { border-color: rgba(0,0,0,.12); color: #4A5A7A; }
body.light .tb-icon-btn:hover { color: #0062E6; border-color: rgba(0,98,230,.3); }
body.light .lang-sel { background: transparent; border-color: rgba(0,0,0,.12); color: #4A5A7A; }
body.light .prod-card { background: #fff; border-color: rgba(0,0,0,.08); }
body.light .prod-card:hover { border-color: rgba(0,98,230,.3); box-shadow: 0 8px 32px rgba(0,98,230,.1); }
body.light .pc-icon { background: rgba(0,98,230,.08); }
body.light .pc-icon svg { color: #0062E6; }
body.light .pc-name { color: #0D1530; }
body.light .pc-desc { color: #4A5A7A; }
body.light .pc-link { color: #0062E6; }
body.light .pc-tag { background: rgba(0,98,230,.07); border-color: rgba(0,98,230,.18); color: #0062E6; }
body.light .pcard { background: #fff; border-color: rgba(0,0,0,.08); }
body.light .pcard:hover { border-color: rgba(0,98,230,.3); }
body.light .pcard-img { background: linear-gradient(135deg, #EBF0FA, #F4F7FF); }
body.light .pcard-pn { color: #0062E6; }
body.light .pcard-name { color: #0D1530; }
body.light .pcard-spec-k { color: #7A8BAD; }
body.light .pcard-spec-v { color: #0062E6; }
body.light .btn-inq { background: rgba(0,75,196,.1); border-color: rgba(0,75,196,.25); color: #004BC4; }
body.light .btn-ds { border-color: rgba(0,0,0,.12); color: #4A5A7A; }
body.light .site-footer { background: #EBF0FA; border-top-color: rgba(0,0,0,.08); }
body.light .footer-bot { border-top-color: rgba(0,0,0,.08); }
body.light .fb-name { color: #0D1530; }
body.light .fb-name span, body.light .fc-title { color: #0062E6; }
body.light .fc-link { color: #4A5A7A; }
body.light .fc-link:hover { color: #0D1530; }
body.light .fc-badge { border-color: rgba(0,98,230,.3); color: #0062E6; }
body.light .prod-cat-grid .pcard, body.light .cat-main .pcard, body.light article.pcard { background:#FFFFFF !important; border:1px solid rgba(0,0,0,.1) !important; }
body.light .pcard-body { background:#FFFFFF !important; }
body.light .pcard-img { background:linear-gradient(135deg,#EBF0FA,#F4F7FF) !important; border-bottom:1px solid rgba(0,0,0,.06) !important; }
body.light .pcard-pn { color:#0062E6 !important; }
body.light .pcard-name { color:#0D1530 !important; }
body.light .pcard-spec { border-top:1px solid rgba(0,0,0,.05) !important; }
body.light .pcard-spec-k { color:#7A8BAD !important; }
body.light .pcard-spec-v { color:#0D1530 !important; }
body.light .pcard-actions { background:#F7F9FD !important; border-top:1px solid rgba(0,0,0,.06) !important; }
body.light .pcard-badge { background:rgba(0,98,230,.1) !important; border-color:rgba(0,98,230,.25) !important; color:#0062E6 !important; }
body.light .cat-main { background:transparent !important; }
body.light .catalog-layout { background:transparent !important; }
body.light .cat-sidebar { background:#EBF0FA !important; border-right:1px solid rgba(0,0,0,.08) !important; }
body.light .sidebar-item { color:#4A5A7A !important; }
body.light .sidebar-item.active { background:rgba(0,98,230,.1) !important; color:#0062E6 !important; }
body.light .sidebar-title, body.light .filter-label { color:#0D1530 !important; }
body.light .filter-check { color:#4A5A7A !important; }
body.light .sidebar-count { color:#8896B0 !important; }
body.light .cat-count, body.light .cat-controls .cat-count { color:#4A5A7A !important; }
body.light .sort-sel { background:#fff !important; border:1px solid rgba(0,0,0,.12) !important; color:#0D1530 !important; }
body.light .vbtn { border-color:rgba(0,0,0,.12) !important; color:#4A5A7A !important; }
body.light .vbtn.active { background:#0062E6 !important; color:#fff !important; }
body.light .pg-btn { border-color:rgba(0,0,0,.12) !important; color:#4A5A7A !important; }
body.light .pg-btn.active { background:#0062E6 !important; color:#fff !important; }
body.light .cat-hero { background:linear-gradient(135deg,#EBF0FA,#F4F7FF) !important; border-bottom:1px solid rgba(0,0,0,.08) !important; }
body.light .cat-hero-tag { background:#fff !important; border-color:rgba(0,0,0,.12) !important; color:#4A5A7A !important; }
body.light .cat-hero-tag.active { background:#0062E6 !important; color:#fff !important; border-color:#0062E6 !important; }
body.light .ch-stat-n { color:#0D1530 !important; }
body.light .ch-stat-l { color:#4A5A7A !important; }
body.light .breadcrumb { background:#EBF0FA !important; }
body.light .bc-link { color:#0062E6 !important; }
body.light .dtable th { background:#EBF0FA !important; color:#0D1530 !important; }
body.light .dtable td { color:#4A5A7A !important; border-color:rgba(0,0,0,.06) !important; }
body.light .dtable tr:hover td { background:#F4F7FF !important; }
body.light .td-pn { color:#0062E6 !important; }
.theme-toggle.is-light .toggle-track { background:#0062E6 !important; }
.theme-toggle.is-light .toggle-thumb { transform:translateX(18px) !important; }
body.light .theme-toggle .toggle-track { background:#CdD5E8; }
body.light #themeLabel { color:#4A5A7A; }
body.light .toggle-track { background:#0062E6 !important; }
body.light .toggle-thumb { transform:translateX(18px) !important; }
body.light .pd-main-img { background:#F4F7FF !important; }
body.light #pd-svg-fallback { filter:none; }
body.light .pd-img-vignette { background:radial-gradient(ellipse 78% 72% at 50% 50%,transparent 62%,rgba(235,240,250,0.55) 80%,#F4F7FF 92%) !important; }
body.light .about-section {
  background: linear-gradient(180deg, #EBF0FA 0%, #F4F7FF 100%) !important;
  border-color: rgba(0,0,0,.08) !important;
}
body.light .about-inner { background:transparent !important; }
body.light .about-visual { background:transparent !important; }
body.light .about-content { background:transparent !important; }
body.light #about-heading { color:#0D1530 !important; }
body.light .about-section h2, body.light .about-section h3 { color:#0D1530 !important; }
body.light .about-section p { color:#4A5A7A !important; }
body.light .about-section .about-card { background:#fff !important; border-color:rgba(0,0,0,.1) !important; }
body.light .about-section .about-card h3 { color:#0D1530 !important; }
body.light .about-section .about-card p { color:#4A5A7A !important; }
body.light .contact-section {
  background: linear-gradient(180deg, #EBF0FA 0%, #F4F7FF 100%) !important;
  border-color: rgba(0,0,0,.08) !important;
}
body.light .contact-inner { background:transparent !important; }
body.light #contact-heading { color:#0D1530 !important; }
body.light .contact-section h2, body.light .contact-section h3 { color:#0D1530 !important; }
body.light .contact-section p { color:#4A5A7A !important; }
body.light .contact-info { background:transparent !important; }
body.light .contact-item { background:#fff !important; border-color:rgba(0,0,0,.08) !important; }
body.light .contact-item h4 { color:#0D1530 !important; }
body.light .contact-item p { color:#4A5A7A !important; }
body.light .contact-item a { color:#0062E6 !important; }
body.light .contact-form { background:transparent !important; }
body.light .contact-form label { color:#0D1530 !important; }
body.light .contact-form input, body.light .contact-form textarea, body.light .contact-form select {
  background:#fff !important; border-color:rgba(0,0,0,.1) !important; color:#0D1530 !important;
}
body.light .contact-form input::placeholder, body.light .contact-form textarea::placeholder {
  color:#8896B0 !important;
}
body.light .contact-form button { background:#0062E6 !important; color:#fff !important; }
body.light .contact-form .form-note { color:#4A5A7A !important; }
body.light .contact-form-wrap {
  background: #FFFFFF !important;
  border-color: rgba(0,0,0,.1) !important;
}
body.light .contact-form-wrap .form-label {
  color: #4A5A7A !important;
}
body.light .rq-heading {
  color: #0D1530 !important;
}
.nav-products-wrap { position: relative; }
.nav-products-wrap:hover .nav-submenu { display: block !important; }
.nav-submenu-item:hover { background: rgba(0,207,255,.08) !important; color: var(--cyan) !important; }
body.light .nav-submenu { background: #FFFFFF !important; border-color: rgba(0,0,0,.1) !important; }
body.light .nav-submenu-item { color: #4A5A7A !important; }
body.light .nav-submenu-item:hover { background: #F4F7FF !important; color: #0062E6 !important; }
label, .form-label {
  word-wrap: break-word !important;
  white-space: normal !important;
  text-overflow: clip !important;
  overflow: visible !important;
}
input[type="text"], input[type="email"], textarea, select {
  word-wrap: break-word !important;
  white-space: normal !important;
}
.form-input, .form-select, .form-textarea {
  word-wrap: break-word !important;
  white-space: normal !important;
  overflow: visible !important;
}
.nav-a, .nav-logo, .nav-right {
  word-wrap: break-word !important;
  white-space: normal !important;
}
.form-wrap, .contact-form-wrap {
  overflow: visible !important;
}
.rq-row { display: flex; flex-wrap: wrap; gap: 16px; }
.rq-col { flex: 1; min-width: 250px; }
@media(max-width:1024px) {.form-grid { grid-template-columns: 1fr !important; }}
.form-label {
  min-height: auto !important;
  line-height: 1.3 !important;
  display: block !important;
  word-break: break-word !important;
}
.contact-form-wrap { width: 100% !important; max-width: 100% !important; }
#contactForm { width: 100% !important; }
.form-input, .form-select, .form-textarea {
  width: 100% !important;
  box-sizing: border-box !important;
}
@media(max-width:768px) {.form-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
.form-group.full { grid-column: 1 !important; }}
.mob-menu-btn {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 6px;
  margin-left: auto;
  z-index: 1001;
}
.mob-bar {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--t1);
  border-radius: 2px;
  transition: all .25s;
}
.mob-menu-btn.open .mob-bar:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.mob-menu-btn.open .mob-bar:nth-child(2) { opacity: 0; }
.mob-menu-btn.open .mob-bar:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }
.mob-menu-overlay {
  display: none;
  position: fixed;
  top: calc(var(--top, 36px) + var(--nav, 68px));
  left: 0; right: 0; bottom: 0;
  background: var(--deep, #0D1B2A);
  z-index: 999;
  overflow-y: auto;
  padding: 16px 0;
  border-top: 1px solid var(--br);
}
.mob-menu-overlay.open { display: block; }
.mob-menu-nav { display: flex; flex-direction: column; }
.mob-menu-item {
  padding: 16px 24px;
  font-family: var(--fm);
  font-size: 13px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--t2);
  cursor: pointer;
  border-bottom: 1px solid rgba(255,255,255,.04);
  transition: all .2s;
}
.mob-menu-item:hover, .mob-menu-item:active { color: var(--cyan); background: rgba(0,207,255,.05); }
.mob-menu-cta {
  color: var(--blue) !important;
  font-weight: 600;
}
.mob-menu-divider { height: 1px; background: var(--br); margin: 8px 0; }
body.light .mob-menu-overlay { background: #fff; border-top-color: rgba(0,0,0,.08); }
body.light .mob-menu-item { color: #4A5A7A; border-bottom-color: rgba(0,0,0,.05); }
body.light .mob-menu-item:hover { color: #0062E6; background: #F4F7FF; }
@media(max-width:768px) {.mob-menu-btn { display: flex !important; }
.nav-right { display: none !important; }}
@media(max-width:480px) {.topbar-info { display: none; }
.lang-sel { font-size: 10px; padding: 3px 6px; }}
@media(max-width:768px) {.topbar { padding: 0 16px; }
.topbar-contact { gap: 12px; }
.topbar-info { font-size: 10px; }
.site-header .btn-q { display: none !important; }}
.hero { position: relative; overflow: hidden; }
#sat-canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
.hero-overlay { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.hero-content { position: relative; z-index: 2; }
.pd-tab-panel { display: none; }
.pd-tab-panel.active { display: block; }
.specs-table { width: 100%; border-collapse: collapse; }
.specs-table td, .specs-table th { 
  padding: 8px 4px; 
  border-bottom: 1px solid var(--br); 
  font-size: 13px; 
  text-align: left; 
}
.specs-table th { color: var(--t2); font-weight: 400; width: 50%; }
.specs-table td.val { font-weight: 500; }

/* === 2. HOMEPAGE KEYFRAMES (redesign-only) ============================ */
@keyframes pulse-dot {0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.7)}}

/* === 3. HOMEPAGE COMPONENTS — selectors unique to the redesign mockup ===
   Safe to leave unscoped: these class names do not exist in the base. */
input, textarea, select {font-family:inherit;outline:none;border:none}
.topbar-contacts {display:flex;align-items:center;gap:24px}
.topbar-contacts a {display:flex;align-items:center;gap:6px;
  color:var(--text-secondary);transition:color var(--transition);}
.topbar-contacts a:hover {color:var(--accent-cyan)}
.topbar-contacts svg {width:12px;height:12px;flex-shrink:0}
.topbar-right {display:flex;align-items:center;gap:20px}
.topbar-cert {display:flex;align-items:center;gap:8px;
  padding:2px 10px;border:1px solid var(--border-accent);
  border-radius:20px;color:var(--accent-cyan);font-size:10px;}
.lang-switcher {position:relative}
.lang-btn {display:flex;align-items:center;gap:6px;
  padding:4px 10px;border:1px solid var(--border);border-radius:4px;
  color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);
  transition:all var(--transition);background:transparent;}
.lang-btn:hover {border-color:var(--accent-cyan);color:var(--accent-cyan)}
.lang-dropdown {position:absolute;top:calc(100% + 8px);right:0;
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius);min-width:160px;
  box-shadow:0 16px 48px rgba(0,0,0,0.6);
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:all var(--transition);z-index:500;overflow:hidden;}
.lang-switcher:hover .lang-dropdown, .lang-switcher.open .lang-dropdown {opacity:1;visibility:visible;transform:translateY(0)}
.lang-option {display:flex;align-items:center;gap:10px;padding:10px 14px;
  font-size:12px;color:var(--text-secondary);
  transition:all var(--transition);cursor:pointer;
  border-bottom:1px solid var(--border);}
.lang-option:last-child {border-bottom:none}
.lang-option:hover, .lang-option.active {background:var(--accent-pulse);color:var(--accent-cyan)}
.lang-flag {font-size:16px;line-height:1}
.nav-logo .logo-mark {width:36px;height:36px;
  background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));
  border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  font-size:16px;font-weight:900;color:#000;}
.nav-logo .logo-text span {color:var(--accent-cyan)}
.nav-item {position:relative}
.nav-link {display:flex;align-items:center;gap:4px;
  padding:8px 14px;border-radius:var(--radius);
  font-size:13px;font-weight:500;letter-spacing:0.04em;
  text-transform:uppercase;color:var(--text-secondary);
  transition:all var(--transition);white-space:nowrap;}
.nav-link:hover, .nav-item.active>.nav-link {color:var(--text-primary);background:rgba(255,255,255,0.05)}
.nav-link svg {width:12px;height:12px;transition:transform var(--transition)}
.nav-item:hover>.nav-link svg {transform:rotate(180deg)}
.mega-menu {position:absolute;top:calc(100% + 12px);left:-20px;
  background:var(--bg-card);
  border:1px solid var(--border);border-radius:var(--radius-lg);
  box-shadow:0 24px 80px rgba(0,0,0,0.7);
  opacity:0;visibility:hidden;transform:translateY(-12px);
  transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
  pointer-events:none;z-index:300;
  padding:24px;}
.nav-item:hover>.mega-menu {opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.mega-menu.products-mega {width:780px}
.mega-menu.markets-mega {width:560px}
.mega-grid {display:grid;gap:8px}
.mega-grid-4 {grid-template-columns:repeat(4,1fr)}
.mega-grid-2 {grid-template-columns:repeat(2,1fr)}
.mega-group {margin-bottom:20px}
.mega-group:last-child {margin-bottom:0}
.mega-group-title {font-family:var(--font-mono);font-size:9px;
  text-transform:uppercase;letter-spacing:0.12em;
  color:var(--accent-cyan);margin-bottom:10px;
  padding-bottom:6px;border-bottom:1px solid var(--border-accent);}
.mega-item {display:flex;align-items:center;gap:8px;
  padding:8px 10px;border-radius:var(--radius);
  color:var(--text-secondary);font-size:12px;font-weight:400;
  transition:all var(--transition);white-space:nowrap;}
.mega-item:hover {background:var(--accent-pulse);color:var(--text-primary);padding-left:14px}
.mega-item::before {content:'';width:4px;height:4px;background:var(--accent-cyan);border-radius:50%;flex-shrink:0;opacity:0;transition:opacity var(--transition)}
.mega-item:hover::before {opacity:1}
.btn-search {width:36px;height:36px;border-radius:var(--radius);
  display:flex;align-items:center;justify-content:center;
  color:var(--text-secondary);border:1px solid var(--border);
  transition:all var(--transition);}
.btn-search:hover {color:var(--accent-cyan);border-color:var(--border-accent)}
.btn-quote {display:flex;align-items:center;gap:8px;
  padding:9px 20px;border-radius:var(--radius);
  background:linear-gradient(135deg,var(--accent-blue),#004BC4);
  color:#fff;font-size:12px;font-weight:600;
  letter-spacing:0.06em;text-transform:uppercase;
  transition:all var(--transition);
  box-shadow:0 4px 20px rgba(0,98,230,0.35);}
.btn-quote:hover {transform:translateY(-1px);box-shadow:0 8px 32px rgba(0,98,230,0.5)}
.btn-quote:active {transform:translateY(0)}
.hamburger {display:none;width:40px;height:40px;
  flex-direction:column;align-items:center;justify-content:center;gap:5px;
  border:1px solid var(--border);border-radius:var(--radius);
  margin-left:auto;}
.hamburger span {width:20px;height:2px;background:var(--text-secondary);
  transition:all var(--transition);transform-origin:center;}
.hamburger.open span:nth-child(1) {transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2) {opacity:0}
.hamburger.open span:nth-child(3) {transform:translateY(-7px) rotate(-45deg)}
.mobile-menu {position:fixed;inset:0;top:calc(var(--topbar-h) + var(--nav-h));
  background:var(--bg-deep);z-index:140;
  overflow-y:auto;padding:24px;
  transform:translateX(100%);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);}
.mobile-menu.open {transform:translateX(0)}
.mobile-nav-section {margin-bottom:24px}
.mobile-nav-title {font-family:var(--font-mono);font-size:10px;text-transform:uppercase;
  letter-spacing:0.1em;color:var(--accent-cyan);
  margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border);}
.mobile-nav-item {display:block;padding:10px 0;font-size:15px;color:var(--text-secondary);
  border-bottom:1px solid rgba(255,255,255,0.03);
  transition:color var(--transition);}
.mobile-nav-item:hover {color:var(--text-primary)}
.mobile-nav-sub {font-size:13px;padding:7px 0 7px 16px;color:var(--text-muted)}
.mobile-cta {display:block;width:100%;padding:14px;text-align:center;
  background:linear-gradient(135deg,var(--accent-blue),#004BC4);
  color:#fff;border-radius:var(--radius);font-weight:600;
  font-size:14px;letter-spacing:0.06em;text-transform:uppercase;
  margin-top:20px;}
#satellite-canvas {position:absolute;inset:0;width:100%;height:100%;
  opacity:0.85;}
.hero-gradient {position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 60% at 65% 50%,rgba(0,98,230,0.08) 0%,transparent 70%),
             radial-gradient(ellipse 50% 80% at 30% 30%,rgba(0,207,255,0.04) 0%,transparent 60%),
             linear-gradient(180deg,transparent 50%,var(--bg-void) 100%);
  pointer-events:none;z-index:1;}
.hero-eyebrow {display:inline-flex;align-items:center;gap:8px;
  padding:5px 14px;border:1px solid var(--border-accent);
  border-radius:20px;background:rgba(0,207,255,0.05);
  font-family:var(--font-mono);font-size:11px;
  color:var(--accent-cyan);letter-spacing:0.1em;text-transform:uppercase;
  margin-bottom:24px;}
.hero-eyebrow::before {content:'';width:6px;height:6px;border-radius:50%;
  background:var(--accent-cyan);animation:pulse-dot 2s infinite;}
.hero-title .accent {display:block;
  background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;}
.hero-subtitle {font-family:var(--font-head);
  font-size:clamp(18px,2.5vw,30px);
  font-weight:300;color:var(--text-secondary);
  letter-spacing:0.04em;text-transform:uppercase;
  margin-bottom:24px;}
.btn-primary svg {width:16px;height:16px}
.spec-badge {display:flex;align-items:center;gap:8px;
  font-family:var(--font-mono);font-size:11px;color:var(--text-muted);}
.spec-badge .val {color:var(--accent-cyan);font-weight:700;font-size:13px}
.spec-divider {width:1px;height:20px;background:var(--border)}
.hero-stat-card {background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:20px 24px;
  min-width:220px;position:relative;overflow:hidden;
  transition:all var(--transition);}
.hero-stat-card::before {content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));}
.hero-stat-card:hover {border-color:var(--border-accent);transform:translateX(-4px)}
.stat-number {font-family:var(--font-head);font-size:36px;font-weight:900;
  color:var(--text-primary);line-height:1;margin-bottom:4px;}
.stat-label {font-size:12px;color:var(--text-secondary);font-weight:400;letter-spacing:0.02em}
.stat-sub {font-family:var(--font-mono);font-size:10px;color:var(--accent-cyan);
  margin-top:6px;letter-spacing:0.08em;text-transform:uppercase;}
.section-eyebrow {font-family:var(--font-mono);font-size:11px;text-transform:uppercase;
  letter-spacing:0.12em;color:var(--accent-cyan);margin-bottom:12px;}
.section-header {display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px;flex-wrap:wrap}
.products-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:2px;
  border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;}
.product-card {background:var(--bg-card);padding:32px 28px;
  position:relative;overflow:hidden;
  transition:all var(--transition);
  border-right:1px solid var(--border);}
.product-card:last-child {border-right:none}
.product-card:hover {background:var(--bg-card-hover)}
.product-card::after {content:'';position:absolute;bottom:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));
  transform:scaleX(0);transform-origin:left;transition:transform var(--transition);}
.product-card:hover::after {transform:scaleX(1)}
.product-card-icon {width:52px;height:52px;border-radius:var(--radius);
  background:rgba(0,207,255,0.08);border:1px solid var(--border-accent);
  display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.product-card-icon svg {width:26px;height:26px;color:var(--accent-cyan)}
.product-card-name {font-family:var(--font-head);font-size:18px;font-weight:700;
  text-transform:uppercase;letter-spacing:0.05em;
  color:var(--text-primary);margin-bottom:10px;}
.product-card-desc {font-size:13px;color:var(--text-secondary);line-height:1.65;margin-bottom:20px}
.product-tags {display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.product-tag {padding:3px 10px;border-radius:20px;
  background:rgba(0,207,255,0.07);border:1px solid rgba(0,207,255,0.15);
  font-family:var(--font-mono);font-size:10px;color:var(--accent-cyan);
  text-transform:uppercase;letter-spacing:0.06em;}
.product-card-link {display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:600;text-transform:uppercase;
  letter-spacing:0.08em;color:var(--accent-cyan);
  transition:gap var(--transition);}
.product-card-link:hover {gap:10px}
.product-card-link svg {width:14px;height:14px}
.catalog-section {padding:80px 24px;background:var(--bg-deep)}
.catalog-inner {max-width:1400px;margin:0 auto}
.catalog-controls {display:flex;align-items:center;justify-content:space-between;
  gap:16px;margin-bottom:28px;flex-wrap:wrap;}
.catalog-filters {display:flex;gap:8px;flex-wrap:wrap}
.filter-btn {padding:7px 16px;border-radius:20px;font-size:12px;font-weight:500;
  letter-spacing:0.04em;text-transform:uppercase;
  border:1px solid var(--border);color:var(--text-secondary);
  transition:all var(--transition);background:transparent;}
.filter-btn:hover {border-color:var(--accent-cyan);color:var(--accent-cyan)}
.filter-btn.active {background:var(--accent-cyan);border-color:var(--accent-cyan);
  color:#000;font-weight:700;}
.view-toggle {display:flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
.view-btn {width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  color:var(--text-muted);transition:all var(--transition);background:transparent;}
.view-btn svg {width:16px;height:16px}
.view-btn.active {background:var(--accent-blue);color:#fff}
.view-btn:not(.active):hover {color:var(--text-primary);background:rgba(255,255,255,0.04)}
.products-catalog-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}
.catalog-card {background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius-lg);overflow:hidden;
  transition:all var(--transition);}
.catalog-card:hover {border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-glow)}
.catalog-card-img {height:160px;background:linear-gradient(135deg,var(--bg-deep),rgba(0,207,255,0.05));
  display:flex;align-items:center;justify-content:center;
  border-bottom:1px solid var(--border);
  font-family:var(--font-mono);font-size:11px;color:var(--text-muted);
  position:relative;overflow:hidden;}
.catalog-card-img::before {content:'';position:absolute;
  width:80px;height:80px;border-radius:50%;
  border:1px solid rgba(0,207,255,0.1);}
.catalog-card-img::after {content:'';position:absolute;
  width:120px;height:120px;border-radius:50%;
  border:1px dashed rgba(0,207,255,0.05);}
.catalog-card-img span {position:relative;z-index:1}
.catalog-card-body {padding:16px}
.catalog-card-pn {font-family:var(--font-mono);font-size:13px;font-weight:700;
  color:var(--text-primary);margin-bottom:4px;}
.catalog-card-name {font-size:12px;color:var(--text-secondary);margin-bottom:10px}
.catalog-specs {display:flex;flex-direction:column;gap:4px}
.catalog-spec-row {display:flex;justify-content:space-between;align-items:center;
  font-size:11px;padding:3px 0;
  border-bottom:1px solid rgba(255,255,255,0.03);}
.catalog-spec-key {color:var(--text-muted)}
.catalog-spec-val {font-family:var(--font-mono);color:var(--accent-cyan);font-size:11px;}
.catalog-card-actions {padding:12px 16px;border-top:1px solid var(--border);
  display:flex;gap:8px;}
.btn-datasheet {flex:1;padding:7px 12px;text-align:center;
  border:1px solid var(--border);border-radius:var(--radius);
  font-size:11px;color:var(--text-secondary);font-weight:500;
  transition:all var(--transition);
  display:flex;align-items:center;justify-content:center;gap:5px;}
.btn-datasheet:hover {border-color:var(--border-accent);color:var(--accent-cyan)}
.btn-inquiry {flex:1;padding:7px 12px;text-align:center;
  background:rgba(0,98,230,0.15);border:1px solid rgba(0,98,230,0.3);
  border-radius:var(--radius);font-size:11px;color:var(--accent-cyan);font-weight:600;
  transition:all var(--transition);
  display:flex;align-items:center;justify-content:center;gap:5px;}
.btn-inquiry:hover {background:rgba(0,98,230,0.25)}
.products-catalog-table {overflow-x:auto;border-radius:var(--radius-lg)}
.data-table {width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.data-table th {padding:12px 16px;text-align:left;
  font-family:var(--font-mono);font-size:10px;text-transform:uppercase;
  letter-spacing:0.1em;color:var(--accent-cyan);
  background:rgba(0,207,255,0.04);border-bottom:1px solid var(--border-accent);
  white-space:nowrap;}
.data-table th:first-child {border-radius:var(--radius-lg) 0 0 0}
.data-table th:last-child {border-radius:0 var(--radius-lg) 0 0}
.data-table td {padding:13px 16px;border-bottom:1px solid var(--border);
  color:var(--text-secondary);vertical-align:middle;
  transition:background var(--transition);}
.data-table tbody tr:hover td {background:rgba(255,255,255,0.02)}
.data-table .pn {font-family:var(--font-mono);font-size:12px;
  color:var(--text-primary);font-weight:700;}
.data-table .freq {font-family:var(--font-mono);color:var(--accent-cyan);font-size:12px;}
.data-table .badge {display:inline-flex;padding:2px 8px;border-radius:10px;
  background:rgba(0,207,255,0.08);border:1px solid rgba(0,207,255,0.2);
  font-size:10px;color:var(--accent-cyan);font-family:var(--font-mono);}
.table-action {display:inline-flex;align-items:center;gap:4px;
  padding:5px 12px;border-radius:var(--radius);
  border:1px solid var(--border);font-size:11px;
  color:var(--text-secondary);transition:all var(--transition);}
.table-action:hover {border-color:var(--accent-cyan);color:var(--accent-cyan)}
.reveal {opacity:0;transform:translateY(24px);transition:opacity 0.6s ease,transform 0.6s ease}
.reveal.visible {opacity:1;transform:translateY(0)}
.reveal-delay-1 {transition-delay:0.1s}
.reveal-delay-2 {transition-delay:0.2s}
.reveal-delay-3 {transition-delay:0.3s}
.reveal-delay-4 {transition-delay:0.4s}
.scanline-overlay {position:fixed;inset:0;pointer-events:none;z-index:9999;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,0.015) 0px,rgba(0,0,0,0.015) 1px,transparent 1px,transparent 2px);}
@media(max-width:1200px) {
  .products-grid {grid-template-columns:repeat(2,1fr)}
  .footer-brand {grid-column:1/-1}
}
@media(max-width:900px) {
  .main-nav, .nav-right .btn-quote, .btn-search {display:none}
  .hamburger {display:flex}
  .hero-stat-card {min-width:unset}
  .products-catalog-grid {grid-template-columns:repeat(2,1fr)}
  .mega-menu {display:none}
}
@media(max-width:640px) {
  .topbar-contacts span {display:none}
  .products-grid {grid-template-columns:1fr}
  .products-catalog-grid {grid-template-columns:1fr}
  .spec-divider {display:none}
  .catalog-controls {flex-direction:column;align-items:flex-start}
}
:lang(ja), .lang-ja {font-family:'Barlow Condensed',Meiryo,'Hiragino Sans',sans-serif}
:lang(ko), .lang-ko {font-family:'Barlow Condensed','Apple SD Gothic Neo','Malgun Gothic',sans-serif}

/* === 4. HERO OVERRIDES — selectors the hero shares with the page ======
   The hero comes from the redesign pass, the sections below it from the
   complete pass. Scoped to .hero so both keep their own buttons. */
.hero .btn-primary {display:inline-flex;align-items:center;gap:8px;
  padding:13px 28px;border-radius:var(--radius);
  background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-blue) 100%);
  color:#000;font-weight:700;font-size:13px;
  letter-spacing:0.06em;text-transform:uppercase;
  transition:all var(--transition);
  box-shadow:0 8px 32px rgba(0,207,255,0.3);}
.hero .btn-primary:hover {transform:translateY(-2px);box-shadow:0 16px 48px rgba(0,207,255,0.4)}
.hero .btn-secondary {display:inline-flex;align-items:center;gap:8px;
  padding:12px 28px;border-radius:var(--radius);
  border:1px solid var(--border-accent);
  color:var(--text-primary);font-weight:600;font-size:13px;
  letter-spacing:0.06em;text-transform:uppercase;
  transition:all var(--transition);background:transparent;}
.hero .btn-secondary:hover {background:rgba(0,207,255,0.06);border-color:var(--accent-cyan)}

/* === 5. CHROME + HERO — the parts that stay on the redesign pass ======
   Header, topbar and footer are one template each and render on every
   page, so they cannot be scoped to the homepage. The hero is homepage
   -only and its class names collide with nothing else. Both take the
   redesign value globally. */
.topbar {height:var(--topbar-h);
  background:var(--bg-deep);
  border-bottom:1px solid var(--border);
  display:flex;align-items:center;
  padding:0 24px;
  font-size:12px;font-family:var(--font-mono);
  color:var(--text-secondary);
  letter-spacing:0.03em;
  position:relative;z-index:200;}
.topbar-inner {max-width:1400px;width:100%;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:16px;}
.site-header {position:sticky;top:0;z-index:150;
  height:var(--nav-h);
  background:var(--bg-glass);
  backdrop-filter:blur(20px) saturate(1.4);
  -webkit-backdrop-filter:blur(20px) saturate(1.4);
  border-bottom:1px solid var(--border);
  transition:all var(--transition);}
.site-header.scrolled {box-shadow:0 4px 40px rgba(0,0,0,0.4);
  border-bottom-color:var(--border-accent);}
.nav-inner {max-width:1400px;width:100%;margin:0 auto;
  height:100%;padding:0 24px;
  display:flex;align-items:center;gap:32px;}
.nav-logo {display:flex;align-items:center;gap:10px;flex-shrink:0;
  font-family:var(--font-head);font-size:22px;font-weight:800;
  letter-spacing:0.08em;color:var(--text-primary);
  text-transform:uppercase;}
.main-nav {display:flex;align-items:center;gap:2px;flex:1}
.nav-right {display:flex;align-items:center;gap:12px;margin-left:auto}
.hero {position:relative;min-height:calc(100vh - var(--topbar-h) - var(--nav-h));
  display:flex;align-items:center;overflow:hidden;
  background:var(--bg-void);}
.hero-title {font-family:var(--font-head);
  font-size:clamp(42px,5vw,76px);
  font-weight:800;line-height:1.0;
  letter-spacing:-0.01em;
  text-transform:uppercase;
  color:var(--text-primary);
  margin-bottom:8px;}
.hero-desc {font-size:15px;color:var(--text-secondary);
  line-height:1.75;max-width:520px;margin-bottom:36px;}
.hero-ctas {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:48px}
.hero-specs {display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.hero-right {display:flex;flex-direction:column;gap:16px;align-items:flex-end}
@media(max-width:900px) {
  :root {--nav-h:60px;--topbar-h:32px}
  .hero-content {grid-template-columns:1fr;gap:40px;padding:60px 0}
  .hero-right {align-items:stretch}
}
@media(max-width:640px) {
  .footer-grid {grid-template-columns:1fr}
  .hero-ctas {flex-direction:column;align-items:flex-start}
  .hero-specs {flex-direction:column;gap:12px;align-items:flex-start}
}