:root {
  --turquoise: #29e7cd;
  --turquoise-soft: #72f0df;
  --dark: #011627;
  --dark-raised: #071e31;
  --ink: #061a2b;
  --blue: #2791d5;
  --blue-soft: #69b9eb;
  --coral: #f76666;
  --whatsapp: #25d366;
  --white: #f7fbfc;
  --warm-white: #f4f3ee;
  --soft: rgba(247, 251, 252, 0.74);
  --muted: rgba(247, 251, 252, 0.52);
  --faint: rgba(247, 251, 252, 0.12);
  --line: rgba(41, 231, 205, 0.2);
  --line-blue: rgba(39, 145, 213, 0.24);
  --panel: rgba(12, 38, 58, 0.72);
  --panel-solid: #0b293f;
  --page-accent: var(--turquoise);
  --page: 1220px;
  --nav-height: 82px;
}

* { box-sizing: border-box; }

html {
  min-width: 320px;
  overflow-x: hidden;
  color-scheme: dark;
  scroll-behavior: smooth;
  background: var(--dark);
}

body {
  min-width: 320px;
  margin: 0;
  overflow-x: hidden;
  color: var(--white);
  background:
    linear-gradient(118deg, rgba(41, 231, 205, 0.045), transparent 34%),
    linear-gradient(298deg, rgba(247, 102, 102, 0.035), transparent 32%),
    var(--dark);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

body::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  content: "";
  opacity: 0.32;
  background-image:
    linear-gradient(rgba(41, 231, 205, 0.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(39, 145, 213, 0.06) 1px, transparent 1px);
  background-size: 96px 96px;
  mask-image: linear-gradient(to bottom, #000 0, transparent 82%);
}

body[data-accent="blue"] { --page-accent: var(--blue-soft); }
body[data-accent="coral"] { --page-accent: var(--coral); }
body[data-accent="whatsapp"] { --page-accent: var(--whatsapp); }

a { color: inherit; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

:focus-visible {
  outline: 3px solid var(--turquoise);
  outline-offset: 4px;
}

.seo-shell {
  width: min(var(--page), calc(100% - 56px));
  margin-inline: auto;
}

.seo-skip {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 1000;
  padding: 10px 14px;
  color: var(--ink);
  background: var(--turquoise);
  transform: translateY(-160%);
}

.seo-skip:focus { transform: translateY(0); }

.seo-nav {
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid rgba(41, 231, 205, 0.13);
  background: rgba(1, 22, 39, 0.93);
  backdrop-filter: blur(16px);
}

.seo-nav__inner {
  display: grid;
  grid-template-columns: minmax(190px, 1fr) auto minmax(190px, 1fr);
  gap: 22px;
  align-items: center;
  min-height: var(--nav-height);
}

.seo-brand { display: inline-flex; width: fit-content; }
.seo-brand img { display: block; width: 190px; height: auto; }

.seo-nav__links {
  display: flex;
  gap: 26px;
  align-items: center;
}

.seo-nav__actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
}

.seo-nav__portal,
.seo-nav__diagnosis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 15px;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 850;
  text-decoration: none;
}

.seo-nav__portal { color: var(--soft); border: 1px solid var(--faint); }
.seo-nav__portal:hover { color: var(--turquoise); border-color: var(--line); }
.seo-nav__diagnosis { color: var(--ink); background: var(--turquoise); }
.seo-nav__diagnosis:hover { background: var(--turquoise-soft); }

.seo-nav__links a,
.seo-explorer-trigger {
  border: 0;
  color: var(--soft);
  background: transparent;
  font-weight: 760;
  text-decoration: none;
}

.seo-nav__links a:hover,
.seo-explorer-trigger:hover { color: var(--turquoise); }

.seo-explorer-trigger {
  display: grid;
  place-content: center;
  gap: 4px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 50%;
  cursor: pointer;
}

.seo-explorer-trigger span { display: block; width: 18px; height: 2px; border-radius: 2px; background: currentColor; transition: transform 180ms ease, opacity 180ms ease; }
.explorer-open .seo-explorer-trigger span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.explorer-open .seo-explorer-trigger span:nth-child(2) { opacity: 0; }
.explorer-open .seo-explorer-trigger span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

.seo-breadcrumbs {
  padding-top: 26px;
  color: var(--muted);
  font-size: 0.86rem;
}

.seo-breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.seo-breadcrumbs li:not(:last-child)::after {
  margin-left: 8px;
  color: var(--turquoise);
  content: "/";
}

.seo-breadcrumbs a { text-decoration: none; }
.seo-breadcrumbs a:hover { color: var(--turquoise); }

.seo-context__parents {
  display: flex;
  gap: 10px;
  padding-top: 18px;
}

.seo-context__parents a {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  min-height: 44px;
  padding: 9px 14px;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--soft);
  background: rgba(12, 38, 58, 0.5);
  font-weight: 780;
  text-decoration: none;
}

.seo-context__parents a:hover { color: var(--white); border-color: var(--turquoise); }

.seo-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(380px, 0.86fr);
  gap: clamp(44px, 6vw, 88px);
  align-items: center;
  min-height: 610px;
  padding-block: 48px 78px;
}

.seo-hero__copy { min-width: 0; }

.seo-eyebrow {
  margin: 0 0 16px;
  color: var(--page-accent);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.seo-hero h1,
.seo-section h2,
.seo-diagnosis h2 {
  margin: 0;
  letter-spacing: 0;
  text-wrap: balance;
}

.seo-hero h1 {
  max-width: 780px;
  font-size: clamp(3.4rem, 5.65vw, 5.65rem);
  line-height: 0.98;
  overflow-wrap: normal;
}

.seo-hero__lead {
  max-width: 630px;
  margin: 22px 0 0;
  color: var(--soft);
  font-size: clamp(1.05rem, 1.45vw, 1.22rem);
  line-height: 1.48;
  text-wrap: pretty;
}

.seo-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.seo-button,
.seo-whatsapp-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: var(--ink);
  background: var(--turquoise);
  box-shadow: 0 14px 32px rgba(41, 231, 205, 0.14);
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.seo-button:hover {
  background: var(--turquoise-soft);
  box-shadow: 0 18px 38px rgba(41, 231, 205, 0.22);
  transform: translateY(-2px);
}

.seo-button--ghost {
  color: var(--white);
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.025);
  box-shadow: none;
}

.seo-button--ghost:hover {
  color: var(--turquoise);
  background: rgba(41, 231, 205, 0.07);
}

.seo-hero__visual {
  position: relative;
  display: grid;
  align-items: center;
  width: 100%;
  aspect-ratio: 5 / 4;
  min-height: 380px;
  overflow: hidden;
  border: 1px solid rgba(41, 231, 205, 0.18);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(41, 231, 205, 0.085), transparent 46%),
    linear-gradient(320deg, rgba(39, 145, 213, 0.12), rgba(247, 102, 102, 0.025));
  isolation: isolate;
}

.seo-hero__visual::after {
  position: absolute;
  right: 7%;
  bottom: 7%;
  width: 34%;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, transparent, var(--page-accent));
  opacity: 0.5;
}

.seo-hero__visual--photo { align-items: stretch; background: #061d30; }
.seo-hero__visual--photo::after { inset: auto 0 0; width: 100%; height: 34%; background: linear-gradient(to top, rgba(1,22,39,.82), transparent); opacity: 1; }
.seo-hero__visual--photo > img { width: 100%; height: 100%; min-height: 380px; object-fit: cover; filter: saturate(.96) contrast(1.02); }
.seo-hero__visual--photo > small { position: absolute; right: 18px; bottom: 14px; z-index: 2; max-width: 70%; color: rgba(247,251,252,.72); font-size: .7rem; line-height: 1.35; text-align: right; }

.seo-photo-mosaic { position: relative; display: grid; grid-template-columns: 1.08fr .92fr; grid-template-rows: 1fr 1fr; gap: 10px; width: 100%; height: 100%; min-height: 380px; padding: 12px; }
.seo-photo-mosaic__item { margin: 0; overflow: hidden; border: 1px solid rgba(41,231,205,.16); border-radius: 6px; }
.seo-photo-mosaic__item--1 { grid-row: 1 / span 2; }
.seo-photo-mosaic img { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.94) brightness(.86); }
.seo-photo-mosaic span { position: absolute; right: 22px; bottom: 18px; padding: 5px 8px; color: rgba(247,251,252,.74); background: rgba(1,22,39,.78); font-size: .68rem; }

.seo-illustration {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  color: var(--turquoise);
}

.iv-grid path {
  fill: none;
  stroke: rgba(41, 231, 205, 0.065);
  stroke-width: 1;
}

.iv-line {
  fill: none;
  stroke: rgba(114, 240, 223, 0.55);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.iv-panel {
  fill: rgba(13, 47, 70, 0.88);
  stroke: rgba(105, 185, 235, 0.34);
  stroke-width: 2;
}

.iv-accent { fill: rgba(41, 231, 205, 0.82); stroke: rgba(114, 240, 223, 0.9); stroke-width: 2; }
.iv-blue { fill: rgba(39, 145, 213, 0.42); stroke: rgba(105, 185, 235, 0.72); stroke-width: 2; }
.iv-coral { fill: rgba(247, 102, 102, 0.35); stroke: rgba(247, 102, 102, 0.72); stroke-width: 2; }
.iv-muted { fill: rgba(247, 251, 252, 0.14); stroke: rgba(247, 251, 252, 0.22); stroke-width: 1.5; }
.iv-whatsapp { fill: rgba(37, 211, 102, 0.5); stroke: rgba(37, 211, 102, 0.9); stroke-width: 2; }

.iv-draw {
  stroke-dasharray: 8 10;
  animation: iv-draw 8s linear infinite;
}

.iv-float { animation: iv-float 5.8s ease-in-out infinite; }
.iv-delay { animation-delay: -2.3s; }
.iv-pulse { transform-box: fill-box; transform-origin: center; animation: iv-pulse 3.2s ease-in-out infinite; }
.iv-pointer { transform-box: fill-box; transform-origin: center; animation: iv-pointer 3.6s ease-in-out infinite; }
.iv-pin { transform-box: fill-box; transform-origin: center bottom; animation: iv-pin 3.8s ease-in-out infinite; }
.iv-crowd circle:nth-child(2n) { animation: iv-crowd 2.8s ease-in-out infinite alternate; }

.iv-node circle {
  fill: rgba(247, 251, 252, 0.26);
  stroke: rgba(247, 251, 252, 0.46);
  stroke-width: 2;
}

.iv-node text,
.iv-map-key text,
.iv-place-label {
  fill: rgba(247, 251, 252, 0.72);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
}

.iv-node--active circle { fill: var(--page-accent); stroke: var(--white); }
.iv-node--active text,
.iv-place-label--active { fill: var(--white); font-size: 15px; }

.iv-base circle { fill: rgba(41, 231, 205, 0.15); stroke: var(--turquoise); stroke-width: 2; }
.iv-base path { fill: none; stroke: var(--turquoise); stroke-width: 2; }
.iv-map-key rect { fill: rgba(1, 22, 39, 0.78); stroke: rgba(41, 231, 205, 0.28); }
.iv-map-key circle { fill: var(--turquoise); }
.iv-mini-icon { color: var(--white); }
@keyframes iv-draw { to { stroke-dashoffset: -72; } }
@keyframes iv-float { 50% { transform: translateY(-8px); } }
@keyframes iv-pulse { 50% { transform: scale(1.08); opacity: 0.75; } }
@keyframes iv-pointer { 50% { transform: translate(8px, 5px); } }
@keyframes iv-pin { 50% { transform: translateY(-6px); } }
@keyframes iv-crowd { to { transform: translateY(-5px); } }

.seo-section { padding-block: clamp(88px, 8vw, 128px); }
.seo-section--compact { padding-block: clamp(62px, 6vw, 86px); }

.seo-section__head {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(280px, 0.55fr);
  gap: clamp(28px, 5vw, 62px);
  align-items: end;
  margin-bottom: clamp(34px, 4vw, 52px);
}

.seo-section h2,
.seo-diagnosis h2 {
  max-width: 760px;
  font-size: clamp(2.5rem, 4.4vw, 4.5rem);
  line-height: 1;
}

.seo-section__head > p,
.seo-copy {
  max-width: 580px;
  margin: 0;
  color: var(--soft);
  font-size: 1.03rem;
  line-height: 1.55;
  text-wrap: pretty;
}

.seo-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.seo-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.seo-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.seo-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 232px;
  padding: 26px;
  border: 1px solid rgba(41, 231, 205, 0.15);
  border-radius: 8px;
  color: var(--white);
  background:
    linear-gradient(145deg, rgba(18, 52, 78, 0.76), rgba(9, 28, 46, 0.88));
  flex-direction: column;
  overflow: hidden;
  text-decoration: none;
  transition: border-color 180ms ease, transform 180ms ease, background 180ms ease;
}

.seo-card::before {
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, var(--page-accent), transparent 70%);
}

.seo-card:hover {
  border-color: rgba(41, 231, 205, 0.42);
  background: linear-gradient(145deg, rgba(24, 65, 91, 0.84), rgba(9, 28, 46, 0.96));
  transform: translateY(-4px);
}

.seo-card__visual {
  display: flex;
  align-items: center;
  min-height: 58px;
  margin-bottom: 24px;
}

.seo-card--photo { grid-template-rows: auto auto 1fr auto; padding: 0 0 24px; overflow: hidden; }
.seo-card--photo > :not(.seo-card__photo) { margin-inline: 24px; }
.seo-card__photo { display: block; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-bottom: 1px solid var(--line); }
.seo-card__photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 420ms cubic-bezier(.22,1,.36,1), filter 320ms ease; }
.seo-card--photo:hover img { transform: scale(1.035); filter: saturate(1.08) brightness(1.04); }
.seo-card--photo h3 { margin-top: 22px; }

.seo-icon {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(41, 231, 205, 0.26);
  border-radius: 50%;
  color: var(--page-accent);
  background: rgba(41, 231, 205, 0.07);
  flex: 0 0 auto;
}

.seo-icon svg { width: 23px; height: 23px; }

.seo-card h3 {
  margin: 0;
  font-size: clamp(1.25rem, 1.8vw, 1.65rem);
  line-height: 1.1;
  text-wrap: balance;
}

.seo-card p {
  margin: 13px 0 0;
  color: var(--soft);
  line-height: 1.5;
  text-wrap: pretty;
}

.seo-card__cta {
  display: flex;
  gap: 14px;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding-top: 24px;
  color: var(--turquoise);
  font-size: 0.88rem;
  font-weight: 850;
}

.seo-card__cta i { font-style: normal; }

.seo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.seo-chip {
  padding: 9px 13px;
  border: 1px solid rgba(39, 145, 213, 0.3);
  border-radius: 999px;
  color: var(--soft);
  background: rgba(39, 145, 213, 0.08);
  font-size: 0.9rem;
}

.seo-process {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(10, 34, 54, 0.62);
}

.seo-process::before {
  position: absolute;
  top: 62px;
  right: 9%;
  left: 9%;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, var(--turquoise), var(--blue), var(--coral));
  opacity: 0.42;
}

.seo-process__step {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding: 18px;
}

.seo-process__icon {
  margin-bottom: 20px;
  background: var(--dark-raised);
}

.seo-process__step strong { display: block; line-height: 1.2; }
.seo-process__step p { margin: 9px 0 0; color: var(--muted); font-size: 0.9rem; line-height: 1.4; }

.seo-band {
  border-block: 1px solid rgba(41, 231, 205, 0.12);
  background: linear-gradient(110deg, rgba(12, 38, 58, 0.52), rgba(4, 26, 43, 0.28));
}

.seo-disclosures {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.seo-disclosure {
  border: 1px solid rgba(41, 231, 205, 0.17);
  border-radius: 6px;
  background: rgba(8, 31, 49, 0.72);
}

.seo-disclosure summary {
  position: relative;
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 14px;
  align-items: center;
  min-height: 76px;
  padding: 14px 54px 14px 16px;
  cursor: pointer;
  font-size: 1.04rem;
  font-weight: 850;
  list-style: none;
}

.seo-disclosure summary::-webkit-details-marker { display: none; }
.seo-disclosure summary::after { position: absolute; right: 22px; color: var(--turquoise); content: "+"; font-size: 1.25rem; }
.seo-disclosure[open] summary::after { content: "−"; }
.seo-disclosure p { margin: 0; padding: 0 22px 22px 74px; color: var(--soft); line-height: 1.5; }

.seo-audience { border-block: 1px solid rgba(41, 231, 205, 0.18); }
.seo-audience summary { display: flex; gap: 24px; justify-content: space-between; align-items: center; min-height: 92px; cursor: pointer; list-style: none; }
.seo-audience summary::-webkit-details-marker { display: none; }
.seo-audience summary span { display: grid; gap: 5px; font-size: 1.3rem; font-weight: 850; }
.seo-audience summary small { color: var(--turquoise); font-size: 0.7rem; text-transform: uppercase; }
.seo-audience summary strong { color: var(--turquoise); font-size: 0.82rem; }
.seo-audience > div { padding: 0 0 28px; }
.seo-audience > div > p { max-width: 60ch; color: var(--soft); line-height: 1.5; }

.seo-related {
  display: grid;
  grid-template-columns: minmax(0, 0.7fr) minmax(0, 1fr);
  gap: 54px;
  align-items: start;
}

.seo-related .seo-section__head { grid-template-columns: 1fr; gap: 16px; margin-bottom: 0; }
.seo-related__links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }

.seo-related__links a {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  gap: 13px;
  align-items: center;
  min-height: 78px;
  padding: 14px;
  border: 1px solid rgba(41, 231, 205, 0.16);
  border-radius: 6px;
  color: var(--soft);
  background: rgba(5, 27, 44, 0.5);
  font-weight: 800;
  text-decoration: none;
}

.seo-related__links a:hover { color: var(--white); border-color: var(--turquoise); }
.seo-related__links i { color: var(--turquoise); font-style: normal; }

.seo-faq { display: grid; max-width: 920px; margin-left: auto; gap: 10px; }

.seo-faq details {
  border: 1px solid rgba(41, 231, 205, 0.16);
  border-radius: 8px;
  background: rgba(16, 42, 64, 0.72);
}

.seo-faq summary {
  position: relative;
  min-height: 68px;
  padding: 22px 58px 22px 22px;
  cursor: pointer;
  font-weight: 850;
  list-style: none;
}

.seo-faq summary::-webkit-details-marker { display: none; }
.seo-faq summary::after { position: absolute; top: 18px; right: 20px; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 50%; color: var(--turquoise); content: "+"; font-size: 1.2rem; }
.seo-faq details[open] summary::after { content: "−"; }
.seo-faq details p { max-width: 72ch; margin: 0; padding: 0 22px 22px; color: var(--soft); line-height: 1.55; }

.seo-context {
  display: grid;
  grid-template-columns: minmax(240px, 0.4fr) minmax(0, 1fr);
  gap: 36px;
  align-items: start;
  padding-block: 44px 64px;
}

.seo-context__intro h2,
.seo-context__group h2 {
  margin: 0;
  max-width: 18ch;
  font-size: 1.9rem;
  line-height: 1.08;
  letter-spacing: 0;
  text-wrap: balance;
}

.seo-context__intro > p:last-child { max-width: 38ch; margin: 12px 0 0; color: var(--muted); line-height: 1.45; }

.seo-context__rail,
.seo-context__group nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.seo-context__rail a,
.seo-context__group nav a {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 10px 12px;
  min-width: 0;
  min-height: 94px;
  padding: 14px;
  border: 1px solid rgba(41, 231, 205, 0.18);
  border-radius: 6px;
  color: var(--white);
  background: rgba(15, 47, 70, 0.56);
  font-weight: 800;
  text-decoration: none;
  transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

.seo-context__rail a:hover,
.seo-context__group nav a:hover { border-color: var(--turquoise); background: rgba(41, 231, 205, 0.08); transform: translateY(-2px); }
.seo-context__rail a > span:not(.seo-icon),
.seo-context__group a > span:not(.seo-icon) { align-self: center; }
.seo-context__rail small,
.seo-context__group small { grid-column: 1 / -1; color: var(--muted); font-size: 0.74rem; font-weight: 650; line-height: 1.3; }
.seo-context__group nav a[aria-current="page"] { border-color: var(--turquoise); color: var(--ink); background: var(--turquoise); }
.seo-context__group nav a[aria-current="page"] .seo-icon { color: var(--ink); border-color: rgba(1, 22, 39, 0.25); background: rgba(1, 22, 39, 0.08); }

.seo-context--local {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-top: 26px;
  border-top: 1px solid rgba(41, 231, 205, 0.13);
}

.seo-context__group h2 { margin-bottom: 18px; font-size: 1.22rem; }
.seo-context__group nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.seo-context__group nav a { min-height: 74px; }

.seo-hub-groups { display: grid; gap: 72px; }

.seo-hub-group > header {
  display: grid;
  grid-template-columns: minmax(180px, 0.34fr) minmax(260px, 0.66fr);
  gap: 22px;
  align-items: end;
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}

.seo-hub-group h3 { margin: 0; font-size: clamp(1.8rem, 3vw, 2.8rem); }
.seo-hub-group header p { max-width: 460px; margin: 0; color: var(--soft); line-height: 1.5; }
.seo-hub-group .seo-card { min-height: 270px; }

.seo-journey__flow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.seo-journey__flow::before {
  position: absolute;
  top: 50px;
  right: 17%;
  left: 17%;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, var(--turquoise), var(--blue), var(--coral));
  opacity: 0.5;
}

.seo-journey__flow article {
  position: relative;
  min-height: 210px;
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(10, 34, 54, 0.68);
}

.seo-journey__flow h3 { margin: 28px 0 0; font-size: 1.45rem; }
.seo-journey__flow p { margin: 12px 0 0; color: var(--soft); line-height: 1.5; }

.seo-diagnosis-wrap { padding-block: clamp(80px, 9vw, 124px); }

.seo-diagnosis {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(390px, 0.72fr);
  gap: clamp(44px, 6vw, 74px);
  align-items: center;
  padding: clamp(30px, 5vw, 66px);
  border: 1px solid rgba(41, 231, 205, 0.92);
  border-radius: 8px;
  color: var(--ink);
  background: var(--turquoise);
  overflow: hidden;
}

.seo-diagnosis::before {
  position: absolute;
  top: -80px;
  left: 45%;
  width: 1px;
  height: calc(100% + 160px);
  content: "";
  background: rgba(1, 22, 39, 0.12);
  transform: rotate(20deg);
}

.seo-diagnosis__copy,
.seo-form { position: relative; z-index: 1; }
.seo-diagnosis .seo-eyebrow { color: rgba(1, 22, 39, 0.72); }
.seo-diagnosis h2 { color: var(--ink); }
.seo-diagnosis__copy > p:last-child { max-width: 520px; margin: 20px 0 0; color: rgba(1, 22, 39, 0.76); font-size: 1.08rem; font-weight: 650; line-height: 1.5; }

.seo-whatsapp-mark {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin-bottom: 22px;
  border: 1px solid rgba(1, 22, 39, 0.18);
  border-radius: 50%;
  color: var(--whatsapp);
  background: var(--ink);
}

.seo-whatsapp-mark svg { width: 32px; height: 32px; }

.seo-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-self: start;
  padding: 24px;
  border: 1px solid rgba(247, 251, 252, 0.15);
  border-radius: 8px;
  color: var(--white);
  background: #123544;
  box-shadow: 0 26px 84px rgba(1, 22, 39, 0.3);
}

.seo-form__title {
  display: flex;
  grid-column: 1 / -1;
  gap: 12px;
  align-items: center;
  margin: 0 0 4px;
}

.seo-form__title > div { display: grid; gap: 2px; }
.seo-form__title strong { font-size: 1.08rem; }
.seo-form__title span { color: rgba(247, 251, 252, 0.65); font-size: 0.82rem; }

.seo-form__status-dot {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--whatsapp);
  box-shadow: 0 0 0 7px rgba(37, 211, 102, 0.11);
}

.seo-form label { color: rgba(247, 251, 252, 0.78); font-size: 0.78rem; font-weight: 800; }
.seo-form label > span { display: block; margin-bottom: 6px; }

.seo-form input,
.seo-form select,
.seo-form textarea {
  width: 100%;
  min-height: 50px;
  padding: 12px 14px;
  border: 1px solid rgba(247, 251, 252, 0.15);
  border-radius: 6px;
  outline: none;
  color: var(--white);
  background: rgba(255, 255, 255, 0.07);
}

.seo-form input:focus,
.seo-form select:focus,
.seo-form textarea:focus { border-color: var(--turquoise); }
.seo-form textarea { min-height: 96px; resize: vertical; }
.seo-form option { color: var(--white); background: var(--dark); }
.seo-form__wide { grid-column: 1 / -1; }

.seo-whatsapp-button {
  position: relative;
  width: 100%;
  min-height: 56px;
  gap: 10px;
  border-color: var(--whatsapp);
  color: #061b17;
  background: var(--whatsapp);
  box-shadow: 0 20px 54px rgba(37, 211, 102, 0.28);
  cursor: pointer;
  animation: seo-whatsapp-breathe 2.2s ease-in-out infinite;
}

.seo-whatsapp-button::after {
  position: absolute;
  inset: -7px;
  border: 1px solid rgba(37, 211, 102, 0.42);
  border-radius: 999px;
  content: "";
  pointer-events: none;
  animation: seo-whatsapp-ring 2.2s ease-in-out infinite;
}

.seo-whatsapp-button:hover { background: #45df7d; transform: translateY(-2px); }
.seo-whatsapp-button:disabled { cursor: wait; opacity: 0.72; }
.seo-whatsapp-button__icon { width: 24px; height: 24px; }
.seo-form__message { min-height: 18px; margin: -2px 0 0; color: rgba(247, 251, 252, 0.72); font-size: 0.78rem; }
.seo-form__message.is-error { color: #ffd0d0; }

@keyframes seo-whatsapp-breathe {
  50% { transform: translateY(-2px) scale(1.01); box-shadow: 0 26px 68px rgba(37, 211, 102, 0.38); }
}

@keyframes seo-whatsapp-ring {
  0%, 100% { opacity: 0.6; transform: scale(0.99); }
  60% { opacity: 0.08; transform: scale(1.035); }
}

.seo-footer {
  padding-block: 42px;
  border-top: 1px solid rgba(41, 231, 205, 0.12);
  color: var(--muted);
}

.seo-footer__inner { display: flex; flex-wrap: wrap; gap: 18px 28px; justify-content: space-between; align-items: center; }
.seo-footer nav { display: flex; flex-wrap: wrap; gap: 18px; }
.seo-footer a { color: var(--soft); text-decoration: none; }
.seo-footer a:hover { color: var(--turquoise); }

.seo-explorer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  visibility: hidden;
  background: rgba(1, 12, 22, 0.76);
  opacity: 0;
  transition: opacity 220ms ease, visibility 220ms ease;
}

.seo-explorer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 90;
  width: min(468px, 94vw);
  height: 100dvh;
  padding: 26px;
  border-left: 1px solid var(--line);
  background: #061d30;
  box-shadow: -28px 0 70px rgba(0, 0, 0, 0.35);
  overflow-y: auto;
  transform: translateX(102%);
  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.explorer-open { overflow: hidden; }
body.explorer-open .seo-explorer-backdrop { visibility: visible; opacity: 1; }
body.explorer-open .seo-explorer { transform: translateX(0); }

.seo-explorer__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--line);
}

.seo-explorer__head > div { display: grid; gap: 4px; }
.seo-explorer__head strong { color: var(--turquoise); font-size: 0.8rem; text-transform: uppercase; }
.seo-explorer__head div span { color: var(--muted); font-size: 0.84rem; }

.seo-explorer__close {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--white);
  background: transparent;
  cursor: pointer;
  font-size: 1.3rem;
}

.seo-explorer__group { margin-top: 12px; border: 1px solid rgba(41, 231, 205, 0.14); border-radius: 8px; background: rgba(255,255,255,.018); overflow: hidden; }
.seo-explorer__group summary { display: grid; grid-template-columns: 44px 1fr 20px; gap: 12px; align-items: center; min-height: 76px; padding: 10px 14px; color: var(--soft); cursor: pointer; list-style: none; }
.seo-explorer__group summary::-webkit-details-marker { display: none; }
.seo-explorer__group summary > span { display: grid; gap: 3px; }
.seo-explorer__group summary strong { color: var(--white); font-size: .98rem; }
.seo-explorer__group summary small { color: var(--muted); font-size: .74rem; font-weight: 650; }
.seo-explorer__group summary > i { width: 9px; height: 9px; border-right: 2px solid var(--turquoise); border-bottom: 2px solid var(--turquoise); transform: rotate(45deg); transition: transform 180ms ease; }
.seo-explorer__group[open] summary > i { transform: rotate(225deg); }
.seo-explorer__group[open] summary { background: rgba(41,231,205,.055); }
.seo-explorer__group > div { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 5px; padding: 8px; border-top: 1px solid rgba(41,231,205,.11); }

.seo-explorer__group a {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  min-height: 46px;
  padding: 9px 10px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--soft);
  font-size: 0.9rem;
  font-weight: 760;
  text-decoration: none;
}
.seo-explorer__group a > i { color: var(--turquoise); font-style: normal; }

.seo-explorer__group a:hover { color: var(--white); border-color: var(--line); background: rgba(41, 231, 205, 0.05); }
.seo-explorer__group a[aria-current="page"] { color: var(--ink); background: var(--turquoise); }
.seo-explorer__group a[aria-current="page"] .seo-icon { color: var(--ink); border-color: rgba(1, 22, 39, 0.24); background: rgba(1, 22, 39, 0.08); }

.seo-mobile-cta { display: none; }

.seo-reveal {
  opacity: 1;
  transform: none;
  transition: opacity 560ms ease, transform 560ms ease;
}

.has-js .seo-reveal[data-animate="true"].is-pending:not(.is-visible) { opacity: 0; transform: translateY(16px); }
.seo-reveal[data-animate="true"].is-visible { opacity: 1; transform: none; }

.seo-local-map { position: relative; display: grid; height: 100%; min-height: 380px; padding: 20px; }
.seo-local-map svg { width: 100%; height: 100%; min-height: 300px; }
.seo-local-map__boundary { fill: rgba(39,145,213,.08); stroke: rgba(105,185,235,.52); stroke-width: 2; }
.seo-local-map__streets path { fill: none; stroke: rgba(247,251,252,.12); stroke-width: 5; stroke-linecap: round; }
.seo-local-map__heat circle { fill: rgba(41,231,205,.12); stroke: rgba(41,231,205,.28); stroke-width: 2; }
.seo-local-map__heat--2 circle { fill: rgba(39,145,213,.13); stroke: rgba(105,185,235,.3); }
.seo-local-map__heat--3 circle { fill: rgba(247,251,252,.055); stroke: rgba(247,251,252,.16); }
.seo-local-map__heat text { fill: rgba(247,251,252,.72); font: 700 13px Inter,system-ui,sans-serif; text-anchor: middle; dominant-baseline: middle; }
.seo-local-map__center circle:first-child { fill: var(--turquoise); }
.seo-local-map__center circle:nth-child(2) { fill: none; stroke: rgba(41,231,205,.54); stroke-width: 3; }
.seo-local-map__center text { fill: var(--white); font: 900 22px Inter,system-ui,sans-serif; text-anchor: middle; }
.seo-local-map__legend { display: grid; gap: 4px; padding: 14px 16px; border-left: 2px solid var(--turquoise); background: rgba(1,22,39,.62); }
.seo-local-map__legend span { color: var(--soft); font-size: .8rem; }
.seo-local-map__legend small { color: var(--muted); font-size: .67rem; line-height: 1.35; }

@media (min-width: 1180px) {
  body[data-layout="vertical-studio"] .seo-hero { grid-template-columns: minmax(0, 0.94fr) minmax(420px, 0.92fr); }
  body[data-layout="identity-system"] .seo-hero__visual,
  body[data-layout="layered-grid"] .seo-hero__visual { transform: rotate(1deg); }
  body[data-layout="campaign-flow"] .seo-hero__visual,
  body[data-layout="live-pulse"] .seo-hero__visual { margin-top: 34px; }
  body[data-layout="spatial-route"] .seo-hero__visual { aspect-ratio: 6 / 5; }
  body[data-page-type="locality"] .seo-hero { grid-template-columns: minmax(0, 0.85fr) minmax(480px, 1fr); }
  body[data-page-type="service-locality"] .seo-hero { grid-template-columns: minmax(0, 0.92fr) minmax(440px, 0.96fr); }
}

@media (max-width: 1100px) {
  .seo-nav__inner { grid-template-columns: auto 1fr; }
  .seo-nav__links { display: none; }
  .seo-nav__actions { min-width: 0; }
  .seo-hero { grid-template-columns: 1fr; min-height: auto; }
  .seo-hero__visual { width: min(720px, 100%); min-height: 0; }
  .seo-section__head,
  .seo-related,
  .seo-diagnosis { grid-template-columns: 1fr; }
  .seo-grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .seo-process { grid-template-columns: 1fr; }
  .seo-process::before { top: 9%; bottom: 9%; left: 58px; width: 1px; height: auto; }
  .seo-process__step { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 4px 18px; padding-block: 14px; }
  .seo-process__icon { grid-row: 1 / span 2; margin-bottom: 0; }
  .seo-process__step p { grid-column: 2; }
  .seo-context { grid-template-columns: 1fr; }
  .seo-context--local { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .seo-related__links { grid-template-columns: 1fr; }
}

@media (max-width: 780px) {
  :root { --nav-height: 70px; }
  .seo-shell { width: min(100% - 36px, var(--page)); }
  .seo-nav__inner { grid-template-columns: 1fr auto; min-height: var(--nav-height); }
  .seo-brand img { width: 156px; }
  .seo-nav__links { display: none; }
  .seo-explorer-trigger { padding: 0; }
  .seo-nav__portal { display: none; }
  .seo-nav__diagnosis { padding-inline: 12px; font-size: .76rem; }
  .seo-breadcrumbs { padding-top: 22px; }
  .seo-context__parents { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: 12px; }
  .seo-context__parents a { min-width: 0; padding-inline: 10px; }
  .seo-context__parents .seo-icon { flex: 0 0 44px; }
  .seo-hero { gap: 30px; padding-block: 38px 64px; }
  .seo-hero h1 { max-width: 100%; font-size: clamp(2.65rem, 11vw, 4.2rem); line-height: 1.02; }
  .seo-hero__lead { font-size: 1.02rem; }
  .seo-hero__visual { aspect-ratio: 1 / 0.88; }
  .seo-section { padding-block: clamp(58px, 15vw, 84px); }
  .seo-section--compact { padding-block: 56px; }
  .seo-section__head { gap: 18px; margin-bottom: 30px; }
  .seo-section h2,
  .seo-diagnosis h2 { font-size: clamp(2rem, 8.5vw, 3.25rem); line-height: 1.03; }
  .seo-grid,
  .seo-grid--two,
  .seo-grid--four { grid-template-columns: 1fr; }
  .seo-card { min-height: 0; padding: 23px; }
  .seo-card__visual { margin-bottom: 18px; }
  .seo-disclosures { grid-template-columns: 1fr; }
  .seo-disclosure p { padding-left: 22px; }
  .seo-related { gap: 28px; }
  .seo-context { width: 100%; padding-left: 18px; }
  .seo-context__intro { width: calc(100vw - 36px); }
  .seo-context__rail { width: calc(100% - 18px); grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 2px 0 12px; }
  .seo-context--local { width: min(100% - 36px, var(--page)); padding-left: 0; grid-template-columns: 1fr; }
  .seo-context__group nav { grid-template-columns: 1fr 1fr; }
  .seo-hub-groups { gap: 54px; }
  .seo-hub-group > header { grid-template-columns: 1fr; gap: 8px; }
  .seo-journey__flow { grid-template-columns: 1fr; }
  .seo-journey__flow::before { top: 9%; bottom: 9%; left: 48px; width: 1px; height: auto; }
  .seo-journey__flow article { min-height: 0; }
  .seo-diagnosis-wrap { padding-block: 72px; }
  .seo-diagnosis { gap: 32px; padding: 28px 18px; }
  .seo-diagnosis::before { display: none; }
  .seo-form { grid-template-columns: 1fr; padding: 18px; }
  .seo-form__title,
  .seo-form__wide { grid-column: 1; }
  .seo-footer__inner { align-items: flex-start; flex-direction: column; }
  .seo-explorer { width: min(430px, 100vw); padding: 18px; }
  .seo-explorer__group > div { grid-template-columns: 1fr; }
  .seo-mobile-cta { position: fixed; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); left: 10px; z-index: 60; display: grid; grid-template-columns: 1fr auto 44px; gap: 10px; align-items: center; min-height: 62px; padding: 8px 8px 8px 16px; border: 1px solid rgba(41, 231, 205, 0.35); border-radius: 8px; background: rgba(3, 29, 46, 0.97); box-shadow: 0 16px 44px rgba(0, 0, 0, 0.42); opacity: 0; pointer-events: none; transform: translateY(calc(100% + 24px)); transition: opacity 180ms ease, transform 240ms ease; }
  .seo-mobile-cta.is-visible { opacity: 1; pointer-events: auto; transform: none; }
  .seo-mobile-cta[hidden] { display: none; }
  .seo-mobile-cta span { font-size: 0.86rem; font-weight: 850; }
  .seo-mobile-cta a { display: grid; place-items: center; min-height: 44px; padding: 0 14px; border-radius: 6px; color: var(--ink); background: var(--turquoise); font-size: 0.82rem; font-weight: 900; text-decoration: none; }
  .seo-mobile-cta button { display: grid; place-items: center; width: 44px; height: 44px; border: 0; color: var(--soft); background: transparent; cursor: pointer; font-size: 1.4rem; }
}

@media (max-width: 420px) {
  .seo-shell { width: min(100% - 28px, var(--page)); }
  .seo-brand img { width: 142px; }
  .seo-hero { padding-top: 30px; }
  .seo-hero h1 { font-size: clamp(2.55rem, 12vw, 3.55rem); }
  .seo-actions { flex-direction: column; }
  .seo-button { width: 100%; }
  .seo-hero__visual { margin-inline: -2px; width: calc(100% + 4px); }
  .seo-context__parents { grid-template-columns: 1fr; }
  .seo-context__rail { grid-template-columns: 1fr; }
  .seo-context__group nav { grid-template-columns: 1fr; }
  .seo-mobile-cta span { display: none; }
  .seo-mobile-cta { grid-template-columns: 1fr 44px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  .seo-reveal,
  .has-js .seo-reveal[data-animate="true"].is-pending:not(.is-visible) { opacity: 1; transform: none; }
}
    :root {
      --turquoise: #29E7CD;
      --bittersweet: #F76666;
      --rich-black: #011627;
      --payne-gray: #5D737E;
      --celestial-blue: #2791D5;
      --white: #F7FBFC;
      --soft: rgba(247, 251, 252, 0.76);
      --muted: rgba(247, 251, 252, 0.54);
      --glass: rgba(247, 251, 252, 0.06);
      --line: rgba(41, 231, 205, 0.18);
      --shadow: 0 28px 110px rgba(0, 0, 0, 0.42);
      --max: 1180px;
      --scroll: 0;
      --contact: 0;
      --fuse-active: 0;
      --fuse-contact: 0;
      --spark-scale: 1;
      --star-y: 0px;
    }

    * { box-sizing: border-box; margin: 0; padding: 0; }

    html { scroll-behavior: smooth; }

    body {
      font-family: "Altivo", "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
      background: var(--rich-black);
      color: var(--white);
      line-height: 1.08;
      overflow-x: hidden;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      z-index: -4;
      background:
        radial-gradient(circle at 18% 16%, rgba(41, 231, 205, .25), transparent 27%),
        radial-gradient(circle at 82% 18%, rgba(39, 145, 213, .20), transparent 28%),
        radial-gradient(circle at 72% 86%, rgba(247, 102, 102, .16), transparent 30%),
        linear-gradient(135deg, #021B2D 0%, var(--rich-black) 55%, #00101D 100%);
    }

    body::after {
      content: "";
      position: fixed;
      inset: -8vh 0;
      z-index: -3;
      pointer-events: none;
      opacity: .36;
      background-image:
        radial-gradient(circle, rgba(247,251,252,.66) 0 1px, transparent 1.65px),
        radial-gradient(circle, rgba(41,231,205,.54) 0 1px, transparent 1.75px),
        radial-gradient(circle, rgba(39,145,213,.42) 0 1px, transparent 1.65px);
      background-size: 170px 170px, 280px 280px, 390px 390px;
      background-position: 4px 8px, 60px 90px, 130px 40px;
      transform: translate3d(0, var(--star-y), 0);
      transition: transform .22s linear;
      mask-image: linear-gradient(to bottom, black 0%, black 88%, transparent 100%);
    }

    a { color: inherit; text-decoration: none; }
    button, input, select, textarea { font: inherit; }

    .page {
      width: min(100%, var(--max));
      margin: 0 auto;
      padding: 0 24px;
    }

    .nav {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 50;
      backdrop-filter: blur(18px);
      background: rgba(1, 22, 39, .62);
      border-bottom: 1px solid rgba(41, 231, 205, .10);
    }

    .nav-inner {
      width: min(100%, var(--max));
      margin: 0 auto;
      padding: 18px 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 22px;
    }

    .brand { display: flex; align-items: center; gap: 12px; }

    .brand-logo-img {
      display: block;
      width: clamp(138px, 11vw, 180px);
      height: auto;
      object-fit: contain;
      filter: drop-shadow(0 0 18px rgba(41,231,205,.22));
    }

    .brand-mark {
      width: 24px;
      height: 38px;
      display: grid;
      justify-items: center;
      align-content: space-between;
      filter: drop-shadow(0 0 18px rgba(41,231,205,.34));
    }

    .tri {
      width: 0;
      height: 0;
      border-left: 11px solid transparent;
      border-right: 11px solid transparent;
      border-bottom: 17px solid var(--turquoise);
    }

    .sq-sm { width: 14px; height: 14px; background: var(--turquoise); }
    .sq-lg { width: 18px; height: 18px; background: var(--turquoise); }

    .brand-icon-img {
      width: 22px;
      height: 30px;
      object-fit: contain;
      display: block;
      filter: drop-shadow(0 0 18px rgba(41,231,205,.42));
    }

    .hero-firework-img {
      --icon-follow-x: 0px;
      --icon-follow-y: 0px;
      --icon-tilt-x: 0deg;
      --icon-tilt-y: 0deg;
      position: relative;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      filter: none;
      transform:
        translate3d(var(--icon-follow-x), calc(-8px + var(--icon-follow-y)), 0)
        rotateX(var(--icon-tilt-y))
        rotateY(var(--icon-tilt-x));
      animation: heroSceneGlow 4.8s ease-in-out infinite;
    }

    .hero-firework-picture {
      display: block;
      width: 100%;
      height: 100%;
    }

    @keyframes heroSceneGlow {
      0%, 100% { filter: saturate(1) brightness(.98); }
      50% { filter: saturate(1.06) brightness(1.04); }
    }


    .brand-word {
      color: var(--turquoise);
      font-size: 1.34rem;
      font-weight: 760;
      letter-spacing: -.055em;
    }

    .nav-links {
      display: flex;
      align-items: center;
      gap: 22px;
      color: var(--soft);
      font-size: .92rem;
    }

    .nav-links a { transition: color .2s ease; }
    .nav-links a:hover { color: var(--turquoise); }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 13px 18px;
      border-radius: 999px;
      border: 1px solid rgba(41,231,205,.30);
      background: rgba(41,231,205,.08);
      color: var(--white);
      font-weight: 820;
      letter-spacing: -.025em;
      cursor: pointer;
      transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
    }

    .btn:hover { transform: translateY(-2px); box-shadow: 0 18px 60px rgba(41,231,205,.18); }

    .btn-primary {
      background: var(--turquoise);
      color: var(--rich-black);
      border-color: var(--turquoise);
      box-shadow: 0 20px 70px rgba(41,231,205,.28);
    }

    .hero {
      position: relative;
      min-height: 100svh;
      display: grid;
      align-items: center;
      padding: 120px 0 64px;
    }

    .hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr);
      align-items: center;
      gap: 62px;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 24px;
      padding: 9px 13px;
      border: 1px solid rgba(41,231,205,.24);
      border-radius: 999px;
      background: rgba(41,231,205,.07);
      color: var(--turquoise);
      font-size: .83rem;
      font-weight: 820;
      letter-spacing: .02em;
    }

    .pulse-dot {
      width: 8px;
      height: 8px;
      background: var(--turquoise);
      border-radius: 50%;
      box-shadow: 0 0 0 0 rgba(41,231,205,.35);
      animation: pulse 1.7s infinite;
    }

    @keyframes pulse {
      0% { box-shadow: 0 0 0 0 rgba(41,231,205,.38); }
      70% { box-shadow: 0 0 0 12px rgba(41,231,205,0); }
      100% { box-shadow: 0 0 0 0 rgba(41,231,205,0); }
    }

    h1 {
      font-size: clamp(4rem, 11vw, 10.4rem);
      line-height: .78;
      letter-spacing: -.045em;
      max-width: 880px;
      margin-bottom: 30px;
    }

    h1 span {
      display: block;
      color: var(--turquoise);
      text-shadow: 0 0 40px rgba(41,231,205,.24);
    }

    .hero-copy {
      max-width: 590px;
      color: var(--soft);
      font-size: clamp(1.18rem, 2.4vw, 1.62rem);
      line-height: 1.2;
      letter-spacing: -.012em;
      margin-bottom: 28px;
    }

    .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }

    .hero-visual {
      min-height: 560px;
      position: relative;
      display: grid;
      place-items: center;
      perspective: 1000px;
    }

    .orbit {
      position: absolute;
      inset: 8%;
      border: 1px solid rgba(41,231,205,.14);
      border-radius: 50%;
      animation: spin 18s linear infinite;
    }

    .orbit::before,
    .orbit::after {
      content: "";
      position: absolute;
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: var(--turquoise);
      box-shadow: 0 0 24px rgba(41,231,205,.75);
    }

    .orbit::before { left: 15%; top: 8%; }
    .orbit::after { right: 8%; bottom: 18%; background: var(--bittersweet); box-shadow: 0 0 26px rgba(247,102,102,.72); }

    @keyframes spin { to { transform: rotate(360deg); } }

    .rocket-card {
      position: relative;
      width: min(100%, 660px);
      aspect-ratio: 3 / 2;
      border-radius: 8px;
      background: #061d30;
      border: 1px solid rgba(41,231,205,.22);
      box-shadow: 0 28px 80px rgba(0,0,0,.42), 0 0 52px rgba(41,231,205,.12);
      display: grid;
      place-items: center;
      overflow: hidden;
      transform: rotateX(2deg) rotateY(-3deg);
      transition: transform .28s cubic-bezier(.2,.8,.2,1);
    }

    @keyframes float {
      0%, 100% { transform: rotateX(6deg) rotateY(-8deg) translateY(0); }
      50% { transform: rotateX(8deg) rotateY(-5deg) translateY(-18px); }
    }

    .rocket-card::before {
      content: none;
    }

    .floating-pill {
      position: absolute;
      padding: 12px 14px;
      border-radius: 999px;
      border: 1px solid rgba(41,231,205,.22);
      background: rgba(1,22,39,.74);
      color: var(--soft);
      backdrop-filter: blur(14px);
      font-size: .9rem;
      font-weight: 760;
      box-shadow: 0 18px 70px rgba(0,0,0,.22);
      animation: bob 4s ease-in-out infinite;
    }

    .pill-one { top: 18%; left: 0; }
    .pill-two { right: 0; top: 47%; animation-delay: -.8s; }
    .pill-three { left: 8%; bottom: 14%; animation-delay: -1.5s; }

    @keyframes bob {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-13px); }
    }

    .section {
      position: relative;
      min-height: 86svh;
      display: grid;
      align-items: center;
      padding: 96px 0;
    }

    .section-head { max-width: 850px; margin-bottom: 34px; }

    .kicker {
      color: var(--turquoise);
      text-transform: uppercase;
      font-size: .78rem;
      font-weight: 880;
      letter-spacing: .13em;
      margin-bottom: 14px;
    }

    h2 {
      max-width: 940px;
      font-size: clamp(3rem, 8vw, 8rem);
      line-height: .82;
      letter-spacing: -.052em;
      margin-bottom: 18px;
    }

    .lead {
      max-width: 640px;
      color: var(--soft);
      font-size: clamp(1.1rem, 2.2vw, 1.42rem);
      line-height: 1.2;
      letter-spacing: -.03em;
    }



    .problem-visual {
      position: relative;
      height: 118px;
      margin-bottom: 26px;
      border-radius: 22px;
      background: rgba(1,22,39,.34);
      border: 1px solid rgba(41,231,205,.12);
      overflow: hidden;
    }

    .problem-visual::before {
      content: "";
      position: absolute;
      inset: -30%;
      background: radial-gradient(circle at 50% 50%, rgba(41,231,205,.18), transparent 55%);
      filter: blur(12px);
    }

    .message-blur .fake-chat {
      position: absolute;
      left: 18px;
      right: 18px;
      top: 22px;
      display: grid;
      gap: 9px;
      filter: blur(2.2px);
      opacity: .46;
      transition: filter .25s ease, opacity .25s ease;
    }

    .big-card:hover .message-blur .fake-chat { filter: blur(.2px); opacity: .95; }

    .fake-line {
      height: 13px;
      border-radius: 999px;
      background: rgba(247,251,252,.62);
    }
    .fake-line.short { width: 58%; background: rgba(41,231,205,.74); }
    .fake-line.mid { width: 78%; }

    .google-visual .search-card {
      position: absolute;
      left: 18px;
      right: 18px;
      top: 21px;
      border-radius: 17px;
      padding: 13px 14px;
      background: rgba(247,251,252,.08);
      border: 1px solid rgba(247,251,252,.10);
    }

    .rank-row { display:flex; align-items:center; gap:10px; margin:8px 0; color:var(--muted); font-weight:800; transition: color .28s ease, transform .28s ease, opacity .28s ease; }
    .rank-dot { width:10px; height:10px; border-radius:50%; background:rgba(247,251,252,.36); transition: background .28s ease, box-shadow .28s ease; }
    .rank-row.active { color:rgba(41,231,205,.58); transform: translateX(0); }
    .rank-row.active .rank-dot { background:rgba(41,231,205,.42); box-shadow:0 0 0 rgba(41,231,205,0); }
    .big-card:hover .rank-row { opacity:.45; }
    .big-card:hover .rank-row.active { color:var(--turquoise); transform: translateX(10px); opacity:1; }
    .big-card:hover .rank-row.active .rank-dot { background:var(--turquoise); box-shadow:0 0 22px rgba(41,231,205,.9); }

    .delay-visual .wa-bubbles {
      position:absolute;
      inset:18px;
      display:grid;
      gap:10px;
    }
    .bubble-mini { width:72%; height:28px; border-radius:999px; background:rgba(41,231,205,.18); border:1px solid rgba(41,231,205,.22); transition: background .28s ease, border .28s ease, box-shadow .28s ease; }
    .bubble-mini:nth-child(2) { margin-left:auto; width:56%; background:rgba(247,102,102,.16); border-color:rgba(247,102,102,.26); }
    .timer-dot { position:absolute; right:23px; bottom:20px; width:22px; height:22px; border-radius:50%; background:var(--bittersweet); box-shadow:0 0 26px rgba(247,102,102,.72); transition: background .28s ease, box-shadow .28s ease, transform .28s ease; }
    .big-card:hover .bubble-mini:nth-child(2) { background:rgba(41,231,205,.24); border-color:rgba(41,231,205,.42); box-shadow:0 0 24px rgba(41,231,205,.22); }
    .big-card:hover .timer-dot { background:#25D366; box-shadow:0 0 32px rgba(37,211,102,.74); transform: scale(1.08); }
    .problem-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
    }

    .big-card {
      position: relative;
      min-height: 300px;
      border-radius: 34px;
      padding: 26px;
      background: rgba(247,251,252,.058);
      border: 1px solid rgba(247,251,252,.10);
      overflow: hidden;
      transform: translateY(22px) scale(1);
      opacity: 0;
      transform-style: preserve-3d;
      transition: transform .62s cubic-bezier(.2,.8,.2,1), opacity .8s ease, border .28s ease, background .28s ease, filter .28s ease, box-shadow .28s ease;
    }

    .big-card.in-view { transform: translateY(0) scale(1); opacity: 1; }
    .problem-grid:hover .big-card.in-view { transform: translateY(8px) scale(.955); filter: saturate(.78) brightness(.78); }
    .problem-grid .big-card.in-view:hover { transform: translateY(-16px) scale(1.045); filter: saturate(1.18) brightness(1.08); z-index:3; border-color: rgba(41,231,205,.38); background: rgba(41,231,205,.082); box-shadow: 0 34px 120px rgba(41,231,205,.13); }

    .big-card::before {
      content: "";
      position: absolute;
      right: 28px;
      top: 26px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--turquoise);
      opacity: 0;
      box-shadow: 0 0 0 0 rgba(41,231,205,.0);
    }
    .big-card.in-view::before { animation: tinyFirework 1.25s .22s ease-out both; }

    .big-card::after {
      content: "";
      position: absolute;
      right: -50px;
      bottom: -50px;
      width: 170px;
      height: 170px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(41,231,205,.18), transparent 68%);
    }

    @keyframes tinyFirework {
      0% { opacity:0; transform:scale(.6); box-shadow:0 0 0 0 rgba(41,231,205,0); }
      38% { opacity:1; transform:scale(1); box-shadow:0 0 0 0 rgba(41,231,205,.75); }
      100% { opacity:0; transform:scale(.8); box-shadow:0 0 0 18px rgba(41,231,205,0); }
    }

    .big-card .num {
      color: var(--turquoise);
      font-size: .86rem;
      font-weight: 880;
      margin-bottom: 34px;
    }

    .big-card strong {
      display: block;
      font-size: clamp(1.8rem, 3.2vw, 3.2rem);
      line-height: .88;
      letter-spacing: -.045em;
      margin-bottom: 14px;
    }

    .big-card p { color: var(--muted); font-size: 1rem; line-height: 1.25; max-width: 260px; }


    .flow-line {
      position: absolute;
      left: 8%;
      right: 8%;
      top: 52%;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(41,231,205,.32), transparent);
      z-index: 0;
    }

    .step-icon {
      width: 64px;
      height: 64px;
      border-radius: 21px;
      display:grid;
      place-items:center;
      margin-bottom: 30px;
      color: var(--rich-black);
      background: var(--turquoise);
      box-shadow: 0 0 36px rgba(41,231,205,.28);
      font-weight: 950;
      font-size: 1.72rem;
      line-height:1;
    }

    .flow-step .arrow {
      position:absolute;
      right:-18px;
      top:50%;
      width:36px;
      height:36px;
      border-radius:50%;
      background:rgba(41,231,205,.12);
      border:1px solid rgba(41,231,205,.24);
      display:grid;
      place-items:center;
      color:var(--turquoise);
      z-index:2;
    }

    .flow-step:last-child .arrow { display:none; }

    .flow {
      position: relative;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
      align-items: stretch;
    }

    .flow-step {
      position: relative;
      min-height: 280px;
      padding: 24px;
      border-radius: 30px;
      background: linear-gradient(180deg, rgba(41,231,205,.12), rgba(247,251,252,.052));
      border: 1px solid rgba(41,231,205,.17);
      overflow: hidden;
      transform: scale(.96);
      opacity: 0;
      transition: transform .75s cubic-bezier(.2,.8,.2,1), opacity .75s ease;
    }

    .flow-step.in-view { transform: scale(1); opacity: 1; }

    .flow-step::before {
      content: "";
      position: absolute;
      inset: auto 24px 24px auto;
      width: 56px;
      height: 56px;
      border-radius: 18px;
      background: var(--turquoise);
      opacity: .14;
      transform: rotate(12deg);
    }

    .flow-step .label {
      color: var(--turquoise);
      font-size: .82rem;
      letter-spacing: .08em;
      font-weight: 900;
      margin-bottom: 62px;
      text-transform: uppercase;
    }

    .flow-step strong {
      display: block;
      font-size: clamp(1.55rem, 2.3vw, 2.25rem);
      line-height: .93;
      letter-spacing: -.035em;
      margin-bottom: 12px;
    }

    .flow-step p { color: var(--muted); line-height: 1.25; }

    .services-strip {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 12px;
    }

    .service-chip {
      min-height: 160px;
      padding: 18px;
      border-radius: 26px;
      background: rgba(247,251,252,.055);
      border: 1px solid rgba(247,251,252,.10);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      transition: transform .24s ease, background .24s ease, border .24s ease;
    }

    .service-chip:hover { transform: translateY(-8px); background: rgba(41,231,205,.10); border-color: rgba(41,231,205,.30); }

    .service-chip span { color: var(--turquoise); font-size: 1.8rem; filter: drop-shadow(0 0 18px rgba(41,231,205,.34)); }
    .service-chip strong { font-size: 1.05rem; letter-spacing: -.04em; line-height: 1; }



    .projects-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
    }

    .project-card {
      position: relative;
      min-height: 420px;
      border-radius: 34px;
      overflow: hidden;
      border: 1px solid rgba(41,231,205,.18);
      background: rgba(247,251,252,.055);
      box-shadow: 0 24px 80px rgba(0,0,0,.22);
      transition: transform .25s ease, border .25s ease, box-shadow .25s ease;
    }

    .project-card:hover {
      transform: translateY(-10px);
      border-color: rgba(41,231,205,.42);
      box-shadow: 0 32px 110px rgba(41,231,205,.12);
    }

    .project-card img {
      width: 100%;
      height: 240px;
      object-fit: cover;
      display: block;
      background: rgba(41,231,205,.08);
    }

    .project-card-content {
      padding: 22px;
      display: grid;
      gap: 12px;
    }

    .project-card-content small {
      color: var(--turquoise);
      text-transform: uppercase;
      letter-spacing: .12em;
      font-weight: 900;
      font-size: .72rem;
    }

    .project-card-content strong {
      display: block;
      font-size: clamp(1.8rem, 3vw, 2.6rem);
      line-height: .9;
      letter-spacing: -.045em;
    }

    .project-card-content p {
      color: var(--muted);
      line-height: 1.25;
    }

    .visual-proof {
      display: grid;
      grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
      gap: 28px;
      align-items: stretch;
    }

    .difference-section .section-head { margin-bottom: 28px; }

    .proof-panel {
      min-height: 520px;
      border-radius: 40px;
      padding: 34px;
      background: var(--turquoise);
      color: var(--rich-black);
      position: relative;
      overflow: hidden;
      isolation:isolate;
    }

    .proof-panel h2 { color: var(--rich-black); font-size: clamp(3.2rem, 7vw, 7rem); max-width: 520px; position:relative; z-index:2; }
    .proof-panel p { color: rgba(1,22,39,.72); font-size: 1.18rem; line-height: 1.2; max-width: 430px; font-weight: 680; position:relative; z-index:2; }
    .post-ghosts { position:absolute; inset:0; z-index:1; opacity:.19; pointer-events:none; }
    .post-ghosts span { position:absolute; width:170px; height:220px; border-radius:28px; background:rgba(1,22,39,.22); border:1px solid rgba(1,22,39,.18); transform:rotate(-8deg); }
    .post-ghosts span:nth-child(1) { right:9%; top:13%; }
    .post-ghosts span:nth-child(2) { right:23%; bottom:10%; transform:rotate(7deg); }
    .post-ghosts span:nth-child(3) { left:10%; bottom:-8%; transform:rotate(-15deg); }

    .proof-panel::after {
      content: "";
      position: absolute;
      width: 300px;
      height: 300px;
      border-radius: 50%;
      right: -90px;
      bottom: -90px;
      background: rgba(1,22,39,.12);
    }

    .mini-dashboard {
      min-height: 520px;
      border-radius: 40px;
      background: rgba(247,251,252,.058);
      border: 1px solid rgba(247,251,252,.10);
      padding: 28px;
      display: grid;
      gap: 14px;
      box-shadow: var(--shadow);
    }

    .metric {
      position: relative;
      border-radius: 26px;
      padding: 22px;
      background: rgba(1,22,39,.42);
      border: 1px solid rgba(247,251,252,.08);
      display: grid;
      grid-template-columns: 62px auto 1fr;
      gap: 18px;
      align-items: center;
      transform: translateY(20px);
      opacity:.88;
      transition: transform .65s cubic-bezier(.2,.8,.2,1), border .25s ease, background .25s ease;
    }

    .metric-icon {
      width: 54px;
      height: 54px;
      border-radius: 18px;
      display:grid;
      place-items:center;
      background:rgba(41,231,205,.11);
      border:1px solid rgba(41,231,205,.18);
      font-size:1.55rem;
    }

    .metric strong {
      color: var(--turquoise);
      font-size: clamp(2.1rem, 3.6vw, 4.35rem);
      line-height: .9;
      letter-spacing: -.055em;
    }

    .metric span:not(.metric-icon) { color: var(--soft); font-size: 1.04rem; line-height: 1.2; }
    .mini-dashboard.in-view .metric { transform:translateY(0); opacity:1; }
    .mini-dashboard.in-view .metric:nth-child(2){ transition-delay:.09s; }
    .mini-dashboard.in-view .metric:nth-child(3){ transition-delay:.18s; }
    .metric::after {
      content: "";
      position:absolute;
      right:22px;
      top:22px;
      width:22px;
      height:22px;
      border:2px solid rgba(41,231,205,.55);
      border-radius:7px;
      transform: rotate(10deg);
      opacity:.55;
    }

    .whatsapp-section {
      min-height: 100svh;
      display: grid;
      align-items: center;
      padding: 110px 0 80px;
    }

    .contact-shell {
      position: relative;
      border-radius: 44px;
      background: linear-gradient(145deg, rgba(41,231,205,.16), rgba(247,251,252,.054));
      border: 1px solid rgba(41,231,205,.24);
      box-shadow: var(--shadow);
      padding: clamp(28px, 6vw, 64px);
      overflow: hidden;
      display: grid;
      grid-template-columns: 1fr .95fr;
      gap: 34px;
      align-items: center;
    }

    .contact-shell::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 75% 20%, rgba(41,231,205,.25), transparent 34%),
        radial-gradient(circle at 16% 90%, rgba(247,102,102,.14), transparent 36%);
      opacity: calc(.38 + var(--contact) * .62);
    }

    .contact-copy, .wa-card { position: relative; z-index: 1; }
    .contact-copy h2 { font-size: clamp(3rem, 7.4vw, 8.4rem); }
    .contact-copy p { max-width: 500px; color: var(--soft); font-size: 1.28rem; line-height: 1.2; letter-spacing: -.035em; }

    .wa-card {
      border-radius: 34px;
      background: rgba(1,22,39,.88);
      border: 1px solid rgba(247,251,252,.12);
      padding: 24px;
      transform: translateY(calc(32px - var(--contact) * 32px)) scale(calc(.94 + var(--contact) * .06));
      opacity: calc(.25 + var(--contact) * .75);
      transition: transform .25s ease, opacity .25s ease;
    }

    .wa-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 18px;
    }

    .wa-title { display: flex; align-items: center; gap: 12px; }
    .wa-dot { width: 14px; height: 14px; border-radius: 50%; background: var(--turquoise); box-shadow: 0 0 0 7px rgba(41,231,205,.10); }
    .wa-title strong { font-size: 1.1rem; letter-spacing: -.04em; }
    .wa-title span { display: block; color: var(--muted); margin-top: 3px; font-size: .9rem; }

    .wa-form { display: grid; gap: 12px; }

    .wa-form input,
    .wa-form select,
    .wa-form textarea {
      width: 100%;
      border: 1px solid rgba(247,251,252,.12);
      border-radius: 16px;
      background: rgba(247,251,252,.07);
      color: var(--white);
      padding: 14px 15px;
      outline: none;
    }

    .wa-form textarea { min-height: 96px; resize: vertical; }
    .wa-form select option { background: var(--rich-black); }
    .wa-form input:focus, .wa-form select:focus, .wa-form textarea:focus { border-color: var(--turquoise); }

    .wa-form .btn { width: 100%; margin-top: 2px; }
    .wa-submit {
      background: #25D366;
      border-color: #25D366;
      color: #07140D;
      box-shadow: 0 22px 70px rgba(37,211,102,.22);
      gap: 10px;
    }
    .wa-submit svg { width: 21px; height: 21px; }

    .fuse-track {
      position: fixed;
      right: 30px;
      top: 104px;
      bottom: 32px;
      width: 58px;
      z-index: 35;
      pointer-events: none;
      display: grid;
      justify-items: center;
    }

    .fuse-line {
      position: absolute;
      top: 0;
      bottom: 58px;
      width: 4px;
      border-radius: 999px;
      background: rgba(247,251,252,.12);
      overflow: hidden;
    }

    .fuse-burn {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: calc(var(--scroll) * 100%);
      border-radius: 999px;
      background: linear-gradient(to bottom, rgba(41,231,205,.25), var(--turquoise), var(--turquoise));
      box-shadow: 0 0 22px rgba(41,231,205,.65);
    }

    .fuse-spark {
      position: absolute;
      top: calc(var(--scroll) * (100% - 64px));
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: var(--turquoise);
      box-shadow: 0 0 18px rgba(41,231,205,.95), 0 0 38px rgba(41,231,205,.55);
      animation: spark .45s infinite alternate;
    }

    @keyframes spark {
      from { transform: scale(.72) rotate(0deg); opacity:.84; }
      to { transform: scale(1.22) rotate(25deg); opacity:1; }
    }

    .side-firework {
      position: absolute;
      bottom: 0;
      width: 58px;
      height: 76px;
      display: grid;
      place-items: center;
      filter: drop-shadow(0 0 18px rgba(41,231,205,.55)) drop-shadow(0 0 42px rgba(41,231,205,.24));
      transform: translateY(calc(var(--contact) * -12px)) scale(calc(1 + var(--contact) * .16));
      transition: transform .25s ease, filter .25s ease;
    }
    .side-firework img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
    }

    .explosion {
      position: fixed;
      right: 4px;
      bottom: 12px;
      width: 112px;
      height: 112px;
      z-index: 34;
      pointer-events: none;
      opacity: var(--contact);
      transform: scale(calc(.55 + var(--contact) * .75));
      transition: opacity .2s ease, transform .2s ease;
    }

    .ray {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 4px;
      height: 52px;
      border-radius: 999px;
      background: linear-gradient(var(--turquoise), transparent);
      transform-origin: 50% 0;
      box-shadow: 0 0 18px rgba(41,231,205,.7);
      animation: rayPulse 1s infinite alternate;
    }

    .ray:nth-child(1) { transform: rotate(0deg) translateY(-18px); }
    .ray:nth-child(2) { transform: rotate(45deg) translateY(-18px); }
    .ray:nth-child(3) { transform: rotate(90deg) translateY(-18px); }
    .ray:nth-child(4) { transform: rotate(135deg) translateY(-18px); }
    .ray:nth-child(5) { transform: rotate(180deg) translateY(-18px); }
    .ray:nth-child(6) { transform: rotate(225deg) translateY(-18px); }
    .ray:nth-child(7) { transform: rotate(270deg) translateY(-18px); }
    .ray:nth-child(8) { transform: rotate(315deg) translateY(-18px); }

    @keyframes rayPulse {
      from { height: 36px; opacity: .5; }
      to { height: 72px; opacity: 1; }
    }

    .reveal {
      opacity: 0;
      transform: translateY(28px);
      transition: opacity .9s ease, transform .9s cubic-bezier(.2,.8,.2,1);
    }

    .reveal.in-view { opacity: 1; transform: translateY(0); }


    /* V4 refinements */
    h2 {
      font-size: clamp(2.7rem, 5.9vw, 6.35rem);
      line-height: .88;
      letter-spacing: -.058em;
    }

    .section:not(.hero) .section-head { max-width: 760px; margin-bottom: 28px; }
    .section:not(.hero) .lead { font-size: clamp(1rem, 1.65vw, 1.18rem); letter-spacing: -.012em; }

    .method-wheel {
      position: relative;
      min-height: 430px;
      border-radius: 42px;
      background: linear-gradient(145deg, rgba(41,231,205,.10), rgba(247,251,252,.045));
      border: 1px solid rgba(41,231,205,.20);
      box-shadow: var(--shadow);
      overflow: hidden;
      display: grid;
      grid-template-columns: 74px 1fr 74px;
      align-items: center;
      padding: clamp(22px, 4vw, 46px);
      transform: translateY(36px) scale(.975);
      opacity: 0;
      transition: transform .9s cubic-bezier(.2,.8,.2,1), opacity .9s ease, border .25s ease, box-shadow .25s ease;
    }
    .method-wheel.in-view { transform: translateY(0) scale(1); opacity:1; }
    .method-wheel::before {
      content:"";
      position:absolute;
      inset:-20%;
      background: radial-gradient(circle at 18% 28%, rgba(41,231,205,.22), transparent 30%), radial-gradient(circle at 78% 72%, rgba(39,145,213,.18), transparent 32%);
      opacity:.85;
    }
    .method-stage { position:relative; z-index:1; display:grid; grid-template-columns: .82fr 1.18fr; gap:clamp(22px, 4vw, 56px); align-items:center; }
    .method-visual { position:relative; min-height:270px; display:grid; place-items:center; }
    .method-halo { position:absolute; width:min(58vw, 320px); aspect-ratio:1; border-radius:50%; border:1px solid rgba(41,231,205,.17); box-shadow: inset 0 0 80px rgba(41,231,205,.08); animation: slowSpin 18s linear infinite; }
    @keyframes slowSpin { to { transform:rotate(360deg); } }
    .method-emoji {
      position:absolute;
      width:72px; height:72px; border-radius:24px;
      display:grid; place-items:center;
      background:rgba(41,231,205,.08); border:1px solid rgba(41,231,205,.16);
      opacity:.28; filter:saturate(.35) blur(.2px); transform:scale(.86);
      font-size:2rem; transition: all .42s cubic-bezier(.2,.8,.2,1);
    }
    .method-emoji:nth-child(2){ transform:translate(-100px,-72px) scale(.82); }
    .method-emoji:nth-child(3){ transform:translate(100px,-72px) scale(.82); }
    .method-emoji:nth-child(4){ transform:translate(-100px,72px) scale(.82); }
    .method-emoji:nth-child(5){ transform:translate(100px,72px) scale(.82); }
    .method-emoji.active {
      opacity:1; filter:saturate(1.05) blur(0); transform:translate(0,0) scale(1.32) !important;
      background:var(--turquoise); border-color:var(--turquoise); box-shadow:0 0 70px rgba(41,231,205,.35), 0 0 0 18px rgba(41,231,205,.065);
    }
    .method-copy { position:relative; z-index:2; max-width: 560px; }
    .method-label { color:var(--turquoise); display:block; font-size:.86rem; letter-spacing:.14em; text-transform:uppercase; font-weight:900; margin-bottom:20px; }
    .method-copy h3 { font-size:clamp(2.3rem, 5vw, 5.6rem); line-height:.86; letter-spacing:-.062em; margin-bottom:20px; }
    .method-copy p { color:var(--soft); font-size:clamp(1.05rem, 1.9vw, 1.35rem); line-height:1.23; max-width:480px; }
    .method-arrow { position:relative; z-index:2; width:54px; height:54px; border-radius:50%; border:1px solid rgba(41,231,205,.28); background:rgba(1,22,39,.55); color:var(--turquoise); font-size:2.1rem; display:grid; place-items:center; cursor:pointer; transition:transform .22s ease, background .22s ease, box-shadow .22s ease; }
    .method-arrow:hover { transform:scale(1.08); background:rgba(41,231,205,.14); box-shadow:0 0 42px rgba(41,231,205,.20); }
    .method-dots { position:absolute; z-index:3; left:50%; bottom:28px; transform:translateX(-50%); display:flex; gap:10px; }
    .method-dots button { width:34px; height:34px; border-radius:50%; border:1px solid rgba(41,231,205,.20); background:rgba(1,22,39,.50); color:var(--soft); font-weight:900; cursor:pointer; transition:all .2s ease; }
    .method-dots button.active { background:var(--turquoise); color:var(--rich-black); box-shadow:0 0 34px rgba(41,231,205,.36); }

    .difference-section .section-head { margin-bottom: 20px; }
    .visual-proof { align-items:center; }
    .proof-panel { min-height: 470px; display:flex; flex-direction:column; justify-content:center; }
    .proof-panel h2 { font-size: clamp(3rem, 5.8vw, 6.6rem); max-width: 520px; }
    .proof-panel p { font-size: clamp(1.05rem, 1.55vw, 1.25rem); max-width: 500px; }
    .post-layout {
      position:absolute; inset:auto 30px 28px auto; width:210px; height:260px;
      border-radius:28px; border:2px solid rgba(1,22,39,.12); opacity:.32; transform:rotate(-7deg);
      background:linear-gradient(180deg, rgba(1,22,39,.08), rgba(1,22,39,.02));
    }
    .post-layout::before { content:""; position:absolute; left:22px; right:22px; top:22px; height:110px; border-radius:22px; background:rgba(1,22,39,.10); }
    .post-layout::after { content:""; position:absolute; left:22px; right:52px; bottom:42px; height:14px; border-radius:999px; background:rgba(1,22,39,.12); box-shadow:0 25px 0 rgba(1,22,39,.08), 0 -25px 0 rgba(1,22,39,.08); }
    .post-ghosts { display:none; }

    .mini-dashboard { min-height: 470px; padding: clamp(18px, 3vw, 28px); align-content:center; }
    .metric { grid-template-columns: 1fr; padding: 26px 32px 26px 112px; min-height: 122px; overflow: visible; transform: translateX(28px); opacity:0; }
    .metric.in-view, .mini-dashboard.in-view .metric { transform:translateX(0); opacity:1; }
    .metric::after { display:none; }
    .metric-icon { position:absolute; left:24px; top:50%; transform:translateY(-50%); width:62px; height:62px; border-radius:20px; font-size:1.9rem; background:rgba(41,231,205,.13); box-shadow:0 0 38px rgba(41,231,205,.11); }
    .metric strong { font-size: clamp(2.4rem, 4vw, 4.8rem); }
    .metric span:not(.metric-icon) { font-size: clamp(.98rem, 1.3vw, 1.12rem); max-width:360px; }

    .projects-grid:hover .project-card.in-view { transform: translateY(8px) scale(.965); filter:saturate(.8) brightness(.78); }
    .projects-grid .project-card.in-view:hover { transform: translateY(-14px) scale(1.035); filter:saturate(1.1) brightness(1.08); z-index:3; }
    .project-card img { filter: blur(1.4px) saturate(.82) brightness(.78); transition: filter .32s ease, transform .38s ease; }
    .project-card:hover img { filter: blur(0) saturate(1.1) brightness(1); transform:scale(1.035); }
    .project-card { opacity:0; transform:translateY(30px); transition: transform .65s cubic-bezier(.2,.8,.2,1), opacity .65s ease, filter .28s ease, border .25s ease, box-shadow .25s ease; }
    .project-card.in-view { opacity:1; transform:translateY(0); }

    .contact-shell { transform: translateY(46px) scale(.975); opacity:0; transition: transform 1s cubic-bezier(.2,.8,.2,1), opacity 1s ease, border .25s ease; }
    .contact-shell.in-view { transform: translateY(0) scale(1); opacity:1; }
    .contact-shell.in-view::after { content:""; position:absolute; inset:-40%; pointer-events:none; background: radial-gradient(circle at 70% 40%, rgba(41,231,205,.16), transparent 26%); animation: contactBloom 2.4s ease both; }
    @keyframes contactBloom { from { opacity:0; transform:scale(.7); } to { opacity:1; transform:scale(1); } }
    .wa-submit { animation: waPulse 1.55s ease-in-out infinite; }
    .wa-submit:hover { animation: waBuzz .18s linear infinite, waPulse 1.55s ease-in-out infinite; }
    @keyframes waPulse { 0%,100% { box-shadow:0 22px 70px rgba(37,211,102,.22), 0 0 0 0 rgba(37,211,102,.22); } 50% { box-shadow:0 26px 90px rgba(37,211,102,.35), 0 0 0 12px rgba(37,211,102,0); } }
    @keyframes waBuzz { 0%,100% { transform:translateX(0); } 25% { transform:translateX(-1px); } 75% { transform:translateX(1px); } }


    /* V5 composition / conversion refinements */
    .hero h1 {
      max-width: 760px;
      font-size: clamp(4.5rem, 9vw, 9.15rem);
      line-height: .82;
      letter-spacing: -.052em;
      margin-bottom: 24px;
    }
    .hero-copy {
      max-width: 520px;
      font-size: clamp(1.02rem, 1.42vw, 1.22rem);
      line-height: 1.32;
      color: rgba(247,251,252,.70);
      margin-bottom: 26px;
      letter-spacing: -.006em;
      font-weight: 520;
    }
    .hero-actions { display:flex; align-items:center; gap:12px; }
    .hero-actions .btn:not(.btn-primary) { min-width: 142px; }
    .hero-actions .btn-primary { min-width: 228px; }

    .method-wheel {
      min-height: 410px;
      padding: clamp(24px, 3.4vw, 42px);
      grid-template-columns: 58px 1fr 58px;
    }
    .method-stage {
      grid-template-columns: minmax(250px, .8fr) minmax(360px, 1fr);
      gap: clamp(24px, 4vw, 50px);
    }
    .method-visual { min-height: 250px; }
    .method-copy { max-width: 500px; align-self:center; }
    .method-label { margin-bottom: 14px; }
    .method-copy h3 {
      font-size: clamp(2.4rem, 4.4vw, 4.65rem);
      line-height: .9;
      letter-spacing: -.052em;
      margin-bottom: 16px;
      text-wrap: balance;
    }
    .method-copy p {
      font-size: clamp(.98rem, 1.38vw, 1.16rem);
      line-height: 1.28;
      max-width: 410px;
      color: rgba(247,251,252,.68);
    }
    .method-arrow { width:48px; height:48px; font-size:1.85rem; }
    .method-dots { bottom:24px; }

    .difference-section { min-height: 92svh; }
    .visual-proof { grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); align-items: center; }
    .proof-panel {
      min-height: 470px;
      background: linear-gradient(145deg, rgba(247,251,252,.085), rgba(247,251,252,.035));
      border:1px solid rgba(41,231,205,.18);
      color: var(--white);
      backdrop-filter: blur(10px);
      box-shadow: var(--shadow);
    }
    .proof-panel h2 { color: var(--white); font-size: clamp(3rem, 5.6vw, 6.2rem); max-width: 520px; }
    .proof-panel p { color: var(--soft); max-width: 480px; font-size: clamp(1rem, 1.35vw, 1.13rem); }
    .post-layout {
      position:absolute; right:34px; bottom:34px; width:220px; height:278px;
      border-radius:30px; border:1px solid rgba(41,231,205,.22); opacity:.22;
      background:linear-gradient(180deg, rgba(41,231,205,.10), rgba(1,22,39,.30));
      transform:rotate(-5deg);
    }
    .post-layout::before {
      content:""; position:absolute; left:18px; right:18px; top:18px; height:130px;
      border-radius:24px; background:linear-gradient(135deg, rgba(41,231,205,.28), rgba(39,145,213,.08));
      box-shadow: inset 0 0 0 1px rgba(41,231,205,.18);
    }
    .post-layout::after {
      content:""; position:absolute; left:18px; right:54px; bottom:34px; height:12px;
      border-radius:999px; background:rgba(247,251,252,.28);
      box-shadow: 0 -28px 0 rgba(247,251,252,.20), 0 -56px 0 rgba(247,251,252,.14);
    }
    .mini-dashboard { min-height: 470px; padding: clamp(20px, 3vw, 30px); gap:16px; }
    .metric {
      min-height: 128px;
      grid-template-columns: 80px 1fr;
      padding: 24px 30px;
      align-items:center;
      gap:20px;
      overflow:visible;
      background: rgba(1,22,39,.50);
    }
    .metric::after { display:none !important; }
    .metric-icon {
      position: static;
      transform:none;
      width:64px; height:64px; border-radius:22px;
      font-size:1.85rem;
      display:grid; place-items:center;
      background:rgba(41,231,205,.12);
      border:1px solid rgba(41,231,205,.23);
      box-shadow:0 0 34px rgba(41,231,205,.10);
    }
    .metric strong { font-size: clamp(2.45rem, 4.2vw, 4.8rem); line-height:.9; }
    .metric span:not(.metric-icon) { grid-column:2; margin-top:-8px; max-width:360px; font-size:clamp(.95rem, 1.16vw, 1.06rem); }

    .contact-shell {
      background: linear-gradient(145deg, rgba(41,231,205,.96), rgba(41,231,205,.68) 46%, rgba(39,145,213,.40));
      border-color: rgba(41,231,205,.56);
      box-shadow: 0 34px 130px rgba(41,231,205,.18), var(--shadow);
    }
    .contact-shell::before {
      background:
        radial-gradient(circle at 76% 22%, rgba(247,251,252,.28), transparent 34%),
        radial-gradient(circle at 18% 86%, rgba(1,22,39,.18), transparent 36%);
      opacity: calc(.28 + var(--contact) * .54);
    }
    .contact-copy h2 { color: var(--rich-black); text-shadow:none; }
    .contact-copy .kicker { color: rgba(1,22,39,.72); }
    .contact-copy p { color: rgba(1,22,39,.76); font-weight: 650; }
    .wa-card { box-shadow: 0 28px 100px rgba(1,22,39,.38); }
    .wa-submit {
      animation: waBreath 2.05s ease-in-out infinite;
      min-height: 56px;
      box-shadow:0 24px 80px rgba(37,211,102,.34), 0 0 0 0 rgba(37,211,102,.28);
    }
    .wa-submit:hover { animation: waBuzz .16s linear infinite, waBreath 1.4s ease-in-out infinite; }
    @keyframes waBreath {
      0%,100% { transform: translateY(0) scale(1); box-shadow:0 22px 70px rgba(37,211,102,.28), 0 0 0 0 rgba(37,211,102,.28); }
      50% { transform: translateY(-2px) scale(1.012); box-shadow:0 32px 110px rgba(37,211,102,.48), 0 0 0 17px rgba(37,211,102,0); }
    }

    @media (max-width: 1100px) {
      .fuse-track { right: 12px; opacity: .65; }
    }

    @media (max-width: 920px) {
      .hero-grid, .visual-proof, .contact-shell { grid-template-columns: 1fr; }
      .hero-visual { min-height: 480px; }
      .problem-grid, .flow, .projects-grid { grid-template-columns: 1fr 1fr; }
      .flow-line { display:none; }
      .flow-step .arrow { display:none; }
      .nav-links { display: none; }
    }

    @media (max-width: 640px) {
      .page, .nav-inner { padding-left: 18px; padding-right: 18px; }
      .nav-inner { padding-top: 14px; padding-bottom: 14px; }
      .brand-word { font-size: 1.12rem; }
      .brand-icon-img { width: 22px; height: 34px; }
      .hero { padding-top: 92px; min-height: auto; padding-bottom: 42px; }
      .hero-grid { gap: 22px; }
      h1 { font-size: clamp(3.25rem, 17vw, 5rem); letter-spacing: -.055em; line-height: .84; }
      h2 { font-size: clamp(2.75rem, 13vw, 4.6rem); letter-spacing: -.055em; line-height: .88; }
      .hero-copy, .lead { font-size: 1.08rem; line-height: 1.28; letter-spacing: -.006em; }
      .hero-actions { display: flex; flex-direction: column; width: 100%; }
      .hero-actions .btn { width: 100%; }
      .nav .btn { display: none; }
      .hero-visual { min-height: 340px; }
      .rocket-card { width: min(82vw, 330px); border-radius: 30px; }
      .hero-firework-img { width: min(76%, 270px); }
      .floating-pill { display: none; }
      .problem-grid, .flow, .projects-grid { grid-template-columns: 1fr; }
      .big-card, .flow-step, .project-card { min-height: auto; border-radius: 26px; }
      .metric { grid-template-columns: 52px 1fr; gap:14px; }
      .metric span:not(.metric-icon) { grid-column:2; }
      .problem-visual { height: 98px; margin-bottom: 20px; }
      h1 { letter-spacing: -.035em; line-height: .82; }
      h2 { font-size: clamp(2.75rem, 14vw, 4.85rem); letter-spacing: -.04em; line-height: .88; }
      .fuse-track, .explosion { display: none; }
      .contact-shell { border-radius: 30px; }
      .wa-card { padding: 18px; }
    }
  
    @media (max-width: 920px) {
      .method-wheel { grid-template-columns: 56px 1fr 56px; min-height: 520px; }
      .method-stage { grid-template-columns:1fr; text-align:left; }
      .method-visual { min-height:180px; }
      .visual-proof { grid-template-columns:1fr; }
      .metric { padding-left:98px; }
    }

    @media (max-width: 640px) {
      .section:not(.hero) { min-height:auto; padding-top:70px; padding-bottom:70px; }
      .method-wheel { grid-template-columns: 1fr; padding:22px; min-height:560px; border-radius:30px; }
      .method-stage { gap:8px; }
      .method-arrow { position:absolute; bottom:22px; z-index:4; }
      .method-prev { left:22px; }
      .method-next { right:22px; }
      .method-dots { bottom:32px; }
      .method-copy h3 { font-size: clamp(2.1rem, 12vw, 3.7rem); }
      .method-copy p { font-size:1.05rem; }
      .method-emoji { width:58px; height:58px; border-radius:20px; font-size:1.55rem; }
      .method-emoji:nth-child(2){ transform:translate(-70px,-50px) scale(.82); }
      .method-emoji:nth-child(3){ transform:translate(70px,-50px) scale(.82); }
      .method-emoji:nth-child(4){ transform:translate(-70px,50px) scale(.82); }
      .method-emoji:nth-child(5){ transform:translate(70px,50px) scale(.82); }
      .proof-panel { min-height:520px; padding:32px 24px; }
      .post-layout { width:170px; height:220px; right:18px; bottom:20px; }
      .mini-dashboard { min-height:auto; }
      .metric { grid-template-columns:1fr; padding:84px 22px 24px 22px; min-height:160px; }
      .metric-icon { left:22px; top:22px; transform:none; }
      .metric strong { font-size: clamp(2.5rem, 12vw, 4rem); }
      .contact-copy h2 { font-size: clamp(2.65rem, 13vw, 4.9rem); }
      .wa-submit { min-height:58px; }
    }

    @media (max-width: 640px) {
      .hero { padding-top: 88px; }
      .hero h1 {
        font-size: clamp(3.7rem, 14.5vw, 5.15rem) !important;
        line-height: .88 !important;
        letter-spacing: -.045em !important;
        margin-bottom: 22px;
      }
      .hero-copy {
        font-size: .96rem !important;
        line-height: 1.32 !important;
        color: rgba(247,251,252,.66);
        max-width: 92%;
      }
      .hero-actions { flex-direction: row; gap:10px; }
      .hero-actions .btn { width: 50%; min-width: 0; padding-left: 12px; padding-right: 12px; }
      .hero-actions .btn-primary { order:2; }
      .hero-actions .btn:not(.btn-primary) { order:1; }
      .section:not(.hero) { padding-top: 76px; padding-bottom: 76px; min-height:auto; }
      .section:not(.hero) .section-head { margin-bottom: 24px; }
      .section:not(.hero) h2 { font-size: clamp(2.55rem, 11.4vw, 4.25rem) !important; line-height:.92 !important; }
      .section:not(.hero) .lead { font-size:.98rem; line-height:1.32; }
      .method-wheel { min-height: 560px; padding:22px; }
      .method-stage { grid-template-columns:1fr; gap:10px; }
      .method-visual { min-height: 160px; }
      .method-halo { width: 230px; }
      .method-copy h3 { font-size: clamp(2.45rem, 10.6vw, 3.55rem) !important; line-height:.93; }
      .method-copy p { font-size: 1rem; max-width: 92%; }
      .visual-proof { gap: 20px; }
      .proof-panel { min-height: 410px; padding: 26px; }
      .proof-panel h2 { font-size: clamp(2.8rem, 12vw, 4.4rem) !important; }
      .post-layout { width: 150px; height: 190px; right: 18px; bottom: 18px; }
      .metric { grid-template-columns:60px 1fr; padding:20px; min-height:116px; }
      .metric-icon { width:54px; height:54px; border-radius:18px; font-size:1.55rem; }
      .metric strong { font-size: clamp(2.1rem, 9vw, 3.2rem); }
      .metric span:not(.metric-icon) { grid-column:2; font-size:.94rem; margin-top:-5px; }
      .contact-shell { padding:28px 20px; }
    }


    /* V7 — ajustes finales: mecha con icono real, contacto sólido, WhatsApp sin emojis y footer limpio */
    .brand {
      display:inline-flex;
      align-items:center;
      gap:10px;
      line-height:1;
    }
    .brand-mark {
      width:22px;
      height:28px;
      display:flex;
      align-items:center;
      justify-content:center;
      flex:0 0 auto;
    }
    .brand-icon-img {
      width:17px;
      height:28px;
      object-fit:contain;
      display:block;
    }
    .brand-word { line-height:1; }

    .hero-copy {
      font-size: clamp(1.02rem, 1.55vw, 1.32rem);
      line-height: 1.28;
      max-width: 560px;
      color: rgba(247,251,252,.70);
      font-weight: 560;
    }
    .hero-actions {
      display:flex;
      align-items:center;
      gap:12px;
    }
    .hero-actions .btn:not(.btn-primary) { order:1; }
    .hero-actions .btn-primary { order:2; }

    .contact-shell {
      background: var(--turquoise) !important;
      border-color: rgba(41,231,205,.92) !important;
      color: var(--rich-black);
    }
    .contact-shell::before { display:none !important; }
    .contact-copy .kicker,
    .contact-copy h2,
    .contact-copy p { color: var(--rich-black) !important; }
    .contact-copy p { opacity:.78; font-weight:700; }
    .wa-card { color: var(--white); }
    .wa-title strong { color: var(--white) !important; }
    .wa-title span { color: rgba(247,251,252,.68) !important; }
    .wa-submit {
      position:relative;
      overflow:visible;
      background:#25D366 !important;
      border-color:#25D366 !important;
      color:#fff !important;
      text-shadow:0 1px 10px rgba(0,0,0,.20);
      box-shadow:0 0 0 0 rgba(37,211,102,.42), 0 24px 70px rgba(37,211,102,.32) !important;
      animation: waBreath 1.8s ease-in-out infinite;
    }
    .wa-submit::after {
      content:"";
      position:absolute;
      inset:-10px;
      border-radius:999px;
      border:1px solid rgba(37,211,102,.42);
      opacity:.75;
      animation: waRing 1.8s ease-in-out infinite;
      pointer-events:none;
    }
    @keyframes waBreath {
      0%,100% { transform:translateY(0) scale(1); box-shadow:0 0 0 0 rgba(37,211,102,.42), 0 24px 70px rgba(37,211,102,.30); }
      50% { transform:translateY(-2px) scale(1.018); box-shadow:0 0 0 14px rgba(37,211,102,0), 0 32px 95px rgba(37,211,102,.46); }
    }
    @keyframes waRing {
      0% { transform:scale(.98); opacity:.72; }
      65% { transform:scale(1.08); opacity:.10; }
      100% { transform:scale(1.10); opacity:0; }
    }

    .site-footer {
      padding: 54px 24px 38px;
      border-top:1px solid rgba(41,231,205,.14);
      display:grid;
      grid-template-columns: 1.1fr auto;
      gap:28px;
      align-items:start;
      color:var(--soft);
    }
    .footer-brand p {
      max-width:520px;
      margin-top:14px;
      font-size:.98rem;
      line-height:1.35;
      color:rgba(247,251,252,.62);
    }
    .footer-links {
      display:flex;
      flex-wrap:wrap;
      justify-content:flex-end;
      gap:16px;
      font-size:.92rem;
      color:rgba(247,251,252,.70);
    }
    .footer-links a { transition:color .2s ease; }
    .footer-links a:hover { color:var(--turquoise); }
    .footer-bottom {
      grid-column:1 / -1;
      display:flex;
      justify-content:space-between;
      gap:16px;
      padding-top:24px;
      border-top:1px solid rgba(247,251,252,.08);
      color:rgba(247,251,252,.42);
      font-size:.82rem;
    }

    @media (max-width: 640px) {
      .nav-inner {
        padding-left:20px !important;
        padding-right:20px !important;
      }
      .brand { gap:9px; }
      .brand-mark { width:20px; height:26px; }
      .brand-icon-img { width:16px !important; height:25px !important; }
      .brand-word { font-size:1.16rem !important; letter-spacing:-.035em; }

      .hero {
        padding-top:92px !important;
        padding-bottom:44px !important;
      }
      .hero h1 {
        font-size: clamp(3.35rem, 12vw, 4.25rem) !important;
        line-height: .92 !important;
        letter-spacing: -.035em !important;
        max-width: 100% !important;
        margin-bottom:20px !important;
      }
      .hero-copy {
        max-width: 95% !important;
        font-size: .95rem !important;
        line-height: 1.36 !important;
        margin-bottom:24px !important;
        color:rgba(247,251,252,.62) !important;
      }
      .hero-actions {
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:12px !important;
        width:100% !important;
        align-items:stretch !important;
      }
      .hero-actions .btn {
        width:100% !important;
        min-width:0 !important;
        padding:15px 18px !important;
        text-align:center;
      }
      .hero-actions .btn:not(.btn-primary) { order:1; }
      .hero-actions .btn-primary { order:2; }
      .hero-visual { margin-top:20px; }
      .rocket-card { width:min(82vw, 330px) !important; }
      .hero-firework-img { width:min(74%, 270px) !important; }

      .contact-shell {
        background:var(--turquoise) !important;
        border-radius:30px !important;
      }
      .site-footer {
        grid-template-columns:1fr;
        padding:44px 20px 34px;
      }
      .footer-links { justify-content:flex-start; }
      .footer-bottom { flex-direction:column; }
    }


    /* V8 — ajuste final: header, mecha estética y footer minimal */
    .nav-inner { gap: 34px; }
    .brand { gap: 13px; }
    .brand-mark { width: 34px !important; height: 34px !important; }
    .brand-icon-img {
      width: 24px !important;
      height: 34px !important;
      object-fit: contain;
      transform: translateY(1px);
      filter: drop-shadow(0 0 16px rgba(41,231,205,.44));
    }
    .brand-word { font-size: 1.42rem !important; line-height: .95; }

    .fuse-track { right: 28px; width: 72px; }
    .fuse-line { width: 3px; bottom: 88px; background: rgba(41,231,205,.13); }
    .fuse-burn { background: var(--turquoise); box-shadow: 0 0 22px rgba(41,231,205,.58); }
    .fuse-spark {
      top: calc(var(--scroll) * (100% - 96px));
      width: 68px;
      height: 96px;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      animation: none;
      display: grid;
      place-items: center;
      transform: translateY(-4px);
    }
    .spark-dot {
      position: absolute;
      top: 0;
      left: 50%;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      transform: translateX(-50%);
      background: var(--turquoise);
      box-shadow: 0 0 20px rgba(41,231,205,.88), 0 0 54px rgba(41,231,205,.42);
      animation: sparkDot 1.08s ease-in-out infinite;
    }
    .fuse-icon {
      position: absolute;
      top: 38px;
      left: 50%;
      width: 34px;
      height: 52px;
      object-fit: contain;
      transform: translateX(-50%);
      opacity: .96;
      filter: drop-shadow(0 0 12px rgba(41,231,205,.72)) drop-shadow(0 0 34px rgba(41,231,205,.38));
      animation: fuseIconGlow 1.8s ease-in-out infinite;
    }
    .fuse-spark::after {
      content:"";
      position:absolute;
      left:50%;
      top:58px;
      width:58px;
      height:58px;
      border-radius:50%;
      transform:translate(-50%,-50%);
      background:radial-gradient(circle, rgba(41,231,205,.25), transparent 68%);
      opacity:.7;
      pointer-events:none;
    }
    @keyframes sparkDot {
      0%,100% { transform: translateX(-50%) scale(.78); opacity:.78; }
      50% { transform: translateX(-50%) scale(1.16); opacity:1; }
    }
    @keyframes fuseIconGlow {
      0%,100% { transform: translateX(-50%) translateY(0) scale(1); }
      50% { transform: translateX(-50%) translateY(-2px) scale(1.06); }
    }
    .side-firework, .explosion { display:none !important; }

    .site-footer {
      display:block !important;
      padding: 38px 24px 42px !important;
      border-top: 1px solid rgba(41,231,205,.13) !important;
      color: rgba(247,251,252,.42) !important;
      font-size: .86rem;
      line-height: 1.55;
      text-align: left;
    }
    .site-footer p { margin:0; }
    .footer-brand, .footer-links, .footer-bottom { display:none !important; }

    @media (max-width: 900px) {
      .nav-links { gap:18px; }
      .fuse-track { right: 12px; transform: scale(.88); transform-origin: top center; }
    }

    @media (max-width: 640px) {
      .brand { gap: 10px !important; align-items:center !important; }
      .brand-logo-img { width: clamp(130px, 38vw, 150px) !important; }
      .brand-mark { width: 30px !important; height: 30px !important; }
      .brand-icon-img { width: 22px !important; height: 30px !important; }
      .brand-word { font-size: 1.22rem !important; }
      .nav-links { display:none !important; }
      .site-footer { padding: 32px 20px 34px !important; font-size:.82rem; }
    }


    /* V9 — mecha con petardo fijo, bola que no tapa el icono y footer gris correcto */
    .fuse-track {
      right: 28px !important;
      width: 76px !important;
      top: 104px !important;
      bottom: 28px !important;
      opacity: 1 !important;
    }
    .fuse-line {
      top: 0 !important;
      bottom: 106px !important;
      width: 4px !important;
      background: rgba(41,231,205,.12) !important;
      border-radius: 999px !important;
      overflow: visible !important;
    }
    .fuse-burn {
      height: calc(var(--scroll) * 100%) !important;
      background: linear-gradient(to bottom, rgba(41,231,205,.35), var(--turquoise) 55%, #36ffe7) !important;
      box-shadow: 0 0 calc(12px + var(--contact) * 26px) rgba(41,231,205,.72) !important;
    }
    .fuse-spark {
      top: calc(var(--scroll) * (100% - 112px)) !important;
      width: 40px !important;
      height: 40px !important;
      border-radius: 999px !important;
      background: transparent !important;
      box-shadow: none !important;
      animation: none !important;
      transform: translateY(-18px) !important;
      display: grid !important;
      place-items: center !important;
      z-index: 3 !important;
    }
    .spark-dot {
      position: relative !important;
      inset: auto !important;
      left: auto !important;
      top: auto !important;
      width: calc(27px - var(--contact) * 16px) !important;
      height: calc(27px - var(--contact) * 16px) !important;
      min-width: 10px !important;
      min-height: 10px !important;
      border-radius: 999px !important;
      transform: none !important;
      background: var(--turquoise) !important;
      box-shadow:
        0 0 calc(18px + var(--contact) * 18px) rgba(41,231,205,.9),
        0 0 calc(44px + var(--contact) * 24px) rgba(41,231,205,.44) !important;
      opacity: calc(.88 - var(--contact) * .18) !important;
      animation: sparkDotV9 1.05s ease-in-out infinite !important;
    }
    .fuse-icon { display: none !important; }
    .fuse-spark::after { display: none !important; }
    .side-firework {
      display: grid !important;
      position: absolute !important;
      bottom: 6px !important;
      left: 50% !important;
      width: 50px !important;
      height: 76px !important;
      place-items: center !important;
      transform:
        translateX(-50%)
        translateY(calc(var(--contact) * -8px))
        scale(calc(.92 + var(--contact) * .36)) !important;
      opacity: calc(.7 + var(--contact) * .3) !important;
      filter:
        drop-shadow(0 0 calc(10px + var(--contact) * 20px) rgba(41,231,205,.76))
        drop-shadow(0 0 calc(24px + var(--contact) * 42px) rgba(41,231,205,.34)) !important;
      z-index: 2 !important;
      transition: transform .22s ease, filter .22s ease, opacity .22s ease !important;
    }
    .side-firework::before {
      content:"";
      position:absolute;
      left:50%;
      top:58%;
      width: calc(44px + var(--contact) * 86px);
      height: calc(44px + var(--contact) * 86px);
      border-radius:50%;
      transform:translate(-50%,-50%);
      background: radial-gradient(circle, rgba(41,231,205,.26), rgba(41,231,205,.08) 34%, transparent 68%);
      opacity: calc(.35 + var(--contact) * .55);
      pointer-events:none;
      animation: petardoAura 1.9s ease-in-out infinite;
    }
    .side-firework::after {
      content:"";
      position:absolute;
      left:50%;
      top:58%;
      width: calc(54px + var(--contact) * 54px);
      height: 2px;
      border-radius:999px;
      background: rgba(41,231,205,.42);
      transform: translate(-50%,-50%) rotate(0deg);
      box-shadow: 0 0 24px rgba(41,231,205,.42);
      opacity: calc(.08 + var(--contact) * .38);
    }
    .side-firework img {
      position: relative;
      z-index: 2;
      width: 100% !important;
      height: 100% !important;
      object-fit: contain !important;
      display: block !important;
    }
    @keyframes sparkDotV9 {
      0%,100% { transform: scale(.92); }
      50% { transform: scale(1.12); }
    }
    @keyframes petardoAura {
      0%,100% { transform: translate(-50%,-50%) scale(.94); opacity: calc(.28 + var(--contact) * .48); }
      50% { transform: translate(-50%,-50%) scale(1.08); opacity: calc(.44 + var(--contact) * .52); }
    }

    .site-footer {
      display:block !important;
      padding: 34px 24px 38px !important;
      border-top: 1px solid rgba(41,231,205,.13) !important;
      color: rgba(247,251,252,.42) !important;
      font-size: .88rem !important;
      line-height: 1.55 !important;
      text-align: left !important;
    }
    .footer-brand, .footer-links { display:none !important; }
    .footer-bottom {
      display:flex !important;
      justify-content:space-between !important;
      align-items:center !important;
      gap:18px !important;
      color: rgba(247,251,252,.42) !important;
      width:100% !important;
    }
    .footer-bottom span { display:block !important; }

    @media (max-width: 900px) {
      .fuse-track { right: 10px !important; width: 62px !important; transform: scale(.9) !important; transform-origin: top center !important; }
      .fuse-line { bottom: 102px !important; }
      .side-firework { width: 44px !important; height: 68px !important; }
    }
    @media (max-width: 640px) {
      .fuse-track { right: 6px !important; opacity: .74 !important; transform: scale(.82) !important; }
      .site-footer { padding: 28px 18px 32px !important; }
      .footer-bottom { flex-direction:column !important; align-items:flex-start !important; gap:4px !important; }
    }


    /* V11 — ajuste fino final de mecha: barra sólida, bola detrás y petardo real integrado */
    .fuse-track {
      right: 28px !important;
      width: 76px !important;
      top: 104px !important;
      bottom: 28px !important;
      opacity: 1 !important;
      transform: none !important;
    }
    .fuse-line {
      top: 0 !important;
      bottom: 0 !important;
      width: 4px !important;
      border-radius: 999px !important;
      background: rgba(41,231,205,.34) !important;
      overflow: hidden !important;
      box-shadow: 0 0 14px rgba(41,231,205,.22) !important;
    }
    .fuse-burn {
      height: calc(var(--scroll) * 100%) !important;
      background: var(--turquoise) !important;
      box-shadow:
        0 0 calc(16px + var(--contact) * 22px) rgba(41,231,205,.78),
        0 0 calc(36px + var(--contact) * 30px) rgba(41,231,205,.34) !important;
      opacity: 1 !important;
    }
    .fuse-spark {
      top: calc(var(--scroll) * (100% - 72px)) !important;
      left: 50% !important;
      width: 34px !important;
      height: 34px !important;
      border-radius: 999px !important;
      background: transparent !important;
      box-shadow: none !important;
      animation: none !important;
      transform: translateX(-50%) !important;
      display: grid !important;
      place-items: center !important;
      z-index: 3 !important;
    }
    .spark-dot {
      position: relative !important;
      inset: auto !important;
      left: auto !important;
      top: auto !important;
      width: calc(30px - var(--contact) * 22px) !important;
      height: calc(30px - var(--contact) * 22px) !important;
      min-width: 7px !important;
      min-height: 7px !important;
      border-radius: 999px !important;
      transform: none !important;
      background: var(--turquoise) !important;
      opacity: calc(1 - var(--contact) * .82) !important;
      box-shadow:
        0 0 calc(20px + var(--contact) * 12px) rgba(41,231,205,.92),
        0 0 calc(54px + var(--contact) * 18px) rgba(41,231,205,.42) !important;
      animation: sparkDotV11 1.08s ease-in-out infinite !important;
    }
    .side-firework {
      display: grid !important;
      position: absolute !important;
      left: 50% !important;
      bottom: calc(16px - var(--contact) * 8px) !important;
      width: calc(38px + var(--contact) * 24px) !important;
      height: calc(58px + var(--contact) * 36px) !important;
      place-items: center !important;
      transform: translateX(-50%) scale(calc(.92 + var(--contact) * .28)) !important;
      opacity: calc(.78 + var(--contact) * .22) !important;
      filter:
        drop-shadow(0 0 calc(10px + var(--contact) * 24px) rgba(41,231,205,.86))
        drop-shadow(0 0 calc(24px + var(--contact) * 58px) rgba(41,231,205,.42)) !important;
      z-index: 6 !important;
      transition: transform .22s ease, filter .22s ease, opacity .22s ease, width .22s ease, height .22s ease, bottom .22s ease !important;
    }
    .side-firework::before {
      content:"" !important;
      position:absolute !important;
      left:50% !important;
      top:52% !important;
      width: calc(46px + var(--contact) * 110px) !important;
      height: calc(46px + var(--contact) * 110px) !important;
      border-radius:50% !important;
      transform:translate(-50%,-50%) !important;
      background: radial-gradient(circle, rgba(41,231,205,.32), rgba(41,231,205,.12) 34%, transparent 70%) !important;
      opacity: calc(.28 + var(--contact) * .65) !important;
      pointer-events:none !important;
      animation: petardoAuraV11 1.9s ease-in-out infinite !important;
    }
    .side-firework::after { display:none !important; content:none !important; }
    .side-firework img {
      position: relative !important;
      z-index: 2 !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: contain !important;
      display: block !important;
    }
    .site-footer { border-top: none !important; }
    @keyframes sparkDotV11 {
      0%,100% { transform: scale(.94); }
      50% { transform: scale(1.14); }
    }
    @keyframes petardoAuraV11 {
      0%,100% { transform: translate(-50%,-50%) scale(.92); }
      50% { transform: translate(-50%,-50%) scale(1.08); }
    }
    @media (max-width: 900px) {
      .fuse-track { right: 10px !important; width: 64px !important; transform: scale(.9) !important; transform-origin: top center !important; }
      .side-firework { bottom: calc(14px - var(--contact) * 6px) !important; width: calc(34px + var(--contact) * 20px) !important; height: calc(52px + var(--contact) * 30px) !important; }
    }
    @media (max-width: 640px) {
      .fuse-track { right: 6px !important; opacity: .9 !important; transform: scale(.82) !important; }
    }


    /* V12 — mecha definitiva: barra corta antes del petardo, bola siempre en punta y petardo sin solape */
    .fuse-track {
      right: 28px !important;
      width: 76px !important;
      top: 104px !important;
      bottom: 28px !important;
      opacity: 1 !important;
      transform: none !important;
    }

    .fuse-line {
      top: 0 !important;
      bottom: calc(84px + var(--contact) * 36px) !important;
      width: 4px !important;
      border-radius: 999px !important;
      background: rgba(41,231,205,.20) !important;
      overflow: hidden !important;
      box-shadow: 0 0 12px rgba(41,231,205,.22) !important;
      z-index: 1 !important;
    }

    .fuse-burn {
      height: calc(var(--scroll) * 100%) !important;
      background: var(--turquoise) !important;
      opacity: 1 !important;
      box-shadow:
        0 0 calc(16px + var(--contact) * 24px) rgba(41,231,205,.78),
        0 0 calc(38px + var(--contact) * 38px) rgba(41,231,205,.38) !important;
    }

    .fuse-spark {
      top: calc(var(--scroll) * (100% - (84px + var(--contact) * 36px))) !important;
      left: 50% !important;
      width: 34px !important;
      height: 34px !important;
      border-radius: 999px !important;
      background: transparent !important;
      box-shadow: none !important;
      animation: none !important;
      transform: translate(-50%, -50%) !important;
      display: grid !important;
      place-items: center !important;
      z-index: 4 !important;
      pointer-events:none !important;
    }

    .spark-dot {
      position: relative !important;
      inset: auto !important;
      left: auto !important;
      top: auto !important;
      width: calc(30px - var(--contact) * 24px) !important;
      height: calc(30px - var(--contact) * 24px) !important;
      min-width: 6px !important;
      min-height: 6px !important;
      border-radius: 999px !important;
      transform: none !important;
      background: var(--turquoise) !important;
      opacity: 1 !important;
      box-shadow:
        0 0 calc(20px + var(--contact) * 16px) rgba(41,231,205,.95),
        0 0 calc(54px + var(--contact) * 28px) rgba(41,231,205,.44) !important;
      animation: sparkDotV12 1.08s ease-in-out infinite !important;
    }

    .side-firework {
      display: grid !important;
      position: absolute !important;
      left: 50% !important;
      bottom: calc(18px + var(--contact) * 4px) !important;
      width: calc(38px + var(--contact) * 22px) !important;
      height: calc(58px + var(--contact) * 28px) !important;
      place-items: center !important;
      transform: translateX(-50%) scale(calc(.96 + var(--contact) * .22)) !important;
      opacity: 1 !important;
      filter:
        drop-shadow(0 0 calc(10px + var(--contact) * 28px) rgba(41,231,205,.9))
        drop-shadow(0 0 calc(26px + var(--contact) * 64px) rgba(41,231,205,.48)) !important;
      z-index: 7 !important;
      transition: transform .22s ease, filter .22s ease, width .22s ease, height .22s ease, bottom .22s ease !important;
    }

    .side-firework::before {
      content:"" !important;
      position:absolute !important;
      left:50% !important;
      top:52% !important;
      width: calc(44px + var(--contact) * 118px) !important;
      height: calc(44px + var(--contact) * 118px) !important;
      border-radius:50% !important;
      transform:translate(-50%,-50%) !important;
      background: radial-gradient(circle, rgba(41,231,205,.36), rgba(41,231,205,.13) 34%, transparent 70%) !important;
      opacity: calc(.28 + var(--contact) * .66) !important;
      pointer-events:none !important;
      animation: petardoAuraV12 1.9s ease-in-out infinite !important;
    }

    .side-firework::after { display:none !important; content:none !important; }

    .side-firework img {
      position: relative !important;
      z-index: 2 !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: contain !important;
      display: block !important;
    }

    @keyframes sparkDotV12 {
      0%,100% { transform: scale(.96); }
      50% { transform: scale(1.12); }
    }

    @keyframes petardoAuraV12 {
      0%,100% { transform: translate(-50%,-50%) scale(.92); }
      50% { transform: translate(-50%,-50%) scale(1.08); }
    }

    @media (max-width: 900px) {
      .fuse-track { right: 10px !important; width: 64px !important; transform: scale(.9) !important; transform-origin: top center !important; }
      .fuse-line { bottom: calc(78px + var(--contact) * 32px) !important; }
      .fuse-spark { top: calc(var(--scroll) * (100% - (78px + var(--contact) * 32px))) !important; }
      .side-firework { bottom: calc(16px + var(--contact) * 4px) !important; width: calc(34px + var(--contact) * 18px) !important; height: calc(52px + var(--contact) * 24px) !important; }
    }

    @media (max-width: 640px) {
      .fuse-track { right: 6px !important; opacity: .9 !important; transform: scale(.82) !important; }
    }

    /* Final pass: clean icons, stable mobile buttons, exact footer and fuse behavior */
    h1,
    h2,
    h3,
    .brand-word,
    .btn,
    .hero-copy,
    .lead,
    .kicker,
    .method-label,
    .method-copy p,
    .metric strong,
    .metric span:not(.metric-icon) {
      letter-spacing: 0 !important;
    }

    .method-emoji {
      position: absolute !important;
      color: var(--turquoise);
      font-size: 0 !important;
      line-height: 0 !important;
    }

    .method-emoji.active { color: var(--rich-black) !important; }

    .method-emoji::before,
    .method-emoji::after,
    .metric-icon::before,
    .metric-icon::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      display: block;
      pointer-events: none;
    }

    .method-emoji[data-icon="search"]::before {
      width: 25px;
      height: 25px;
      border: 4px solid currentColor;
      border-radius: 50%;
      transform: translate(-58%, -58%);
    }
    .method-emoji[data-icon="search"]::after {
      width: 18px;
      height: 4px;
      border-radius: 999px;
      background: currentColor;
      transform: translate(2px, 7px) rotate(45deg);
    }

    .method-emoji[data-icon="clarity"]::before {
      width: 28px;
      height: 28px;
      border: 4px solid currentColor;
      transform: translate(-50%, -50%) rotate(45deg);
      border-radius: 8px;
    }
    .method-emoji[data-icon="clarity"]::after {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: currentColor;
      box-shadow: 0 -22px 0 -1px currentColor, 0 22px 0 -1px currentColor, 22px 0 0 -1px currentColor, -22px 0 0 -1px currentColor;
      transform: translate(-50%, -50%);
    }

    .method-emoji[data-icon="local"]::before {
      width: 34px;
      height: 34px;
      border: 4px solid currentColor;
      border-radius: 50%;
      transform: translate(-50%, -50%);
    }
    .method-emoji[data-icon="local"]::after {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: currentColor;
      box-shadow: 0 0 0 10px color-mix(in srgb, currentColor 24%, transparent);
      transform: translate(-50%, -50%);
    }

    .method-emoji[data-icon="chat"]::before,
    .metric-icon[data-icon="messages"]::before {
      width: 34px;
      height: 24px;
      border: 4px solid currentColor;
      border-radius: 11px;
      transform: translate(-50%, -55%);
    }
    .method-emoji[data-icon="chat"]::after,
    .metric-icon[data-icon="messages"]::after {
      width: 12px;
      height: 12px;
      border-left: 4px solid currentColor;
      border-bottom: 4px solid currentColor;
      transform: translate(2px, 6px) rotate(-18deg);
    }

    .metric-icon {
      position: relative !important;
      color: var(--turquoise);
      font-size: 0 !important;
      flex: 0 0 auto;
    }

    .metric-icon[data-icon="reservations"]::before {
      width: 34px;
      height: 30px;
      border: 3px solid currentColor;
      border-radius: 9px;
      transform: translate(-50%, -50%);
    }
    .metric-icon[data-icon="reservations"]::after {
      width: 26px;
      height: 3px;
      border-radius: 999px;
      background: currentColor;
      box-shadow: 0 9px 0 currentColor, -9px -12px 0 currentColor, 9px -12px 0 currentColor;
      transform: translate(-50%, -30%);
    }

    .metric-icon[data-icon="control"]::before {
      width: 36px;
      height: 28px;
      border-left: 3px solid currentColor;
      border-bottom: 3px solid currentColor;
      transform: translate(-50%, -44%);
    }
    .metric-icon[data-icon="control"]::after {
      width: 7px;
      height: 18px;
      border-radius: 999px 999px 0 0;
      background: currentColor;
      box-shadow: 12px -8px 0 currentColor, 24px -15px 0 currentColor;
      transform: translate(-14px, -27%);
    }

    .hero-actions .btn {
      white-space: normal;
      line-height: 1.12;
      min-height: 54px;
    }

    .hero {
      min-height: 92svh !important;
      padding-top: 112px !important;
      padding-bottom: 72px !important;
    }

    .hero h1 {
      font-size: clamp(4rem, 7.4vw, 7.35rem) !important;
      line-height: .9 !important;
    }

    .contact-shell { background: #29E7CD !important; }
    .wa-dot {
      flex: 0 0 14px;
      font-size: 0 !important;
      overflow: hidden;
    }
    .wa-title strong,
    .wa-submit span { color: #fff !important; }

    .fuse-line {
      bottom: 112px !important;
      background: rgba(41,231,205,.20) !important;
    }

    .fuse-burn {
      height: calc(var(--fuse-active) * 100%) !important;
      background: var(--turquoise) !important;
      opacity: 1 !important;
      box-shadow:
        0 0 calc(16px + var(--fuse-contact) * 24px) rgba(41,231,205,.78),
        0 0 calc(38px + var(--fuse-contact) * 38px) rgba(41,231,205,.38) !important;
    }

    .fuse-spark {
      top: calc(var(--fuse-active) * (100% - 112px)) !important;
      transform: translate(-50%, -50%) scale(var(--spark-scale)) !important;
      opacity: 1 !important;
    }

    .spark-dot {
      width: 30px !important;
      height: 30px !important;
      min-width: 0 !important;
      min-height: 0 !important;
      opacity: 1 !important;
      box-shadow:
        0 0 calc(20px + var(--fuse-contact) * 16px) rgba(41,231,205,.95),
        0 0 calc(54px + var(--fuse-contact) * 28px) rgba(41,231,205,.44) !important;
    }

    .side-firework {
      bottom: 18px !important;
      width: 42px !important;
      height: 64px !important;
      transform: translateX(-50%) scale(calc(1 + var(--fuse-contact) * .35)) !important;
      filter:
        drop-shadow(0 0 calc(10px + var(--fuse-contact) * 28px) rgba(41,231,205,.9))
        drop-shadow(0 0 calc(26px + var(--fuse-contact) * 64px) rgba(41,231,205,.48)) !important;
    }

    .side-firework::before {
      width: calc(44px + var(--fuse-contact) * 118px) !important;
      height: calc(44px + var(--fuse-contact) * 118px) !important;
      opacity: calc(.28 + var(--fuse-contact) * .66) !important;
    }

    .site-footer {
      display: block !important;
      padding: 28px 24px 38px !important;
      border-top: none !important;
      color: rgba(247,251,252,.42) !important;
      font-size: .88rem !important;
      line-height: 1.55 !important;
    }

    .site-footer p {
      display: flex;
      justify-content: space-between;
      gap: 18px;
      margin: 0 !important;
    }

    .site-footer span { display: block; }

    @media (max-width: 900px) {
      .fuse-line { bottom: 104px !important; }
      .fuse-spark { top: calc(var(--fuse-active) * (100% - 104px)) !important; }
      .side-firework { width: 38px !important; height: 58px !important; }
    }

    @media (max-width: 640px) {
      .hero-actions {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
      }

      .hero-actions .btn {
        width: 100% !important;
        padding: 15px 18px !important;
      }

      .hero h1 {
        font-size: clamp(3.05rem, 13vw, 4.15rem) !important;
        line-height: .94 !important;
      }

      .site-footer {
        padding: 26px 18px 32px !important;
        font-size: .82rem !important;
      }

      .whatsapp-section {
        min-height: auto !important;
        padding-top: 70px !important;
        padding-bottom: 52px !important;
        align-items: start !important;
      }

      .site-footer p {
        flex-direction: column;
        gap: 4px;
      }
    }

    /* Landing repair pass: compact sections, fixed anchors and clean premium blocks */
    #problema,
    #sistema,
    #diferencia,
    #sectores,
    #plazas,
    #contacto {
      scroll-margin-top: 112px;
    }

    .section:not(.hero) {
      min-height: auto !important;
      padding-top: clamp(78px, 9vw, 118px) !important;
      padding-bottom: clamp(72px, 8vw, 108px) !important;
    }

    .section-head {
      margin-bottom: clamp(22px, 3vw, 34px) !important;
    }

    .section-head .lead {
      max-width: 620px;
    }

    .problem-grid {
      align-items: stretch;
    }

    .big-card {
      min-height: 320px !important;
      padding: clamp(20px, 2.4vw, 28px) !important;
    }

    .big-card strong {
      font-size: clamp(1.35rem, 2vw, 2rem) !important;
      line-height: 1.05 !important;
    }

    .big-card p {
      font-size: clamp(.94rem, 1.2vw, 1.04rem) !important;
      line-height: 1.35 !important;
      max-width: 320px;
    }

    .method-wheel {
      min-height: 318px !important;
      grid-template-columns: 52px 1fr 52px !important;
      padding: clamp(22px, 3vw, 36px) !important;
    }

    .method-stage {
      grid-template-columns: minmax(210px, .72fr) minmax(320px, 1fr) !important;
      gap: clamp(22px, 3vw, 42px) !important;
    }

    .method-visual {
      min-height: 170px !important;
    }

    .method-halo {
      width: min(32vw, 220px) !important;
    }

    .method-copy h3 {
      font-size: clamp(1.9rem, 3.25vw, 3.55rem) !important;
      line-height: .96 !important;
      max-width: 520px;
    }

    .method-copy p {
      font-size: clamp(.95rem, 1.2vw, 1.08rem) !important;
      max-width: 430px;
    }

    .method-dots {
      bottom: 18px !important;
    }

    .difference-section .section-head {
      margin-bottom: 18px !important;
    }

    .visual-proof {
      grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
      gap: clamp(18px, 3vw, 30px) !important;
    }

    .proof-panel {
      min-height: 390px !important;
      padding: clamp(24px, 3.4vw, 42px) !important;
      overflow: hidden;
    }

    .proof-panel h2 {
      font-size: clamp(2.4rem, 4.8vw, 5.2rem) !important;
      line-height: .96 !important;
      max-width: 640px !important;
    }

    .proof-panel p {
      font-size: clamp(.98rem, 1.22vw, 1.12rem) !important;
      line-height: 1.38 !important;
      max-width: 520px !important;
    }

    .mini-dashboard {
      min-height: 390px !important;
      gap: 12px !important;
      align-content: center !important;
    }

    .metric {
      min-height: 104px !important;
      padding: 18px 22px !important;
      grid-template-columns: 62px minmax(0, 1fr) !important;
      gap: 16px !important;
    }

    .metric-icon {
      width: 54px !important;
      height: 54px !important;
    }

    .metric strong {
      font-size: clamp(1.8rem, 3vw, 3.3rem) !important;
      line-height: 1 !important;
    }

    .metric span:not(.metric-icon) {
      grid-column: 2 !important;
      margin-top: -6px !important;
      font-size: clamp(.88rem, 1vw, .98rem) !important;
      line-height: 1.32 !important;
      max-width: 420px !important;
    }

    .projects-grid {
      gap: clamp(14px, 2vw, 22px) !important;
    }

    .project-card {
      min-height: 430px !important;
      border-radius: 8px !important;
    }

    .project-card img {
      height: 230px !important;
    }

    .project-card-content {
      padding: 22px !important;
    }

    .project-card-content strong {
      font-size: clamp(1.8rem, 2.8vw, 3rem) !important;
      line-height: 1 !important;
    }

    .project-card-content p {
      font-size: 1rem !important;
      line-height: 1.35 !important;
    }

    .exclusivity-section {
      padding-top: 44px !important;
      padding-bottom: 58px !important;
    }

    .exclusivity-card {
      position: relative;
      border: 1px solid rgba(41,231,205,.22);
      border-radius: 8px;
      background: linear-gradient(135deg, rgba(41,231,205,.12), rgba(247,251,252,.045));
      box-shadow: var(--shadow);
      padding: clamp(24px, 4vw, 44px);
      overflow: hidden;
    }

    .exclusivity-card::after {
      content: "";
      position: absolute;
      right: clamp(18px, 4vw, 48px);
      top: 50%;
      width: clamp(74px, 11vw, 138px);
      aspect-ratio: 1;
      border: 1px solid rgba(41,231,205,.24);
      border-radius: 50%;
      transform: translateY(-50%);
      background: radial-gradient(circle, rgba(41,231,205,.24), transparent 70%);
      pointer-events: none;
    }

    .exclusivity-card h2 {
      position: relative;
      max-width: 760px;
      font-size: clamp(2.4rem, 5vw, 5.4rem) !important;
      line-height: .98 !important;
      margin: 0 0 16px;
    }

    .exclusivity-card p {
      position: relative;
      max-width: 620px;
      color: var(--soft);
      font-size: clamp(.98rem, 1.25vw, 1.12rem);
      line-height: 1.45;
      margin: 0;
    }

    .whatsapp-section {
      min-height: auto !important;
      padding-top: clamp(58px, 7vw, 90px) !important;
      padding-bottom: clamp(64px, 8vw, 96px) !important;
    }

    .contact-shell {
      background: linear-gradient(135deg, rgba(41,231,205,.96), rgba(41,231,205,.82)) !important;
      border-radius: 8px !important;
    }

    .contact-copy h2 {
      font-size: clamp(2.8rem, 6.4vw, 7rem) !important;
      line-height: .98 !important;
    }

    @media (max-width: 920px) {
      .hero.page {
        padding-left: 32px;
        padding-right: 32px;
      }

      .hero h1 {
        font-size: clamp(4.4rem, 11vw, 6.4rem) !important;
      }

      .method-wheel {
        grid-template-columns: 48px 1fr 48px !important;
        min-height: 430px !important;
      }

      .method-stage,
      .visual-proof {
        grid-template-columns: 1fr !important;
      }

      .difference-section .mini-dashboard {
        max-width: calc(100vw - 64px);
        overflow: hidden;
      }

      .difference-section .metric {
        width: 100%;
        max-width: 100%;
        transform: translateX(0) !important;
      }

      .proof-panel,
      .mini-dashboard {
        min-height: auto !important;
      }
    }

    @media (max-width: 640px) {
      .hero.page {
        padding-left: 18px;
        padding-right: 18px;
      }

      #problema,
      #sistema,
      #diferencia,
      #sectores,
      #plazas,
      #contacto {
        scroll-margin-top: 78px;
      }

      .section:not(.hero) {
        padding-top: 68px !important;
        padding-bottom: 68px !important;
      }

      .big-card {
        min-height: auto !important;
      }

      .method-wheel {
        grid-template-columns: 1fr !important;
        min-height: 500px !important;
        padding: 20px !important;
      }

      .method-copy h3 {
        font-size: clamp(2rem, 10.5vw, 3.2rem) !important;
      }

      .difference-section .mini-dashboard {
        max-width: calc(100vw - 36px);
      }

      .metric {
        grid-template-columns: 54px minmax(0, 1fr) !important;
        min-height: 100px !important;
      }

      .project-card {
        min-height: auto !important;
      }

      .project-card img {
        height: 210px !important;
      }

      .exclusivity-card::after {
        opacity: .35;
        right: -20px;
      }
    }

    /* Creative QA pass: understandable emoji orbit, aligned metrics, club visual and footer links */
    .nav-inner { gap: clamp(10px, 2vw, 24px); }
    .mobile-portal-link { display: none !important; }
    .nav-portal {
      display: inline-flex;
      align-items: center;
      min-height: 42px;
      padding: 0 14px;
      border: 1px solid rgba(247,251,252,.12);
      border-radius: 999px;
      color: rgba(247,251,252,.72);
      font-weight: 850;
      font-size: .9rem;
      background: rgba(247,251,252,.04);
      transition: color .2s ease, border-color .2s ease, background .2s ease;
    }
    .nav-portal:hover { color: var(--turquoise); border-color: rgba(41,231,205,.34); background: rgba(41,231,205,.08); }

    .method-wheel {
      isolation: isolate;
      overflow: hidden;
      background:
        radial-gradient(circle at 22% 50%, rgba(41,231,205,.18), transparent 28%),
        linear-gradient(135deg, rgba(247,251,252,.08), rgba(247,251,252,.035)) !important;
    }
    .method-wheel::after {
      content: "";
      position: absolute;
      inset: 18px;
      z-index: 0;
      border: 1px solid rgba(41,231,205,.10);
      border-radius: 8px;
      pointer-events: none;
    }
    .method-visual::before,
    .method-visual::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      border-radius: 50%;
      transform: translate(-50%, -50%);
      pointer-events: none;
    }
    .method-visual::before {
      width: min(28vw, 206px);
      aspect-ratio: 1;
      border: 1px dashed rgba(41,231,205,.24);
      animation: slowSpin 16s linear infinite;
    }
    .method-visual::after {
      width: 86px;
      aspect-ratio: 1;
      background: radial-gradient(circle, rgba(41,231,205,.22), rgba(41,231,205,.04) 72%, transparent);
      box-shadow: 0 0 60px rgba(41,231,205,.18);
    }
    .method-emoji,
    .metric-icon {
      font-family: "Apple Color Emoji", "Segoe UI Emoji", system-ui, sans-serif !important;
    }
    .method-emoji,
    .method-emoji::before,
    .method-emoji::after,
    .metric-icon::before,
    .metric-icon::after { content: none !important; }
    .method-emoji {
      display: grid !important;
      place-items: center !important;
      width: 68px !important;
      height: 68px !important;
      border-radius: 24px !important;
      border: 1px solid rgba(247,251,252,.15) !important;
      background: rgba(1,22,39,.74) !important;
      color: inherit !important;
      font-size: 2rem !important;
      line-height: 1 !important;
      box-shadow: 0 18px 60px rgba(0,0,0,.28) !important;
      backdrop-filter: blur(12px);
    }
    .method-emoji.active {
      background: var(--turquoise) !important;
      color: var(--rich-black) !important;
      transform: translate(0,0) scale(1.22) !important;
      box-shadow: 0 0 0 12px rgba(41,231,205,.08), 0 0 70px rgba(41,231,205,.32) !important;
    }
    .method-label { color: rgba(41,231,205,.92) !important; }

    .proof-panel {
      background:
        linear-gradient(135deg, rgba(247,251,252,.10), rgba(247,251,252,.035)),
        radial-gradient(circle at 75% 24%, rgba(41,231,205,.20), transparent 30%) !important;
    }
    .post-layout {
      opacity: 1 !important;
      border-radius: 8px !important;
      border-color: rgba(41,231,205,.26) !important;
      background:
        linear-gradient(180deg, rgba(41,231,205,.16), rgba(1,22,39,.62)),
        radial-gradient(circle at 32% 26%, rgba(247,251,252,.22), transparent 18%) !important;
      box-shadow: 0 26px 90px rgba(0,0,0,.30), inset 0 0 0 1px rgba(247,251,252,.05);
    }
    .post-layout::before { background: linear-gradient(135deg, rgba(41,231,205,.44), rgba(39,145,213,.12)) !important; }
    .post-layout::after { background: rgba(247,251,252,.30) !important; box-shadow: 0 -28px 0 rgba(247,251,252,.18), 0 -56px 0 rgba(247,251,252,.12) !important; }
    .metric {
      align-items: center !important;
      overflow: hidden !important;
    }
    .metric-icon {
      display: grid !important;
      place-items: center !important;
      color: inherit !important;
      font-size: 1.72rem !important;
      line-height: 1 !important;
    }
    .metric strong { white-space: nowrap; }

    .exclusivity-card {
      display: grid;
      grid-template-columns: minmax(0, .95fr) minmax(300px, .7fr);
      gap: clamp(22px, 4vw, 52px);
      align-items: center;
    }
    .exclusivity-card::after { display: none !important; }
    .club-visual {
      position: relative;
      min-height: 300px;
      border: 1px solid rgba(247,251,252,.12);
      border-radius: 8px;
      background: rgba(1,22,39,.46);
      box-shadow: inset 0 0 0 1px rgba(41,231,205,.05), 0 24px 90px rgba(0,0,0,.22);
      overflow: hidden;
    }
    .club-visual::before {
      content: "Club Firekworks";
      position: absolute;
      left: 24px;
      top: 22px;
      color: var(--turquoise);
      font-weight: 950;
      font-size: .86rem;
      text-transform: uppercase;
    }
    .club-core {
      position: absolute;
      left: 50%;
      top: 52%;
      width: 108px;
      aspect-ratio: 1;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: var(--turquoise);
      color: var(--rich-black);
      font-weight: 950;
      box-shadow: 0 0 0 16px rgba(41,231,205,.08), 0 0 90px rgba(41,231,205,.35);
      transform: translate(-50%, -50%);
    }
    .club-chip {
      position: absolute;
      display: inline-flex;
      align-items: center;
      min-height: 34px;
      padding: 0 12px;
      border-radius: 999px;
      border: 1px solid rgba(41,231,205,.22);
      background: rgba(247,251,252,.07);
      color: var(--soft);
      font-weight: 850;
      font-size: .86rem;
      animation: floatClub 6s ease-in-out infinite;
    }
    .club-chip:nth-child(2){ left:22px; top:78px; }
    .club-chip:nth-child(3){ right:22px; top:86px; animation-delay:.4s; }
    .club-chip:nth-child(4){ left:34px; bottom:66px; animation-delay:.8s; }
    .club-chip:nth-child(5){ right:26px; bottom:72px; animation-delay:1.2s; }
    .club-chip:nth-child(6){ left:50%; bottom:22px; transform:translateX(-50%); animation-delay:1.6s; }
    .club-chip:nth-child(7){ left:50%; top:72px; transform:translateX(-50%); animation-delay:2s; }
    @keyframes floatClub {
      0%,100% { margin-top:0; }
      50% { margin-top:-8px; }
    }
    .club-note { margin-top: 14px !important; color: rgba(247,251,252,.62) !important; }

    .site-footer { padding-top: 34px !important; }
    .footer-content {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 24px;
      align-items: start;
    }
    .site-footer .footer-seo {
      max-width: 760px;
      color: rgba(247,251,252,.52);
      line-height: 1.55;
    }
    .footer-nav {
      display: flex;
      flex-wrap: wrap;
      gap: 10px 16px;
      justify-content: flex-end;
    }
    .footer-nav a { color: rgba(247,251,252,.58); font-weight: 780; }
    .footer-nav a:hover { color: var(--turquoise); }

    @media (max-width: 920px) {
      .nav-portal { display: none; }
      .hero-visual { overflow: hidden; }
      .hero-visual .orbit {
        width: min(92vw, 620px) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
      }
      .method-visual::before { width: 210px; }
      .exclusivity-card { grid-template-columns: 1fr; }
      .club-visual { min-height: 280px; }
      .footer-content { grid-template-columns: 1fr; }
      .footer-nav { justify-content: flex-start; }
    }

    @media (max-width: 640px) {
      .method-wheel { min-height: 430px !important; }
      .method-emoji {
        width: 56px !important;
        height: 56px !important;
        border-radius: 20px !important;
        font-size: 1.6rem !important;
      }
      .method-emoji:nth-child(2){ transform:translate(-76px,-42px) scale(.86) !important; }
      .method-emoji:nth-child(3){ transform:translate(76px,-42px) scale(.86) !important; }
      .method-emoji:nth-child(4){ transform:translate(-76px,42px) scale(.86) !important; }
      .method-emoji:nth-child(5){ transform:translate(76px,42px) scale(.86) !important; }
      .method-emoji.active { transform: translate(0,0) scale(1.16) !important; }
      .method-dots { position: static !important; transform: none !important; justify-content: center; margin-top: 14px; }
      .metric strong { font-size: clamp(1.65rem, 8vw, 2.6rem) !important; }
      .club-visual { min-height: 250px; }
      .club-core { width: 92px; }
      .club-chip { font-size: .78rem; min-height: 30px; padding: 0 10px; }
    }

    /* Conversion QA pass: cleaner difference grid and clearer club system */
    .difference-section .section-head { margin-bottom: 18px !important; }
    .visual-proof {
      align-items: stretch !important;
      gap: clamp(18px, 3.2vw, 36px) !important;
    }
    .proof-panel {
      justify-content: space-between !important;
      min-height: 420px !important;
      padding: clamp(26px, 3.8vw, 48px) !important;
    }
    .proof-panel h2 {
      max-width: 560px !important;
      font-size: clamp(2.7rem, 5.2vw, 5.85rem) !important;
      line-height: .92 !important;
      letter-spacing: -.048em !important;
      text-wrap: balance;
    }
    .proof-panel p {
      margin-top: auto !important;
      max-width: 520px !important;
      color: rgba(247,251,252,.70) !important;
      font-weight: 520 !important;
      line-height: 1.42 !important;
    }
    .mini-dashboard {
      min-height: 420px !important;
      display: grid !important;
      gap: 14px !important;
      align-content: stretch !important;
    }
    .metric {
      min-height: 0 !important;
      padding: 20px 24px !important;
      grid-template-columns: 64px minmax(0, 1fr) !important;
      gap: 18px !important;
      align-items: center !important;
      border-radius: 8px !important;
      background: linear-gradient(135deg, rgba(247,251,252,.08), rgba(247,251,252,.035)) !important;
    }
    .metric-icon {
      position: static !important;
      transform: none !important;
      width: 58px !important;
      height: 58px !important;
      border-radius: 50% !important;
      background: rgba(41,231,205,.11) !important;
      border: 1px solid rgba(41,231,205,.18) !important;
    }
    .metric strong {
      font-size: clamp(1.95rem, 3.15vw, 3.65rem) !important;
      line-height: .94 !important;
    }
    .metric span:not(.metric-icon) {
      grid-column: 2 !important;
      margin-top: -8px !important;
      color: rgba(247,251,252,.66) !important;
      font-weight: 520 !important;
    }
    .club-copy p {
      max-width: 640px !important;
      font-weight: 520 !important;
    }
    .club-visual {
      min-height: 320px !important;
      background:
        radial-gradient(circle at 50% 52%, rgba(41,231,205,.20), transparent 28%),
        linear-gradient(145deg, rgba(1,22,39,.72), rgba(247,251,252,.04)) !important;
    }
    .club-visual::after {
      content: "Zona + sector + sistema";
      position: absolute;
      left: 24px;
      bottom: 22px;
      color: rgba(247,251,252,.48);
      font-weight: 850;
      font-size: .82rem;
    }
    .club-core {
      width: 124px !important;
      line-height: 1.05;
      text-align: center;
      border-radius: 8px !important;
    }
    .club-chip {
      background: rgba(247,251,252,.08) !important;
      box-shadow: 0 18px 52px rgba(0,0,0,.22);
    }
    .club-chip:nth-child(2){ left:24px !important; top:86px !important; }
    .club-chip:nth-child(3){ right:24px !important; top:86px !important; }
    .club-chip:nth-child(4){ left:28px !important; bottom:92px !important; }
    .club-chip:nth-child(5){ right:26px !important; bottom:92px !important; }
    .club-chip:nth-child(6){ left:50% !important; top:70px !important; bottom:auto !important; transform:translateX(-50%) !important; }
    .club-chip:nth-child(7){ left:50% !important; bottom:62px !important; top:auto !important; transform:translateX(-50%) !important; }
    .club-visual .club-chip:nth-of-type(1){ left:24px !important; top:76px !important; right:auto !important; bottom:auto !important; transform:none !important; }
    .club-visual .club-chip:nth-of-type(2){ right:24px !important; top:76px !important; left:auto !important; bottom:auto !important; transform:none !important; }
    .club-visual .club-chip:nth-of-type(3){ right:28px !important; top:50% !important; left:auto !important; bottom:auto !important; transform:translateY(-50%) !important; }
    .club-visual .club-chip:nth-of-type(4){ left:28px !important; top:50% !important; right:auto !important; bottom:auto !important; transform:translateY(-50%) !important; }
    .club-visual .club-chip:nth-of-type(5){ right:42px !important; bottom:68px !important; left:auto !important; top:auto !important; transform:none !important; }
    .club-visual .club-chip:nth-of-type(6){ left:50% !important; top:76px !important; right:auto !important; bottom:auto !important; transform:translateX(-50%) !important; }
    @media (max-width: 920px) {
      .proof-panel { min-height: 340px !important; }
      .mini-dashboard { min-height: auto !important; }
      .metric { transform: none !important; }
    }
    @media (max-width: 640px) {
      .proof-panel h2 { font-size: clamp(2.55rem, 13vw, 4.3rem) !important; }
      .metric {
        grid-template-columns: 54px minmax(0, 1fr) !important;
        padding: 18px !important;
        gap: 14px !important;
      }
      .metric-icon { width: 50px !important; height: 50px !important; }
      .metric span:not(.metric-icon) { margin-top: -4px !important; }
      .club-visual { min-height: 290px !important; }
      .club-core { width: 108px !important; }
    }

    /* Strategic lead-gen additions: services, funnel, FAQ and accessible motion */
    #servicios,
    #embudo,
    #faq {
      scroll-margin-top: 112px;
    }

    .services-system-section {
      padding-top: clamp(72px, 8vw, 112px) !important;
    }

    .service-system-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(14px, 2vw, 22px);
    }

    .service-system-card,
    .funnel-step,
    .faq-list details {
      border: 1px solid rgba(247,251,252,.11);
      border-radius: 8px;
      background: linear-gradient(145deg, rgba(247,251,252,.075), rgba(247,251,252,.035));
      box-shadow: 0 22px 80px rgba(0,0,0,.20);
    }

    .service-system-card {
      min-height: 260px;
      padding: clamp(20px, 2.4vw, 28px);
      display: grid;
      align-content: space-between;
      gap: 18px;
      transition: transform .25s ease, border-color .25s ease, background .25s ease;
    }

    .service-system-card:hover {
      transform: translateY(-8px);
      border-color: rgba(41,231,205,.34);
      background: linear-gradient(145deg, rgba(41,231,205,.12), rgba(247,251,252,.04));
    }

    .service-system-card span,
    .funnel-step span {
      color: var(--turquoise);
      font-weight: 950;
      font-size: .82rem;
      text-transform: uppercase;
    }

    .service-system-card strong,
    .funnel-step strong {
      display: block;
      font-size: clamp(1.42rem, 2.4vw, 2.35rem);
      line-height: 1.02;
      font-weight: 920;
    }

    .service-system-card p,
    .funnel-step p,
    .faq-list p {
      color: rgba(247,251,252,.66);
      line-height: 1.42;
      font-size: clamp(.95rem, 1.12vw, 1.04rem);
    }

    .funnel-layout {
      display: grid;
      grid-template-columns: minmax(0, .82fr) minmax(420px, 1fr);
      gap: clamp(28px, 5vw, 72px);
      align-items: start;
    }

    .funnel-sticky {
      position: sticky;
      top: 118px;
      min-height: 360px;
      display: grid;
      align-content: center;
      border: 1px solid rgba(41,231,205,.20);
      border-radius: 8px;
      padding: clamp(26px, 4vw, 46px);
      background:
        radial-gradient(circle at 74% 18%, rgba(41,231,205,.20), transparent 34%),
        linear-gradient(145deg, rgba(247,251,252,.08), rgba(247,251,252,.035));
      box-shadow: var(--shadow);
      overflow: hidden;
    }

    .funnel-sticky::after {
      content: "";
      position: absolute;
      right: -42px;
      bottom: -42px;
      width: 180px;
      aspect-ratio: 1;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(41,231,205,.22), transparent 68%);
      pointer-events: none;
    }

    .funnel-sticky h2 {
      font-size: clamp(2.55rem, 5.2vw, 5.7rem) !important;
      line-height: .95 !important;
    }

    .funnel-steps {
      display: grid;
      gap: 16px;
    }

    .funnel-step {
      position: relative;
      min-height: 220px;
      padding: clamp(22px, 3vw, 34px);
      overflow: hidden;
    }

    .funnel-step::after {
      content: "";
      position: absolute;
      right: 24px;
      top: 24px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: var(--turquoise);
      box-shadow: 0 0 38px rgba(41,231,205,.60);
    }

    .faq-section {
      padding-top: clamp(62px, 7vw, 92px) !important;
    }

    .faq-list {
      display: grid;
      gap: 12px;
      max-width: 920px;
    }

    .faq-list details {
      padding: 0;
      overflow: hidden;
    }

    .faq-list summary {
      min-height: 68px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      padding: 20px 24px;
      cursor: pointer;
      color: var(--white);
      font-weight: 900;
      font-size: clamp(1.05rem, 1.45vw, 1.22rem);
      list-style: none;
    }

    .faq-list summary::-webkit-details-marker { display: none; }

    .faq-list summary::after {
      content: "+";
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      border: 1px solid rgba(41,231,205,.24);
      color: var(--turquoise);
      flex: 0 0 auto;
    }

    .faq-list details[open] summary::after { content: "-"; }

    .faq-list p {
      padding: 0 24px 22px;
      max-width: 780px;
    }

    .wa-form {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wa-form textarea,
    .wa-form .wa-submit {
      grid-column: 1 / -1;
    }

    @media (max-width: 920px) {
      .service-system-grid,
      .funnel-layout {
        grid-template-columns: 1fr !important;
      }

      .funnel-sticky {
        position: relative;
        top: auto;
        min-height: auto;
      }
    }

    @media (max-width: 640px) {
      #servicios,
      #embudo,
      #faq {
        scroll-margin-top: 78px;
      }

      .service-system-grid,
      .funnel-steps {
        gap: 12px;
      }

      .service-system-card,
      .funnel-step {
        min-height: auto;
      }

      .faq-list summary {
        align-items: flex-start;
        min-height: auto;
        padding: 18px;
      }

      .faq-list p {
        padding: 0 18px 18px;
      }

      .wa-form {
        grid-template-columns: 1fr;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      *,
      *::before,
      *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
      }
    }

    /* Visual fix 2026-07: visible interface changes requested after 93ceee6 */
    .services-system-section {
      padding-top: clamp(54px, 6vw, 82px) !important;
      padding-bottom: clamp(48px, 5vw, 74px) !important;
    }
    .services-system-section .section-head {
      display: grid;
      grid-template-columns: minmax(0, .74fr) minmax(260px, .46fr);
      align-items: end;
      gap: 24px;
      margin-bottom: 18px !important;
    }
    .services-system-section .section-head .lead {
      justify-self: end;
      max-width: 360px;
      color: rgba(247,251,252,.72);
      font-size: clamp(1rem, 1.25vw, 1.14rem);
    }
    .services-system-section h2 {
      font-size: clamp(2.8rem, 5.8vw, 6.2rem) !important;
      line-height: .9 !important;
      max-width: 720px;
    }
    .service-system-grid {
      grid-template-columns: repeat(6, minmax(130px, 1fr)) !important;
      gap: 10px !important;
    }
    .service-system-card {
      min-height: 188px !important;
      padding: 18px !important;
      background:
        linear-gradient(180deg, rgba(247,251,252,.085), rgba(247,251,252,.032)),
        radial-gradient(circle at 50% 0%, rgba(41,231,205,.15), transparent 52%) !important;
    }
    .service-system-card span {
      width: 46px;
      height: 46px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: rgba(41,231,205,.11);
      border: 1px solid rgba(41,231,205,.18);
      font-size: 1.35rem !important;
      text-transform: none !important;
    }
    .service-system-card strong {
      font-size: clamp(1.08rem, 1.3vw, 1.34rem) !important;
      line-height: 1.05 !important;
    }
    .service-system-card p {
      max-width: 170px;
      font-size: .9rem !important;
      line-height: 1.32 !important;
      color: rgba(247,251,252,.64) !important;
    }

    .difference-section { padding-top: clamp(68px, 7vw, 100px) !important; }
    .proof-panel {
      min-height: 460px !important;
      background:
        linear-gradient(135deg, rgba(1,22,39,.22), rgba(247,251,252,.035)),
        radial-gradient(circle at 26% 28%, rgba(41,231,205,.20), transparent 30%) !important;
    }
    .proof-panel h2 {
      max-width: 760px !important;
      font-size: clamp(3.2rem, 7vw, 8.1rem) !important;
      line-height: .86 !important;
      letter-spacing: 0 !important;
      text-wrap: balance;
    }
    .proof-panel p {
      max-width: 540px !important;
      font-size: clamp(1rem, 1.25vw, 1.14rem) !important;
      font-weight: 480 !important;
      color: rgba(247,251,252,.68) !important;
    }
    .post-layout {
      width: min(46%, 250px) !important;
      opacity: .86 !important;
      transform: rotate(-5deg);
      animation: softFloat 6.5s ease-in-out infinite;
    }
    .mini-dashboard {
      min-height: 460px !important;
      gap: 12px !important;
    }
    .metric {
      grid-template-columns: 66px minmax(0, 1fr) !important;
      padding: 22px 24px !important;
      background: linear-gradient(145deg, rgba(247,251,252,.095), rgba(1,22,39,.20)) !important;
    }
    .metric-icon {
      width: 58px !important;
      height: 58px !important;
      margin: 0 !important;
      font-size: 1.75rem !important;
      align-self: center;
    }
    .metric strong {
      font-size: clamp(1.5rem, 2.4vw, 2.5rem) !important;
      white-space: normal !important;
    }
    .metric span:not(.metric-icon) {
      margin-top: -2px !important;
      font-weight: 480 !important;
    }

    .exclusivity-section {
      padding-top: clamp(52px, 6vw, 80px) !important;
      padding-bottom: clamp(54px, 6vw, 86px) !important;
    }
    .exclusivity-card {
      grid-template-columns: minmax(0, .82fr) minmax(360px, .68fr) !important;
      background:
        linear-gradient(135deg, rgba(41,231,205,.16), rgba(247,251,252,.04)),
        radial-gradient(circle at 82% 30%, rgba(39,145,213,.18), transparent 34%) !important;
    }
    .club-copy h2 {
      max-width: 720px;
      font-size: clamp(3rem, 6.2vw, 7rem) !important;
      line-height: .88 !important;
    }
    .club-sub {
      color: var(--turquoise) !important;
      font-size: clamp(1.18rem, 1.8vw, 1.55rem) !important;
      font-weight: 850 !important;
      margin: 8px 0 10px !important;
    }
    .club-copy .btn { margin-top: 24px; }
    .club-visual {
      min-height: 360px !important;
      background:
        linear-gradient(180deg, rgba(1,22,39,.86), rgba(1,22,39,.52)),
        radial-gradient(circle at 50% 50%, rgba(41,231,205,.24), transparent 34%) !important;
    }
    .club-visual::before {
      content: "Club Firekworks / plaza local" !important;
      left: 20px !important;
      top: 18px !important;
    }
    .club-core {
      width: 132px !important;
      border-radius: 8px !important;
      animation: softFloat 5.6s ease-in-out infinite;
    }
    .club-chip {
      border-radius: 8px !important;
      background: rgba(247,251,252,.09) !important;
      color: rgba(247,251,252,.78) !important;
      animation: softFloat 6s ease-in-out infinite;
    }

    .faq-section {
      padding-top: clamp(54px, 6vw, 76px) !important;
    }
    .faq-section h2 {
      font-size: clamp(3rem, 6.5vw, 7.2rem) !important;
      line-height: .9 !important;
    }
    .faq-list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      max-width: none !important;
    }
    .faq-list details {
      min-height: 118px;
      background: linear-gradient(145deg, rgba(247,251,252,.075), rgba(247,251,252,.03)) !important;
    }
    .faq-list summary {
      min-height: 62px !important;
      padding: 18px 20px !important;
      font-size: clamp(1rem, 1.15vw, 1.12rem) !important;
    }
    .faq-list p {
      padding: 0 20px 20px !important;
      font-size: .95rem !important;
      font-weight: 480;
    }

    .contact-copy h2 {
      font-size: clamp(3.1rem, 7.2vw, 8.6rem) !important;
      letter-spacing: 0 !important;
      line-height: .88 !important;
    }
    .contact-copy p {
      font-weight: 520 !important;
      color: rgba(1,22,39,.72) !important;
    }
    .wa-submit {
      background: #25D366 !important;
      border-color: #25D366 !important;
      color: #061b17 !important;
      box-shadow: 0 18px 50px rgba(37,211,102,.22);
    }

    @keyframes softFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-10px); }
    }

    @media (max-width: 1120px) {
      .service-system-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
      .service-system-card { min-height: 172px !important; }
    }

    @media (max-width: 920px) {
      .services-system-section .section-head,
      .exclusivity-card {
        grid-template-columns: 1fr !important;
      }
      .services-system-section .section-head .lead {
        justify-self: start;
      }
      .faq-list { grid-template-columns: 1fr; }
    }

    @media (max-width: 640px) {
      .service-system-grid { grid-template-columns: 1fr 1fr !important; }
      .service-system-card {
        min-height: 148px !important;
        padding: 15px !important;
      }
      .service-system-card p { max-width: none; }
      .proof-panel h2,
      .club-copy h2,
      .faq-section h2,
      .contact-copy h2 {
        text-wrap: balance;
      }
      .club-visual { min-height: 330px !important; }
      .faq-list details { min-height: auto; }
    }

    @media (max-width: 430px) {
      .hero-grid,
      .hero-copy {
        min-width: 0 !important;
      }

      .hero h1 {
        width: 100% !important;
        font-size: clamp(2.28rem, 9.7vw, 2.78rem) !important;
        line-height: 1 !important;
        letter-spacing: -.012em !important;
        max-width: 100% !important;
        overflow-wrap: break-word;
      }

      .hero-copy {
        max-width: 100% !important;
        overflow-wrap: break-word;
      }
    }

    @media (max-width: 390px) {
      .hero h1 {
        font-size: clamp(2.16rem, 9.4vw, 2.58rem) !important;
      }
    }

    /* Firekworks visual assets pass 2026-07-08 */
    .sr-only {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      margin: -1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
      border: 0 !important;
    }

    body::after {
      opacity: .24 !important;
      background-image:
        radial-gradient(circle, rgba(247,251,252,.42) 0 .85px, transparent 1.6px),
        radial-gradient(circle, rgba(41,231,205,.32) 0 .9px, transparent 1.7px),
        radial-gradient(circle, rgba(39,145,213,.24) 0 1px, transparent 2px),
        radial-gradient(circle, rgba(247,251,252,.18) 0 1.4px, transparent 3px) !important;
      background-size: 193px 211px, 317px 281px, 431px 397px, 587px 541px !important;
      background-position: 17px 31px, 131px 83px, 61px 177px, 271px 109px !important;
      filter: blur(.15px);
    }

    #problema .section-head {
      max-width: 760px;
    }

    #problema h2 {
      letter-spacing: 0 !important;
    }

    .problem-grid {
      align-items: stretch;
      gap: clamp(16px, 2vw, 24px) !important;
    }

    .big-card {
      border-radius: 8px !important;
      backdrop-filter: blur(20px);
      background:
        linear-gradient(145deg, rgba(247,251,252,.078), rgba(247,251,252,.035)),
        rgba(1,22,39,.42) !important;
    }

    .problem-word {
      display: block;
      color: var(--turquoise);
      font-size: clamp(1.85rem, 3.2vw, 3.2rem);
      line-height: .92;
      font-weight: 930;
      letter-spacing: 0;
      margin-bottom: 18px;
    }

    .big-card strong {
      letter-spacing: 0 !important;
    }

    .method-wheel {
      position: relative;
      margin-top: clamp(18px, 3.2vw, 34px) !important;
      min-height: clamp(440px, 48vw, 620px) !important;
      display: grid !important;
      grid-template-columns: 64px minmax(0, 1fr) 64px !important;
      align-items: center !important;
      overflow: hidden;
      border-radius: 8px !important;
      background:
        radial-gradient(circle at 50% 54%, rgba(41,231,205,.15), transparent 32%),
        linear-gradient(145deg, rgba(247,251,252,.075), rgba(1,22,39,.38)) !important;
      border: 1px solid rgba(247,251,252,.10) !important;
      backdrop-filter: blur(24px);
    }

    .method-stage {
      min-height: clamp(370px, 41vw, 520px) !important;
      display: grid !important;
      grid-template-columns: 1fr !important;
      place-items: center !important;
      gap: 0 !important;
    }

    .method-visual {
      position: relative !important;
      width: min(76vw, 520px);
      aspect-ratio: 1;
      min-height: 0 !important;
      display: grid !important;
      place-items: center !important;
      overflow: visible;
    }

    .method-visual::before,
    .method-visual::after {
      display: none !important;
    }

    .method-card {
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
      border-radius: 30px;
      opacity: .42;
      transform: translateX(calc(var(--method-x, 0px))) translateY(calc(var(--method-y, 0px))) scale(var(--method-scale, .86));
      filter: blur(var(--method-blur, 3px)) brightness(var(--method-brightness, .72));
      transition:
        transform .68s cubic-bezier(.22,1,.36,1),
        opacity .68s cubic-bezier(.22,1,.36,1),
        filter .68s cubic-bezier(.22,1,.36,1);
      pointer-events: none;
    }

    .method-card img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      filter: drop-shadow(0 32px 90px rgba(0,0,0,.36));
    }

    .method-card.active {
      opacity: 1;
      --method-x: 0px;
      --method-y: 0px;
      --method-scale: 1;
      --method-blur: 0px;
      --method-brightness: 1;
    }

    .method-card[data-offset="-1"] { --method-x: -92px; --method-y: 26px; --method-scale: .86; }
    .method-card[data-offset="-2"],
    .method-card[data-offset="-3"] { --method-x: -150px; --method-y: 40px; --method-scale: .78; opacity: .22; }
    .method-card[data-offset="1"] { --method-x: 92px; --method-y: 26px; --method-scale: .86; }
    .method-card[data-offset="2"],
    .method-card[data-offset="3"] { --method-x: 150px; --method-y: 40px; --method-scale: .78; opacity: .22; }

    .method-arrow {
      width: 52px !important;
      height: 52px !important;
      border-radius: 50% !important;
      z-index: 8 !important;
    }

    .method-arrow:disabled {
      opacity: .28;
      cursor: not-allowed;
      transform: none !important;
      box-shadow: none !important;
    }

    .method-dots {
      bottom: 28px !important;
    }

    .method-dots button {
      width: 38px !important;
      height: 38px !important;
    }

    .project-card {
      border-radius: 8px !important;
      padding: 12px !important;
      gap: 0;
      background:
        linear-gradient(145deg, rgba(247,251,252,.08), rgba(247,251,252,.035)),
        rgba(1,22,39,.50) !important;
      backdrop-filter: blur(20px);
      overflow: hidden;
    }

    .project-card img {
      width: 100% !important;
      aspect-ratio: 16 / 9;
      height: auto !important;
      min-height: 0 !important;
      border-radius: 8px !important;
      object-fit: cover !important;
      filter: saturate(.96) brightness(.82) !important;
      transition: transform .35s ease, filter .35s ease !important;
    }

    .project-card[href="/restaurantes/"] img { object-position: 50% 48%; }
    .project-card[href="/clinicas/"] img { object-position: 53% 45%; }
    .project-card[href="/gimnasios/"] img { object-position: 46% 48%; }

    .project-card:hover img {
      transform: scale(1.03) !important;
      filter: saturate(1.04) brightness(.95) !important;
    }

    .project-card-content {
      position: relative;
      margin-top: -74px;
      padding: 92px 8px 12px !important;
      min-height: 190px;
      background: linear-gradient(to bottom, transparent, rgba(1,22,39,.92) 34%, rgba(1,22,39,.98));
      border-radius: 0 0 8px 8px;
    }

    .project-card-content small {
      letter-spacing: .11em !important;
    }

    .project-card-content strong {
      font-size: clamp(1.9rem, 3vw, 3.2rem) !important;
      letter-spacing: 0 !important;
    }

    .project-card-content p {
      max-width: 220px;
      font-size: 1.02rem !important;
      color: rgba(247,251,252,.72) !important;
    }

    .exclusivity-card {
      grid-template-columns: minmax(0, .82fr) minmax(360px, .9fr) !important;
      align-items: center !important;
      gap: clamp(24px, 5vw, 72px) !important;
      border-radius: 8px !important;
      background:
        radial-gradient(circle at 74% 50%, rgba(41,231,205,.15), transparent 30%),
        linear-gradient(145deg, rgba(247,251,252,.08), rgba(247,251,252,.035)) !important;
      border: 1px solid rgba(247,251,252,.11) !important;
      backdrop-filter: blur(22px);
    }

    .exclusivity-card::after,
    .club-visual::after,
    .club-visual::before {
      display: none !important;
    }

    .club-sub {
      color: var(--turquoise) !important;
      font-weight: 900 !important;
      font-size: clamp(1.1rem, 1.8vw, 1.45rem) !important;
    }

    .club-visual {
      min-height: 0 !important;
      display: grid !important;
      place-items: center !important;
      background: transparent !important;
      overflow: hidden !important;
      border-radius: 8px !important;
    }

    .club-visual img {
      width: min(100%, 520px);
      height: auto;
      object-fit: contain;
      filter:
        drop-shadow(0 24px 80px rgba(41,231,205,.16))
        drop-shadow(0 34px 110px rgba(0,0,0,.34));
    }

    .faq-section > .section-head {
      display: none;
    }

    .faq-glass {
      display: grid;
      grid-template-columns: minmax(240px, .44fr) minmax(0, .86fr);
      gap: clamp(22px, 4vw, 54px);
      padding: clamp(22px, 4vw, 48px);
      border: 1px solid rgba(247,251,252,.11);
      border-radius: 8px;
      background:
        radial-gradient(circle at 18% 86%, rgba(41,231,205,.14), transparent 28%),
        linear-gradient(145deg, rgba(247,251,252,.075), rgba(1,22,39,.42));
      box-shadow: 0 32px 120px rgba(0,0,0,.30);
      backdrop-filter: blur(24px);
    }

    .faq-intro {
      position: relative;
      display: grid;
      align-content: start;
      gap: 14px;
      padding-left: 26px;
    }

    .faq-line {
      position: absolute;
      left: 0;
      top: 4px;
      bottom: 4px;
      width: 1px;
      background: linear-gradient(to bottom, var(--turquoise), rgba(41,231,205,.08));
    }

    .faq-line::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 0;
      width: 11px;
      height: 11px;
      border-radius: 50%;
      background: var(--turquoise);
      box-shadow: 0 0 28px rgba(41,231,205,.68);
      transform: translateX(-50%);
    }

    .faq-intro h3 {
      font-size: clamp(2.8rem, 5.6vw, 6.2rem);
      line-height: .9;
      letter-spacing: 0;
    }

    .faq-intro p {
      color: rgba(247,251,252,.66);
      line-height: 1.42;
      font-weight: 520;
    }

    .faq-list {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 12px !important;
    }

    .faq-item {
      border: 1px solid rgba(247,251,252,.10);
      border-radius: 8px;
      background: rgba(247,251,252,.045);
      overflow: hidden;
      transition: border-color .3s ease, background .3s ease, box-shadow .3s ease;
    }

    .faq-item.active {
      border-color: rgba(41,231,205,.30);
      background: rgba(41,231,205,.065);
      box-shadow: inset 0 0 46px rgba(41,231,205,.055);
    }

    .faq-item button {
      width: 100%;
      min-height: 62px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) 34px;
      gap: 16px;
      align-items: center;
      border: 0;
      background: transparent;
      color: var(--white);
      padding: 18px 18px 18px 20px;
      text-align: left;
      font-weight: 880;
      cursor: pointer;
    }

    .faq-item button span {
      width: 32px;
      height: 32px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(41,231,205,.22);
      border-radius: 50%;
      color: var(--turquoise);
      background: rgba(1,22,39,.42);
    }

    .faq-item button span::before {
      content: "+";
      font-size: 1.25rem;
      line-height: 1;
    }

    .faq-item.active button span::before {
      content: "-";
    }

    .faq-panel {
      max-height: 0;
      opacity: 0;
      overflow: hidden;
      transition: max-height .38s cubic-bezier(.22,1,.36,1), opacity .28s ease;
    }

    .faq-item.active .faq-panel {
      max-height: 190px;
      opacity: 1;
    }

    .faq-panel p {
      padding: 0 20px 20px !important;
      color: rgba(247,251,252,.66) !important;
      line-height: 1.42 !important;
      font-size: .98rem !important;
    }

    @media (max-width: 920px) {
      .method-wheel {
        grid-template-columns: 52px minmax(0, 1fr) 52px !important;
      }

      .exclusivity-card,
      .faq-glass {
        grid-template-columns: 1fr !important;
      }
    }

    @media (max-width: 640px) {
      .problem-word {
        font-size: 2rem;
      }

      .method-wheel {
        min-height: 470px !important;
        padding: 18px 12px 72px !important;
      }

      .method-visual {
        width: min(86vw, 390px);
      }

      .method-dots {
        position: absolute !important;
        left: 50% !important;
        bottom: 24px !important;
        transform: translateX(-50%) !important;
        margin-top: 0 !important;
        z-index: 9 !important;
      }

      .method-card[data-offset="-1"] { --method-x: -44px; --method-y: 24px; --method-scale: .84; }
      .method-card[data-offset="1"] { --method-x: 44px; --method-y: 24px; --method-scale: .84; }

      .project-card-content {
        min-height: 170px;
      }

      .exclusivity-card {
        padding: 28px 20px !important;
      }

      .club-visual img {
        width: min(100%, 340px);
      }

      .faq-glass {
        padding: 24px 18px;
      }

      .faq-intro {
        padding-left: 20px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .method-card,
      .faq-panel {
        transition: none !important;
      }
    }

    /* Firekworks UI repair pass 2026-07-09 */
    :root {
      --fw-bg: #011627;
      --fw-surface: rgba(6, 30, 47, .58);
      --fw-surface-strong: rgba(9, 37, 57, .78);
      --fw-border: rgba(174, 245, 237, .14);
      --fw-cyan: #29E7CD;
      --fw-cyan-soft: rgba(41,231,205,.18);
      --fw-text: #F7FBFC;
      --fw-muted: rgba(210, 229, 235, .68);
    }

    html { scroll-padding-top: 112px; }

    body::after {
      opacity: .18 !important;
      background-image:
        radial-gradient(circle, rgba(247,251,252,.38) 0 .7px, transparent 1.55px),
        radial-gradient(circle, rgba(41,231,205,.26) 0 .85px, transparent 1.7px),
        radial-gradient(circle, rgba(115,188,224,.20) 0 .6px, transparent 1.4px),
        radial-gradient(circle, rgba(247,251,252,.16) 0 1.15px, transparent 2.4px) !important;
      background-size: 211px 233px, 347px 293px, 509px 431px, 677px 611px !important;
      background-position: 23px 41px, 139px 91px, 73px 199px, 311px 137px !important;
    }

    .section {
      scroll-margin-top: 112px;
    }

    .section:not(.hero) .section-head {
      max-width: 720px !important;
      margin-bottom: clamp(24px, 4vw, 42px) !important;
    }

    .section:not(.hero) h2,
    .proof-panel h2,
    .club-copy h2,
    .faq-intro h3 {
      max-width: 780px;
      font-size: clamp(3rem, 6vw, 5.7rem) !important;
      line-height: .94 !important;
      letter-spacing: 0 !important;
      text-wrap: balance;
      overflow-wrap: normal;
    }

    #problema h2 {
      max-width: 920px;
      font-size: clamp(3.6rem, 7.2vw, 7rem) !important;
    }

    #problema .lead {
      max-width: 620px;
    }

    .problem-word {
      display: none !important;
    }

    .big-card {
      min-height: 310px !important;
      padding: clamp(22px, 2.2vw, 30px) !important;
    }

    .big-card strong {
      display: block;
      max-width: 330px;
      font-size: clamp(1.65rem, 2.25vw, 2.35rem) !important;
      line-height: 1.02 !important;
      text-wrap: balance;
    }

    .rank-row,
    .rank-row.active {
      color: rgba(210,229,235,.54) !important;
      transform: none !important;
      opacity: 1 !important;
    }

    .rank-row .rank-dot,
    .rank-row.active .rank-dot {
      background: rgba(210,229,235,.36) !important;
      box-shadow: none !important;
    }

    .big-card:hover .rank-row {
      opacity: .42 !important;
    }

    .big-card:hover .rank-row.active {
      color: var(--fw-cyan) !important;
      transform: translateX(10px) !important;
      opacity: 1 !important;
    }

    .big-card:hover .rank-row.active .rank-dot {
      background: var(--fw-cyan) !important;
      box-shadow: 0 0 20px rgba(41,231,205,.68) !important;
    }

    .method-wheel {
      max-width: 1080px;
      min-height: 500px !important;
      margin: clamp(18px, 3vw, 32px) auto 0 !important;
      padding: 34px 78px 72px !important;
      overflow: hidden !important;
      background:
        radial-gradient(circle at 28% 22%, rgba(41,231,205,.14), transparent 34%),
        linear-gradient(145deg, rgba(9,37,57,.70), rgba(2,22,38,.72)) !important;
      border-color: var(--fw-border) !important;
      box-shadow: 0 28px 90px rgba(0,0,0,.26) !important;
    }

    .method-stage {
      min-height: 380px !important;
    }

    .method-visual {
      width: min(100%, 560px) !important;
      max-width: 560px;
      height: 360px !important;
      aspect-ratio: auto !important;
    }

    .method-card {
      inset: auto !important;
      width: min(100%, 500px);
      min-height: 315px;
      padding: 30px;
      place-items: stretch !important;
      align-content: start;
      gap: 18px;
      border: 1px solid rgba(174,245,237,.18);
      border-radius: 8px !important;
      background:
        radial-gradient(circle at 50% 0%, rgba(41,231,205,.18), transparent 38%),
        linear-gradient(145deg, rgba(13,45,68,.94), rgba(4,24,42,.92));
      box-shadow: 0 30px 80px rgba(0,0,0,.32), inset 0 1px 0 rgba(247,251,252,.08);
      color: var(--fw-text);
    }

    .method-card[data-offset="-1"] { --method-x: -132px; --method-y: 20px; --method-scale: .86; }
    .method-card[data-offset="1"] { --method-x: 132px; --method-y: 20px; --method-scale: .86; }
    .method-card[data-offset="-2"],
    .method-card[data-offset="-3"] { --method-x: -214px; --method-y: 34px; --method-scale: .78; opacity: .16; }
    .method-card[data-offset="2"],
    .method-card[data-offset="3"] { --method-x: 214px; --method-y: 34px; --method-scale: .78; opacity: .16; }

    .method-card .method-label {
      display: inline-flex;
      width: fit-content;
      margin: 0;
      padding: 8px 12px;
      border: 1px solid rgba(41,231,205,.20);
      border-radius: 999px;
      background: rgba(41,231,205,.07);
      color: var(--fw-cyan);
      font-size: .78rem;
      line-height: 1;
      letter-spacing: .08em;
      font-weight: 900;
    }

    .method-icon {
      width: 74px;
      height: 74px;
      margin: 8px auto 6px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(41,231,205,.20);
      border-radius: 50%;
      background: rgba(41,231,205,.055);
    }

    .method-icon::before {
      content: "";
      width: 32px;
      height: 32px;
      display: block;
      border: 4px solid var(--fw-cyan);
      border-radius: 50%;
      box-shadow: 0 0 28px rgba(41,231,205,.25);
    }

    .method-icon[data-icon="clarity"]::before {
      width: 34px;
      height: 34px;
      border-radius: 8px;
      transform: rotate(45deg);
    }

    .method-icon[data-icon="local"]::before {
      width: 34px;
      height: 24px;
      border-radius: 8px;
    }

    .method-icon[data-icon="chat"]::before {
      width: 38px;
      height: 28px;
      border-radius: 14px;
    }

    .method-card h3 {
      max-width: 380px;
      margin: 0 auto;
      font-size: clamp(1.8rem, 2.8vw, 2.55rem);
      line-height: 1.04;
      text-align: center;
      text-wrap: balance;
      letter-spacing: 0;
    }

    .method-card p {
      max-width: 380px;
      margin: 0 auto;
      color: var(--fw-muted);
      font-size: 1.02rem;
      line-height: 1.38;
      text-align: center;
    }

    .method-arrow {
      align-self: center;
      transition: opacity .25s ease, transform .25s ease, border-color .25s ease !important;
    }

    .method-arrow:disabled {
      opacity: 0 !important;
      pointer-events: none;
    }

    .method-dots {
      bottom: 24px !important;
    }

    .method-dots button {
      width: 30px !important;
      height: 30px !important;
      font-size: .86rem;
    }

    .visual-proof {
      gap: clamp(32px, 5vw, 70px) !important;
      align-items: stretch !important;
    }

    .proof-panel {
      min-height: 0 !important;
      padding: clamp(32px, 5vw, 58px) !important;
      border-radius: 8px !important;
      overflow: hidden;
    }

    .proof-panel h2 {
      max-width: 520px;
      font-size: clamp(3.2rem, 5.5vw, 5.55rem) !important;
    }

    .proof-panel p {
      max-width: 520px !important;
      position: relative;
      z-index: 2;
    }

    .mini-dashboard {
      border-radius: 8px !important;
      background: rgba(9,37,57,.54) !important;
    }

    #sectores .lead {
      max-width: 600px;
    }

    .exclusivity-card {
      grid-template-columns: minmax(0, .88fr) minmax(360px, .82fr) !important;
      padding: clamp(38px, 5vw, 64px) !important;
      background: linear-gradient(145deg, rgba(9,37,57,.52), rgba(2,22,38,.34)) !important;
      box-shadow: none !important;
    }

    .club-copy h2 {
      max-width: 640px;
      font-size: clamp(3.05rem, 5.7vw, 6rem) !important;
      line-height: .96 !important;
    }

    .club-copy p {
      max-width: 560px !important;
      overflow-wrap: anywhere;
    }

    .plaza-visual {
      min-height: 430px !important;
      overflow: hidden !important;
    }

    .plaza-stack {
      position: relative;
      width: min(100%, 470px);
      aspect-ratio: 1.18;
      margin: auto;
      display: grid;
      place-items: center;
    }

    .plaza-stack::after {
      content: "";
      position: absolute;
      left: 10%;
      right: 10%;
      bottom: 10%;
      height: 12%;
      border: 1px solid rgba(41,231,205,.34);
      border-radius: 50%;
      background: radial-gradient(ellipse, rgba(41,231,205,.22), transparent 70%);
      filter: blur(.2px);
    }

    .plaza-card {
      position: absolute;
      display: grid;
      place-items: center;
      width: 160px;
      min-height: 118px;
      border: 1px solid rgba(174,245,237,.14);
      border-radius: 8px;
      background: linear-gradient(145deg, rgba(12,43,65,.88), rgba(3,21,38,.86));
      color: rgba(210,229,235,.60);
      font-weight: 800;
      box-shadow: 0 20px 70px rgba(0,0,0,.22);
      transition: transform .7s cubic-bezier(.22,1,.36,1), opacity .7s ease;
    }

    .plaza-main {
      z-index: 6;
      width: 190px;
      min-height: 210px;
      color: var(--fw-text);
      border-color: rgba(41,231,205,.45);
      background:
        radial-gradient(circle at 50% 28%, rgba(41,231,205,.22), transparent 36%),
        linear-gradient(145deg, rgba(13,54,79,.96), rgba(3,24,43,.95));
      box-shadow: 0 28px 90px rgba(0,0,0,.30), 0 0 45px rgba(41,231,205,.16);
    }

    .plaza-main i {
      width: 44px;
      height: 44px;
      margin-bottom: 8px;
      border: 4px solid var(--fw-cyan);
      border-top-width: 8px;
      border-radius: 50% 50% 44% 44%;
      opacity: .9;
    }

    .plaza-main strong,
    .plaza-main em {
      display: block;
      font-style: normal;
      font-size: 1.45rem;
      line-height: 1.05;
    }

    .plaza-host { transform: translate(-26px, -104px) rotate(2deg); }
    .plaza-fit { transform: translate(142px, -54px) rotate(2deg); }
    .plaza-health { transform: translate(-150px, 22px) rotate(-2deg); }
    .plaza-beauty { transform: translate(128px, 84px) rotate(1deg); }
    .exclusivity-card.in-view .plaza-host { transform: translate(-38px, -112px) rotate(2deg); }
    .exclusivity-card.in-view .plaza-fit { transform: translate(154px, -58px) rotate(2deg); }
    .exclusivity-card.in-view .plaza-health { transform: translate(-160px, 26px) rotate(-2deg); }
    .exclusivity-card.in-view .plaza-beauty { transform: translate(140px, 90px) rotate(1deg); }

    .faq-section > .section-head {
      display: none !important;
    }

    .faq-glass {
      display: grid !important;
      grid-template-columns: minmax(280px, .36fr) minmax(0, .64fr) !important;
      gap: clamp(48px, 6vw, 78px) !important;
      align-items: start !important;
      padding: clamp(34px, 5vw, 56px) !important;
      border-radius: 8px !important;
      background: linear-gradient(145deg, rgba(9,37,57,.64), rgba(2,22,38,.46)) !important;
    }

    .faq-intro h3 {
      max-width: 360px;
      font-size: clamp(3rem, 5.8vw, 5.6rem) !important;
    }

    .faq-list {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 12px !important;
    }

    .faq-item {
      border-radius: 8px !important;
      background: rgba(247,251,252,.045) !important;
    }

    .faq-item button {
      min-height: 64px;
      gap: 18px;
      font-size: clamp(1rem, 1.15vw, 1.12rem) !important;
      line-height: 1.18;
    }

    .faq-item.active .faq-panel {
      max-height: 240px;
    }

    @media (max-width: 980px) {
      .problem-grid,
      .visual-proof,
      .exclusivity-card,
      .faq-glass {
        grid-template-columns: 1fr !important;
      }

      .method-wheel {
        grid-template-columns: 48px minmax(0, 1fr) 48px !important;
        padding-inline: 18px !important;
      }

      .faq-intro h3,
      .club-copy h2,
      .proof-panel h2 {
        max-width: 100%;
      }
    }

    @media (max-width: 640px) {
      .section:not(.hero) h2,
      #problema h2,
      .proof-panel h2,
      .club-copy h2,
      .faq-intro h3 {
        font-size: clamp(2.45rem, 12vw, 3.7rem) !important;
        line-height: 1 !important;
      }

      .method-wheel {
        min-height: 560px !important;
        grid-template-columns: 46px minmax(0, 1fr) 46px !important;
        padding: 20px 10px 76px !important;
      }

      .method-visual {
        height: 405px !important;
      }

      .method-card {
        width: min(100%, 330px);
        min-height: 365px;
        padding: 24px 20px;
      }

      .method-card[data-offset="-1"] { --method-x: -42px; --method-y: 24px; --method-scale: .88; }
      .method-card[data-offset="1"] { --method-x: 42px; --method-y: 24px; --method-scale: .88; }

      .plaza-visual {
        min-height: 340px !important;
      }

      .plaza-stack {
        width: min(100%, 330px);
      }

      .plaza-card {
        width: 124px;
        min-height: 88px;
        font-size: .82rem;
      }

      .plaza-main {
        width: 150px;
        min-height: 170px;
      }

      .plaza-host { transform: translate(-26px, -78px) rotate(2deg); }
      .plaza-fit { transform: translate(100px, -40px) rotate(2deg); }
      .plaza-health { transform: translate(-102px, 24px) rotate(-2deg); }
      .plaza-beauty { transform: translate(86px, 70px) rotate(1deg); }

      .faq-glass {
        padding: 26px 18px !important;
        gap: 28px !important;
      }
    }

    /* Firekworks QA hardening 2026-07-09 */
    .section:not(.hero) {
      align-items: start !important;
      min-height: auto !important;
      padding-top: clamp(68px, 5vw, 80px) !important;
      padding-bottom: clamp(72px, 5vw, 80px) !important;
      scroll-margin-top: 0 !important;
    }

    #sistema .section-head {
      margin-bottom: 24px !important;
    }

    #problema .section-head {
      max-width: 1060px !important;
    }

    #problema h2 {
      max-width: 1080px !important;
      font-size: clamp(3.35rem, 6.35vw, 6.25rem) !important;
      line-height: .92 !important;
    }

    #problema h2 span {
      display: inline-block;
      white-space: nowrap;
    }

    .method-wheel {
      width: 100% !important;
      min-height: 430px !important;
      padding: 28px 70px 62px !important;
      margin-top: 0 !important;
      isolation: isolate;
      overflow: hidden !important;
    }

    .method-stage {
      width: 100% !important;
      min-width: 0 !important;
      min-height: 330px !important;
    }

    .method-visual {
      isolation: isolate;
      overflow: visible !important;
      height: 330px !important;
    }

    .method-card {
      left: 50% !important;
      top: 50% !important;
      width: min(100%, 470px) !important;
      min-height: 304px !important;
      padding: 26px !important;
      z-index: 1;
      transform:
        translate(-50%, -50%)
        translateX(calc(var(--method-x, 0px)))
        translateY(calc(var(--method-y, 0px)))
        scale(var(--method-scale, .86)) !important;
      overflow: hidden;
    }

    .method-card[data-offset="-1"],
    .method-card[data-offset="1"] {
      z-index: 2 !important;
      opacity: .38 !important;
    }

    .method-card[data-offset="-2"],
    .method-card[data-offset="-3"],
    .method-card[data-offset="2"],
    .method-card[data-offset="3"] {
      z-index: 1 !important;
      opacity: .16 !important;
    }

    .method-card.active,
    .method-card[data-offset="0"] {
      z-index: 20 !important;
      opacity: 1 !important;
      filter: none !important;
    }

    @media (max-width: 640px) {
      .section:not(.hero) {
        padding-top: 96px !important;
        padding-bottom: 86px !important;
      }

      #problema h2 span {
        display: block;
      }

      .method-wheel {
        min-height: 600px !important;
        grid-template-columns: 1fr !important;
        overflow: hidden !important;
        padding: 20px 18px 78px !important;
      }

      .method-stage {
        grid-column: 1 / -1 !important;
        width: 100% !important;
      }

      .method-visual {
        width: min(100%, 342px) !important;
        height: 410px !important;
      }

      .method-card {
        width: min(100%, 312px) !important;
        min-height: 372px !important;
      }

      .method-card[data-offset="-1"] { --method-x: -36px; --method-y: 20px; --method-scale: .86; }
      .method-card[data-offset="1"] { --method-x: 36px; --method-y: 20px; --method-scale: .86; }

      .method-arrow {
        position: absolute !important;
        bottom: 22px !important;
        top: auto !important;
        z-index: 24 !important;
      }

      .method-prev { left: 20px !important; }
      .method-next { right: 20px !important; }

      .method-dots {
        z-index: 25 !important;
      }
    }
    /* Firekworks real asset integration pass 2026-07-10 */
    .method-wheel {
      overflow: visible !important;
      background: transparent !important;
      border-color: transparent !important;
      box-shadow: none !important;
      backdrop-filter: none !important;
    }

    .method-wheel::before,
    .method-wheel::after {
      display: none !important;
    }

    .method-visual {
      overflow: visible !important;
    }

    .method-card {
      padding: 0 !important;
      border: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      display: grid !important;
      place-items: center !important;
      aspect-ratio: 1 / 1 !important;
      width: min(100%, 520px) !important;
      max-height: none !important;
      overflow: visible !important;
      transition:
        transform .72s cubic-bezier(.22,1,.36,1),
        opacity .48s ease,
        filter .48s ease !important;
      will-change: transform, opacity, filter;
    }

    .method-card > :not(img) {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      overflow: hidden !important;
      clip: rect(0 0 0 0) !important;
      white-space: nowrap !important;
    }

    .method-card img {
      width: 100% !important;
      max-width: 520px !important;
      max-height: 410px !important;
      height: auto !important;
      object-fit: contain !important;
      border-radius: 0 !important;
      opacity: .68;
      transform: translateZ(0);
      filter:
        drop-shadow(0 34px 90px rgba(0,0,0,.34))
        drop-shadow(0 0 42px rgba(41,231,205,.10)) !important;
      transition:
        transform .72s cubic-bezier(.22,1,.36,1),
        opacity .48s ease,
        filter .48s ease;
      will-change: transform, opacity, filter;
    }

    .method-card.active img,
    .method-card[data-offset="0"] img {
      opacity: 1;
      filter:
        drop-shadow(0 38px 110px rgba(0,0,0,.42))
        drop-shadow(0 0 62px rgba(41,231,205,.18)) !important;
    }

    .method-card[data-offset="-1"] img,
    .method-card[data-offset="1"] img {
      opacity: .16;
      filter:
        blur(5px)
        brightness(.62)
        drop-shadow(0 26px 72px rgba(0,0,0,.30)) !important;
    }

    .method-card[data-offset="-1"] { --method-x: -118px !important; --method-y: 20px !important; --method-scale: .88 !important; }
    .method-card[data-offset="1"] { --method-x: 118px !important; --method-y: 20px !important; --method-scale: .88 !important; }
    .method-card[data-offset="-2"],
    .method-card[data-offset="-3"] { --method-x: -190px !important; --method-y: 34px !important; --method-scale: .78 !important; opacity: .20 !important; }
    .method-card[data-offset="2"],
    .method-card[data-offset="3"] { --method-x: 190px !important; --method-y: 34px !important; --method-scale: .78 !important; opacity: .20 !important; }

    .method-wheel.is-transitioning .method-arrow,
    .method-wheel.is-transitioning .method-dots button {
      pointer-events: none !important;
    }

    .project-card img {
      object-fit: cover !important;
      object-position: center !important;
      filter: saturate(.96) brightness(.82) !important;
    }

    .project-card:hover img {
      filter: saturate(1.08) brightness(1) !important;
    }

    .exclusivity-card {
      grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr) !important;
      gap: clamp(48px, 7vw, 120px) !important;
      padding: clamp(34px, 4vw, 54px) 0 !important;
      border: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      backdrop-filter: none !important;
    }

    .club-copy {
      max-width: 620px;
    }

    .club-copy .kicker,
    .difference-section .section-head,
    #sectores .kicker,
    #contacto .kicker,
    .faq-intro .kicker {
      display: none !important;
    }

    .club-copy h2 {
      max-width: 520px !important;
      font-size: clamp(3rem, 6vw, 6.2rem) !important;
      line-height: .9 !important;
      text-wrap: balance;
    }

    .plaza-visual {
      display: grid !important;
      place-items: center !important;
      overflow: visible !important;
    }

    .plaza-stack {
      width: min(100%, 560px) !important;
      min-height: 420px !important;
      display: grid !important;
      place-items: center !important;
      filter: drop-shadow(0 36px 100px rgba(0,0,0,.40));
    }

    .plaza-stack::after,
    .plaza-card {
      display: none !important;
    }

    .plaza-asset-img {
      width: min(100%, 560px);
      height: auto;
      object-fit: contain;
      transform: translateY(4px);
      filter:
        drop-shadow(0 34px 100px rgba(0,0,0,.42))
        drop-shadow(0 0 55px rgba(41,231,205,.14));
      will-change: transform;
    }

    .exclusivity-card.reveal,
    .exclusivity-card.in-view {
      opacity: 1 !important;
      transform: none !important;
      filter: none !important;
    }

    .exclusivity-card .club-copy,
    .exclusivity-card .plaza-visual {
      opacity: 1 !important;
      filter: none !important;
    }

    @media (max-width: 900px) {
      .method-card { width: min(100%, 500px) !important; }
      .method-card[data-offset="-1"] { --method-x: -52px !important; --method-y: 24px !important; --method-scale: .86 !important; }
      .method-card[data-offset="1"] { --method-x: 52px !important; --method-y: 24px !important; --method-scale: .86 !important; }
      .plaza-stack { min-height: 360px !important; }
    }

    @media (max-width: 560px) {
      .method-wheel { min-height: 420px !important; }
      .method-stage { gap: 0 !important; }
      .method-card { width: min(100%, 340px) !important; }
      .method-card img { max-height: 330px !important; }
      .method-card[data-offset="-1"] { --method-x: -34px !important; --method-y: 18px !important; --method-scale: .86 !important; }
      .method-card[data-offset="1"] { --method-x: 34px !important; --method-y: 18px !important; --method-scale: .86 !important; }
      .method-card[data-offset="-2"],
      .method-card[data-offset="-3"],
      .method-card[data-offset="2"],
      .method-card[data-offset="3"] { display: none !important; }
      .club-copy p {
        max-width: 29ch !important;
        font-size: .98rem !important;
      }
      .plaza-stack { min-height: 280px !important; }
    }

    .method-arrow:disabled {
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }

    .method-wheel.is-transitioning .method-arrow,
    .method-wheel.is-transitioning .method-dots button {
      pointer-events: none !important;
    }

    html,
    body {
      max-width: 100%;
      overflow-x: clip !important;
    }

    .hero,
    .section,
    #sectores,
    .projects-grid {
      overflow-x: clip;
    }

    .hero-visual {
      contain: paint;
    }

    @media (max-width: 1100px) {
      .hero-visual .orbit {
        max-width: min(46vw, 430px);
        max-height: min(46vw, 430px);
      }

      .rocket-card {
        max-width: min(78vw, 430px);
      }

      .project-card-content {
        max-width: calc(100% - 36px) !important;
      }
    }

    .brand-mark,
    .brand-word {
      display: none !important;
    }

    .problem-word {
      display: block !important;
      color: var(--turquoise);
      font-size: clamp(2rem, 3vw, 3rem);
      line-height: .92;
      font-weight: 930;
      margin-bottom: 28px;
    }

    .faq-intro h3 {
      max-width: 340px !important;
      font-size: clamp(2.75rem, 4.6vw, 4.6rem) !important;
    }

    .faq-intro p {
      font-weight: 400 !important;
      max-width: 390px;
    }

    .faq-item button {
      font-weight: 620 !important;
      font-size: clamp(.95rem, 1.05vw, 1.08rem) !important;
    }

    @media (max-width: 900px) {
      .exclusivity-card {
        grid-template-columns: 1fr !important;
      }
    }

    #problema,
    #sistema,
    #diferencia,
    #sectores,
    #plazas,
    #faq,
    #contacto {
      scroll-margin-top: 104px !important;
    }

    .faq-glass {
      grid-template-columns: minmax(320px, .42fr) minmax(520px, .58fr) !important;
      gap: clamp(72px, 8vw, 116px) !important;
    }

    @media (max-width: 980px) {
      .faq-glass {
        grid-template-columns: 1fr !important;
      }
    }

    @media (max-width: 640px) {
      .section:not(.hero) {
        padding-top: 68px !important;
        padding-bottom: 72px !important;
      }

      #problema,
      #sistema,
      #diferencia,
      #sectores,
      #plazas,
      #faq,
      #contacto {
        scroll-margin-top: 82px !important;
      }

      .problem-grid {
        gap: 14px !important;
      }

      .big-card {
        min-height: 245px !important;
      }

      .method-wheel {
        min-height: 390px !important;
        padding-bottom: 68px !important;
      }

      .method-visual {
        height: 330px !important;
      }

      .method-card {
        width: min(100%, 292px) !important;
      }

      .method-card img {
        max-height: 292px !important;
      }

      .exclusivity-card {
        padding-top: 0 !important;
      }

      .faq-intro h3 {
        max-width: 100% !important;
      }
    }

    /* Firekworks final minimal QA pass 2026-07-10 */
    .eyebrow,
    .kicker,
    .section-label,
    .section-tag,
    .pill-label,
    .problem-word {
      display: none !important;
    }

    .nav-inner {
      display: grid !important;
      grid-template-columns: minmax(180px, 1fr) auto auto !important;
      gap: clamp(14px, 3vw, 34px) !important;
    }

    .nav-links {
      display: none !important;
    }

    .hero-copy,
    .lead,
    .big-card p,
    .proof-panel p,
    .metric span,
    .club-copy p,
    .faq-intro p,
    .faq-list p,
    .contact-copy p,
    .footer-seo {
      font-weight: 400 !important;
    }

    .reveal.in-view,
    .big-card.in-view,
    .visual-proof.in-view,
    .proof-panel.in-view,
    .mini-dashboard.in-view,
    .metric.in-view,
    .project-card.in-view,
    .faq-glass.in-view,
    .faq-item.in-view,
    .exclusivity-card.in-view,
    .contact-shell.in-view {
      opacity: 1 !important;
    }

    .hero-actions .btn-primary {
      min-width: 228px;
    }

    #problema .section-head {
      max-width: 1280px !important;
    }

    #problema h2.problem-title {
      white-space: normal;
      text-wrap: balance;
      font-size: clamp(3.25rem, 6.9vw, 7.25rem) !important;
      line-height: .9 !important;
      max-width: 1240px !important;
      letter-spacing: -.052em !important;
    }

    @media (min-width: 1100px) {
      #problema h2.problem-title {
        white-space: nowrap;
        font-size: clamp(4.6rem, 6.65vw, 7.1rem) !important;
      }
    }

    .rank-row {
      color: rgba(247,251,252,.56) !important;
      opacity: 1;
      transform: none !important;
    }

    .rank-row .rank-dot {
      background: rgba(247,251,252,.38) !important;
      box-shadow: none !important;
    }

    .rank-row.active {
      color: rgba(247,251,252,.56) !important;
    }

    .rank-row.active .rank-dot {
      background: rgba(247,251,252,.38) !important;
    }

    .big-card:hover .rank-row {
      opacity: .38;
    }

    .big-card:hover .rank-row.active,
    .google-visual:hover .rank-row.active {
      color: var(--turquoise) !important;
      opacity: 1;
      transform: translateX(8px) !important;
    }

    .big-card:hover .rank-row.active .rank-dot,
    .google-visual:hover .rank-row.active .rank-dot {
      background: var(--turquoise) !important;
      box-shadow: 0 0 22px rgba(41,231,205,.74) !important;
    }

    #sistema .section-head {
      margin-bottom: clamp(34px, 5vw, 66px) !important;
    }

    #sistema {
      grid-template-columns: minmax(320px, .82fr) minmax(560px, 1.18fr) !important;
      column-gap: clamp(72px, 8vw, 140px) !important;
      align-items: center !important;
    }

    #sistema .section-head {
      grid-column: 1;
      margin-bottom: 0 !important;
      opacity: 1 !important;
      transform: none !important;
      filter: none !important;
    }

    .method-wheel {
      grid-column: 2;
      max-width: 1180px;
      margin-inline: auto;
      transition: opacity .38s ease, transform .38s cubic-bezier(.22,1,.36,1) !important;
      min-height: 560px !important;
      padding: 26px 68px 74px !important;
    }

    #sistema .method-wheel {
      display: grid !important;
      grid-template-columns: 56px minmax(0, 1fr) 56px !important;
      width: 100% !important;
    }

    #sistema .method-stage {
      grid-column: 2 !important;
      grid-template-columns: 1fr !important;
      gap: 0 !important;
      place-items: center !important;
      overflow: visible !important;
      min-height: 460px !important;
    }

    #sistema .method-visual,
    #sistema .method-card {
      overflow: visible !important;
    }

    #sistema .method-visual {
      width: min(100%, 650px) !important;
      height: 470px !important;
    }

    #sistema .method-card {
      width: min(100%, 610px) !important;
      min-height: 430px !important;
    }

    #sistema .method-card img {
      max-width: 610px !important;
      max-height: 470px !important;
    }

    .method-card,
    .method-card img {
      transition:
        transform .38s cubic-bezier(.22,1,.36,1),
        opacity .34s ease,
        filter .34s ease !important;
    }

    .method-wheel.is-transitioning .method-arrow,
    .method-wheel.is-transitioning .method-dots button {
      pointer-events: auto !important;
    }

    .club-copy h2 {
      font-size: clamp(3.65rem, 6.35vw, 6.65rem) !important;
      line-height: .9 !important;
      max-width: 560px !important;
    }

    .exclusivity-card {
      grid-template-columns: minmax(0, .82fr) minmax(420px, 1.18fr) !important;
      align-items: center !important;
    }

    .plaza-stack {
      width: min(100%, 610px) !important;
      min-height: 440px !important;
    }

    .plaza-asset-img {
      width: min(100%, 610px) !important;
      max-height: 560px;
    }

    .wa-form select,
    .sector-form select {
      color: var(--white);
      appearance: auto;
    }

    @media (max-width: 980px) {
      #sistema {
        grid-template-columns: 1fr !important;
      }

      .method-stage {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
      }

      .method-wheel {
        grid-column: 1;
        width: 100% !important;
        margin-top: 28px !important;
      }

      .exclusivity-card {
        grid-template-columns: 1fr !important;
      }
    }

    @media (max-width: 640px) {
      .nav-inner {
        grid-template-columns: 1fr auto !important;
      }

      .nav-portal {
        display: none !important;
      }

      .hero-actions .btn-primary {
        width: 100%;
      }

      #problema h2.problem-title span {
        display: inline !important;
        white-space: normal !important;
      }

      .plaza-stack {
        min-height: 300px !important;
      }
    }

    /* Firekworks final polish pass 2026-07-11 */
    .nav {
      border-bottom: 0 !important;
      background:
        linear-gradient(
          to bottom,
          rgba(0, 15, 25, .86),
          rgba(0, 15, 25, .58) 58%,
          rgba(0, 15, 25, 0)
        ) !important;
      backdrop-filter: blur(20px) saturate(135%) !important;
      -webkit-backdrop-filter: blur(20px) saturate(135%) !important;
      box-shadow: none !important;
    }

    .nav::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -34px;
      height: 34px;
      pointer-events: none;
      background: linear-gradient(to bottom, rgba(0,15,25,.24), rgba(0,15,25,0));
    }

    .nav-inner {
      position: relative;
      z-index: 2;
    }

    .brand-logo-img {
      max-width: clamp(154px, 13vw, 210px) !important;
      height: auto !important;
    }

    .hero-copy {
      font-weight: 400 !important;
      color: rgba(247,251,252,.76) !important;
    }

    .big-card .num,
    .big-card strong,
    .big-card p {
      margin-left: 0 !important;
      padding-left: 0 !important;
    }

    .big-card {
      display: grid !important;
      grid-template-rows: auto auto auto 1fr;
      align-content: start;
      gap: 13px;
    }

    .big-card strong {
      max-width: 13ch;
      line-height: 1.04 !important;
      text-wrap: balance;
    }

    .big-card p {
      max-width: 28ch;
      line-height: 1.34 !important;
    }

    #sistema .method-wheel {
      overflow: visible !important;
    }

    .method-card img {
      transform-origin: center;
    }

    .club-copy h2 {
      max-width: 7.5ch !important;
    }

    .club-copy .club-sub {
      max-width: 18ch;
      font-weight: 760 !important;
      color: var(--turquoise) !important;
    }

    .club-copy p:not(.club-sub) {
      max-width: 43ch !important;
      line-height: 1.4 !important;
    }

    .faq-section > .section-head {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      overflow: hidden !important;
      clip: rect(0 0 0 0) !important;
      white-space: nowrap !important;
    }

    .faq-glass {
      align-items: start !important;
      padding-top: clamp(36px, 5vw, 64px) !important;
      padding-bottom: clamp(36px, 5vw, 64px) !important;
    }

    .faq-intro h3 {
      line-height: .98 !important;
      text-wrap: balance;
    }

    .faq-item button {
      line-height: 1.22 !important;
      min-height: 58px !important;
    }

    .project-card {
      overflow: hidden !important;
      isolation: isolate;
    }

    .project-card::before,
    .project-card::after {
      inset: 0 !important;
      width: auto !important;
      height: auto !important;
      border-radius: inherit !important;
      pointer-events: none;
    }

    .project-card-content {
      left: clamp(18px, 3vw, 30px) !important;
      right: clamp(18px, 3vw, 30px) !important;
    }

    .site-footer {
      border-top: 0 !important;
      background: transparent !important;
      text-align: center;
    }

    .site-footer .footer-content {
      display: block !important;
    }

    .site-footer .footer-seo {
      max-width: none !important;
      text-align: center !important;
      color: rgba(247,251,252,.56) !important;
    }

    .footer-nav {
      display: none !important;
    }

    /* Final audit pass 2026-07-11 */
    .nav {
      isolation: isolate;
      background: transparent !important;
      border-bottom: 0 !important;
      box-shadow: none !important;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
    }

    .nav::before {
      content: "";
      position: absolute;
      inset: 0 0 -48px;
      z-index: -1;
      pointer-events: none;
      background:
        linear-gradient(
          to bottom,
          rgba(0, 15, 25, .76) 0%,
          rgba(0, 15, 25, .48) 48%,
          rgba(0, 15, 25, .18) 76%,
          rgba(0, 15, 25, 0) 100%
        );
      backdrop-filter: blur(22px) saturate(138%);
      -webkit-backdrop-filter: blur(22px) saturate(138%);
      mask-image: linear-gradient(to bottom, #000 0%, #000 68%, transparent 100%);
      -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 68%, transparent 100%);
    }

    .nav::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -56px;
      height: 56px;
      z-index: -2;
      pointer-events: none;
      background: linear-gradient(to bottom, rgba(0,15,25,.18), transparent);
    }

    .nav-inner {
      position: relative;
      z-index: 1;
    }

    .method-wheel.is-transitioning .method-arrow:not(:disabled),
    .method-wheel.is-transitioning .method-dots button {
      pointer-events: auto !important;
    }

    @media (max-width: 760px) {
      .nav-inner {
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 12px !important;
      }

      .nav .btn-primary {
        display: none !important;
      }

      .nav-portal {
        display: inline-flex !important;
        min-height: 40px !important;
        padding-inline: 13px !important;
        white-space: nowrap;
      }

      .brand-logo-img {
        max-width: clamp(132px, 39vw, 162px) !important;
      }

      #sistema .method-wheel,
      .method-wheel {
        display: grid !important;
        grid-template-columns: 1fr !important;
        min-height: 368px !important;
        padding: 2px 16px 48px !important;
        margin-top: 18px !important;
      }

      #sistema .method-stage {
        grid-column: 1 / -1 !important;
        min-height: 310px !important;
      }

      #sistema .method-visual,
      .method-visual {
        height: 312px !important;
        width: min(100%, 316px) !important;
      }

      .method-card {
        width: min(100%, 318px) !important;
        min-height: 258px !important;
        top: 58% !important;
      }

      .method-card img {
        width: min(100%, 318px) !important;
        max-height: 306px !important;
      }

      .method-dots {
        bottom: 10px !important;
      }

      .method-arrow {
        position: absolute !important;
        bottom: 8px !important;
      }

      .method-prev { left: 4px !important; }
      .method-next { right: 4px !important; }

      .exclusivity-card {
        gap: 22px !important;
      }

      .club-copy h2 {
        max-width: 9ch !important;
        font-size: clamp(3rem, 15vw, 4.6rem) !important;
      }

      .club-copy p:not(.club-sub) {
        max-width: 34ch !important;
      }

      .plaza-stack {
        min-height: 250px !important;
      }

      .plaza-asset-img {
        width: min(100%, 360px) !important;
      }

      .faq-glass {
        gap: 28px !important;
        padding-inline: 20px !important;
      }

    }

    @media (max-width: 760px) {
      #sistema .method-wheel,
      .method-wheel {
        min-height: 430px !important;
        padding: 0 16px 76px !important;
      }

      #sistema .method-stage {
        min-height: 318px !important;
      }

      #sistema .method-visual,
      .method-visual {
        width: min(100%, 310px) !important;
        height: 292px !important;
      }

      .method-card {
        top: 46% !important;
        width: min(100%, 292px) !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
      }

      .method-card img {
        max-height: 292px !important;
      }

      .method-dots {
        bottom: 22px !important;
      }

      .method-arrow {
        bottom: 16px !important;
      }
    }
    /* Progressive rendering: every content block is readable before JavaScript. */
    .reveal,
    .big-card,
    .flow-step,
    .method-wheel,
    .visual-proof,
    .proof-panel,
    .mini-dashboard,
    .metric,
    .project-card,
    .faq-glass,
    .faq-item,
    .exclusivity-card,
    .contact-shell {
      opacity: 1;
      transform: none;
    }
/* Canonical home composition */
:root {
  --fw-final-cyan: #29E7CD;
  --fw-final-dark: #011627;
  --fw-final-text: #F7FBFC;
  --fw-final-muted: rgba(210, 229, 235, .70);
}

html,
body {
  overflow-x: clip !important;
}

body::after {
  opacity: .22 !important;
  pointer-events: none !important;
  z-index: -3 !important;
  background-image:
    radial-gradient(circle, rgba(247,251,252,.34) 0 .75px, transparent 1.65px),
    radial-gradient(circle, rgba(41,231,205,.28) 0 .9px, transparent 1.9px),
    radial-gradient(circle, rgba(39,145,213,.20) 0 1.1px, transparent 2.35px),
    radial-gradient(circle, rgba(247,251,252,.14) 0 1.7px, transparent 4.4px) !important;
  background-size: 193px 217px, 337px 293px, 491px 431px, 721px 647px !important;
  filter: blur(.25px) !important;
  background-position:
    17px calc(31px + var(--star-y-1, 0px)),
    137px calc(89px + var(--star-y-2, 0px)),
    61px calc(181px + var(--star-y-3, 0px)),
    271px calc(119px + var(--star-y-2, 0px)) !important;
  transform: translateZ(0) !important;
  mask-image: linear-gradient(to bottom, transparent 0%, #000 8%, #000 88%, transparent 100%) !important;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 8%, #000 88%, transparent 100%) !important;
}

/* Home hero composition final */
#hero .hero-grid {
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr) !important;
  gap: clamp(40px, 5vw, 72px) !important;
}

#hero h1 {
  max-width: 820px !important;
  font-size: clamp(4rem, 7.4vw, 7.35rem) !important;
  line-height: .88 !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

#hero .hero-copy {
  max-width: 620px !important;
  font-size: clamp(1.02rem, 1.32vw, 1.22rem) !important;
  line-height: 1.32 !important;
  color: rgba(247,251,252,.76) !important;
  font-weight: 540 !important;
  text-wrap: pretty;
}

#hero .reveal {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

#hero .rocket-card {
  width: min(100%, 660px) !important;
  max-width: calc(100% - 12px) !important;
  aspect-ratio: 3 / 2 !important;
  border-radius: 8px !important;
  transform: rotateX(2deg) rotateY(-3deg) !important;
  transition: border-color .3s ease, box-shadow .3s ease !important;
}

#hero .hero-firework-picture {
  display: block;
  width: 100%;
  height: 100%;
  background:none;
}

#hero .hero-firework-img {
  --icon-follow-x: 0px;
  --icon-follow-y: 0px;
  --icon-tilt-x: 0deg;
  --icon-tilt-y: 0deg;
  width: 100% !important;
  height: 100% !important;
  animation: heroSceneGlow 4.8s ease-in-out infinite !important;
  transform:
    translate3d(var(--icon-follow-x), calc(-8px + var(--icon-follow-y)), 0)
    rotateX(var(--icon-tilt-y))
    rotateY(var(--icon-tilt-x)) !important;
  transform-origin: center;
  will-change: transform, filter;
}

@keyframes heroIconGlowFinal {
  0%, 100% { filter: drop-shadow(0 0 30px rgba(41,231,205,.42)); }
  50% { filter: drop-shadow(0 0 54px rgba(41,231,205,.68)); }
}

#sistema .method-wheel {
  opacity: 0 !important;
  transform: translateY(24px) scale(.96) !important;
  transition:
    opacity .76s ease,
    transform .76s cubic-bezier(.22, 1, .36, 1),
    border-color .28s ease,
    box-shadow .28s ease !important;
  transition-delay: 80ms !important;
}

#sistema .method-wheel.in-view {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
}

/* Sector cards hover focus final */
#sectores .projects-grid,
.projects-grid#projectsGrid {
  width: min(100%, 1140px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(24px, 2.7vw, 36px) !important;
  align-items: stretch !important;
  overflow: visible !important;
  margin-top: clamp(24px, 3.6vw, 42px) !important;
}

#sectores .project-card,
#sectores .project-card[href="/restaurantes/"],
#sectores .project-card[href="/clinicas/"],
#sectores .project-card[href="/gimnasios/"] {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: clamp(325px, 24vw, 382px) !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-radius: 8px !important;
  border: 1px solid rgba(41,231,205,.20) !important;
  background: rgba(3,25,42,.62) !important;
  box-shadow: 0 24px 78px rgba(0,0,0,.24) !important;
  opacity: 0 !important;
  filter: none !important;
  transform: translateY(24px) scale(1) !important;
  transform-origin: center center !important;
  transition:
    transform .38s cubic-bezier(.22, 1, .36, 1),
    opacity .38s ease,
    filter .38s ease,
    border-color .28s ease,
    box-shadow .28s ease !important;
  transition-delay: 0ms !important;
  z-index: 0 !important;
}

#sectores .project-card.in-view {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
}

#sectores .project-card > img,
#sectores .project-card[href="/restaurantes/"] > img,
#sectores .project-card[href="/clinicas/"] > img,
#sectores .project-card[href="/gimnasios/"] > img {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: inherit !important;
  filter: saturate(.94) brightness(.78) contrast(1.03) !important;
  transform: scale(1.004) !important;
  transition: transform .34s cubic-bezier(.22, 1, .36, 1), filter .28s ease !important;
  will-change: transform, filter;
}

#sectores .project-card[href="/restaurantes/"] > img { object-position: 52% 50% !important; }
#sectores .project-card[href="/clinicas/"] > img {
  object-position: 50% 48% !important;
  transform: scaleX(-1) scale(1.004) !important;
}
#sectores .project-card[href="/gimnasios/"] > img { object-position: 50% 50% !important; }

#sectores .project-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(180deg, rgba(1,22,39,.04) 0%, rgba(1,22,39,.20) 32%, rgba(1,22,39,.58) 62%, rgba(1,22,39,.95) 100%),
    radial-gradient(circle at 22% 14%, rgba(41,231,205,.16), transparent 44%) !important;
  transition: background .28s ease, opacity .28s ease !important;
}

#sectores .project-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  border: 1px solid rgba(247,251,252,.055) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.055), transparent 44%, rgba(41,231,205,.05)) !important;
  opacity: .74 !important;
  transition: opacity .28s ease, border-color .28s ease !important;
}

#sectores .project-card .project-card-content,
#sectores .project-card-content {
  position: absolute !important;
  z-index: 3 !important;
  left: clamp(22px, 2.6vw, 32px) !important;
  right: clamp(22px, 2.6vw, 32px) !important;
  bottom: clamp(22px, 2.6vw, 30px) !important;
  inset-block-start: auto !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  gap: 8px !important;
  align-content: end !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
}

#sectores .project-card-content small,
#sectores .project-card-content strong,
#sectores .project-card-content p {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  transform: none !important;
}

#sectores .project-card-content small {
  color: var(--fw-final-cyan) !important;
  opacity: .96 !important;
  font-size: .74rem !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
  font-weight: 900 !important;
}

#sectores .project-card-content strong {
  font-size: clamp(2rem, 3vw, 3.05rem) !important;
  color: var(--fw-final-text) !important;
  line-height: .96 !important;
  text-shadow: 0 14px 42px rgba(0,0,0,.60) !important;
}

#sectores .project-card-content p {
  font-size: 1rem !important;
  color: rgba(247,251,252,.74) !important;
  line-height: 1.2 !important;
}

@media (hover: hover) and (pointer: fine) and (min-width: 921px) {
  #sectores .projects-grid:hover .project-card.in-view {
    opacity: .78 !important;
    filter: brightness(.72) saturate(.85) !important;
    transform: translateY(0) scale(.96) !important;
    z-index: 0 !important;
  }

  #sectores .projects-grid .project-card.in-view:hover {
    opacity: 1 !important;
    filter: brightness(1) saturate(1.05) !important;
    transform: translateY(-10px) scale(1.045) !important;
    border-color: rgba(41,231,205,.46) !important;
    box-shadow: 0 34px 94px rgba(0,0,0,.34), 0 0 42px rgba(41,231,205,.13) !important;
    z-index: 4 !important;
  }

  #sectores .project-card:hover > img {
    filter: saturate(1.05) brightness(.92) contrast(1.04) !important;
    transform: scale(1.045) !important;
  }

  #sectores .project-card[href="/clinicas/"]:hover > img {
    transform: scaleX(-1) scale(1.045) !important;
  }
}

/* One-place exclusivity asset: use the final blue PNG, remove generated duplicate cards and hard frame */
.exclusivity-card,
.club-visual.plaza-visual,
.plaza-visual,
.plaza-stack {
  overflow: visible !important;
}

.club-visual.plaza-visual,
.plaza-visual {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  min-height: clamp(300px, 34vw, 480px) !important;
}

.plaza-stack {
  width: min(100%, 640px) !important;
  max-width: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  display: grid !important;
  place-items: center !important;
  margin-inline: auto !important;
  filter: drop-shadow(0 36px 100px rgba(0,0,0,.30)) !important;
}

.plaza-stack::after,
.plaza-card {
  display: none !important;
}

.plaza-asset-img {
  display: block !important;
  width: min(100%, 640px) !important;
  max-width: 100% !important;
  height: auto !important;
  opacity: 1 !important;
  border: 0 !important;
  border-radius: 0 !important;
  transform: translateY(0) scale(1) !important;
  filter:
    drop-shadow(0 34px 95px rgba(0,0,0,.34))
    drop-shadow(0 0 46px rgba(41,231,205,.15)) !important;
  transition: transform .42s cubic-bezier(.22,1,.36,1), filter .42s ease !important;
  will-change: transform, filter;
}

.plaza-visual:hover .plaza-asset-img,
.exclusivity-card:hover .plaza-asset-img {
  transform: translateY(-9px) scale(1.018) !important;
  filter:
    drop-shadow(0 42px 110px rgba(0,0,0,.40))
    drop-shadow(0 0 64px rgba(41,231,205,.24)) !important;
}

/* Sector page glass header: no visible rectangular cut */
.sector-nav.page {
  position: sticky !important;
  top: 0 !important;
  isolation: isolate !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.sector-nav.page::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  bottom: -96px !important;
  width: 100vw !important;
  transform: translateX(-50%) !important;
  z-index: -2 !important;
  pointer-events: none !important;
  background: linear-gradient(to bottom, rgba(0,15,25,.72) 0%, rgba(0,15,25,.48) 38%, rgba(0,15,25,.18) 70%, rgba(0,15,25,0) 100%) !important;
  backdrop-filter: blur(24px) saturate(138%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(138%) !important;
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.88) 52%, rgba(0,0,0,.45) 78%, transparent 100%) !important;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.88) 52%, rgba(0,0,0,.45) 78%, transparent 100%) !important;
}

.sector-nav.page::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: -108px !important;
  width: 100vw !important;
  height: 108px !important;
  transform: translateX(-50%) !important;
  z-index: -3 !important;
  pointer-events: none !important;
  background: linear-gradient(to bottom, rgba(41,231,205,.045), rgba(0,15,25,.10) 34%, transparent 100%) !important;
}

.sector-nav.page > * {
  position: relative !important;
  z-index: 2 !important;
}

/* WhatsApp CTA layout final */
#contacto.whatsapp-section {
  min-height: auto !important;
  padding-top: clamp(58px, 7vw, 90px) !important;
  padding-bottom: 18px !important;
}

#contacto .contact-shell {
  grid-template-columns: minmax(280px, 400px) minmax(460px, 520px) !important;
  justify-content: space-between !important;
  column-gap: clamp(64px, 7.5vw, 120px) !important;
  row-gap: 36px !important;
  align-items: center !important;
  padding: clamp(44px, 5.4vw, 68px) !important;
  overflow: hidden !important;
  transform: none !important;
  opacity: 1 !important;
}

#contacto .contact-copy,
#contacto .wa-card,
.sector-cta-copy,
.sector-form {
  min-width: 0 !important;
}

#contacto .contact-copy {
  width: 100% !important;
  max-width: 400px !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

#contacto .contact-copy h2 {
  max-width: 400px !important;
  margin-bottom: 18px !important;
  font-size: clamp(3rem, 4.65vw, 5.15rem) !important;
  line-height: .98 !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

#contacto .contact-copy p {
  max-width: 365px !important;
  font-size: clamp(1rem, 1.12vw, 1.12rem) !important;
  line-height: 1.34 !important;
  text-wrap: pretty;
}

#contacto .wa-card {
  width: min(100%, 520px) !important;
  min-width: 0 !important;
  justify-self: end !important;
  padding: clamp(24px, 2.6vw, 32px) !important;
  border-radius: 8px !important;
  transform: none !important;
  opacity: 1 !important;
}

#contacto .wa-form {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

#contacto .wa-form textarea,
#contacto .wa-form .wa-submit {
  grid-column: 1 / -1 !important;
}

#contacto .wa-form,
.sector-form {
  gap: 14px !important;
}

.wa-form input,
.wa-form select,
.wa-form textarea,
.sector-form input,
.sector-form select,
.sector-form textarea {
  background: rgba(247,251,252,.075) !important;
  border-color: rgba(247,251,252,.14) !important;
  color: var(--fw-final-text) !important;
  color-scheme: dark;
  min-height: 50px !important;
  padding: 14px 15px !important;
  border-radius: 8px !important;
}

.wa-form textarea,
.sector-form textarea {
  min-height: 112px !important;
}

.wa-form input::placeholder,
.wa-form textarea::placeholder,
.sector-form input::placeholder,
.sector-form textarea::placeholder {
  color: rgba(247,251,252,.48) !important;
}

.wa-form select:focus,
.sector-form select:focus,
.wa-form input:focus,
.sector-form input:focus,
.wa-form textarea:focus,
.sector-form textarea:focus {
  border-color: var(--fw-final-cyan) !important;
  box-shadow: 0 0 0 3px rgba(41,231,205,.10) !important;
}

.wa-form option,
.sector-form option {
  background: #052235 !important;
  color: var(--fw-final-text) !important;
}

.wa-submit,
.wa-submit span,
.wa-submit svg {
  color: #07140D !important;
}

:where(a, button, input, select, textarea):focus-visible {
  outline: 3px solid var(--fw-final-cyan) !important;
  outline-offset: 4px !important;
}

.service-area {
  max-width: 48ch;
  color: rgba(247,251,252,.74) !important;
  font-size: .94rem !important;
  line-height: 1.42 !important;
}

.site-footer {
  padding-top: 28px !important;
}

@media (max-width: 760px) {
  .projects-grid .project-card[href="/restaurantes/"],
  .projects-grid .project-card[href="/clinicas/"],
  .projects-grid .project-card[href="/gimnasios/"] {
    height: 318px !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
  }

  .projects-grid .project-card .project-card-content {
    left: 20px !important;
    right: 20px !important;
    bottom: 20px !important;
  }

  .plaza-asset-img {
    width: min(100%, 390px) !important;
  }
}

/* Clinics: give the two key system assets the visual weight requested. */
@media (min-width: 981px) {
  body[data-sector="clinicas"] .sector-hero {
    grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr) !important;
    gap: clamp(46px, 6vw, 88px) !important;
  }

  body[data-sector="clinicas"] .sector-hero-img {
    width: min(100%, 940px) !important;
    max-width: none !important;
    max-height: 780px !important;
  }

  body[data-sector="clinicas"] #sistema-completo {
    grid-template-columns: minmax(300px, .68fr) minmax(0, 1.32fr) !important;
    gap: clamp(48px, 6vw, 92px) !important;
  }

  body[data-sector="clinicas"] #sistema-completo .sector-asset-system img {
    width: min(100%, 980px) !important;
    max-width: none !important;
    max-height: 860px !important;
  }
}

@media (max-width: 1180px) {
  #contacto .contact-shell {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 36px !important;
  }

  #contacto .contact-copy,
  #contacto .contact-copy p {
    max-width: 640px !important;
  }

  #contacto .contact-copy h2 {
    max-width: 620px !important;
    font-size: clamp(3rem, 6vw, 5.2rem) !important;
  }

  #contacto .wa-card {
    width: min(100%, 620px) !important;
    justify-self: start !important;
  }
}

@media (max-width: 920px) and (min-width: 701px) {
  #sectores .projects-grid,
  .projects-grid#projectsGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  #sectores .projects-grid,
  .projects-grid#projectsGrid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body::after {
    opacity: .14 !important;
  }

  #hero .hero-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
  }

  #hero .hero-visual {
    min-height: 300px !important;
  }

  #hero .rocket-card {
    width: min(100%, 430px) !important;
    max-width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 8px !important;
    transform: none !important;
  }

  #hero .hero-firework-img {
    width: 100% !important;
    height: 100% !important;
  }

  #hero h1 {
    max-width: 100% !important;
    font-size: clamp(2.7rem, 11.7vw, 3.7rem) !important;
    line-height: .94 !important;
  }

  #hero .hero-copy {
    max-width: 36ch !important;
    font-size: .98rem !important;
    line-height: 1.36 !important;
  }

  .nav-portal {
    display: none !important;
  }

  #sistema .method-wheel {
    margin-top: 52px !important;
  }

  #contacto.whatsapp-section {
    padding-top: 56px !important;
    padding-bottom: 12px !important;
  }

  #contacto .contact-shell {
    gap: 24px !important;
    padding: 28px 20px !important;
  }

  #contacto .contact-copy h2 {
    max-width: 9ch !important;
    font-size: clamp(2.75rem, 13vw, 4.4rem) !important;
  }

  #contacto .contact-copy p {
    font-size: .98rem !important;
  }

  #contacto .wa-card {
    width: 100% !important;
    padding: 18px !important;
  }

  #contacto .wa-form {
    grid-template-columns: 1fr !important;
  }

  .site-footer {
    padding-top: 24px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }

  #hero .hero-firework-img,
  #sistema .method-wheel,
  .project-card > img,
  .plaza-asset-img,
  body::after {
    transition-duration: .01ms !important;
    animation: none !important;
  }

  #hero .hero-firework-img,
  #sistema .method-wheel {
    transform: none !important;
    opacity: 1 !important;
  }
}

.footer-architecture {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin: 8px 0 0;
}

.footer-architecture a {
  color: rgba(247, 251, 252, .66);
  font-weight: 750;
  text-decoration: none;
}

.footer-architecture a:hover { color: #29e7cd; }

.method-dots button {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
}

@media (max-width: 760px) {
  #hero h1,
  .section h2,
  .method-copy h3,
  .proof-panel h2,
  .club-copy h2,
  .faq-section h2,
  #contacto .contact-copy h2 {
    line-height: 1.04 !important;
    overflow: visible !important;
    padding-block: .03em;
  }

}