/* ============================================
   YELE GROUP — B2B Technical Electrical
   Aesthetic: Clean engineering, precision,
   professional trust. White + dark navy + 
   electric orange accent.
============================================ */

:root {
  /* Brand */
  --navy:       #0B1D35;
  --navy-mid:   #132D4F;
  --navy-light: #1A3D6A;
  --accent:     #F26522;
  --accent-hover:#FF7D3D;
  --accent-soft: rgba(242,101,34,0.08);
  --accent-mid:  rgba(242,101,34,0.15);
  --teal:       #1ABC9C;
  --teal-soft:  rgba(26,188,156,0.08);
  
  /* Neutrals */
  --white:      #FFFFFF;
  --bg:         #F8F8F6;
  --bg-alt:     #F0EFEC;
  --surface:    #FFFFFF;
  --border:     #E2E0DB;
  --border-dark:#CCC9C2;
  --text:       #1A1A18;
  --text-2:     #55554F;
  --text-3:     #8A8A82;
  --text-inv:   #FFFFFF;
  --text-inv-2: rgba(255,255,255,0.65);
  
  /* Type */
  --font-heading: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-body:    'Plus Jakarta Sans', system-ui, sans-serif;
  --font-serif:   'Instrument Serif', Georgia, serif;
  --font-mono:    'IBM Plex Mono', monospace;
  
  /* Radii */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  
  /* Shadows */
  --sh-sm: 0 1px 3px rgba(0,0,0,0.06);
  --sh-md: 0 4px 16px rgba(0,0,0,0.08);
  --sh-lg: 0 12px 48px rgba(0,0,0,0.1);
  
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* ========== RESET ========== */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-font-smoothing:antialiased; }
body {
  font-family: var(--font-body);
  font-size: 16px;
  color: var(--text);
  background: var(--bg);
  line-height: 1.65;
  overflow-x: hidden;
}
a { color:inherit; text-decoration:none; }
img { max-width:100%; display:block; }
ul { list-style:none; }
button { cursor:pointer; border:none; background:none; font:inherit; }
input,select,textarea { font:inherit; }

.wrap {
  width:100%; max-width:1200px; margin:0 auto; padding:0 1.5rem;
}

/* ========== NAV ========== */
.nav {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  padding:0.85rem 0;
  background: transparent;
  transition: all 0.4s var(--ease);
}
.nav--scrolled {
  background:rgba(255,255,255,0.95);
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
  border-bottom:1px solid var(--border);
  padding:0.6rem 0;
  box-shadow: var(--sh-sm);
}
.nav__inner {
  max-width:1200px; margin:0 auto; padding:0 1.5rem;
  display:flex; align-items:center; gap:2rem;
}

/* Logo */
.nav__logo {
  display:flex; align-items:center; gap:0.6rem;
  color: var(--text-inv);
  transition: color 0.3s;
}
.nav--scrolled .nav__logo { color: var(--navy); }
.nav__logo-mark {
  width:30px; height:30px; color:var(--accent); flex-shrink:0;
}
.nav__logo-mark svg { width:100%; height:100%; }
.nav__logo-text { display:flex; flex-direction:column; line-height:1.1; }
.nav__logo-name {
  font-weight:800; font-size:0.9375rem; letter-spacing:0.06em;
}
.nav__logo-tag {
  font-size:0.625rem; font-weight:500; color:var(--text-inv-2);
  letter-spacing:0.04em; text-transform:uppercase;
}
.nav--scrolled .nav__logo-tag { color:var(--text-3); }

/* Links */
.nav__center { display:flex; gap:1.75rem; margin-left:auto; }
.nav__link {
  font-size:0.8125rem; font-weight:500; color:var(--text-inv-2);
  position:relative; transition:color 0.25s;
}
.nav__link::after {
  content:''; position:absolute; bottom:-4px; left:0;
  width:0; height:2px; background:var(--accent);
  transition:width 0.3s var(--ease);
}
.nav__link:hover { color:var(--text-inv); }
.nav__link:hover::after { width:100%; }
.nav--scrolled .nav__link { color:var(--text-2); }
.nav--scrolled .nav__link:hover { color:var(--accent); }

.nav__right { margin-left:1.5rem; }

/* Burger */
.nav__burger {
  display:none; flex-direction:column; gap:5px; padding:4px;
}
.nav__burger span {
  display:block; width:22px; height:2px;
  background:var(--text-inv); border-radius:2px; transition:all 0.3s;
}
.nav--scrolled .nav__burger span { background:var(--navy); }

/* Mobile */
.mobile-menu {
  position:fixed; inset:0; z-index:999;
  background:rgba(11,29,53,0.97);
  backdrop-filter:blur(20px);
  display:flex; align-items:center; justify-content:center;
  opacity:0; pointer-events:none; transition:opacity 0.35s var(--ease);
}
.mobile-menu--open { opacity:1; pointer-events:all; }
.mobile-menu__inner { display:flex; flex-direction:column; align-items:center; gap:1.25rem; }
.mobile-menu__link {
  font-size:1.375rem; font-weight:500; color:var(--text-inv);
  opacity:0.85; transition:opacity 0.2s;
}
.mobile-menu__link:hover { opacity:1; }

/* ========== BUTTONS ========== */
.btn {
  display:inline-flex; align-items:center; justify-content:center;
  gap:0.45rem; font-weight:600; font-size:0.875rem;
  padding:0.7rem 1.5rem; border-radius:var(--r-md);
  border:2px solid transparent; cursor:pointer;
  transition:all 0.3s var(--ease); white-space:nowrap;
}
.btn--sm { padding:0.5rem 1.1rem; font-size:0.8125rem; }
.btn--lg { padding:0.85rem 2rem; font-size:0.9375rem; }

.btn--primary {
  background:var(--accent); color:var(--text-inv);
}
.btn--primary:hover {
  background:var(--accent-hover);
  transform:translateY(-2px); box-shadow:0 6px 20px rgba(242,101,34,0.3);
}
.btn--accent {
  background:var(--accent); color:var(--text-inv);
}
.btn--accent:hover {
  background:var(--accent-hover);
  transform:translateY(-1px);
}
.btn--outline {
  background:transparent; color:var(--text-inv);
  border-color:rgba(255,255,255,0.3);
}
.btn--outline:hover {
  border-color:rgba(255,255,255,0.7);
  transform:translateY(-2px);
}

/* ========== SECTION UTILITIES ========== */
.section-head { text-align:center; margin-bottom:3.5rem; }
.section-tag {
  display:inline-block; font-size:0.6875rem; font-weight:700;
  text-transform:uppercase; letter-spacing:0.14em;
  color:var(--accent); margin-bottom:0.75rem;
}
.section-tag--light { color:var(--teal); }
.section-title {
  font-family:var(--font-heading); font-size:clamp(1.875rem,4.5vw,2.75rem);
  font-weight:700; line-height:1.15; color:var(--text);
  margin-bottom:1rem;
}
.section-title em {
  font-family:var(--font-serif); font-weight:400;
  font-style:italic; color:var(--accent);
}
.section-desc {
  font-size:1rem; color:var(--text-2); max-width:580px; margin:0 auto;
}

/* ========== HERO ========== */
.hero {
  position:relative; min-height:100vh;
  background:var(--navy); overflow:hidden;
  display:flex; align-items:center;
  padding:7rem 0 4rem;
}
.hero__bg {
  position:absolute; inset:0;
}
.hero__grid {
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size:72px 72px;
}
.hero__accent-line {
  position:absolute; top:0; right:30%; width:2px; height:100%;
  background:linear-gradient(to bottom, transparent, var(--accent), transparent);
  opacity:0.08;
}

.hero__content {
  position:relative; z-index:2;
  display:grid; grid-template-columns:1.15fr 0.85fr;
  gap:4rem; align-items:center;
}

.hero__badge {
  display:inline-flex; align-items:center; gap:0.5rem;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.08);
  padding:0.35rem 0.9rem; border-radius:100px;
  font-size:0.75rem; font-weight:500; color:var(--text-inv-2);
  margin-bottom:1.5rem; letter-spacing:0.02em;
  animation:fadeInDown 0.7s var(--ease) both;
}
.hero__badge i { color:var(--teal); font-size:0.7rem; }

.hero__title {
  font-family:var(--font-heading);
  font-size:clamp(2.25rem,5vw,3.25rem);
  font-weight:800; line-height:1.12;
  color:var(--text-inv); margin-bottom:1.5rem;
  letter-spacing:-0.01em;
  animation:fadeInUp 0.7s 0.1s var(--ease) both;
}
.hero__title-em {
  font-family:var(--font-serif); font-weight:400;
  font-style:italic; color:var(--accent);
}

.hero__desc {
  font-size:1rem; line-height:1.75;
  color:var(--text-inv-2); margin-bottom:2rem;
  animation:fadeInUp 0.7s 0.2s var(--ease) both;
}

.hero__actions {
  display:flex; gap:0.75rem; flex-wrap:wrap;
  animation:fadeInUp 0.7s 0.3s var(--ease) both;
}

/* Hero right side */
.hero__right {
  animation:fadeInUp 0.8s 0.35s var(--ease) both;
}
.hero__stats-card {
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:var(--r-lg); padding:1.5rem 2rem;
  display:flex; align-items:center; gap:1.5rem;
  margin-bottom:1.5rem;
}
.hero__stat { text-align:center; flex:1; }
.hero__stat-value {
  display:block; font-family:var(--font-heading);
  font-size:1.75rem; font-weight:800; color:var(--text-inv);
  line-height:1;
}
.hero__stat-plus { color:var(--accent); font-weight:700; font-size:1.25rem; }
.hero__stat-label {
  display:block; font-size:0.6875rem; color:var(--text-inv-2);
  margin-top:0.35rem; letter-spacing:0.02em;
}
.hero__stat-sep {
  width:1px; height:36px; background:rgba(255,255,255,0.1);
}

.hero__caps { display:flex; flex-direction:column; gap:0.75rem; }
.hero__cap {
  display:flex; align-items:center; gap:0.85rem;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:var(--r-md); padding:0.85rem 1rem;
  transition:all 0.3s var(--ease);
}
.hero__cap:hover {
  background:rgba(255,255,255,0.06);
  border-color:rgba(255,255,255,0.12);
}
.hero__cap-icon {
  width:38px; height:38px;
  display:flex; align-items:center; justify-content:center;
  border-radius:var(--r-sm);
  background:var(--accent-soft); color:var(--accent);
  font-size:0.875rem; flex-shrink:0;
}
.hero__cap strong {
  display:block; font-size:0.8125rem; font-weight:600;
  color:var(--text-inv);
}
.hero__cap span {
  font-size:0.75rem; color:var(--text-inv-2);
}

/* ========== AUDIENCE ========== */
.audience {
  padding:5rem 0;
  margin-top:-2rem;
  position:relative; z-index:3;
}
.audience__grid {
  display:grid; grid-template-columns:1fr 1fr; gap:1.5rem;
}
.audience__card {
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--r-xl);
  padding:2.25rem;
  position:relative; overflow:hidden;
  transition:all 0.35s var(--ease);
}
.audience__card:hover {
  transform:translateY(-4px);
  box-shadow:var(--sh-lg);
}
.audience__card--wholesale { border-top:3px solid var(--accent); }
.audience__card--general { border-top:3px solid var(--teal); }

.audience__card-badge {
  display:inline-block;
  font-size:0.6875rem; font-weight:700; text-transform:uppercase;
  letter-spacing:0.1em; margin-bottom:1rem;
}
.audience__card--wholesale .audience__card-badge { color:var(--accent); }
.audience__card--general .audience__card-badge { color:var(--teal); }

.audience__card-icon {
  font-size:1.75rem; margin-bottom:1rem;
}
.audience__card--wholesale .audience__card-icon { color:var(--accent); }
.audience__card--general .audience__card-icon { color:var(--teal); }

.audience__card h3 {
  font-size:1.375rem; font-weight:700; margin-bottom:0.75rem;
}
.audience__card p {
  font-size:0.9375rem; color:var(--text-2);
  margin-bottom:1.25rem; line-height:1.7;
}
.audience__features {
  display:flex; flex-direction:column; gap:0.5rem;
  margin-bottom:1.5rem;
}
.audience__features li {
  font-size:0.8125rem; color:var(--text-2);
  display:flex; align-items:center; gap:0.5rem;
}
.audience__card--wholesale .audience__features i { color:var(--accent); font-size:0.7rem; }
.audience__card--general .audience__features i { color:var(--teal); font-size:0.7rem; }

.audience__card-link {
  display:inline-flex; align-items:center; gap:0.4rem;
  font-size:0.875rem; font-weight:600;
}
.audience__card--wholesale .audience__card-link { color:var(--accent); }
.audience__card--general .audience__card-link { color:var(--teal); }
.audience__card-link i { transition:transform 0.3s; }
.audience__card:hover .audience__card-link i { transform:translateX(4px); }

/* ========== PRODUCTS ========== */
.products { padding:5rem 0; }
.products__grid {
  display:grid; grid-template-columns:repeat(4,1fr); gap:1rem;
}
.pcard {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--r-lg); padding:1.5rem;
  display:flex; flex-direction:column;
  transition:all 0.35s var(--ease);
  position:relative; overflow:hidden;
}
.pcard::after {
  content:''; position:absolute; top:0; left:0; right:0;
  height:2px; background:var(--accent); opacity:0;
  transition:opacity 0.3s;
}
.pcard:hover {
  transform:translateY(-3px); box-shadow:var(--sh-md);
  border-color:var(--accent);
}
.pcard:hover::after { opacity:1; }

.pcard__top {
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:0.85rem;
}
.pcard__icon {
  width:40px; height:40px; display:flex;
  align-items:center; justify-content:center;
  border-radius:var(--r-sm);
  background:var(--accent-soft); color:var(--accent);
  font-size:1rem; transition:all 0.3s;
}
.pcard:hover .pcard__icon { background:var(--accent); color:white; }
.pcard__count {
  font-size:0.6875rem; font-weight:600; color:var(--text-3);
  text-transform:uppercase; letter-spacing:0.06em;
  font-family:var(--font-mono);
}
.pcard__name {
  font-size:1rem; font-weight:700; margin-bottom:0.35rem;
}
.pcard__items {
  font-size:0.8125rem; color:var(--text-2); line-height:1.6;
  flex:1; margin-bottom:0.85rem;
}
.pcard__foot {
  display:flex; align-items:center; justify-content:space-between;
  padding-top:0.75rem; border-top:1px solid var(--border);
}
.pcard__tag {
  font-size:0.6875rem; font-weight:600;
  font-family:var(--font-mono); color:var(--teal);
  background:var(--teal-soft); padding:0.2rem 0.5rem;
  border-radius:var(--r-sm);
}
.pcard__arrow {
  color:var(--text-3); font-size:0.75rem;
  transition:all 0.3s;
}
.pcard:hover .pcard__arrow { color:var(--accent); transform:translateX(3px); }

.products__cta { text-align:center; margin-top:2.5rem; }

/* ========== TECH RESOURCES ========== */
.tech { padding:5rem 0; background:var(--bg-alt); }
.tech__grid {
  display:grid; grid-template-columns:repeat(2,1fr); gap:1.25rem;
}
.tech__card {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--r-lg); padding:2rem;
  transition:all 0.35s var(--ease);
}
.tech__card:hover {
  transform:translateY(-3px); box-shadow:var(--sh-md);
}
.tech__card-icon {
  width:48px; height:48px;
  display:flex; align-items:center; justify-content:center;
  border-radius:var(--r-md);
  background:var(--accent-soft); color:var(--accent);
  font-size:1.125rem; margin-bottom:1.25rem;
}
.tech__card h3 {
  font-size:1.125rem; font-weight:700; margin-bottom:0.5rem;
}
.tech__card p {
  font-size:0.875rem; color:var(--text-2);
  line-height:1.7; margin-bottom:1rem;
}
.tech__card-link {
  font-size:0.8125rem; font-weight:600; color:var(--accent);
  display:inline-flex; align-items:center; gap:0.35rem;
}
.tech__card-link i { transition:transform 0.3s; }
.tech__card:hover .tech__card-link i { transform:translateX(4px); }

/* ========== SUPPORT ========== */
.support { padding:5rem 0; }
.support__layout {
  display:grid; grid-template-columns:1fr 1fr; gap:4rem;
  align-items:start;
}
.support__text p {
  font-size:0.9375rem; color:var(--text-2);
  line-height:1.75; margin-bottom:2rem;
}
.support__items { display:flex; flex-direction:column; gap:1rem; }
.support__item {
  display:flex; align-items:flex-start; gap:0.85rem;
}
.support__item-icon {
  width:40px; height:40px;
  display:flex; align-items:center; justify-content:center;
  border-radius:var(--r-sm);
  background:var(--accent-soft); color:var(--accent);
  font-size:0.875rem; flex-shrink:0;
}
.support__item strong {
  display:block; font-size:0.875rem; font-weight:600;
  margin-bottom:0.1rem;
}
.support__item span {
  font-size:0.8125rem; color:var(--text-2);
}

.support__form-card {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--r-xl); padding:2.25rem;
}
.support__form-card h3 {
  font-size:1.25rem; font-weight:700; margin-bottom:0.35rem;
}
.support__form-card > p {
  font-size:0.8125rem; color:var(--text-3);
  margin-bottom:1.5rem;
}

/* ========== FORMS ========== */
.form-row {
  display:grid; grid-template-columns:1fr 1fr; gap:1rem;
}
.form-field { margin-bottom:1rem; }
.form-field label {
  display:block; font-size:0.75rem; font-weight:600;
  color:var(--text); margin-bottom:0.3rem;
  letter-spacing:0.02em;
}
.form-field input,
.form-field select,
.form-field textarea {
  width:100%; padding:0.7rem 0.9rem;
  border:1px solid var(--border); border-radius:var(--r-md);
  background:var(--bg); color:var(--text);
  font-size:0.875rem; transition:all 0.25s;
}
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
  outline:none; border-color:var(--accent);
  box-shadow:0 0 0 3px var(--accent-soft);
}
.form-field textarea { resize:vertical; min-height:100px; }
.form-field select {
  appearance:none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238A8A82' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 0.9rem center;
  padding-right:2.5rem;
}

/* ========== CERTIFICATIONS ========== */
.certs {
  padding:5rem 0;
  background:var(--navy);
  overflow:hidden;
}
.certs__inner {
  display:grid; grid-template-columns:1fr 1fr;
  gap:4rem; align-items:center;
}
.certs__title {
  font-family:var(--font-heading);
  font-size:clamp(1.75rem,4vw,2.5rem);
  font-weight:700; line-height:1.15;
  color:var(--text-inv); margin-bottom:1rem;
}
.certs__title em {
  font-family:var(--font-serif); font-weight:400;
  font-style:italic; color:var(--teal);
}
.certs__desc {
  font-size:0.9375rem; color:var(--text-inv-2); line-height:1.75;
}
.certs__badges {
  display:grid; grid-template-columns:1fr 1fr; gap:1rem;
}
.certs__badge {
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:var(--r-lg); padding:1.5rem;
  text-align:center;
  transition:all 0.3s var(--ease);
}
.certs__badge:hover {
  background:rgba(255,255,255,0.07);
  transform:translateY(-2px);
}
.certs__badge-icon {
  font-size:1.5rem; color:var(--teal);
  margin-bottom:0.75rem;
}
.certs__badge strong {
  display:block; font-size:0.875rem; font-weight:600;
  color:var(--text-inv); margin-bottom:0.2rem;
}
.certs__badge span {
  font-size:0.75rem; color:var(--text-inv-2);
}

/* ========== ABOUT ========== */
.about { padding:5rem 0; background:var(--bg-alt); }
.about__layout {
  display:grid; grid-template-columns:1.3fr 0.7fr;
  gap:4rem; align-items:start;
}
.about__main p {
  font-size:0.9375rem; color:var(--text-2);
  line-height:1.75; margin-bottom:1rem;
}
.about__side {
  display:grid; grid-template-columns:1fr 1fr; gap:1rem;
}
.about__fact {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--r-lg); padding:1.5rem; text-align:center;
  transition:all 0.3s var(--ease);
}
.about__fact:hover { transform:translateY(-2px); box-shadow:var(--sh-md); }
.about__fact-num {
  display:block; font-family:var(--font-heading);
  font-size:1.75rem; font-weight:800; color:var(--accent);
  line-height:1; margin-bottom:0.35rem;
}
.about__fact-label {
  font-size:0.75rem; color:var(--text-2); line-height:1.4;
}

/* ========== CONTACT ========== */
.contact { padding:5rem 0; }
.contact__layout {
  display:grid; grid-template-columns:1fr 1.1fr;
  gap:4rem; align-items:start;
}
.contact__info p {
  font-size:0.9375rem; color:var(--text-2);
  line-height:1.75; margin-bottom:2rem;
}
.contact__details { display:flex; flex-direction:column; gap:1.25rem; }
.contact__detail {
  display:flex; align-items:flex-start; gap:0.85rem;
}
.contact__detail > i {
  width:38px; height:38px;
  display:flex; align-items:center; justify-content:center;
  border-radius:var(--r-sm);
  background:var(--accent-soft); color:var(--accent);
  font-size:0.8rem; flex-shrink:0;
}
.contact__detail strong {
  display:block; font-size:0.8125rem; font-weight:600;
  margin-bottom:0.1rem;
}
.contact__detail a,
.contact__detail span {
  font-size:0.8125rem; color:var(--text-2);
}
.contact__detail a:hover { color:var(--accent); }

.contact__wholesale-note {
  display:flex; align-items:flex-start; gap:0.75rem;
  margin-top:2rem;
  background:var(--accent-soft);
  border:1px solid var(--accent-mid);
  border-radius:var(--r-md); padding:1rem;
}
.contact__wholesale-note > i {
  color:var(--accent); font-size:0.875rem; margin-top:0.15rem; flex-shrink:0;
}
.contact__wholesale-note p {
  font-size:0.8125rem; color:var(--text-2); line-height:1.6; margin:0;
}

.contact__form {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--r-xl); padding:2.25rem;
}
.contact__form h3 {
  font-size:1.25rem; font-weight:700; margin-bottom:1.5rem;
}

/* ========== FOOTER ========== */
.footer {
  background:var(--navy); color:var(--text-inv-2); padding:4rem 0 2rem;
}
.footer__top {
  display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr;
  gap:2.5rem; margin-bottom:3rem;
  padding-bottom:2rem; border-bottom:1px solid rgba(255,255,255,0.06);
}
.footer__desc {
  font-size:0.8125rem; color:var(--text-inv-2);
  margin-top:1rem; line-height:1.7;
}
.footer__col h4 {
  color:var(--text-inv); font-size:0.75rem; font-weight:700;
  text-transform:uppercase; letter-spacing:0.1em;
  margin-bottom:1rem;
}
.footer__col a {
  display:block; font-size:0.8125rem; color:var(--text-inv-2);
  margin-bottom:0.5rem; transition:color 0.2s;
}
.footer__col a:hover { color:var(--text-inv); }
.footer__bottom {
  display:flex; justify-content:space-between;
  font-size:0.75rem; color:rgba(255,255,255,0.3);
}

/* ========== ANIMATIONS ========== */
@keyframes fadeInUp {
  from { opacity:0; transform:translateY(20px); }
  to   { opacity:1; transform:translateY(0); }
}
@keyframes fadeInDown {
  from { opacity:0; transform:translateY(-14px); }
  to   { opacity:1; transform:translateY(0); }
}

[data-reveal] {
  opacity:0; transform:translateY(24px);
  transition:opacity 0.65s var(--ease), transform 0.65s var(--ease);
}
[data-reveal].revealed {
  opacity:1; transform:translateY(0);
}

/* ========== RESPONSIVE ========== */
@media (max-width:1024px) {
  .hero__content { grid-template-columns:1fr; gap:2.5rem; }
  .hero__right { order:-1; }
  .products__grid { grid-template-columns:repeat(3,1fr); }
  .certs__inner { grid-template-columns:1fr; gap:2rem; }
  .about__layout { grid-template-columns:1fr; gap:2rem; }
  .contact__layout { grid-template-columns:1fr; gap:2.5rem; }
  .support__layout { grid-template-columns:1fr; gap:2.5rem; }
  .footer__top { grid-template-columns:1fr 1fr; }
}

@media (max-width:768px) {
  .nav__center, .nav__right { display:none; }
  .nav__burger { display:flex; }
  
  .hero { padding:6rem 0 3rem; min-height:auto; }
  .hero__title { font-size:clamp(1.875rem,7vw,2.5rem); }
  .hero__stats-card { flex-direction:column; gap:1rem; }
  .hero__stat-sep { width:48px; height:1px; }
  
  .audience__grid { grid-template-columns:1fr; }
  .products__grid { grid-template-columns:repeat(2,1fr); }
  .tech__grid { grid-template-columns:1fr; }
  .certs__badges { grid-template-columns:1fr 1fr; }
  .about__side { grid-template-columns:1fr 1fr; }
  .form-row { grid-template-columns:1fr; }
  .footer__top { grid-template-columns:1fr; }
  .footer__bottom { flex-direction:column; gap:0.5rem; text-align:center; }
}

@media (max-width:480px) {
  .products__grid { grid-template-columns:1fr; }
  .hero__actions { flex-direction:column; }
  .hero__actions .btn { width:100%; }
  .certs__badges { grid-template-columns:1fr; }
  .about__side { grid-template-columns:1fr; }
}