:root{--bg:#031017;--bg2:#061722;--card:rgba(12,31,46,.78);--border:rgba(141,245,237,.18);--border2:rgba(141,245,237,.34);--text:#f4fbfd;--muted:#c6dbe3;--teal:#3ee0d0;--cyan:#75d9ff;--shadow:0 28px 90px rgba(0,0,0,.38);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 20% 0%,rgba(62,224,208,.12),transparent 30%),radial-gradient(circle at 84% 12%,rgba(117,217,255,.1),transparent 32%),linear-gradient(180deg,var(--bg),var(--bg2) 42%,#04111a);line-height:1.58;-webkit-font-smoothing:antialiased}
a{color:var(--teal)}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 6vw;background:rgba(3,16,23,.78);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-weight:850;letter-spacing:-.035em;font-size:21px}.brand img{height:38px;width:auto;display:block;filter:drop-shadow(0 0 10px rgba(62,224,208,.25))}
nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}nav a{color:#d7e7ed;text-decoration:none;font-size:14px;font-weight:700;opacity:.88}nav a:hover{color:#fff;opacity:1}
.hero,.page-hero{position:relative;overflow:hidden;padding:104px 6vw 78px;border-bottom:1px solid rgba(255,255,255,.07)}.hero:before,.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(141,245,237,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(141,245,237,.055) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 88%);pointer-events:none}.hero:after,.page-hero:after{content:"";position:absolute;width:520px;height:520px;right:-120px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(62,224,208,.18),transparent 70%);filter:blur(10px);pointer-events:none}
.hero-inner,.hero-grid{position:relative;z-index:2;max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(330px,.84fr);gap:44px;align-items:center}.eyebrow{margin:0 0 16px;color:var(--teal);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.19em}h1,h2,h3{color:var(--text);margin-top:0;letter-spacing:-.045em}h1{font-size:clamp(46px,7vw,82px);line-height:.93;margin-bottom:24px;font-weight:900;max-width:850px}h2{font-size:clamp(32px,4.4vw,58px);line-height:1;margin-bottom:20px;font-weight:880;max-width:900px}h3{font-size:21px;line-height:1.15;margin-bottom:10px;font-weight:820}p{color:var(--muted);font-size:17px}.hero p,.page-hero p{font-size:19px;line-height:1.68;max-width:775px;color:#d5e7ee}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 18px;border-radius:999px;text-decoration:none;font-weight:850;font-size:14px;transition:.18s}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(135deg,var(--teal),var(--cyan));color:#031017;box-shadow:0 14px 36px rgba(62,224,208,.22)}.button.secondary{color:var(--text);border:1px solid var(--border2);background:rgba(255,255,255,.035)}.keyword-strip{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px}.keyword-strip span{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border-radius:999px;color:#eafffd;background:rgba(62,224,208,.095);border:1px solid rgba(141,245,237,.24);font-size:13px;font-weight:800}
.logo-hero-card,.warehouse-panel,.risk-panel{position:relative;padding:1px;border-radius:32px;background:linear-gradient(135deg,rgba(141,245,237,.36),rgba(117,217,255,.12),rgba(255,255,255,.08));box-shadow:var(--shadow)}.scan-card,.risk-card,.logo-card-inner{border-radius:31px;padding:26px;background:linear-gradient(180deg,rgba(14,38,55,.96),rgba(7,20,31,.98));border:1px solid rgba(255,255,255,.07)}.logo-card-inner img{max-width:100%;display:block;margin:20px auto}.status-pill{display:inline-flex;align-items:center;min-height:30px;padding:7px 11px;border-radius:999px;color:#04202b;background:linear-gradient(135deg,var(--teal),var(--cyan));font-weight:900;font-size:11px;letter-spacing:.08em}.scan-row{display:flex;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#bdd3dd;font-size:15px}.scan-row:last-child{border-bottom:0}.scan-row strong{color:#fff;font-weight:850}
.section{max-width:var(--max);margin:0 auto;padding:88px 6vw}.two-column{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:32px;align-items:start}.seo-note,.feature-card,.step,.card{border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),var(--card);border:1px solid var(--border);box-shadow:0 20px 70px rgba(0,0,0,.2)}.seo-note{padding:28px}.feature-grid,.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.feature-card,.card{min-height:210px;padding:26px;transition:.18s}.feature-card:hover,.card:hover{transform:translateY(-5px);border-color:var(--border2);background:linear-gradient(180deg,rgba(62,224,208,.075),rgba(255,255,255,.025)),rgba(14,38,55,.92)}.feature-card p,.step p,.seo-note p,.card p{color:#c9dce4;margin-bottom:0}.card a{display:inline-flex;margin-top:14px;font-weight:850;text-decoration:none}
.process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}.step{padding:24px}.step-number{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;margin-bottom:18px;background:linear-gradient(135deg,var(--teal),var(--cyan));color:#031017;font-weight:950}.check-list{list-style:none;padding:0;margin:22px 0 0}.check-list li{position:relative;padding:11px 0 11px 34px;color:#d1e2e8;line-height:1.55}.check-list li:before{content:"✓";position:absolute;left:0;top:11px;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:rgba(62,224,208,.13);color:var(--teal);font-weight:950;font-size:13px}
.cta{max-width:calc(var(--max) - 12vw);margin:60px auto 90px;padding:54px;border-radius:34px;background:radial-gradient(circle at 80% 0%,rgba(62,224,208,.19),transparent 36%),linear-gradient(135deg,rgba(14,48,65,.95),rgba(6,23,34,.95));border:1px solid var(--border2);box-shadow:var(--shadow)}footer{padding:38px 6vw;background:#030d14;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#c5d7df}.footer-brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:850}footer img{height:34px;width:auto}
.risk-meter{height:12px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin:14px 0 22px}.risk-meter span{display:block;height:100%;width:68%;background:linear-gradient(90deg,#3ee0d0,#ffd166,#ff8a65)}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.metric{padding:16px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.metric strong{display:block;color:#fff;font-size:24px;letter-spacing:-.04em}.metric span{color:#bdd3dd;font-size:12px;font-weight:750}
@media(max-width:960px){.hero-grid,.hero-inner,.two-column{grid-template-columns:1fr}.feature-grid,.process,.cards{grid-template-columns:1fr}.site-header{align-items:flex-start;flex-direction:column}nav{gap:14px}.cta{margin-left:6vw;margin-right:6vw;padding:34px}}@media(max-width:560px){.page-hero,.hero{padding-top:76px}.section{padding-top:68px;padding-bottom:68px}h1{font-size:43px}.button{width:100%}.metric-grid{grid-template-columns:1fr}}


/* ===== v2 refinements: hybrid light header + richer footer ===== */
.site-header{
  background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(7,20,31,.10);
  backdrop-filter:blur(18px);
}
.brand{color:#071421}
nav a{color:#17303d;opacity:.88}
nav a:hover{color:#071421}
.brand img{filter:drop-shadow(0 0 8px rgba(62,224,208,.22))}

.solution-preview-card{
  border-radius:31px;
  padding:26px;
  background:linear-gradient(180deg,rgba(14,38,55,.96),rgba(7,20,31,.98));
  border:1px solid rgba(255,255,255,.07);
}
.solution-preview-card h3{
  font-size:28px;
  line-height:1.05;
  margin:18px 0 12px;
}
.preview-list{
  display:grid;
  gap:12px;
  margin-top:22px;
}
.preview-item{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:#bdd3dd;
}
.preview-item:last-child{border-bottom:0}
.preview-item strong{color:#fff}

.site-footer{
  padding:0;
  background:#030d14;
  border-top:1px solid rgba(255,255,255,.08);
  color:#c5d7df;
}
.footer-main{
  max-width:1180px;
  margin:0 auto;
  padding:54px 6vw 38px;
  display:grid;
  grid-template-columns:1.2fr repeat(4, minmax(140px,1fr));
  gap:34px;
}
.footer-brand-block img{
  height:42px;
  width:auto;
  margin-bottom:14px;
}
.footer-brand-block h3{
  margin:0 0 10px;
  font-size:24px;
}
.footer-brand-block p{
  font-size:15px;
  color:#b9ced7;
}
.footer-col h4{
  color:#fff;
  margin:0 0 14px;
  font-size:13px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.footer-col a{
  display:block;
  color:#b9ced7;
  text-decoration:none;
  margin:9px 0;
  font-size:14px;
}
.footer-col a:hover{color:#3ee0d0}
.footer-bottom{
  max-width:1180px;
  margin:0 auto;
  padding:20px 6vw 30px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  color:#8fa7b3;
  font-size:13px;
}
.footer-bottom a{
  color:#8fa7b3;
  text-decoration:none;
  margin-left:18px;
}
.footer-bottom a:hover{color:#3ee0d0}

@media(max-width:960px){
  .footer-main{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .footer-main{grid-template-columns:1fr}
  .footer-bottom a{margin-left:0;margin-right:14px}
}


/* ===== v3 mobile hamburger navigation ===== */
.nav-toggle{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.hamburger{
  display:none;
  width:44px;
  height:44px;
  border-radius:14px;
  border:1px solid rgba(7,20,31,.14);
  background:rgba(255,255,255,.72);
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
}

.hamburger span{
  display:block;
  width:20px;
  height:2px;
  border-radius:999px;
  background:#071421;
  transition:transform .2s ease, opacity .2s ease;
}

.primary-nav{
  display:flex;
  align-items:center;
  gap:22px;
  flex-wrap:wrap;
}

@media(max-width:820px){
  .site-header{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:14px;
  }

  .hamburger{
    display:flex;
    justify-self:end;
  }

  .primary-nav{
    grid-column:1 / -1;
    display:none;
    width:100%;
    padding:14px;
    border-radius:22px;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(7,20,31,.10);
    box-shadow:0 18px 60px rgba(7,20,31,.12);
  }

  .primary-nav a{
    display:block;
    width:100%;
    padding:13px 12px;
    border-radius:14px;
    color:#071421;
    background:rgba(7,20,31,.035);
  }

  .primary-nav a:hover{
    background:rgba(62,224,208,.12);
  }

  .nav-toggle:checked ~ .primary-nav{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }

  .nav-toggle:checked + .hamburger span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }
  .nav-toggle:checked + .hamburger span:nth-child(2){
    opacity:0;
  }
  .nav-toggle:checked + .hamburger span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }
}

/* Override earlier mobile header stacking so hamburger layout controls mobile nav */
@media(max-width:960px){
  .site-header{
    align-items:center;
    flex-direction:initial;
  }
}


/* ===== v4 premium contact section ===== */
.contact-section{
  max-width:1180px;
  margin:40px auto 90px;
  padding:0 6vw;
}

.contact-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);
  gap:34px;
  padding:54px;
  border-radius:34px;
  background:
    radial-gradient(circle at 84% 10%, rgba(62,224,208,.18), transparent 34%),
    linear-gradient(135deg, rgba(14,48,65,.95), rgba(6,23,34,.97));
  border:1px solid rgba(141,245,237,.34);
  box-shadow:0 28px 90px rgba(0,0,0,.38);
}

.contact-highlights{
  display:grid;
  gap:14px;
  margin-top:28px;
}

.contact-highlights div{
  padding:16px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}

.contact-highlights strong{
  display:block;
  color:#fff;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:4px;
}

.contact-highlights span{
  color:#c9dce4;
  font-size:15px;
}

.contact-form{
  display:grid;
  gap:16px;
  padding:26px;
  border-radius:28px;
  background:rgba(3,16,23,.62);
  border:1px solid rgba(255,255,255,.10);
}

.form-row{
  display:grid;
  gap:8px;
}

.two-fields{
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.contact-form label{
  color:#f4fbfd;
  font-size:13px;
  font-weight:800;
  letter-spacing:.02em;
}

.contact-form input,
.contact-form select,
.contact-form textarea{
  width:100%;
  border:1px solid rgba(141,245,237,.18);
  background:rgba(255,255,255,.07);
  color:#f4fbfd;
  border-radius:16px;
  padding:14px 14px;
  font:inherit;
  outline:none;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder{
  color:#8fa7b3;
}

.contact-form select option{
  color:#071421;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
  border-color:rgba(62,224,208,.72);
  box-shadow:0 0 0 4px rgba(62,224,208,.12);
}

.form-submit{
  border:0;
  cursor:pointer;
  margin-top:4px;
}

.form-note{
  margin:0;
  font-size:13px;
  color:#90aab6;
}

@media(max-width:900px){
  .contact-grid{grid-template-columns:1fr;padding:34px}
  .two-fields{grid-template-columns:1fr}
}

/* ===== v5 real backend contact form ===== */
.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important;height:0!important;width:0!important;pointer-events:none!important}
.form-status{min-height:22px;font-size:14px;font-weight:700;color:#c9dce4}
.form-status.success{color:#3ee0d0}
.form-status.error{color:#ffb4a8}
.form-submit[disabled]{opacity:.7;cursor:not-allowed;transform:none}

/* ===== v7 clean contact + theme toggle ===== */
.theme-toggle{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 12px;border-radius:999px;border:1px solid rgba(7,20,31,.14);background:rgba(255,255,255,.72);color:#071421;font-weight:800;cursor:pointer}.theme-toggle-icon{font-size:16px;line-height:1}.theme-toggle-text{font-size:13px}
@media(max-width:820px){.theme-toggle{justify-self:end;grid-column:2;grid-row:1;margin-right:52px}}
html[data-theme="light"] body{color:#071421;background:radial-gradient(circle at 20% 0%,rgba(62,224,208,.16),transparent 30%),radial-gradient(circle at 84% 12%,rgba(117,217,255,.18),transparent 32%),linear-gradient(180deg,#f7fbfc,#edf6f8 42%,#fff)}
html[data-theme="light"] .hero,html[data-theme="light"] .page-hero{background:radial-gradient(circle at 82% 18%,rgba(62,224,208,.16),transparent 34%),linear-gradient(135deg,#fff,#eef8fa)}
html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3{color:#071421}
html[data-theme="light"] p,html[data-theme="light"] .feature-card p,html[data-theme="light"] .step p,html[data-theme="light"] .seo-note p,html[data-theme="light"] .card p{color:#33505e}
html[data-theme="light"] .feature-card,html[data-theme="light"] .step,html[data-theme="light"] .card,html[data-theme="light"] .seo-note{background:rgba(255,255,255,.82);border-color:rgba(7,20,31,.10);box-shadow:0 20px 70px rgba(7,20,31,.08)}
html[data-theme="light"] .logo-hero-card,html[data-theme="light"] .warehouse-panel,html[data-theme="light"] .risk-panel{background:linear-gradient(135deg,rgba(62,224,208,.32),rgba(117,217,255,.18),rgba(7,20,31,.08));box-shadow:0 28px 90px rgba(7,20,31,.12)}
html[data-theme="light"] .scan-card,html[data-theme="light"] .risk-card,html[data-theme="light"] .logo-card-inner,html[data-theme="light"] .solution-preview-card{background:linear-gradient(180deg,#fff,#f1f8fa);border-color:rgba(7,20,31,.10)}
html[data-theme="light"] .scan-row,html[data-theme="light"] .preview-item{color:#33505e;border-bottom-color:rgba(7,20,31,.10)}
html[data-theme="light"] .scan-row strong,html[data-theme="light"] .preview-item strong,html[data-theme="light"] .contact-highlights strong,html[data-theme="light"] .contact-form label{color:#071421}
html[data-theme="light"] .contact-grid,html[data-theme="light"] .cta{background:radial-gradient(circle at 84% 10%,rgba(62,224,208,.20),transparent 34%),linear-gradient(135deg,#fff,#eef8fa);border-color:rgba(7,20,31,.10);box-shadow:0 28px 90px rgba(7,20,31,.10)}
html[data-theme="light"] .contact-form{background:rgba(255,255,255,.84);border-color:rgba(7,20,31,.10)}
html[data-theme="light"] .contact-form input,html[data-theme="light"] .contact-form select,html[data-theme="light"] .contact-form textarea{background:#fff;color:#071421;border-color:rgba(7,20,31,.14)}
html[data-theme="light"] .contact-highlights div{background:rgba(255,255,255,.72);border-color:rgba(7,20,31,.10)}
html[data-theme="light"] .contact-highlights span,html[data-theme="light"] .form-note{color:#33505e}
html[data-theme="light"] .keyword-strip span{color:#07333a;background:rgba(62,224,208,.16);border-color:rgba(7,20,31,.10)}
html[data-theme="light"] .site-footer,html[data-theme="light"] footer{background:#030d14;color:#c5d7df}


/* ===== v8 premium theme toggle ===== */
.theme-toggle{
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:0;
  background:transparent;
  color:#071421;
  font-weight:850;
  cursor:pointer;
  padding:0;
  white-space:nowrap;
}

.theme-track{
  position:relative;
  display:inline-grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  width:62px;
  height:34px;
  padding:3px;
  border-radius:999px;
  background:linear-gradient(135deg,#eaf6f8,#ffffff);
  border:1px solid rgba(7,20,31,.14);
  box-shadow:inset 0 1px 2px rgba(7,20,31,.06),0 10px 26px rgba(7,20,31,.10);
}

.theme-sun,
.theme-moon{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  height:28px;
  width:28px;
  font-size:14px;
  line-height:1;
}

.theme-sun{color:#0d6170}
.theme-moon{color:#506570}

.theme-thumb{
  position:absolute;
  top:3px;
  left:3px;
  width:28px;
  height:28px;
  border-radius:999px;
  background:linear-gradient(135deg,#3ee0d0,#75d9ff);
  box-shadow:0 8px 18px rgba(62,224,208,.26);
  transition:transform .22s ease,background .22s ease;
  z-index:1;
}

html[data-theme="dark"] .theme-thumb{
  transform:translateX(28px);
  background:linear-gradient(135deg,#071421,#17303d);
  box-shadow:0 8px 18px rgba(7,20,31,.35);
}

html[data-theme="dark"] .theme-track{
  background:linear-gradient(135deg,#0b2332,#061722);
  border-color:rgba(141,245,237,.24);
}

html[data-theme="dark"] .theme-sun{color:#8fa7b3}
html[data-theme="dark"] .theme-moon{color:#eaf7fb}
html[data-theme="dark"] .theme-toggle{color:#d7e7ed}

.theme-label{
  font-size:13px;
  letter-spacing:-.01em;
}

.theme-toggle-mobile{
  display:none;
}

@media(min-width:821px){
  .theme-toggle-desktop{
    order:2;
  }
  .primary-nav{
    order:3;
  }
}

@media(max-width:820px){
  .theme-toggle-desktop{
    display:none;
  }

  .theme-toggle-mobile{
    display:flex;
    width:100%;
    justify-content:space-between;
    padding:13px 12px;
    border-radius:16px;
    background:rgba(7,20,31,.04);
    color:#071421;
  }

  .primary-nav .theme-toggle-mobile{
    margin-bottom:6px;
  }

  html[data-theme="dark"] .theme-toggle-mobile{
    background:rgba(255,255,255,.06);
    color:#eaf7fb;
  }

  .theme-toggle-mobile .theme-label{
    font-size:14px;
  }
}

/* Neutralize old theme-toggle mobile positioning from v7 */
@media(max-width:820px){
  .theme-toggle{
    justify-self:initial;
    grid-column:auto;
    grid-row:auto;
    margin-right:0;
  }
}


/* ===== v9 fixed visible theme toggle/header layout ===== */
.site-header{
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  align-items:center !important;
  gap:22px !important;
}

.site-header .brand{
  grid-column:1 !important;
}

.site-header .primary-nav{
  grid-column:2 !important;
  justify-self:center !important;
  display:flex;
  align-items:center;
  gap:22px;
}

.theme-toggle-desktop{
  grid-column:3 !important;
  justify-self:end !important;
  display:inline-flex !important;
  align-items:center !important;
  z-index:50 !important;
  position:relative !important;
  pointer-events:auto !important;
}

.theme-toggle{
  min-width:max-content;
}

.theme-track{
  flex:0 0 auto;
}

.hamburger{
  display:none;
}

.theme-toggle-mobile{
  display:none !important;
}

@media(max-width:900px){
  .site-header{
    grid-template-columns:1fr auto !important;
    gap:14px !important;
  }

  .site-header .brand{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  .hamburger{
    display:flex !important;
    grid-column:2 !important;
    grid-row:1 !important;
    justify-self:end !important;
    z-index:70 !important;
  }

  .theme-toggle-desktop{
    display:none !important;
  }

  .site-header .primary-nav{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    justify-self:stretch !important;
    display:none !important;
    width:100% !important;
    padding:14px !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(7,20,31,.10) !important;
    box-shadow:0 18px 60px rgba(7,20,31,.12) !important;
  }

  .nav-toggle:checked ~ .primary-nav{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .primary-nav a{
    display:block !important;
    width:100% !important;
    padding:13px 12px !important;
    border-radius:14px !important;
    color:#071421 !important;
    background:rgba(7,20,31,.035) !important;
  }

  .theme-toggle-mobile{
    display:flex !important;
    width:100% !important;
    justify-content:space-between !important;
    align-items:center !important;
    padding:13px 12px !important;
    border-radius:16px !important;
    background:rgba(62,224,208,.12) !important;
    color:#071421 !important;
    border:1px solid rgba(7,20,31,.08) !important;
    margin-bottom:6px !important;
  }

  html[data-theme="dark"] .primary-nav{
    background:rgba(3,16,23,.96) !important;
    border-color:rgba(141,245,237,.18) !important;
  }

  html[data-theme="dark"] .primary-nav a{
    color:#eaf7fb !important;
    background:rgba(255,255,255,.06) !important;
  }

  html[data-theme="dark"] .theme-toggle-mobile{
    color:#eaf7fb !important;
    background:rgba(62,224,208,.12) !important;
    border-color:rgba(141,245,237,.18) !important;
  }
}


/* ===== v10 header alignment + contrast fixes ===== */
.site-header{
  grid-template-columns:auto 1fr auto !important;
}

.site-header .primary-nav{
  justify-self:end !important;
  margin-left:auto !important;
}

.theme-toggle-desktop{
  margin-left:6px !important;
}

.theme-toggle,
html[data-theme="dark"] .theme-toggle{
  color:#071421 !important;
}

.theme-label,
html[data-theme="dark"] .theme-label{
  color:#071421 !important;
  font-weight:900 !important;
}

html[data-theme="dark"] .site-header{
  background:rgba(255,255,255,.94) !important;
}

html[data-theme="dark"] .site-header nav a,
html[data-theme="dark"] .site-header .primary-nav a{
  color:#17303d !important;
}

html[data-theme="dark"] .site-header nav a:hover,
html[data-theme="dark"] .site-header .primary-nav a:hover{
  color:#071421 !important;
}

/* Footer headline contrast: keep footer intentionally dark in all themes */
.site-footer .footer-brand-block h3,
footer .footer-brand-block h3,
html[data-theme="light"] .site-footer .footer-brand-block h3,
html[data-theme="light"] footer .footer-brand-block h3{
  color:#ffffff !important;
}

.site-footer .footer-brand-block p,
footer .footer-brand-block p,
html[data-theme="light"] .site-footer .footer-brand-block p,
html[data-theme="light"] footer .footer-brand-block p{
  color:#c5d7df !important;
}

/* Mobile: keep nav full width inside hamburger, theme readable */
@media(max-width:900px){
  .site-header .primary-nav{
    justify-self:stretch !important;
    margin-left:0 !important;
  }

  html[data-theme="dark"] .theme-toggle-mobile,
  html[data-theme="dark"] .theme-toggle-mobile .theme-label{
    color:#eaf7fb !important;
  }

  html[data-theme="dark"] .primary-nav a{
    color:#eaf7fb !important;
  }
}

/* ===== v11 legal pages ===== */
.legal-hero{padding-bottom:54px}.legal-hero-grid{grid-template-columns:1fr}.legal-content{max-width:920px}.legal-content h2{font-size:clamp(24px,3vw,34px);line-height:1.1;margin-top:42px;margin-bottom:12px}.legal-content p{font-size:17px;line-height:1.75}.legal-note{margin-top:44px;padding:18px 20px;border-radius:20px;background:rgba(62,224,208,.10);border:1px solid rgba(141,245,237,.24)}

/* ===== v12 products dropdown + analytics page ===== */
.nav-dropdown{position:relative;display:inline-flex;align-items:center;color:#17303d;font-weight:700;font-size:14px;line-height:1}
.nav-dropdown summary{list-style:none;cursor:pointer;border-radius:999px;padding:6px 0;color:#17303d;opacity:.88;user-select:none;font-size:14px;font-weight:700;line-height:1.2}
.nav-dropdown summary::-webkit-details-marker{display:none}
.nav-dropdown summary::after{content:"▾";font-size:11px;margin-left:6px;color:#0d6170}
.nav-dropdown-menu{position:absolute;top:calc(100% + 14px);right:0;min-width:236px;padding:10px;border-radius:20px;background:rgba(255,255,255,.98);border:1px solid rgba(7,20,31,.10);box-shadow:0 22px 70px rgba(7,20,31,.16);display:none;z-index:100}
.nav-dropdown[open] .nav-dropdown-menu,.nav-dropdown:hover .nav-dropdown-menu{display:grid;gap:6px}
.nav-dropdown-menu a{display:block!important;width:100%;padding:12px 14px!important;border-radius:14px!important;color:#071421!important;text-decoration:none;background:transparent!important;white-space:nowrap}
.nav-dropdown-menu a:hover{background:rgba(62,224,208,.13)!important;color:#071421!important}
html[data-theme="dark"] .site-header .nav-dropdown summary{color:#17303d!important}
.product-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.analytics-hero{position:relative;overflow:hidden;padding:120px 6vw 84px;background:radial-gradient(circle at 82% 18%,rgba(59,130,246,.28),transparent 34%),radial-gradient(circle at 12% 80%,rgba(20,184,166,.20),transparent 34%),linear-gradient(135deg,#071421,#061722 55%,#0e2637)}
.analytics-hero-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:44px;align-items:center}.analytics-hero h1{font-size:clamp(42px,5vw,62px);line-height:1.02;letter-spacing:-.055em}.analytics-hero p{max-width:740px;color:#c9dce4;font-size:19px;line-height:1.75}.trace-card,.analytics-callout,.analytics-note,.analytics-step-list article,.endpoint-groups article,.powerbi-grid article{border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03)),rgba(14,38,55,.72);border:1px solid rgba(255,255,255,.10);box-shadow:0 20px 70px rgba(0,0,0,.22)}.trace-card{padding:26px}.trace-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.trace-card-head span{display:block;color:#bdd3dd;font-size:14px}.trace-card-head h3{margin:4px 0 0;font-size:25px}.trace-icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:rgba(62,224,208,.14);color:#3ee0d0;font-weight:950}.trace-steps{display:grid;gap:14px}.trace-steps div{display:flex;align-items:center;gap:14px;padding:14px;border-radius:20px;background:rgba(3,16,23,.48);border:1px solid rgba(255,255,255,.08)}.trace-steps strong,.analytics-step-list strong{width:36px;height:36px;flex:0 0 36px;border-radius:999px;display:grid;place-items:center;background:rgba(62,224,208,.15);color:#bdfcf6}.trace-steps span,.analytics-step-list span{display:grid;gap:3px}.trace-steps b,.analytics-step-list b{color:#fff}.trace-steps small,.analytics-step-list small{color:#9fb8c3;line-height:1.45}.analytics-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:34px 6vw;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(14,38,55,.76);text-align:center}.analytics-stats div{display:grid;gap:6px}.analytics-stats strong{font-size:34px;color:#fff;letter-spacing:-.04em}.analytics-stats span{color:#a9c0cb;font-size:14px}.analytics-dark-section{max-width:none;background:#071421}.analytics-dark-section>p,.analytics-dark-section>h2,.analytics-dark-section>.feature-grid{max-width:1180px;margin-left:auto;margin-right:auto}.analytics-callout,.analytics-note{padding:24px}.analytics-callout p,.analytics-note{color:#d7e7ed}.analytics-note{margin-top:24px;background:rgba(62,224,208,.10);border-color:rgba(141,245,237,.24)}.analytics-step-list{display:grid;gap:14px}.analytics-step-list article{display:flex;gap:16px;padding:22px}.analytics-api-grid{align-items:start}.endpoint-label{margin-top:28px}.endpoint-groups{display:grid;gap:14px}.endpoint-groups article{padding:22px}.endpoint-groups h3{font-size:17px;margin-bottom:12px}.endpoint-groups code{display:block;min-width:0;overflow-wrap:anywhere;word-break:break-word;margin-top:8px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);color:#bdfcf6;font-size:13px;line-height:1.45}.powerbi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}.powerbi-grid article{overflow:hidden}.powerbi-grid h3,.powerbi-grid p{padding:0 20px}.powerbi-grid h3{margin-top:18px}.powerbi-grid p{color:#bdd3dd;margin-bottom:22px;font-size:14px}.dashboard-card{height:164px;padding:18px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;background:linear-gradient(135deg,rgba(62,224,208,.22),rgba(117,217,255,.12)),rgba(3,16,23,.76)}.dashboard-card span{display:block;border-radius:14px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.10)}.dashboard-card span:first-child{grid-row:1 / -1}.dashboard-card.sales span:first-child{background:linear-gradient(180deg,rgba(62,224,208,.35),rgba(62,224,208,.10))}.dashboard-card.inventory span:first-child{background:linear-gradient(180deg,rgba(255,209,102,.33),rgba(255,209,102,.10))}.dashboard-card.warehouse span:first-child{background:linear-gradient(180deg,rgba(117,217,255,.34),rgba(117,217,255,.10))}.dashboard-card.trace span:first-child{background:linear-gradient(180deg,rgba(141,245,237,.36),rgba(141,245,237,.10))}
html[data-theme="light"] .analytics-hero{background:radial-gradient(circle at 82% 18%,rgba(62,224,208,.16),transparent 34%),linear-gradient(135deg,#fff,#eef8fa)}
html[data-theme="light"] .analytics-hero p,html[data-theme="light"] .analytics-stats span{color:#33505e}html[data-theme="light"] .trace-card,html[data-theme="light"] .analytics-callout,html[data-theme="light"] .analytics-note,html[data-theme="light"] .analytics-step-list article,html[data-theme="light"] .endpoint-groups article,html[data-theme="light"] .powerbi-grid article{background:rgba(255,255,255,.82);border-color:rgba(7,20,31,.10);box-shadow:0 20px 70px rgba(7,20,31,.08)}html[data-theme="light"] .trace-steps div,html[data-theme="light"] .endpoint-groups code{background:rgba(7,20,31,.035);border-color:rgba(7,20,31,.08);color:#0d6170}html[data-theme="light"] .trace-steps b,html[data-theme="light"] .analytics-step-list b{color:#071421}html[data-theme="light"] .trace-steps small,html[data-theme="light"] .analytics-step-list small{color:#33505e}html[data-theme="light"] .analytics-stats{background:#fff;border-color:rgba(7,20,31,.08)}html[data-theme="light"] .analytics-stats strong{color:#071421}html[data-theme="light"] .analytics-dark-section{background:#f4fbfd}html[data-theme="light"] .analytics-note{background:rgba(62,224,208,.14)}html[data-theme="light"] .powerbi-grid p{color:#33505e}
@media(max-width:1100px){.product-cards,.powerbi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.nav-dropdown{display:block;width:100%}.nav-dropdown summary{display:block;width:100%;padding:13px 12px!important;border-radius:14px!important;background:rgba(7,20,31,.035)!important;color:#071421!important}.nav-dropdown-menu{position:static;display:none;margin-top:8px;min-width:0;box-shadow:none;background:transparent;border:0;padding:0 0 0 12px}.nav-dropdown[open] .nav-dropdown-menu{display:grid}.primary-nav .nav-dropdown-menu a{white-space:normal!important}.analytics-hero-grid{grid-template-columns:1fr}.analytics-stats{grid-template-columns:1fr}.analytics-hero{padding-top:88px}.analytics-hero h1{font-size:42px}.analytics-hero p{font-size:17px}}
@media(max-width:620px){.product-cards,.powerbi-grid{grid-template-columns:1fr}.endpoint-groups code{font-size:12px}.analytics-step-list article{padding:18px}.trace-card{padding:18px}}


/* ===== v13 contrast + capability icon polish ===== */
.feature-card.with-icon h3,
.feature-card h3:has(.feature-icon){display:flex;align-items:center;gap:12px}
.feature-icon{width:42px;height:42px;flex:0 0 42px;border-radius:16px;display:inline-grid;place-items:center;background:rgba(62,224,208,.14);border:1px solid rgba(141,245,237,.22);color:#8df5ed;font-size:20px;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
html[data-theme="light"] .feature-icon{background:#e6fbf9;border-color:rgba(13,97,112,.18);color:#0d6170;box-shadow:none}
html[data-theme="light"] .trace-steps strong,
html[data-theme="light"] .analytics-step-list strong{background:#dff8f6;color:#071421;border:1px solid rgba(13,97,112,.18);font-weight:900}
html[data-theme="light"] .trace-card-head span{color:#33505e}
html[data-theme="light"] .trace-icon{background:#dff8f6;color:#0d6170;border:1px solid rgba(13,97,112,.14)}
html[data-theme="light"] .check-list li{color:#17303d;background:rgba(255,255,255,.86);border-color:rgba(7,20,31,.10);box-shadow:0 10px 30px rgba(7,20,31,.05)}
html[data-theme="light"] .check-list li::before{background:#dff8f6;color:#0d6170;border:1px solid rgba(13,97,112,.16)}
html[data-theme="light"] .risk-panel .risk-card,
html[data-theme="light"] .warehouse-panel .scan-card{background:rgba(255,255,255,.88);border-color:rgba(7,20,31,.10);box-shadow:0 20px 70px rgba(7,20,31,.08)}
html[data-theme="light"] .risk-panel .scan-row,
html[data-theme="light"] .warehouse-panel .scan-row{background:rgba(7,20,31,.035);border-color:rgba(7,20,31,.08)}
html[data-theme="light"] .risk-panel .scan-row strong,
html[data-theme="light"] .warehouse-panel .scan-row strong{color:#071421}
html[data-theme="light"] .risk-panel .scan-row span,
html[data-theme="light"] .warehouse-panel .scan-row span{color:#33505e}


/* ===== v14 light-mode contrast fixes + analytics CTA polish ===== */
html[data-theme="light"] .button.primary{
  color:#031017!important;
  background:linear-gradient(135deg,#3ee0d0,#75d9ff)!important;
  border:1px solid rgba(13,97,112,.16);
  box-shadow:0 14px 34px rgba(13,97,112,.16);
}
html[data-theme="light"] .button.secondary{
  color:#071421!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(7,20,31,.18)!important;
  box-shadow:0 10px 28px rgba(7,20,31,.08);
}
html[data-theme="light"] .button.secondary:hover{
  color:#031017!important;
  background:#e6fbf9!important;
  border-color:rgba(13,97,112,.26)!important;
}
html[data-theme="light"] .analytics-note{
  color:#17303d!important;
  background:#e6fbf9!important;
  border-color:rgba(13,97,112,.18)!important;
}
html[data-theme="light"] .analytics-note strong{color:#071421!important}
html[data-theme="light"] .analytics-callout p,
html[data-theme="light"] .analytics-note{color:#17303d!important}
html[data-theme="light"] .metric{
  background:rgba(7,20,31,.035);
  border-color:rgba(7,20,31,.10);
}
html[data-theme="light"] .metric strong{color:#071421!important}
html[data-theme="light"] .metric span{color:#33505e!important}
html[data-theme="light"] .risk-meter{background:rgba(7,20,31,.10)}
html[data-theme="light"] .cta .button.secondary{
  color:#071421!important;
  background:rgba(255,255,255,.92)!important;
}
html[data-theme="light"] .page-hero .actions .button.secondary,
html[data-theme="light"] .analytics-hero .actions .button.secondary{
  color:#071421!important;
  background:rgba(255,255,255,.92)!important;
}

/* ===== v15 global light/dark contrast normalization ===== */
:root{
  --surface-light:#ffffff;
  --surface-light-2:#f4fbfd;
  --surface-dark:#071421;
  --surface-dark-2:#0e2637;
  --text-light:#071421;
  --text-light-muted:#33505e;
  --text-dark:#f4fbfd;
  --text-dark-muted:#c5d7df;
}

/* Header / desktop nav: keep the premium white header readable in both themes */
.site-header,
html[data-theme="dark"] .site-header,
html[data-theme="light"] .site-header{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid rgba(7,20,31,.10)!important;
}
.site-header .brand,
.site-header .brand span,
.site-header .primary-nav > a,
.site-header .nav-dropdown summary,
html[data-theme="dark"] .site-header .brand,
html[data-theme="dark"] .site-header .brand span,
html[data-theme="dark"] .site-header .primary-nav > a,
html[data-theme="dark"] .site-header .nav-dropdown summary,
html[data-theme="light"] .site-header .brand,
html[data-theme="light"] .site-header .brand span,
html[data-theme="light"] .site-header .primary-nav > a,
html[data-theme="light"] .site-header .nav-dropdown summary{
  color:#17303d!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.2!important;
  opacity:.92!important;
}
.site-header .primary-nav > a:hover,
.site-header .nav-dropdown summary:hover,
html[data-theme="dark"] .site-header .primary-nav > a:hover,
html[data-theme="dark"] .site-header .nav-dropdown summary:hover,
html[data-theme="light"] .site-header .primary-nav > a:hover,
html[data-theme="light"] .site-header .nav-dropdown summary:hover{
  color:#071421!important;
  opacity:1!important;
}

/* Dropdowns: explicit light/dark readable states, especially mobile dark mode */
.nav-dropdown-menu,
html[data-theme="light"] .nav-dropdown-menu{
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(7,20,31,.12)!important;
}
.nav-dropdown-menu a,
html[data-theme="light"] .nav-dropdown-menu a{
  color:#071421!important;
  background:transparent!important;
}
.nav-dropdown-menu a:hover,
html[data-theme="light"] .nav-dropdown-menu a:hover{
  background:rgba(62,224,208,.14)!important;
  color:#071421!important;
}

@media(max-width:900px){
  .site-header .primary-nav,
  html[data-theme="light"] .site-header .primary-nav{
    background:rgba(255,255,255,.98)!important;
    border-color:rgba(7,20,31,.12)!important;
    box-shadow:0 18px 60px rgba(7,20,31,.14)!important;
  }
  html[data-theme="dark"] .site-header .primary-nav{
    background:rgba(3,16,23,.98)!important;
    border-color:rgba(141,245,237,.22)!important;
    box-shadow:0 18px 60px rgba(0,0,0,.34)!important;
  }
  .site-header .primary-nav > a,
  .site-header .nav-dropdown summary,
  html[data-theme="light"] .site-header .primary-nav > a,
  html[data-theme="light"] .site-header .nav-dropdown summary{
    color:#071421!important;
    background:rgba(7,20,31,.045)!important;
    border:1px solid rgba(7,20,31,.06)!important;
  }
  html[data-theme="dark"] .site-header .primary-nav > a,
  html[data-theme="dark"] .site-header .nav-dropdown summary{
    color:#f4fbfd!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(141,245,237,.16)!important;
  }
  html[data-theme="dark"] .site-header .primary-nav > a:hover,
  html[data-theme="dark"] .site-header .nav-dropdown summary:hover{
    color:#ffffff!important;
    background:rgba(62,224,208,.16)!important;
  }
  .nav-dropdown-menu,
  html[data-theme="light"] .nav-dropdown-menu{
    background:rgba(255,255,255,.92)!important;
    border:1px solid rgba(7,20,31,.10)!important;
    padding:8px!important;
  }
  html[data-theme="dark"] .nav-dropdown-menu{
    background:rgba(6,23,34,.96)!important;
    border:1px solid rgba(141,245,237,.20)!important;
    padding:8px!important;
  }
  .primary-nav .nav-dropdown-menu a,
  html[data-theme="light"] .primary-nav .nav-dropdown-menu a{
    color:#071421!important;
    background:rgba(7,20,31,.035)!important;
    border:1px solid rgba(7,20,31,.06)!important;
  }
  html[data-theme="dark"] .primary-nav .nav-dropdown-menu a{
    color:#f4fbfd!important;
    background:rgba(255,255,255,.07)!important;
    border:1px solid rgba(141,245,237,.14)!important;
  }
  html[data-theme="dark"] .primary-nav .nav-dropdown-menu a:hover{
    color:#ffffff!important;
    background:rgba(62,224,208,.16)!important;
  }
}

/* Global button readability */
.button.primary,
html[data-theme="light"] .button.primary,
html[data-theme="dark"] .button.primary{
  color:#031017!important;
  background:linear-gradient(135deg,#3ee0d0,#75d9ff)!important;
  border:1px solid rgba(13,97,112,.16)!important;
}
.button.secondary,
html[data-theme="light"] .button.secondary{
  color:#071421!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(7,20,31,.18)!important;
}
html[data-theme="dark"] .button.secondary{
  color:#f4fbfd!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(141,245,237,.28)!important;
}
html[data-theme="dark"] .button.secondary:hover{
  color:#ffffff!important;
  background:rgba(62,224,208,.15)!important;
  border-color:rgba(141,245,237,.42)!important;
}

/* Cards / panels: readable text and counters in both themes */
html[data-theme="light"] .trace-steps strong,
html[data-theme="light"] .analytics-step-list strong,
html[data-theme="light"] .step-number{
  background:#dff8f6!important;
  color:#071421!important;
  border:1px solid rgba(13,97,112,.18)!important;
}
html[data-theme="dark"] .trace-steps strong,
html[data-theme="dark"] .analytics-step-list strong{
  background:rgba(62,224,208,.18)!important;
  color:#bdfcf6!important;
  border:1px solid rgba(141,245,237,.20)!important;
}
html[data-theme="light"] .trace-steps div,
html[data-theme="light"] .analytics-step-list article,
html[data-theme="light"] .analytics-note,
html[data-theme="light"] .analytics-callout,
html[data-theme="light"] .metric,
html[data-theme="light"] .scan-row,
html[data-theme="light"] .preview-item,
html[data-theme="light"] .contact-highlights div{
  color:#17303d!important;
  background:rgba(255,255,255,.90)!important;
  border-color:rgba(7,20,31,.10)!important;
}
html[data-theme="light"] .trace-steps b,
html[data-theme="light"] .analytics-step-list b,
html[data-theme="light"] .metric strong,
html[data-theme="light"] .scan-row strong,
html[data-theme="light"] .preview-item strong{
  color:#071421!important;
}
html[data-theme="light"] .trace-steps small,
html[data-theme="light"] .analytics-step-list small,
html[data-theme="light"] .metric span,
html[data-theme="light"] .scan-row span,
html[data-theme="light"] .preview-item span{
  color:#33505e!important;
}
html[data-theme="dark"] .analytics-note,
html[data-theme="dark"] .analytics-callout{
  color:#eaf7fb!important;
  background:rgba(62,224,208,.10)!important;
  border-color:rgba(141,245,237,.24)!important;
}

/* Feature icons and capability cards remain visible in both themes */
.feature-icon,
html[data-theme="dark"] .feature-icon{
  background:rgba(62,224,208,.14)!important;
  border:1px solid rgba(141,245,237,.24)!important;
  color:#8df5ed!important;
}
html[data-theme="light"] .feature-icon{
  background:#e6fbf9!important;
  border-color:rgba(13,97,112,.18)!important;
  color:#0d6170!important;
}


/* ===== v16 support + about pages ===== */
.support-hero,.about-hero{background:radial-gradient(circle at 82% 18%,rgba(59,130,246,.24),transparent 34%),radial-gradient(circle at 12% 80%,rgba(20,184,166,.18),transparent 34%),linear-gradient(135deg,#071421,#061722 55%,#0e2637)}
.support-intake-card{border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03)),rgba(14,38,55,.72);border:1px solid rgba(255,255,255,.10);box-shadow:0 20px 70px rgba(0,0,0,.22);padding:26px}.support-section-band{max-width:none;background:#071421}.support-section-band>p,.support-section-band>h2,.support-section-band>.feature-grid,.support-section-band>.two-column{max-width:1180px;margin-left:auto;margin-right:auto}.support-request-section{scroll-margin-top:110px}.support-note{display:grid;gap:10px}.support-note p{margin:0;color:#d7e7ed}.values-stack{display:grid;gap:16px}.value-card{min-height:auto;display:flex;align-items:center;gap:16px}.value-card span{width:42px;height:42px;flex:0 0 42px;border-radius:999px;display:grid;place-items:center;background:#3ee0d0;color:#031017;font-weight:900}.value-card p{margin:0;font-size:18px;color:#eaf7fb}.about-cta{text-align:center}.about-cta .actions{justify-content:center}.about-visual-card .trace-steps strong{font-size:12px}
html[data-theme="light"] .support-hero,html[data-theme="light"] .about-hero{background:radial-gradient(circle at 82% 18%,rgba(59,130,246,.12),transparent 34%),radial-gradient(circle at 12% 80%,rgba(20,184,166,.10),transparent 34%),linear-gradient(135deg,#f4fbfd,#ffffff 55%,#e9f8fb)}
html[data-theme="light"] .support-intake-card{background:rgba(255,255,255,.88);border-color:rgba(7,20,31,.10);box-shadow:0 20px 70px rgba(7,20,31,.08)}
html[data-theme="light"] .support-section-band{background:#eef8fb}html[data-theme="light"] .support-section-band h2,html[data-theme="light"] .support-section-band h3{color:#071421}html[data-theme="light"] .support-section-band p{color:#33505e}html[data-theme="light"] .support-note{background:#e6fbf9!important;border-color:rgba(13,97,112,.18)!important;color:#17303d!important}html[data-theme="light"] .support-note p{color:#17303d!important}html[data-theme="light"] .value-card p{color:#17303d!important}
@media(max-width:900px){.support-hero,.about-hero{padding-top:88px}.support-section-band>.two-column{grid-template-columns:1fr}.support-intake-card{padding:20px}}