/* ============================================================
   ZB Contadores — portada (tema oscuro)
   Rediseño de alto acabado inspirado en el ritmo y la tipografía
   de landings SaaS modernas, con la identidad propia de ZB:
   marfil / dorado #B8935A / negro cálido. Todo el archivo vive
   bajo body.home-dark para no afectar al resto del sitio claro.
   ============================================================ */

body.home-dark{
  --bg:#141210;
  --bg-alt:#1A1815;
  --surface:#211D18;
  --surface-2:#2A251E;
  --line:rgba(244,241,234,.10);
  --line-2:rgba(244,241,234,.18);
  --ink:#F4F1EA;
  --ink-soft:#B8B0A2;
  --ink-faint:#8A8073;
  --gold:#B8935A;
  --gold-bright:#D6AE6E;
  --gold-tint:rgba(184,147,90,.14);
  --panel:#F2EFE9;
  --panel-ink:#1A1815;
  --panel-soft:#6B6560;
  --wa:#1F5C42;
  --r-lg:32px;
  --r-md:18px;
  --r-sm:12px;
  --shell:1200px;
  --pad:clamp(20px, 5vw, 76px);
  --ease:cubic-bezier(.16,1,.3,1);

  font-family:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  background:var(--bg);
  color:var(--ink);
  letter-spacing:-.011em;
}
body.home-dark ::selection{ background:var(--gold); color:#1A1815; }
body.home-dark img,body.home-dark svg{ display:block; max-width:100%; }

/* ---------- Contenedor ---------- */
.home-dark .hd-shell{
  max-width:var(--shell);
  margin-inline:auto;
  padding-inline:var(--pad);
}
.home-dark .hd-section{ padding-block:clamp(64px, 8vw, 128px); position:relative; }
.home-dark .hd-section--tight{ padding-block:clamp(48px, 6vw, 88px); }

/* ---------- Tipografía ---------- */
.home-dark h1,.home-dark h2,.home-dark h3,.home-dark h4{
  font-family:"Manrope", system-ui, sans-serif;
  font-weight:600;
  line-height:1.14;
  letter-spacing:-.045em;
  color:var(--ink);
  text-wrap:balance;
}
.home-dark .hd-h1{ font-size:clamp(2.6rem, 1.6rem + 4.4vw, 4.6rem); font-weight:700; }
.home-dark .hd-h2{ font-size:clamp(2rem, 1.4rem + 2.6vw, 3.1rem); }
.home-dark .hd-h3{ font-size:clamp(1.35rem, 1.1rem + 1vw, 1.65rem); letter-spacing:-.035em; }
.home-dark .hd-lead{
  font-size:clamp(1.05rem, 1rem + .35vw, 1.2rem);
  line-height:1.6; color:var(--ink-soft); max-width:52ch;
  letter-spacing:-.01em;
}
.home-dark .hd-eyebrow{
  display:inline-flex; align-items:center; gap:9px;
  font-size:.8rem; font-weight:500; letter-spacing:-.01em;
  color:var(--ink-soft);
  padding:7px 14px 7px 12px;
  border:1px solid var(--line-2);
  border-radius:999px;
  background:rgba(244,241,234,.03);
}
.home-dark .hd-eyebrow::before{
  content:""; width:7px; height:7px; border-radius:50%;
  background:var(--gold-bright); box-shadow:0 0 0 4px var(--gold-tint);
}
.home-dark .hd-kicker{
  font-size:.72rem; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase; color:var(--gold);
  display:flex; align-items:center; gap:10px;
}
.home-dark .hd-kicker::before{ content:""; width:24px; height:1px; background:var(--gold); }
.home-dark .gold{ color:var(--gold-bright); }

/* ---------- Botones ---------- */
.home-dark .hd-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  font-family:"Geist", system-ui, sans-serif;
  font-size:.92rem; font-weight:500; letter-spacing:-.01em; line-height:1;
  padding:14px 22px; border-radius:var(--r-sm);
  border:1px solid transparent; cursor:pointer; text-decoration:none;
  white-space:nowrap;
  transition:transform .2s var(--ease), background .2s var(--ease),
             border-color .2s var(--ease), box-shadow .2s var(--ease), color .2s var(--ease);
}
.home-dark .hd-btn svg{ width:17px; height:17px; }
.home-dark .hd-btn--gold{
  background:linear-gradient(180deg, var(--gold-bright), var(--gold));
  color:#241B0C; box-shadow:0 14px 32px -14px rgba(184,147,90,.75);
}
.home-dark .hd-btn--gold:hover{ transform:translateY(-2px); box-shadow:0 20px 40px -14px rgba(184,147,90,.9); }
.home-dark .hd-btn--ghost{
  background:rgba(244,241,234,.02); color:var(--ink); border-color:var(--line-2);
}
.home-dark .hd-btn--ghost:hover{ border-color:var(--ink-soft); background:rgba(244,241,234,.06); transform:translateY(-2px); }
.home-dark .hd-btn--wa{ background:var(--wa); color:#fff; box-shadow:0 14px 30px -14px rgba(31,92,66,.7); }
.home-dark .hd-btn--wa:hover{ transform:translateY(-2px); background:#1a4e39; }
.home-dark .hd-btn--block{ width:100%; }
.home-dark .hd-btn--onlight{
  background:var(--panel-ink); color:var(--panel);
}
.home-dark .hd-btn--onlight:hover{ transform:translateY(-2px); background:#000; }

.home-dark .hd-arrow{
  display:inline-flex; align-items:center; gap:7px;
  color:var(--gold-bright); font-weight:500; font-size:.9rem; text-decoration:none;
  transition:gap .18s var(--ease);
}
.home-dark .hd-arrow:hover{ gap:11px; }

/* ---------- Revelado al hacer scroll ---------- */
.home-dark .reveal,
.home-dark .stagger > *{
  opacity:0; transform:translateY(22px);
  transition:opacity .7s var(--ease), transform .7s var(--ease);
  will-change:opacity, transform;
}
.home-dark .reveal.in,
.home-dark .stagger.in > *{ opacity:1; transform:none; }
.home-dark .stagger.in > *:nth-child(2){ transition-delay:.08s; }
.home-dark .stagger.in > *:nth-child(3){ transition-delay:.16s; }
.home-dark .stagger.in > *:nth-child(4){ transition-delay:.24s; }
.home-dark .stagger.in > *:nth-child(5){ transition-delay:.32s; }
.home-dark .stagger.in > *:nth-child(6){ transition-delay:.40s; }
.home-dark .w-reveal span{
  display:inline-block; opacity:0; transform:translateY(30px) rotate(2deg);
  transition:opacity .6s var(--ease), transform .6s var(--ease);
}
.home-dark .w-reveal.in span{ opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){
  .home-dark .reveal,.home-dark .stagger > *,.home-dark .w-reveal span{
    opacity:1 !important; transform:none !important;
  }
}

/* ============================================================
   NAV (sobreescribe el nav claro compartido)
   ============================================================ */
.home-dark .site-nav{
  background:rgba(20,18,16,.72);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.home-dark .nav-brand{ color:var(--ink); }
.home-dark .nav-brand .kc{ box-shadow:0 6px 18px -6px rgba(0,0,0,.6); }
.home-dark .nav-brand .kc rect{ fill:#2A251E; }
.home-dark .nav-brand .kc text{ fill:var(--gold-bright); }
.home-dark .nav-brand .kc path{ stroke:var(--gold-bright); }
.home-dark .nav-brand .txt b{ font-family:"Manrope", system-ui, sans-serif; font-weight:700; letter-spacing:-.03em; color:var(--ink); }
.home-dark .nav-brand .txt span{ color:var(--ink-faint); font-family:"Geist", system-ui, sans-serif; }
.home-dark .nav-menu > a{ color:var(--ink-soft); }
.home-dark .nav-menu > a:hover,
.home-dark .nav-menu > a[aria-current="page"]{ color:var(--ink); }
.home-dark .nav-burger{ color:var(--ink); }
.home-dark .nav-menu .nav-cta{
  background:linear-gradient(180deg, var(--gold-bright), var(--gold));
  color:#241B0C; border-color:transparent;
}
.home-dark .nav-menu .nav-cta:hover{ transform:translateY(-2px); }
@media (max-width:820px){
  .home-dark .nav-menu{ background:var(--bg-alt); border:1px solid var(--line); border-radius:var(--r-md); }
}

/* ============================================================
   HERO
   ============================================================ */
.home-dark .hd-hero{
  position:relative; overflow:hidden; isolation:isolate;
  padding-top:clamp(90px, 12vw, 168px);
  padding-bottom:clamp(56px, 8vw, 104px);
}
.home-dark .hd-hero::before{  /* trama de puntos — sobre la aurora */
  content:""; position:absolute; inset:0; z-index:1;
  background-image:radial-gradient(rgba(244,241,234,.12) 1px, transparent 1.4px);
  background-size:32px 32px;
  -webkit-mask-image:radial-gradient(120% 80% at 50% 0%, #000 20%, transparent 72%);
  mask-image:radial-gradient(120% 80% at 50% 0%, #000 20%, transparent 72%);
  opacity:.6; pointer-events:none;
}

/* ---------- Aurora: manchas de luz dorada en movimiento lento ---------- */
.home-dark .hd-aurora{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.home-dark .hd-aurora span{
  position:absolute; border-radius:50%;
  background:radial-gradient(circle, rgba(214,174,110,.45), rgba(184,147,90,.10) 46%, transparent 72%);
  filter:blur(90px); will-change:transform;
}
.home-dark .hd-aurora span:nth-child(1){
  width:48vw; height:48vw; left:-8vw; top:-14vw; opacity:.5;
  animation:hd-aurora-a 38s ease-in-out infinite alternate;
}
.home-dark .hd-aurora span:nth-child(2){
  width:40vw; height:40vw; right:-6vw; top:-6vw; opacity:.34;
  animation:hd-aurora-b 46s ease-in-out infinite alternate;
}
.home-dark .hd-aurora span:nth-child(3){
  width:34vw; height:34vw; left:34vw; top:4vw; opacity:.26;
  animation:hd-aurora-c 54s ease-in-out infinite alternate;
}
@keyframes hd-aurora-a{ from{ transform:translate3d(0,0,0); } to{ transform:translate3d(13vw,7vw,0); } }
@keyframes hd-aurora-b{ from{ transform:translate3d(0,0,0); } to{ transform:translate3d(-11vw,9vw,0); } }
@keyframes hd-aurora-c{ from{ transform:translate3d(0,0,0) scale(1); } to{ transform:translate3d(6vw,-6vw,0) scale(1.12); } }
@media (prefers-reduced-motion:reduce){ .home-dark .hd-aurora span{ animation:none; } }
.home-dark .hd-hero::after{  /* resplandor dorado superior */
  content:""; position:absolute; left:50%; top:-38%;
  width:min(1100px, 120%); aspect-ratio:1;
  transform:translateX(-50%);
  background:radial-gradient(circle, rgba(184,147,90,.28), rgba(184,147,90,.06) 40%, transparent 68%);
  pointer-events:none;
}
.home-dark .hd-hero::after{ z-index:0; }
.home-dark .hd-hero .hd-shell{ position:relative; z-index:2; }
.home-dark .hd-hero-inner{ max-width:920px; margin-inline:auto; text-align:center; display:flex; flex-direction:column; align-items:center; gap:26px; }
.home-dark .hd-hero .hd-h1{ margin-top:4px; }
.home-dark .hd-hero .hd-lead{ margin-inline:auto; max-width:46ch; }
.home-dark .hd-hero-actions{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:6px; }
.home-dark .hd-hero-trust{
  display:flex; flex-wrap:wrap; gap:8px 22px; justify-content:center;
  margin-top:14px; color:var(--ink-faint); font-size:.82rem;
}
.home-dark .hd-hero-trust span,
.home-dark .hd-hero-trust a{ display:inline-flex; align-items:center; gap:7px; color:var(--ink-faint); text-decoration:none; transition:color .15s var(--ease); }
.home-dark .hd-hero-trust a:hover{ color:var(--ink); }
.home-dark .hd-hero-trust svg{ width:15px; height:15px; color:var(--gold); }

/* ---------- Mockup del portal ---------- */
.home-dark .hd-showcase{ margin-top:clamp(40px, 6vw, 72px); perspective:1500px; }
.home-dark .hd-float{ animation:hd-drift 6.5s ease-in-out infinite; will-change:transform; }
@keyframes hd-drift{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } }
.home-dark .hd-panel{
  background:var(--panel); color:var(--panel-ink);
  border-radius:var(--r-lg); padding:clamp(14px, 2vw, 20px);
  box-shadow:0 50px 90px -40px rgba(0,0,0,.75), 0 0 0 1px rgba(244,241,234,.06);
  max-width:1000px; margin-inline:auto;
  transform-style:preserve-3d; will-change:transform;
  transition:transform .4s var(--ease), box-shadow .4s var(--ease);
}
.home-dark .hd-showcase.is-tilting .hd-panel{ transition:box-shadow .4s var(--ease); }
.home-dark .hd-showcase:hover .hd-panel{
  box-shadow:0 50px 90px -40px rgba(0,0,0,.75), 0 0 0 1px rgba(214,174,110,.55),
             0 44px 110px -34px rgba(184,147,90,.42);
}
@media (prefers-reduced-motion:reduce){ .home-dark .hd-float{ animation:none; } }
.home-dark .hd-mock{
  background:#fff; border-radius:20px; overflow:hidden;
  border:1px solid #E7E2D8;
}
.home-dark .hd-mock-bar{
  display:flex; align-items:center; gap:14px;
  padding:13px 18px; border-bottom:1px solid #ECE7DD; background:#FBFAF7;
}
.home-dark .hd-mock-bar .dots{ display:flex; gap:6px; }
.home-dark .hd-mock-bar .dots i{ width:10px; height:10px; border-radius:50%; background:#D9D3C6; }
.home-dark .hd-mock-bar .crumb{ font-size:.82rem; color:var(--panel-soft); font-weight:500; }
.home-dark .hd-mock-bar .pill{
  margin-left:auto; font-size:.72rem; font-weight:600; color:#3F7A5C;
  background:#E4F2EA; padding:5px 11px; border-radius:999px;
}
.home-dark .hd-mock-body{ display:grid; grid-template-columns:190px 1fr; min-height:340px; }
.home-dark .hd-mock-side{ border-right:1px solid #ECE7DD; padding:16px 14px; background:#FCFBF8; }
.home-dark .hd-mock-side .u{
  display:flex; align-items:center; gap:9px; padding:8px 10px; border-radius:9px;
  font-size:.82rem; color:var(--panel-soft); font-weight:500;
}
.home-dark .hd-mock-side .u.on{ background:#F1EAD9; color:#8A6B2F; }
.home-dark .hd-mock-side .u i{ width:8px; height:8px; border-radius:2px; background:currentColor; opacity:.55; }
.home-dark .hd-mock-main{ padding:18px 20px; }
.home-dark .hd-mock-main h5{ font-family:"Manrope",sans-serif; font-size:1rem; letter-spacing:-.03em; margin-bottom:14px; }
.home-dark .hd-doc{
  display:grid; grid-template-columns:26px 1fr auto; align-items:center; gap:12px;
  padding:12px 14px; border:1px solid #ECE7DD; border-radius:11px; margin-bottom:9px;
  background:#fff;
}
.home-dark .hd-doc .ic{
  width:26px; height:26px; border-radius:7px; background:var(--gold-tint);
  display:grid; place-items:center; color:var(--gold);
}
.home-dark .hd-doc .ic svg{ width:15px; height:15px; }
.home-dark .hd-doc .t{ display:block; font-size:.86rem; font-weight:500; color:#2A251E; }
.home-dark .hd-doc .m{ display:block; font-size:.74rem; color:#9A9284; margin-top:2px; }
.home-dark .hd-doc .st{ font-size:.7rem; font-weight:600; padding:4px 9px; border-radius:999px; }
.home-dark .hd-doc .st.new{ background:#E4F2EA; color:#3F7A5C; }
.home-dark .hd-doc .st.old{ background:#F0ECE2; color:#9A9284; }

/* ============================================================
   MARQUEE de sectores
   ============================================================ */
.home-dark .hd-marquee{
  border-block:1px solid var(--line);
  padding-block:22px; overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}
.home-dark .hd-marquee-track{
  display:flex; gap:56px; width:max-content;
  animation:hd-scroll 34s linear infinite;
}
.home-dark .hd-marquee:hover .hd-marquee-track{ animation-play-state:paused; }
.home-dark .hd-marquee-track span{
  font-family:"Manrope",sans-serif; font-weight:600; font-size:1.02rem;
  letter-spacing:-.03em; color:var(--ink-faint);
  display:inline-flex; align-items:center; gap:12px; white-space:nowrap;
}
.home-dark .hd-marquee-track span::after{
  content:""; width:5px; height:5px; border-radius:50%; background:var(--gold); opacity:.6;
}
@keyframes hd-scroll{ to{ transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce){ .home-dark .hd-marquee-track{ animation:none; } }

/* ============================================================
   CIFRAS DESTACADAS (contador animado al hacer scroll)
   ============================================================ */
.home-dark .hd-stats{
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
  border:1px solid var(--line); border-radius:var(--r-md);
  background:linear-gradient(180deg, var(--surface), var(--bg-alt));
  padding:clamp(26px,4vw,40px) clamp(20px,4vw,52px);
}
.home-dark .hd-stat{
  position:relative; text-align:center;
  display:flex; flex-direction:column; gap:8px;
}
.home-dark .hd-stat + .hd-stat::before{
  content:""; position:absolute; left:-12px; top:50%; transform:translateY(-50%);
  width:1px; height:58px; background:var(--line);
}
.home-dark .hd-stat-num{
  font-family:"Manrope",sans-serif; font-weight:800;
  font-size:clamp(2.4rem,1.6rem + 3vw,3.4rem); line-height:1;
  letter-spacing:-.045em; color:var(--gold-bright);
  font-variant-numeric:tabular-nums;
  display:inline-flex; align-items:baseline; justify-content:center;
}
.home-dark .hd-stat-num i{ font-style:normal; font-size:.72em; margin-right:.04em; }
.home-dark .hd-stat-lbl{
  font-family:"Geist",sans-serif; font-size:.78rem; font-weight:500;
  letter-spacing:.09em; text-transform:uppercase; color:var(--ink-soft);
}
@media (max-width:700px){
  .home-dark .hd-stats{ grid-template-columns:1fr; gap:22px; }
  .home-dark .hd-stat + .hd-stat::before{
    left:50%; top:-11px; transform:translateX(-50%); width:58px; height:1px;
  }
}

/* ============================================================
   Encabezado de sección genérico
   ============================================================ */
.home-dark .hd-head{ max-width:46ch; margin-bottom:clamp(36px, 5vw, 60px); display:flex; flex-direction:column; gap:16px; }
.home-dark .hd-head--center{ margin-inline:auto; text-align:center; align-items:center; }

/* ============================================================
   BENEFICIOS (filas alternadas)
   ============================================================ */
.home-dark .hd-benefit{
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px, 6vw, 88px);
  align-items:center; padding-block:clamp(36px, 5vw, 60px);
}
.home-dark .hd-benefit + .hd-benefit{ border-top:1px solid var(--line); }
.home-dark .hd-benefit:nth-child(even) .hd-benefit-media{ order:-1; }
.home-dark .hd-benefit-body{ display:flex; flex-direction:column; gap:14px; }
.home-dark .hd-benefit-body ul{ list-style:none; padding:0; margin:6px 0 0; display:flex; flex-direction:column; gap:9px; }
.home-dark .hd-benefit-body li{
  display:flex; gap:10px; align-items:flex-start;
  font-size:.92rem; color:var(--ink-soft);
}
.home-dark .hd-benefit-body li svg{ width:17px; height:17px; color:var(--gold-bright); flex:none; margin-top:1px; }
.home-dark .hd-benefit-media{
  position:relative; border-radius:var(--r-md); overflow:hidden;
  border:1px solid var(--line); background:linear-gradient(160deg, var(--surface), var(--bg-alt));
  aspect-ratio:4/3; display:grid; place-items:center; padding:26px;
}
.home-dark .hd-benefit-media .glyph{
  width:100%; max-width:280px; color:var(--gold);
  filter:drop-shadow(0 20px 40px rgba(0,0,0,.4));
}
.home-dark .hd-benefit-media::after{
  content:""; position:absolute; inset:0;
  background:radial-gradient(60% 60% at 70% 20%, var(--gold-tint), transparent 70%);
}

/* ---- Glifos con trazo "dibujado" + hover coherente con la forma ---- */
.home-dark .hd-benefit-media .hd-glyph{
  position:relative; z-index:1;
  width:100%; max-width:240px; color:var(--gold-bright);
  filter:drop-shadow(0 20px 40px rgba(0,0,0,.4));
  overflow:visible;
}
/* El "dibujado" del trazo (stroke-dashoffset) lo controla home.js con
   getTotalLength(); aquí solo el hover coherente con cada forma. */

/* Carpeta: la solapa frontal se entreabre */
.home-dark .hd-benefit-media .hd-glyph--carpeta .flap{
  transform-origin:48px 82px;
  transition:transform .45s var(--ease);
}
.home-dark .hd-benefit-media:hover .hd-glyph--carpeta .flap{ transform:rotate(-3deg); }

/* Campana: el badajo se balancea 1-2 veces, amortiguado */
.home-dark .hd-benefit-media .hd-glyph--campana .bell-clap{ transform-origin:48px 62px; }
.home-dark .hd-benefit-media:hover .hd-glyph--campana .bell-clap{
  animation:hd-bell-swing .85s cubic-bezier(.36,.07,.19,.97);
}
@keyframes hd-bell-swing{
  0%{ transform:rotate(0); }
  22%{ transform:rotate(7deg); }
  48%{ transform:rotate(-5deg); }
  72%{ transform:rotate(3deg); }
  100%{ transform:rotate(0); }
}

/* Calendario: la hoja superior se levanta apenas por una esquina */
.home-dark .hd-benefit-media .hd-glyph--calendario .cal-leaf{
  transform-origin:22px 37px;
  transition:transform .45s var(--ease);
}
.home-dark .hd-benefit-media:hover .hd-glyph--calendario .cal-leaf{
  transform:rotate(-4deg) translateY(-1.5px);
}

@media (prefers-reduced-motion:reduce){
  .home-dark .hd-benefit-media:hover .hd-glyph--carpeta .flap,
  .home-dark .hd-benefit-media:hover .hd-glyph--calendario .cal-leaf{ transform:none; }
  .home-dark .hd-benefit-media:hover .hd-glyph--campana .bell-clap{ animation:none; }
}

/* ============================================================
   PROCESO (3 pasos)
   ============================================================ */
.home-dark .hd-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; counter-reset:step; }
.home-dark .hd-step{
  position:relative; padding:28px 24px;
  border:1px solid var(--line); border-radius:var(--r-md);
  background:linear-gradient(180deg, var(--surface), transparent);
  display:flex; flex-direction:column; gap:12px;
}
.home-dark .hd-step::before{
  counter-increment:step; content:"0" counter(step);
  font-family:"Manrope",sans-serif; font-weight:700; font-size:.9rem;
  color:#241B0C; background:linear-gradient(180deg, var(--gold-bright), var(--gold));
  width:38px; height:38px; border-radius:10px; display:grid; place-items:center;
  letter-spacing:-.03em;
}
.home-dark .hd-step h3{ font-size:1.12rem; letter-spacing:-.03em; }
.home-dark .hd-step p{ font-size:.9rem; color:var(--ink-soft); }

/* ============================================================
   MODALIDADES (equivalente a "pricing")
   ============================================================ */
.home-dark .hd-plans{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:start; }
.home-dark .hd-plan{
  border:1px solid var(--line); border-radius:var(--r-md);
  background:var(--bg-alt); padding:30px 26px;
  display:flex; flex-direction:column; gap:18px;
}
.home-dark .hd-plan--feat{
  border-color:var(--gold);
  background:linear-gradient(180deg, rgba(184,147,90,.10), var(--bg-alt) 40%);
  box-shadow:0 30px 60px -30px rgba(184,147,90,.4);
}
.home-dark .hd-plan-tag{
  align-self:flex-start; font-size:.68rem; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:#241B0C;
  background:linear-gradient(180deg, var(--gold-bright), var(--gold));
  padding:5px 11px; border-radius:999px;
}
.home-dark .hd-plan h3{ font-size:1.35rem; letter-spacing:-.035em; }
.home-dark .hd-plan-desc{ font-size:.9rem; color:var(--ink-soft); min-height:2.6em; }
.home-dark .hd-plan-line{ height:1px; background:var(--line); }
.home-dark .hd-plan ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:11px; }
.home-dark .hd-plan li{ display:flex; gap:10px; align-items:flex-start; font-size:.9rem; color:var(--ink-soft); }
.home-dark .hd-plan li svg{ width:17px; height:17px; color:var(--gold-bright); flex:none; margin-top:1px; }
.home-dark .hd-plan .hd-btn{ margin-top:auto; }

/* ============================================================
   TESTIMONIOS
   ============================================================ */
.home-dark .hd-quotes{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.home-dark .hd-quote{
  border:1px solid var(--line); border-radius:var(--r-md);
  background:var(--bg-alt); padding:26px 24px;
  display:flex; flex-direction:column; gap:16px;
}
.home-dark .hd-quote p{ font-size:.98rem; line-height:1.6; color:var(--ink); letter-spacing:-.015em; }
.home-dark .hd-quote .stars{ display:flex; gap:3px; color:var(--gold-bright); }
.home-dark .hd-quote .stars svg{ width:15px; height:15px; }
.home-dark .hd-quote .who{ display:flex; align-items:center; gap:12px; margin-top:auto; }
.home-dark .hd-quote .av{
  width:40px; height:40px; border-radius:50%; flex:none;
  background:linear-gradient(160deg, var(--surface-2), var(--surface));
  border:1px solid var(--line-2);
  display:flex; align-items:center; justify-content:center;
  font-family:"Manrope",sans-serif; font-weight:700; font-size:.8rem; line-height:1;
  letter-spacing:.02em; color:var(--gold-bright); text-align:center; overflow:hidden;
}
.home-dark .hd-quote .who b{ font-weight:600; font-size:.88rem; }
.home-dark .hd-quote .who span{ font-size:.78rem; color:var(--ink-faint); display:block; }

/* ============================================================
   FAQ (acordeón)
   ============================================================ */
.home-dark .hd-faq{ max-width:760px; margin-inline:auto; }
.home-dark .hd-faq-item{ border-bottom:1px solid var(--line); }
.home-dark .hd-faq-q{
  width:100%; background:none; border:0; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding:22px 4px; text-align:left;
  font-family:"Manrope",sans-serif; font-weight:600; font-size:1.05rem;
  letter-spacing:-.03em; color:var(--ink);
}
.home-dark .hd-faq-q .chev{
  flex:none; width:22px; height:22px; color:var(--gold-bright);
  transition:transform .3s var(--ease);
}
.home-dark .hd-faq-item[open] .hd-faq-q .chev{ transform:rotate(45deg); }
.home-dark .hd-faq-a{
  overflow:hidden; max-height:0;
  transition:max-height .35s var(--ease);
}
.home-dark .hd-faq-item[open] .hd-faq-a{ max-height:340px; }
.home-dark .hd-faq-a p{ padding:0 4px 24px; color:var(--ink-soft); font-size:.94rem; line-height:1.65; max-width:64ch; }

/* ============================================================
   CALCULADORA (restyle oscuro)
   ============================================================ */
.home-dark .hd-calc{
  display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(28px, 5vw, 64px); align-items:start;
}
.home-dark .hd-calc-intro{ display:flex; flex-direction:column; gap:14px; }
.home-dark .hd-calc-note{ font-size:.78rem; color:var(--ink-faint); }
.home-dark .hd-calc-form{
  background:var(--bg-alt); border:1px solid var(--line);
  border-radius:var(--r-md); padding:clamp(22px, 3vw, 32px);
  display:flex; flex-direction:column; gap:16px;
}
.home-dark .hd-calc-form .field{ display:flex; flex-direction:column; gap:7px; }
.home-dark .hd-calc-form label{ font-size:.78rem; font-weight:500; color:var(--ink-soft); letter-spacing:-.005em; }
.home-dark .hd-calc-form input{
  width:100%; padding:12px 14px;
  background:var(--bg); border:1px solid var(--line-2); border-radius:10px;
  color:var(--ink); font-family:"Geist",sans-serif; font-size:.92rem;
  transition:border-color .18s var(--ease), box-shadow .18s var(--ease);
}
.home-dark .hd-calc-form input::placeholder{ color:var(--ink-faint); }
.home-dark .hd-calc-form input:focus{
  outline:none; border-color:var(--gold);
  box-shadow:0 0 0 3px var(--gold-tint);
}
.home-dark .hd-calc-form .row2{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.home-dark #calc-resultado{ margin-top:4px; }
.home-dark #calc-resultado .calc-result{
  padding:16px 18px; border-radius:12px;
  font-size:.9rem; line-height:1.55; color:var(--ink);
}
.home-dark #calc-resultado .calc-result-yes{ background:rgba(184,147,90,.14); border:1px solid var(--gold); }
.home-dark #calc-resultado .calc-result-no{ background:rgba(63,122,92,.16); border:1px solid rgba(63,122,92,.5); }
.home-dark #calc-resultado .calc-result strong{ color:var(--gold-bright); }

/* ============================================================
   CTA final
   ============================================================ */
.home-dark .hd-cta{
  position:relative; overflow:hidden;
  border:1px solid var(--gold); border-radius:var(--r-lg);
  background:linear-gradient(165deg, rgba(184,147,90,.16), var(--bg-alt) 55%);
  padding:clamp(40px, 6vw, 72px);
  text-align:center; display:flex; flex-direction:column; align-items:center; gap:20px;
}
.home-dark .hd-cta::before{
  content:""; position:absolute; inset:0;
  background-image:radial-gradient(rgba(244,241,234,.10) 1px, transparent 1.4px);
  background-size:28px 28px;
  -webkit-mask-image:radial-gradient(120% 120% at 50% 0%, #000, transparent 70%);
  mask-image:radial-gradient(120% 120% at 50% 0%, #000, transparent 70%);
  opacity:.5;
}
.home-dark .hd-cta > *{ position:relative; z-index:1; }
.home-dark .hd-cta .hd-lead{ margin-inline:auto; }
.home-dark .hd-cta-actions{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }

/* ============================================================
   FOOTER (oscurece el pie compartido)
   ============================================================ */
.home-dark .site-foot{ background:#0F0D0B; color:var(--ink-soft); border-top:1px solid var(--line); }
.home-dark .site-foot a{ color:var(--ink-soft); }
.home-dark .site-foot a:hover{ color:var(--ink); }
.home-dark .foot-copy{ border-top-color:var(--line); color:var(--ink-faint); font-family:"Geist", system-ui, sans-serif; }
.home-dark .foot-credit{ color:var(--ink-faint); }

/* ============================================================
   PUSH modal (restyle oscuro)
   ============================================================ */
.home-dark .push-modal{
  background:var(--bg-alt); color:var(--ink);
  border:1px solid var(--line-2); border-radius:var(--r-md);
}
.home-dark .push-modal h3{ font-family:"Manrope",sans-serif; letter-spacing:-.03em; }
.home-dark .push-modal p{ color:var(--ink-soft); }
.home-dark .push-close{ color:var(--ink-soft); }
.home-dark .push-modal .brand-mark rect{ fill:#2A251E; }
.home-dark .push-modal .brand-mark text{ fill:var(--gold-bright); }
.home-dark .push-modal .brand-mark path{ stroke:var(--gold-bright); }
.home-dark .push-actions{ display:flex; flex-wrap:wrap; gap:10px; }
.home-dark .push-actions .hd-btn{ flex:1 1 auto; }

/* ============================================================
   RESPONSIVE
   ============================================================ */

/* --- Tablet (~1024 y menos): tres columnas -> dos --- */
@media (max-width:1024px){
  .home-dark .hd-steps{ grid-template-columns:repeat(2,1fr); }
  .home-dark .hd-quotes{ grid-template-columns:repeat(2,1fr); }
  .home-dark .hd-values{ grid-template-columns:repeat(2,1fr); }
  .home-dark .hd-svc-grid{ grid-template-columns:repeat(2,1fr); }
}

/* --- Tablet estrecha / móvil ancho (~940 y menos) --- */
@media (max-width:940px){
  .home-dark .hd-benefit{ grid-template-columns:1fr; gap:28px; }
  .home-dark .hd-benefit:nth-child(even) .hd-benefit-media{ order:0; }
  .home-dark .hd-plans{ grid-template-columns:1fr; max-width:520px; margin-inline:auto; }
  .home-dark .hd-plan--feat{ order:-1; }
  .home-dark .hd-calc{ grid-template-columns:1fr; }
  .home-dark .hd-mock-body{ grid-template-columns:1fr; }
  .home-dark .hd-mock-side{ display:none; }
  .home-dark .hd-about{ grid-template-columns:1fr; }
  .home-dark .hd-contact{ grid-template-columns:1fr; }
}

/* --- Móvil (~640 y menos): todo a una columna --- */
@media (max-width:640px){
  .home-dark .hd-steps,
  .home-dark .hd-quotes,
  .home-dark .hd-values,
  .home-dark .hd-svc-grid{ grid-template-columns:1fr; }
  .home-dark .hd-section{ padding-block:clamp(48px,12vw,80px); }
  .home-dark .hd-head{ margin-bottom:clamp(26px,7vw,40px); }
  /* Franja de cifras: 2 arriba + 1 abajo, sin encoger los números */
  .home-dark .hd-stats{ grid-template-columns:1fr 1fr; gap:18px 14px; padding:26px 18px; }
  .home-dark .hd-stat:last-child{ grid-column:1 / -1; }
  .home-dark .hd-stat + .hd-stat::before{ display:none; }
  .home-dark .hd-stat{ padding-block:6px; }
  .home-dark .hd-stat:nth-child(2){ border-left:1px solid var(--line); }
  .home-dark .hd-stat:last-child{ border-top:1px solid var(--line); padding-top:16px; }
  /* Glifos de beneficios: no ocupar toda la caja */
  .home-dark .hd-benefit-media{ aspect-ratio:16/10; padding:22px; }
  .home-dark .hd-benefit-media .hd-glyph{ max-width:170px; }
  /* Ícono decorativo del hero interno un poco más chico */
  .home-dark .hd-hero-glyph{ width:50px; height:50px; }
  .home-dark .hd-hero-glyph svg{ width:24px; height:24px; }
}

@media (max-width:560px){
  .home-dark .hd-calc-form .row2{ grid-template-columns:1fr; }
  .home-dark .hd-hero-actions{ width:100%; }
  .home-dark .hd-hero-actions .hd-btn{ flex:1 1 100%; }
  .home-dark .hd-cta-actions .hd-btn{ flex:1 1 100%; }
}

/* --- Rendimiento y táctil: sin cursor, sin efectos de mouse --- */
@media (hover:none){
  /* Aurora del hero: quieta en táctil (evita repaint continuo al hacer scroll) */
  .home-dark .hd-aurora span{ animation:none; }
  .home-dark .hd-aurora span:nth-child(3){ display:none; }
  /* Flotación del mockup: se mantiene (es barata); la inclinación 3D ya la
     desactiva home.js porque no hay puntero. */
  /* Realimentación de toque en tarjetas y filas, en vez del hover de escritorio */
  .home-dark .hd-svc-card:active,
  .home-dark .hd-value:active{
    transform:translateY(-2px);
    border-color:var(--gold);
    transition:transform .12s var(--ease), border-color .12s var(--ease);
  }
  .home-dark .hd-reason:active::before{ opacity:.7; }
}
@media (max-width:768px){
  /* En pantallas chicas la aurora animada con blur grande cuesta cara: la
     dejamos como resplandor fijo y sin la tercera mancha. */
  .home-dark .hd-aurora span{ animation:none; filter:blur(64px); }
  .home-dark .hd-aurora span:nth-child(3){ display:none; }
}

/* ============================================================
   PÁGINAS INTERNAS OSCURAS — Servicios / Nosotros / Contacto
   ============================================================ */
.home-dark .hd-hero--inner{ padding-top:clamp(52px,6vw,90px); padding-bottom:clamp(32px,5vw,56px); }
.home-dark .hd-hero--inner .hd-hero-inner{ max-width:740px; gap:18px; }
.home-dark .hd-hero--inner .hd-h1{ font-size:clamp(2.3rem,1.5rem + 3.4vw,3.6rem); }
/* Reveal más marcado en los heros de páginas internas */
.home-dark .hd-hero--inner .reveal{ transform:translateY(32px) scale(.98); }
.home-dark .hd-hero--inner .reveal.in{ transform:none; }

/* Ícono decorativo del hero (Nosotros) */
.home-dark .hd-hero-glyph{
  width:58px; height:58px; border-radius:16px; margin-inline:auto;
  display:grid; place-items:center;
  background:var(--gold-tint); border:1px solid var(--line-2); color:var(--gold-bright);
  animation:hd-drift 5s ease-in-out infinite;
}
.home-dark .hd-hero-glyph svg{ width:27px; height:27px; }
@media (prefers-reduced-motion:reduce){ .home-dark .hd-hero-glyph{ animation:none; } }

/* Nube de íconos del hero de Servicios */
.home-dark .hd-iconcloud{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:6px; }
.home-dark .hd-iconcloud span{
  width:52px; height:52px; border-radius:14px; flex:none;
  display:grid; place-items:center;
  background:var(--gold-tint); color:var(--gold-bright);
  border:1px solid var(--line-2);
  transition:transform .22s var(--ease), background .22s var(--ease),
             color .22s var(--ease), border-color .22s var(--ease);
}
.home-dark .hd-iconcloud span:hover{
  transform:translateY(-5px) scale(1.09);
  background:rgba(184,147,90,.26); color:#E7C892; border-color:var(--gold);
}
.home-dark .hd-iconcloud span svg{ width:26px; height:26px; }

/* Servicios: grid de tarjetas */
.home-dark .hd-svc-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.home-dark .hd-svc-card{
  border:1px solid var(--line); border-radius:var(--r-md);
  background:var(--bg-alt); padding:26px 24px;
  display:flex; flex-direction:column; gap:13px; scroll-margin-top:100px;
  transition:transform .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);
}
.home-dark .hd-svc-card:hover{
  transform:translateY(-5px);
  border-color:var(--gold);
  box-shadow:0 26px 54px -24px rgba(184,147,90,.4), 0 0 0 1px rgba(184,147,90,.25);
}
.home-dark .hd-svc-card:hover .hd-svc-ic{ background:rgba(184,147,90,.26); color:#E7C892; }
.home-dark .hd-svc-card--feat{
  border-color:var(--gold);
  background:linear-gradient(180deg, rgba(184,147,90,.10), var(--bg-alt) 45%);
}
.home-dark .hd-svc-ic{
  width:44px; height:44px; border-radius:12px; flex:none;
  background:var(--gold-tint); color:var(--gold-bright); display:grid; place-items:center;
  transition:background .25s var(--ease), color .25s var(--ease);
}
.home-dark .hd-svc-ic svg{ width:22px; height:22px; }
.home-dark .hd-svc-card h3{ font-size:1.12rem; letter-spacing:-.03em; }
.home-dark .hd-svc-card > p{ font-size:.9rem; color:var(--ink-soft); }
.home-dark .hd-svc-card ul{ list-style:none; margin:4px 0 0; padding:0; display:flex; flex-direction:column; gap:8px; }
.home-dark .hd-svc-card li{ display:flex; gap:9px; align-items:flex-start; font-size:.85rem; color:var(--ink-soft); }
.home-dark .hd-svc-card li svg{ width:16px; height:16px; color:var(--gold-bright); flex:none; margin-top:1px; }

/* Nosotros: credencial, valores, razones */
.home-dark .hd-about{
  display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr);
  gap:clamp(28px,5vw,64px); align-items:center;
}
.home-dark .hd-cred{
  border:1px solid var(--line); border-radius:var(--r-md);
  background:linear-gradient(180deg, var(--surface), var(--bg-alt));
  padding:36px 30px; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:6px;
}
.home-dark .hd-cred .num{
  font-family:"Manrope",sans-serif; font-weight:800;
  font-size:clamp(3rem,7vw,4.4rem); line-height:1;
  color:var(--gold-bright); letter-spacing:-.04em;
  display:inline-flex; align-items:baseline; justify-content:center;
  font-variant-numeric:tabular-nums;
}
.home-dark .hd-cred .num i{ font-style:normal; font-size:.62em; margin-right:.03em; }
.home-dark .hd-cred .num--sm{ font-size:clamp(2rem,5vw,2.7rem); }
.home-dark .hd-cred .lbl{ font-family:"Manrope",sans-serif; font-weight:600; font-size:1rem; margin-top:4px; }
.home-dark .hd-cred .sub{ font-size:.86rem; color:var(--ink-soft); max-width:30ch; }
.home-dark .hd-cred-div{ width:66px; height:1px; background:var(--line); margin:14px 0; }
.home-dark .hd-values{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.home-dark .hd-value{
  border:1px solid var(--line); border-radius:var(--r-md); background:var(--bg-alt);
  padding:26px 24px; display:flex; flex-direction:column; gap:12px;
  transition:transform .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);
}
.home-dark .hd-value:hover{
  transform:translateY(-5px);
  border-color:var(--gold);
  box-shadow:0 26px 54px -24px rgba(184,147,90,.4), 0 0 0 1px rgba(184,147,90,.25);
}
.home-dark .hd-value:hover .hd-svc-ic{ background:rgba(184,147,90,.26); color:#E7C892; }
.home-dark .hd-value h3{ font-size:1.1rem; letter-spacing:-.03em; }
.home-dark .hd-value p{ font-size:.9rem; color:var(--ink-soft); }
.home-dark .hd-reasons{ display:flex; flex-direction:column; max-width:760px; margin-inline:auto; }
.home-dark .hd-reason{
  position:relative; overflow:hidden;
  display:flex; gap:14px; align-items:flex-start;
  padding:18px 14px; border-bottom:1px solid var(--line);
  font-size:.98rem; color:var(--ink); letter-spacing:-.01em;
  border-radius:10px;
}
.home-dark .hd-reason > svg{
  position:relative; z-index:1;
  width:20px; height:20px; color:var(--gold-bright); flex:none; margin-top:2px;
}
.home-dark .hd-reason > span{ position:relative; z-index:1; }
/* Spotlight dorado que sigue al cursor — "vidrio iluminado desde adentro" */
.home-dark .hd-reason::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(90px circle at var(--x, 50%) var(--y, 50%),
      rgba(232,200,146,.34), transparent 68%),
    radial-gradient(240px circle at var(--x, 50%) var(--y, 50%),
      rgba(184,147,90,.20), rgba(184,147,90,.05) 45%, transparent 72%);
  opacity:0; transition:opacity .35s var(--ease);
}
.home-dark .hd-reason:hover{
  border-bottom-color:rgba(184,147,90,.32);
  box-shadow:inset 0 0 0 1px rgba(184,147,90,.16);
}
.home-dark .hd-reason:hover::before{ opacity:1; }
.home-dark .hd-reason--hl{
  background:linear-gradient(90deg, var(--gold-tint), transparent 72%);
  border-bottom-color:transparent; font-weight:500;
}
.home-dark .hd-reason--hl b{ color:var(--gold-bright); font-weight:700; }

/* Entrada en cascada: cada ícono hace "pop" con leve rebote */
.home-dark .hd-reasons.stagger > .hd-reason{
  opacity:0; transform:none;
  transition:opacity .4s ease;
  transition-delay:calc(var(--i, 0) * .09s);
}
.home-dark .hd-reasons.stagger > .hd-reason > svg{
  transform:scale(.8);
  transition:transform .55s cubic-bezier(.34, 1.7, .5, 1);
  transition-delay:calc(var(--i, 0) * .09s);
}
.home-dark .hd-reasons.stagger.in > .hd-reason{ opacity:1; }
.home-dark .hd-reasons.stagger.in > .hd-reason > svg{ transform:scale(1); }
@media (prefers-reduced-motion:reduce){
  .home-dark .hd-reasons.stagger > .hd-reason,
  .home-dark .hd-reasons.stagger > .hd-reason > svg{ opacity:1; transform:none; transition:none; }
}

/* Contacto */
.home-dark .hd-contact{
  display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(22px,4vw,44px); align-items:start;
}
.home-dark .hd-contact-aside{ display:flex; flex-direction:column; gap:16px; }
.home-dark .hd-aside-card{
  border:1px solid var(--line); border-radius:var(--r-md); background:var(--bg-alt);
  padding:24px 22px; display:flex; flex-direction:column; gap:14px;
}
.home-dark .hd-aside-card h3{ font-size:1.05rem; letter-spacing:-.03em; }
.home-dark .hd-aside-actions{ display:flex; flex-direction:column; gap:10px; }
.home-dark .hd-aside-meta{ display:flex; align-items:center; gap:8px; font-size:.82rem; color:var(--ink-faint); }
.home-dark .hd-aside-meta svg{ width:15px; height:15px; color:var(--gold); }
.home-dark .hd-social{ display:flex; gap:12px; }
.home-dark .hd-social a{
  width:40px; height:40px; border-radius:11px; border:1px solid var(--line-2);
  display:grid; place-items:center; color:var(--ink-soft);
  transition:color .15s var(--ease), border-color .15s var(--ease);
}
.home-dark .hd-social a:hover{ color:var(--ink); border-color:var(--ink-faint); }
.home-dark .hd-form-msg{ padding:13px 15px; border-radius:11px; font-size:.88rem; display:flex; gap:9px; align-items:flex-start; }
.home-dark .hd-form-msg svg{ flex:none; margin-top:1px; color:var(--gold-bright); }
.home-dark .hd-form-msg.ok{ background:rgba(63,122,92,.16); border:1px solid rgba(63,122,92,.5); }
.home-dark .hd-form-msg.err{ background:rgba(184,147,90,.14); border:1px solid var(--gold); flex-direction:column; gap:4px; }
.home-dark .hd-calc-form textarea{
  width:100%; padding:12px 14px; min-height:120px; resize:vertical;
  background:var(--bg); border:1px solid var(--line-2); border-radius:10px;
  color:var(--ink); font-family:"Geist",sans-serif; font-size:.92rem;
  transition:border-color .18s var(--ease), box-shadow .18s var(--ease);
}
.home-dark .hd-calc-form textarea:focus{ outline:none; border-color:var(--gold); box-shadow:0 0 0 3px var(--gold-tint); }
.home-dark .hd-calc-form textarea::placeholder{ color:var(--ink-faint); }

/* ============================================================
   RESPONSIVE — páginas internas (va al final para ganar al base)
   Servicios: 3 -> 2 (tablet) -> 1 (móvil).  Nosotros/Contacto: apilado.
   ============================================================ */
@media (max-width:1024px){
  .home-dark .hd-svc-grid{ grid-template-columns:repeat(2,1fr); }
  .home-dark .hd-values{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:940px){
  .home-dark .hd-about{ grid-template-columns:1fr; }
  .home-dark .hd-contact{ grid-template-columns:1fr; }
}
@media (max-width:640px){
  .home-dark .hd-svc-grid,
  .home-dark .hd-values{ grid-template-columns:1fr; }
}