.va7-landing {
  --va7-bg: #01040a;
  --va7-bg-soft: #020814;
  --va7-panel: #041021;
  --va7-panel-strong: #061a35;
  --va7-line: rgba(30, 150, 255, 0.38);
  --va7-line-soft: rgba(255, 255, 255, 0.10);
  --va7-text: #f8fbff;
  --va7-muted: #b8cce0;
  --va7-blue: #006dff;
  --va7-blue-hot: #008cff;
  --va7-blue-soft: #75c7ff;
  --va7-electric: #00a3ff;
  --va7-electric-2: #1f7dff;
  --va7-neon-line: rgba(0, 148, 255, .72);
  --va7-neon-soft: rgba(0, 118, 255, .22);
  --va7-panel-glass: rgba(3, 12, 27, .78);
  --va7-radius-lg: 32px;
  --va7-radius-md: 22px;
  --va7-radius-sm: 14px;
  --va7-container: 1320px;
  --va7-gutter: clamp(18px, 4vw, 56px);
  --va7-shadow-blue: 0 0 0 1px rgba(0, 148, 255, .62), 0 0 28px rgba(0, 118, 255, .18), 0 24px 72px rgba(0, 82, 255, .22);
  --va7-shadow-soft: 0 28px 90px rgba(0, 0, 0, .52);
  background: #01040a;
  color: var(--va7-text);
  font-family: "Inter", "Montserrat", "Segoe UI", sans-serif;
  overflow-x: hidden;
  position: relative;
}

.va7-landing *,
.va7-landing *::before,
.va7-landing *::after {
  box-sizing: border-box;
}

.va7-landing main {
  display: flex;
  flex-direction: column;
}

.va7-landing [hidden] {
  display: none !important;
}

.va7-content {
  order: 7;
}

.va7-final-cta {
  order: 8;
}

.va7-landing::before {
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px);
  background-size: 96px 96px;
  content: "";
  inset: 0;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.85), transparent 74%);
  opacity: .22;
  pointer-events: none;
  position: fixed;
}

.va7-kicker-mobile-break {
  display: none;
}

.va7-container {
  margin-inline: auto;
  max-width: var(--va7-container);
  padding-inline: var(--va7-gutter);
  width: 100%;
}

.va7-section {
  padding-block: clamp(42px, 5.6vw, 82px);
  position: relative;
}

.va7-section-title,
.va7-hero h1 {
  color: var(--va7-text);
  font-weight: 950;
  letter-spacing: -0.038em;
  line-height: 1.04;
  margin: 0;
}

.va7-section-title {
  font-size: clamp(34px, 4.4vw, 58px);
}

.va7-section-title span,
.va7-hero h1 span,
.va7-final-cta h2 span {
  color: var(--va7-blue-hot);
}

.va7-section-head {
  max-width: 880px;
}

.va7-section-head--center {
  margin-inline: auto;
  max-width: 980px;
  text-align: center;
}

.va7-section-head p,
.va7-content p,
.va7-final-cta p {
  color: var(--va7-muted);
  font-size: clamp(16px, 1.35vw, 19px);
  line-height: 1.62;
}

.va7-kicker {
  color: var(--va7-blue-soft);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .16em;
  margin: 0 0 16px;
  text-transform: uppercase;
}

.va7-button {
  align-items: center;
  background: linear-gradient(135deg, #0055dc, #0072cc);
  border: 1px solid rgba(143, 195, 255, .36);
  border-radius: 12px;
  box-shadow: 0 18px 48px rgba(0, 104, 255, .28), inset 0 1px 0 rgba(255,255,255,.22);
  color: #fff;
  display: inline-flex;
  font-size: 15px;
  font-weight: 950;
  gap: 11px;
  justify-content: center;
  min-height: 56px;
  padding: 0 28px;
  text-decoration: none;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.va7-button:hover {
  border-color: rgba(210, 232, 255, .82);
  box-shadow: 0 22px 62px rgba(0, 104, 255, .36), inset 0 1px 0 rgba(255,255,255,.32);
  transform: translateY(-2px);
}

.va7-button:active {
  transform: translateY(1px) scale(.99);
}

.va7-landing a:focus-visible,
.va7-landing summary:focus-visible {
  outline: 3px solid var(--va7-blue-soft);
  outline-offset: 4px;
}

.va7-landing img {
  display: block;
  height: auto;
  max-width: 100%;
}

.va7-button svg {
  fill: none;
  height: 22px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  width: 22px;
}

.va7-button--small {
  border-radius: 10px;
  font-size: 13px;
  min-height: 44px;
  padding-inline: 22px;
}

.va7-button--ghost {
  background: rgba(255,255,255,.045);
  box-shadow: none;
  margin-top: 22px;
}

.va7-button--bright {
  min-height: 74px;
  padding-inline: 32px;
}

.va7-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.018)),
    var(--va7-panel);
  border: 1px solid rgba(22, 140, 255, .44);
  border-radius: var(--va7-radius-md);
  color: var(--va7-text);
  overflow: hidden;
  position: relative;
}

.va7-glow-card {
  box-shadow:
    0 0 0 1px rgba(0,109,255,.32),
    0 18px 58px rgba(0,82,255,.18),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.va7-card h3 {
  color: var(--va7-text);
  font-size: clamp(24px, 2.1vw, 34px);
  letter-spacing: -0.032em;
  line-height: 1.12;
  margin: 0 0 14px;
}

.va7-card p {
  color: var(--va7-muted);
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}

/* Header */
.va7-header {
  left: 0;
  padding-top: 22px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20;
}

.va7-nav {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  display: flex;
  gap: 26px;
  justify-content: space-between;
  min-height: 48px;
  padding-block: 6px;
  position: relative;
}

.va7-nav::before {
  backdrop-filter: blur(4px);
  border-radius: inherit;
  content: "";
  inset: 0;
  opacity: .28;
  position: absolute;
  z-index: -1;
}

.va7-brand {
  color: var(--va7-text);
  display: inline-grid;
  gap: 0;
  min-width: 142px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}

.va7-brand::after {
  background: var(--va7-blue-hot);
  content: "";
  height: 2px;
  left: 82px;
  position: absolute;
  top: 5px;
  width: 30px;
}

.va7-brand span {
  font-size: 18px;
  font-weight: 950;
  letter-spacing: -0.03em;
  line-height: 1;
}

.va7-brand small {
  display: none;
}

.va7-nav-links {
  display: flex;
  gap: clamp(18px, 2.5vw, 38px);
}

.va7-nav-links a {
  color: rgba(246,248,255,.82);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .02em;
  text-decoration: none;
  text-transform: uppercase;
}

.va7-nav-links a:hover {
  color: var(--va7-blue-soft);
}

/* Hero */
.va7-hero {
  overflow: hidden;
  padding-bottom: clamp(6px, 1.4vw, 18px);
  padding-top: clamp(34px, 4.5vw, 64px);
}

.va7-hero::before {
  background:
    radial-gradient(circle at 62% 35%, rgba(0, 109, 255, .16), transparent 24rem),
    linear-gradient(90deg, #020611 0%, #020611 100%);
  content: "";
  inset: -90px 0 0;
  pointer-events: none;
  position: absolute;
}

.va7-hero::after {
  background: linear-gradient(90deg, transparent, rgba(22,140,255,.34), transparent);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  opacity: .9;
  position: absolute;
  right: 0;
}

.va7-hero__grid {
  align-items: center;
  display: grid;
  gap: clamp(20px, 3vw, 48px);
  grid-template-columns: minmax(500px, .74fr) minmax(680px, 1.26fr);
  min-height: clamp(590px, 43vw, 670px);
  position: relative;
  z-index: 1;
}

.va7-hero__copy {
  max-width: 600px;
  min-width: 0;
  padding-top: 0;
  position: relative;
  z-index: 4;
}

.va7-hero__copy > .va7-kicker {
  display: block;
}

.va7-hero h1 {
  font-size: clamp(40px, 3.95vw, 60px);
  letter-spacing: -0.024em;
  line-height: 1.015;
}

.va7-hero__sub {
  color: var(--va7-muted);
  font-size: clamp(16px, 1.2vw, 19px);
  font-weight: 560;
  line-height: 1.42;
  margin: 22px 0 0;
  max-width: 590px;
}

.va7-hero-lines {
  display: grid;
  gap: 7px;
}

.va7-hero-lines p {
  animation: va7-hero-fade .72s cubic-bezier(.22, 1, .36, 1) both;
  animation-delay: var(--reveal-delay, 0ms);
}

.va7-hero-lines p {
  color: var(--va7-muted);
  margin: 0;
}

.va7-hero__remate {
  background:
    linear-gradient(90deg, rgba(22,140,255,.16), rgba(255,255,255,.028) 48%, transparent);
  border-left: 3px solid var(--va7-blue-hot);
  border-radius: 0 18px 18px 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  color: #fff;
  font-size: clamp(20px, 1.62vw, 25px);
  font-weight: 900;
  letter-spacing: -0.012em;
  line-height: 1.2;
  margin: 20px 0 0;
  max-width: 560px;
  padding: 15px 18px 16px;
}

@keyframes va7-hero-fade {
  from {
    opacity: .58;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.va7-hero__support,
.va7-microcopy,
.va7-authority-line {
  color: var(--va7-muted);
  font-size: 15px;
  line-height: 1.58;
}

.va7-hero__support {
  display: none;
  max-width: 620px;
}

.va7-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.va7-microcopy {
  margin: 14px 0 0;
  max-width: 460px;
}

.va7-authority-line {
  display: none;
}

.va7-credibility {
  background:
    linear-gradient(90deg, rgba(0,109,255,.16), transparent 28%, transparent 72%, rgba(0,109,255,.12)),
    rgba(4, 10, 24, .94);
  border-block: 1px solid rgba(112,166,255,.22);
  position: relative;
  z-index: 2;
}

.va7-credibility__grid {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding-block: 0;
}

.va7-credibility__grid p {
  border-inline: 1px solid rgba(112,166,255,.16);
  color: var(--va7-text);
  font-size: clamp(14px, 1.18vw, 17px);
  font-weight: 850;
  line-height: 1.35;
  margin: 0;
  min-height: 104px;
  padding: 26px 24px;
}

.va7-mobile-hero-first {
  display: none;
}

.va7-mobile-break {
  display: none;
}

.va7-hero__visual {
  align-items: stretch;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-self: stretch;
  margin-bottom: -28px;
  margin-left: -26px;
  margin-right: -42px;
  margin-top: -58px;
  position: relative;
  z-index: 1;
}

.va7-hero__visual::before {
  color: rgba(22, 140, 255, .055);
  content: "DIRECCION";
  font-size: clamp(84px, 11vw, 172px);
  font-weight: 950;
  letter-spacing: -.09em;
  line-height: .8;
  position: absolute;
  right: 2%;
  text-transform: uppercase;
  top: -28px;
  z-index: -1;
}

.va7-portrait-shell {
  align-self: end;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  margin-left: 0;
  min-height: clamp(700px, 52vw, 790px);
  overflow: visible;
  position: relative;
}

.va7-portrait-shell::before {
  background:
    radial-gradient(circle at 54% 34%, rgba(0,109,255,.24), transparent 28%),
    radial-gradient(circle at 62% 58%, rgba(0,109,255,.12), transparent 40%);
  content: "";
  filter: blur(16px);
  inset: -54px -48px -10px -42px;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.va7-portrait-shell::after {
  background:
    linear-gradient(135deg, #020611 0%, rgba(2,6,17,.98) 17%, rgba(2,6,17,.28) 35%, transparent 50%),
    linear-gradient(90deg, #020611 0%, rgba(2,6,17,.94) 7%, transparent 30%, rgba(2,6,17,.18) 74%, #020611 100%),
    linear-gradient(180deg, #020611 0%, transparent 14%, transparent 62%, #020611 96%);
  content: "";
  inset: -1px;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.va7-portrait-shell img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  position: relative;
  filter:
    drop-shadow(22px 0 16px rgba(0,109,255,.58))
    drop-shadow(0 24px 36px rgba(0,0,0,.58));
  transform: scale(1.08);
  width: 100%;
  z-index: 1;
}

.va7-portrait-shell picture {
  display: block;
  height: 100%;
  -webkit-mask-image:
    radial-gradient(ellipse at 63% 43%, #000 0 44%, rgba(0,0,0,.68) 59%, transparent 79%);
  mask-image:
    radial-gradient(ellipse at 63% 43%, #000 0 44%, rgba(0,0,0,.68) 59%, transparent 79%);
  width: 100%;
}

.va7-hero-modules {
  align-self: start;
  display: none;
  gap: 11px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-top: clamp(10px, 2.6vw, 38px);
}

.va7-mini-module {
  background:
    linear-gradient(180deg, rgba(3,7,17,.18), rgba(3,7,17,.9)),
    rgba(5, 13, 30, .86);
  border: 1px solid rgba(22, 140, 255, .9);
  border-radius: 10px;
  box-shadow:
    0 0 0 1px rgba(22,140,255,.14),
    0 0 44px rgba(0, 104, 255, .34),
    inset 0 1px 0 rgba(255,255,255,.1);
  min-height: 154px;
  overflow: hidden;
  padding: 16px;
  position: relative;
}

.va7-mini-module::before {
  background-position: center;
  background-size: cover;
  content: "";
  inset: 0;
  opacity: .82;
  position: absolute;
  transform: scale(1.05);
  z-index: 0;
}

.va7-mini-module::after {
  background:
    radial-gradient(circle at 92% 10%, rgba(22,140,255,.28), transparent 42%),
    linear-gradient(180deg, rgba(2,5,13,.12), rgba(2,5,13,.72) 48%, rgba(2,5,13,.96));
  content: "";
  inset: 0;
  position: absolute;
  z-index: 0;
}

.va7-mini-module:nth-child(1)::before {
  background-image: url("assets/hero-offer.webp");
}

.va7-mini-module:nth-child(2)::before {
  background-image: url("assets/hero-webinar.webp");
}

.va7-mini-module:nth-child(3)::before {
  background-image: url("assets/hero-followup.webp");
}

.va7-mini-module:nth-child(4)::before {
  background-image: url("assets/hero-close.webp");
}

.va7-mini-module span {
  color: #168cff;
  display: block;
  font-size: 24px;
  font-weight: 950;
  letter-spacing: -0.045em;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.va7-mini-module p {
  color: rgba(246,248,255,.84);
  font-size: 12.5px;
  line-height: 1.35;
  margin: 8px 0 0;
  max-width: 150px;
  position: relative;
  z-index: 1;
}

.va7-handnote {
  color: var(--va7-blue-soft);
  font-family: "Segoe Print", "Bradley Hand ITC", "Comic Sans MS", cursive;
  font-size: clamp(19px, 2vw, 28px);
  line-height: 1.04;
  margin: 0;
  transform: rotate(-4deg);
}

.va7-hero__visual > .va7-handnote {
  align-self: end;
  justify-self: end;
  margin-bottom: 70px;
  margin-right: 34px;
  max-width: 260px;
  position: absolute;
  right: 0;
  z-index: 3;
}

/* Mirror */
.va7-mirror {
  background:
    radial-gradient(circle at 50% 0%, rgba(0,104,255,.13), transparent 31rem),
    linear-gradient(180deg, rgba(6, 14, 31, .82), rgba(3, 7, 17, .68));
  border-top: 1px solid rgba(255,255,255,.08);
  padding-block: clamp(38px, 4.1vw, 58px);
}

.va7-mirror .va7-section-title {
  font-size: clamp(34px, 3.85vw, 54px);
  letter-spacing: -0.035em;
  line-height: 1.02;
}

.va7-mirror .va7-section-head p {
  display: none;
}

.va7-mirror-editorial {
  align-items: stretch;
  display: grid;
  gap: clamp(18px, 3vw, 42px);
  grid-template-columns: minmax(0, .92fr) minmax(380px, 1.08fr);
  margin-top: 34px;
}

.va7-mirror-visual {
  background:
    linear-gradient(180deg, rgba(2,6,17,.06), rgba(2,6,17,.88)),
    #020611;
  border: 1px solid rgba(0,104,255,.34);
  border-radius: 18px;
  min-height: 420px;
  overflow: hidden;
  position: relative;
}

.va7-mirror-visual img {
  display: block;
  height: 100%;
  inset: 0;
  object-fit: cover;
  object-position: 42% 48%;
  opacity: .76;
  position: absolute;
  width: 100%;
}

.va7-mirror-visual::after {
  background:
    radial-gradient(circle at 68% 22%, rgba(0,104,255,.18), transparent 34%),
    linear-gradient(180deg, rgba(2,6,17,.08), rgba(2,6,17,.94) 72%);
  content: "";
  inset: 0;
  position: absolute;
}

.va7-mirror-visual p {
  bottom: 28px;
  color: var(--va7-text);
  font-size: clamp(30px, 3.15vw, 46px);
  font-weight: 950;
  letter-spacing: -.038em;
  line-height: 1.02;
  margin: 0;
  max-width: 520px;
  padding-inline: 30px;
  position: absolute;
  z-index: 2;
}

.va7-symptom-list {
  border-block: 1px solid rgba(112,166,255,.18);
  display: grid;
}

.va7-symptom-item {
  display: grid;
  gap: 8px;
  grid-template-columns: 120px 1fr;
  padding: clamp(22px, 3.2vw, 36px) 0;
}

.va7-symptom-item + .va7-symptom-item {
  border-top: 1px solid rgba(255,255,255,.08);
}

.va7-symptom-item span {
  color: var(--va7-blue-soft);
  font-size: 13px;
  font-weight: 900;
}

.va7-symptom-item h3 {
  color: var(--va7-text);
  font-size: clamp(26px, 2.35vw, 36px);
  letter-spacing: -.035em;
  line-height: 1.05;
  margin: 0;
}

.va7-symptom-item p {
  color: var(--va7-muted);
  font-size: 16px;
  grid-column: 2;
  line-height: 1.5;
  margin: 0;
  max-width: 560px;
}

.va7-symptoms .va7-section-title {
  max-width: 860px;
  margin-inline: auto;
}

.va7-symptoms__visual p {
  max-width: 560px;
}

.va7-card-grid {
  display: grid;
  gap: clamp(16px, 2vw, 26px);
  margin-top: 30px;
}

.va7-card-grid--three {
  grid-template-columns: 1.08fr .92fr 1.08fr;
}

.va7-image-card {
  background:
    linear-gradient(180deg, rgba(5,17,38,.98), rgba(2,6,16,.98));
  min-height: 318px;
}

.va7-image-card::before {
  background-position: center;
  background-size: cover;
  border-radius: 18px;
  box-shadow: 0 18px 60px rgba(0, 104, 255, .18);
  content: "";
  height: 48%;
  inset: 18px 18px auto;
  opacity: .82;
  position: absolute;
  z-index: 1;
}

.va7-image-card:nth-child(1)::before {
  background-image: url("assets/card-webinar.webp");
  background-position: 58% 24%;
}

.va7-image-card:nth-child(2)::before {
  background-image: url("assets/card-leads.webp");
  background-position: 75% 36%;
}

.va7-image-card:nth-child(3)::before {
  background-image: url("assets/card-calls.webp");
  background-position: 78% 34%;
}

.va7-image-card:nth-child(2) {
  transform: translateY(34px);
}

.va7-image-card img,
.va7-program-card img,
.va7-way-card img {
  display: block;
  height: 100%;
  inset: 0;
  object-fit: cover;
  opacity: .82;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.va7-image-card::after,
.va7-program-card::after,
.va7-way-card::after {
  background:
    radial-gradient(circle at 88% 16%, rgba(0,104,255,.24), transparent 36%),
    linear-gradient(180deg, rgba(3,7,17,.04), rgba(3,7,17,.48) 42%, rgba(3,7,17,.96));
  content: "";
  inset: 0;
  position: absolute;
  z-index: 1;
}

.va7-image-card img {
  display: none;
}

.va7-image-card::after {
  background:
    radial-gradient(circle at 72% 20%, rgba(0,104,255,.18), transparent 38%),
    linear-gradient(180deg, transparent 0%, rgba(3,7,17,.1) 36%, rgba(3,7,17,.96) 64%);
  z-index: 2;
}

.va7-program-card::after,
.va7-way-card::after {
  background:
    radial-gradient(circle at 88% 18%, rgba(0,104,255,.18), transparent 42%),
    linear-gradient(90deg, rgba(3,7,17,.94) 0%, rgba(3,7,17,.55) 42%, rgba(3,7,17,.04) 100%),
    linear-gradient(180deg, rgba(3,7,17,0), rgba(3,7,17,.5));
}

.va7-way-card img {
  filter: saturate(1.05) contrast(1.02) brightness(.84);
  opacity: .92;
}

.va7-program-card:nth-child(1) img {
  object-position: 64% center;
}

.va7-program-card:nth-child(2) img {
  object-position: 72% center;
}

.va7-program-card:nth-child(3) img {
  object-position: 78% center;
}

.va7-image-card > div {
  bottom: 0;
  padding: 0 28px 28px;
  position: absolute;
  z-index: 3;
}

.va7-card-icon {
  align-items: center;
  border: 1px solid rgba(0, 104, 255, .82);
  border-radius: 999px;
  color: var(--va7-blue-soft);
  display: inline-flex;
  height: 50px;
  justify-content: center;
  margin-bottom: 24px;
  width: 50px;
}

.va7-card-icon svg {
  fill: none;
  height: 25px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  width: 25px;
}

.va7-bridge {
  color: var(--va7-text);
  font-size: clamp(26px, 2.7vw, 38px);
  font-weight: 950;
  letter-spacing: -0.035em;
  line-height: 1.06;
  margin: 46px auto 0;
  max-width: 920px;
  text-align: center;
}

.va7-bridge span {
  color: var(--va7-blue-hot);
}

/* Program */
.va7-program {
  border-top: 1px solid rgba(255,255,255,.045);
  padding-block: clamp(46px, 5.2vw, 78px);
}

.va7-program .va7-section-head {
  margin-inline: auto;
  max-width: 920px;
  text-align: center;
}

.va7-program .va7-kicker,
.va7-program .va7-section-head p {
  display: none;
}

.va7-program-grid {
  display: grid;
  gap: 22px;
  grid-template-columns: .9fr 1.18fr .9fr;
  margin-top: 34px;
}

.va7-program-card {
  min-height: 382px;
  padding: 28px;
}

.va7-program-card:nth-child(2) {
  min-height: 430px;
  transform: translateY(-18px);
}

.va7-launch-card {
  border-color: rgba(0, 104, 255, .7);
  box-shadow:
    0 0 0 1px rgba(0,104,255,.36),
    0 0 42px rgba(0,104,255,.18),
    0 24px 74px rgba(0,0,0,.34);
}

.va7-program-card > span,
.va7-way-card > span {
  color: var(--va7-blue-soft);
  display: block;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .14em;
  margin-bottom: 14px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.va7-program-card h3,
.va7-program-card p,
.va7-way-card h3,
.va7-way-card p {
  position: relative;
  z-index: 2;
}

.va7-program-card h3 {
  font-size: clamp(30px, 2.65vw, 40px);
  line-height: 1.1;
  max-width: 260px;
}

.va7-program-card p {
  bottom: 28px;
  color: rgba(246,248,255,.82);
  font-size: 14.5px;
  line-height: 1.38;
  max-width: 330px;
  position: absolute;
  z-index: 1;
}

.va7-program-arrow {
  align-items: center;
  background: linear-gradient(135deg, var(--va7-blue), var(--va7-blue-hot));
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 8px;
  bottom: 18px;
  box-shadow: 0 12px 32px rgba(0,104,255,.24);
  color: #fff;
  display: inline-flex;
  font-size: 20px;
  font-weight: 950;
  height: 38px;
  justify-content: center;
  line-height: 1;
  position: absolute;
  right: 18px;
  width: 38px;
  z-index: 2;
}

/* Chain */
.va7-chain {
  border-top: 1px solid rgba(255,255,255,.05);
  padding-block: clamp(26px, 3.2vw, 42px);
}

.va7-chain .va7-section-title {
  font-size: clamp(31px, 3.65vw, 52px);
  max-width: 1060px;
  margin-inline: auto;
}

.va7-decision-statement {
  background:
    radial-gradient(circle at 50% 50%, rgba(0,109,255,.15), transparent 28rem),
    linear-gradient(180deg, rgba(4, 10, 25, .66), rgba(2, 6, 17, .2));
  border-block: 1px solid rgba(112,166,255,.18);
  margin-inline: auto;
  max-width: 1040px;
  padding: clamp(30px, 5vw, 58px) clamp(20px, 4vw, 48px);
  text-align: center;
}

.va7-decision-statement .va7-section-title {
  font-size: clamp(36px, 4.8vw, 68px);
  margin-inline: auto;
  max-width: 900px;
}

.va7-decision-statement p {
  color: var(--va7-blue-hot);
  font-size: clamp(28px, 3.6vw, 52px);
  font-weight: 950;
  letter-spacing: -0.038em;
  line-height: 1.06;
  margin: 6px auto 0;
  max-width: 860px;
}

/* Authority */
.va7-authority {
  background:
    radial-gradient(circle at 18% 46%, rgba(0,104,255,.08), transparent 22rem),
    linear-gradient(180deg, #020611, #020611);
  border-top: 1px solid rgba(255,255,255,.06);
  overflow: hidden;
  padding-block: clamp(42px, 4.8vw, 66px);
}

.va7-authority__grid {
  align-items: center;
  display: grid;
  gap: clamp(26px, 4.4vw, 62px);
  grid-template-columns: minmax(430px, .86fr) minmax(0, 1.14fr);
  position: relative;
}

.va7-authority__photo {
  display: none;
}

.va7-authority__photo::after {
  background:
    linear-gradient(90deg, #020611 0%, transparent 18%, transparent 72%, #020611 100%),
    linear-gradient(180deg, rgba(2,6,17,.18) 0%, transparent 32%, #020611 100%);
  content: "";
  display: block;
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.va7-authority__photo img {
  display: block;
  height: auto;
  object-fit: contain;
  object-position: center;
  position: relative;
  filter: saturate(.95) contrast(1.04);
  transform: none;
  width: 100%;
  z-index: 1;
}

.va7-authority__photo picture {
  display: block;
  height: auto;
  -webkit-mask-image: linear-gradient(180deg, #000 0 74%, transparent 100%);
  mask-image: linear-gradient(180deg, #000 0 74%, transparent 100%);
  width: 100%;
}

.va7-authority__copy {
  grid-column: 1 / -1;
  margin-inline: auto;
  max-width: 900px;
  position: relative;
  z-index: 3;
}

.va7-authority .va7-section-title {
  font-size: clamp(30px, 3.55vw, 48px);
  font-weight: 850;
  letter-spacing: -0.028em;
  line-height: 1.08;
  max-width: 720px;
}

.va7-check-list {
  display: grid;
  gap: 9px;
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
}

.va7-check-list li {
  color: rgba(246,248,255,.9);
  font-size: 15px;
  line-height: 1.35;
  padding-left: 32px;
  position: relative;
}

.va7-check-list li::before {
  align-items: center;
  background: var(--va7-blue);
  border-radius: 999px;
  color: #fff;
  content: "✓";
  display: inline-flex;
  font-size: 11px;
  height: 20px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 1px;
  width: 20px;
}

.va7-section-title,
.va7-bridge,
.va7-card h3,
.va7-program-card h3,
.va7-way-card h3,
.va7-final-cta .va7-section-title {
  text-wrap: balance;
}

.va7-handnote--authority {
  color: var(--va7-blue-hot);
  grid-column: 1 / -1;
  justify-self: end;
  margin: 8px clamp(20px, 8vw, 110px) 0 0;
  max-width: 280px;
  position: static;
  z-index: 3;
}

.va7-authority .va7-kicker {
  display: block;
}

.va7-authority__body {
  display: grid;
  gap: 13px;
  margin-top: 18px;
  max-width: 740px;
}

.va7-authority__body p {
  color: var(--va7-muted);
  font-size: clamp(14.5px, 1.05vw, 17px);
  font-weight: 500;
  line-height: 1.56;
  margin: 0;
}

/* Ways */
.va7-ways {
  background:
    radial-gradient(circle at 50% 0%, rgba(0,104,255,.08), transparent 22rem),
    #020611;
  border-top: 1px solid rgba(255,255,255,.055);
  padding-block: clamp(38px, 4.2vw, 62px);
}

.va7-way-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: 1.16fr .92fr .92fr;
  margin-top: 26px;
}

.va7-ways .va7-section-head p {
  display: block;
  margin-inline: auto;
  max-width: 780px;
}

.va7-way-card {
  background:
    linear-gradient(90deg, rgba(22,140,255,.20), transparent 1px) left top / 1px 100% no-repeat,
    radial-gradient(circle at 92% 10%, rgba(22,140,255,.11), transparent 42%),
    linear-gradient(150deg, rgba(255,255,255,.045), rgba(255,255,255,.014) 58%),
    rgba(7, 19, 38, .88);
  border-color: rgba(112,166,255,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.065);
  cursor: pointer;
  min-height: 246px;
  padding: 24px 24px 28px;
  transition: transform .28s cubic-bezier(.22, 1, .36, 1), border-color .28s ease, box-shadow .28s ease;
}

.va7-way-card:nth-child(1) {
  min-height: 270px;
}

.va7-way-card:nth-child(2) {
  transform: translateY(28px);
}

.va7-way-card:nth-child(3) {
  transform: translateY(12px);
}

.va7-way-card:hover {
  border-color: rgba(143,195,255,.42);
  box-shadow: 0 24px 70px rgba(0,82,255,.14), inset 0 1px 0 rgba(255,255,255,.12);
}

.va7-way-card:nth-child(2):hover {
  transform: translateY(22px);
}

.va7-way-card:nth-child(3):hover {
  transform: translateY(6px);
}

.va7-way-card > span {
  align-items: center;
  background:
    radial-gradient(circle at 35% 25%, rgba(143,195,255,.38), transparent 38%),
    rgba(0,104,255,.22);
  border: 1px solid rgba(22,140,255,.72);
  border-radius: 999px;
  box-shadow: 0 0 28px rgba(0,104,255,.22);
  color: var(--va7-blue-soft);
  display: inline-flex;
  font-size: 11px;
  height: 28px;
  justify-content: center;
  letter-spacing: .04em;
  margin-bottom: 14px;
  padding-inline: 12px;
  text-transform: none;
  width: auto;
}

.va7-way-card h3 {
  font-size: clamp(21px, 1.78vw, 28px);
  font-weight: 850;
  letter-spacing: -0.026em;
  line-height: 1.12;
  max-width: 300px;
}

.va7-way-card p {
  color: rgba(246,248,255,.76);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.42;
  max-width: 315px;
}

.va7-way-card img {
  display: none;
}

.va7-riders-line {
  color: var(--va7-muted);
  font-size: 14px;
  line-height: 1.5;
  margin: 42px auto 0;
  max-width: 780px;
  text-align: center;
}

.va7-riders-line span {
  color: var(--va7-blue-soft);
  font-weight: 850;
}

/* Cases + FAQ */
.va7-cases {
  background:
    radial-gradient(circle at 18% 12%, rgba(0,104,255,.14), transparent 24rem),
    #020611;
  border-top: 1px solid rgba(255,255,255,.06);
}

.va7-case-grid {
  display: grid;
  gap: 0;
  grid-template-columns: 1fr;
  margin: 34px auto 0;
  max-width: 1060px;
}

.va7-case-card {
  background:
    linear-gradient(90deg, rgba(22,140,255,.08), transparent 42%);
  border: 0;
  border-top: 1px solid rgba(112,166,255,.20);
  border-radius: 0;
  box-shadow: none;
  display: grid;
  gap: clamp(18px, 4vw, 58px);
  grid-template-columns: 72px minmax(0, 1.08fr) minmax(220px, .92fr);
  min-height: 0;
  padding: 30px 0;
}

.va7-case-card:first-child {
  border-top-color: rgba(143,195,255,.38);
}

.va7-case-card span {
  color: var(--va7-blue-soft);
  display: block;
  font-size: 13px;
  font-weight: 950;
  margin: 7px 0 0;
}

.va7-case-card h3 {
  color: var(--va7-text);
  font-size: clamp(28px, 3vw, 46px);
  letter-spacing: -0.025em;
  line-height: 1.08;
  margin: 0;
}

.va7-case-card p,
.va7-cases__close {
  color: var(--va7-muted);
  font-size: 16px;
  line-height: 1.55;
}

.va7-case-card p {
  align-self: center;
  margin: 0;
}

.va7-cases__close {
  border-top: 1px solid rgba(112,166,255,.22);
  font-weight: 850;
  margin: 26px auto 0;
  max-width: 900px;
  padding-top: 22px;
  text-align: center;
}

.va7-faq {
  background:
    radial-gradient(circle at 78% 8%, rgba(0,104,255,.12), transparent 22rem),
    linear-gradient(180deg, #020611, #050b19);
  border-top: 1px solid rgba(255,255,255,.06);
}

.va7-faq__grid {
  display: grid;
  gap: clamp(32px, 5vw, 72px);
  grid-template-columns: .62fr 1.38fr;
}

.va7-faq-list {
  border-top: 1px solid rgba(112,166,255,.24);
  padding: 0;
}

.va7-faq-item {
  border-bottom: 1px solid rgba(112,166,255,.18);
}

.va7-faq-item summary {
  color: var(--va7-text);
  cursor: pointer;
  font-size: clamp(21px, 2vw, 30px);
  font-weight: 950;
  letter-spacing: -0.02em;
  line-height: 1.12;
  list-style: none;
  padding: 26px 52px 26px 0;
  position: relative;
}

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

.va7-faq-item summary::after {
  color: var(--va7-blue-hot);
  content: "+";
  font-size: 30px;
  font-weight: 800;
  position: absolute;
  right: 8px;
  top: 22px;
  transition: transform .32s ease;
}

.va7-faq-item[open] summary::after {
  content: "−";
  transform: rotate(90deg);
}

.va7-faq-item p {
  color: var(--va7-muted);
  font-size: 16px;
  line-height: 1.62;
  margin: 0;
  max-width: 860px;
  padding: 0 52px 26px 0;
}

/* Content */
.va7-content {
  background:
    radial-gradient(circle at 82% 12%, rgba(0,104,255,.12), transparent 24rem),
    linear-gradient(180deg, #020611, #040915);
  border-top: 1px solid rgba(255,255,255,.06);
  padding-block: clamp(34px, 4vw, 56px);
}

.va7-content__grid {
  align-items: start;
  display: grid;
  gap: clamp(20px, 3.5vw, 44px);
  grid-template-columns: minmax(420px, .95fr) minmax(560px, 1.05fr);
}

.va7-content .va7-section-title {
  font-size: clamp(31px, 3.35vw, 44px);
  max-width: 660px;
}

.va7-media-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.va7-media-card {
  --social: var(--va7-blue-hot);
  --social-soft: rgba(0, 104, 255, .14);
  background:
    radial-gradient(circle at 86% 18%, var(--social-soft), transparent 48%),
    linear-gradient(145deg, rgba(8, 27, 58, .96), rgba(3, 7, 17, .94));
  border: 1px solid color-mix(in srgb, var(--social) 44%, rgba(112, 166, 255, .22));
  border-radius: 16px;
  min-height: 96px;
  padding: 15px 18px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.va7-media-card:first-child {
  grid-column: span 2;
  min-height: 108px;
}

.va7-media-card:hover {
  border-color: color-mix(in srgb, var(--social) 72%, rgba(255,255,255,.3));
  box-shadow: 0 18px 52px color-mix(in srgb, var(--social) 24%, transparent);
  transform: translateY(-3px);
}

.va7-media-card--youtube {
  --social: var(--va7-blue-hot);
  --social-soft: rgba(0, 104, 255, .15);
}

.va7-media-card--instagram {
  --social: var(--va7-blue-hot);
  --social-soft: rgba(0, 104, 255, .12);
}

.va7-media-card--linkedin {
  --social: var(--va7-blue-soft);
  --social-soft: rgba(0, 104, 255, .12);
}

.va7-media-card--podcast {
  --social: var(--va7-blue-soft);
  --social-soft: rgba(0, 104, 255, .10);
}

.va7-media-card::before {
  color: color-mix(in srgb, var(--social) 18%, transparent);
  content: attr(data-channel);
  font-size: clamp(34px, 4.2vw, 54px);
  font-weight: 950;
  letter-spacing: -0.07em;
  line-height: .8;
  position: absolute;
  right: 16px;
  top: 14px;
}

.va7-media-card::after {
  background: linear-gradient(90deg, rgba(255,255,255,.08), transparent);
  content: "";
  height: 1px;
  inset: auto 18px 16px;
  position: absolute;
}

.va7-media-card svg {
  color: var(--social);
  fill: none;
  height: 20px;
  margin-bottom: 10px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
  width: 20px;
}

.va7-media-card span {
  color: var(--va7-text);
  display: block;
  font-size: clamp(20px, 1.8vw, 27px);
  font-weight: 950;
  letter-spacing: -0.035em;
  line-height: 1;
  margin-bottom: 6px;
}

.va7-media-card p {
  color: var(--va7-muted);
  font-size: 13px;
  line-height: 1.32;
  margin: 0;
}

/* Final CTA */
.va7-final-cta {
  background: #020611;
  padding-block: clamp(28px, 3.6vw, 48px);
}

.va7-final-cta__box {
  align-items: center;
  background:
    radial-gradient(circle at 86% 46%, rgba(0, 109, 255, .46), transparent 21rem),
    linear-gradient(135deg, #020611 0%, #061027 58%, #092a72 100%);
  border: 1px solid rgba(112, 166, 255, .34);
  border-radius: 22px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 -22px 110px rgba(0, 104, 255, .28),
    0 28px 110px rgba(0, 64, 210, .18);
  display: grid;
  gap: clamp(18px, 3vw, 34px);
  grid-template-columns: minmax(0, 1fr) minmax(260px, .36fr);
  max-width: var(--va7-container);
  margin-inline: auto;
  padding-inline: clamp(24px, 4vw, 54px);
  padding-block: clamp(26px, 3.8vw, 46px);
}

.va7-final-cta .va7-section-title {
  font-size: clamp(32px, 3.6vw, 52px);
}

.va7-final-cta__copy {
  max-width: 820px;
}

.va7-final-cta p {
  color: rgba(246,248,255,.82);
  font-size: clamp(15px, 1.12vw, 18px);
  line-height: 1.45;
  margin: 14px 0 0;
  max-width: 620px;
}

.va7-final-cta__copy small {
  color: rgba(246,248,255,.74);
  display: block;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.45;
  margin-top: 10px;
}

.va7-final-cta__action {
  display: grid;
  gap: 14px;
}

.va7-final-cta .va7-button--bright {
  border-radius: 20px;
  font-size: clamp(16px, 1.25vw, 20px);
  min-height: 76px;
  padding-inline: clamp(24px, 3vw, 42px);
  width: 100%;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.24),
    0 0 56px rgba(143,195,255,.48),
    0 20px 70px rgba(0, 109, 255, .42),
    inset 0 1px 0 rgba(255,255,255,.26);
}

.va7-final-cta .va7-button--bright svg {
  height: 30px;
  width: 30px;
}

.va7-final-cta__action small {
  color: rgba(246,248,255,.74);
  line-height: 1.45;
}

.va7-mobile-sticky {
  align-items: center;
  background: linear-gradient(135deg, var(--va7-blue), var(--va7-blue-hot));
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 12px;
  bottom: 14px;
  box-shadow: 0 18px 50px rgba(0, 104, 255, .36);
  color: #fff;
  display: none;
  font-weight: 950;
  justify-content: center;
  left: 14px;
  min-height: 54px;
  position: fixed;
  right: 14px;
  text-decoration: none;
  transform: translateY(120%);
  transition: transform .28s ease, opacity .28s ease;
  z-index: 30;
}

.va7-mobile-sticky.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1180px) {
  .va7-nav-links {
    display: none;
  }

  .va7-hero__grid,
  .va7-authority__grid,
  .va7-content__grid,
  .va7-faq__grid {
    grid-template-columns: 1fr;
  }

  .va7-hero--final .va7-hero__grid {
    min-height: 0;
  }

  .va7-hero--final .va7-mobile-hero-first {
    background:
      linear-gradient(90deg, #020611 0%, transparent 14%, transparent 86%, #020611 100%),
      linear-gradient(180deg, transparent 0%, transparent 64%, #020611 100%),
      radial-gradient(circle at 50% 28%, rgba(0,104,255,.32), transparent 52%),
      #020611;
    display: block;
    height: clamp(360px, 58vw, 560px);
    margin: 0 calc(-1 * var(--va7-gutter)) 22px;
    max-width: calc(100% + 2 * var(--va7-gutter));
    overflow: hidden;
    position: relative;
    width: calc(100% + 2 * var(--va7-gutter));
  }

  .va7-hero--final .va7-mobile-hero-first img,
  .va7-hero--final .va7-mobile-hero-first picture {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center 10%;
    width: 100%;
  }

  .va7-hero--final .va7-hero__visual {
    display: none;
  }

  .va7-hero__visual {
    grid-template-columns: minmax(0, 1fr);
  }

  .va7-program-grid,
  .va7-way-grid,
  .va7-case-grid,
  .va7-credibility__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .va7-case-grid {
    grid-template-columns: 1fr;
  }

  .va7-authority__grid {
    align-items: start;
  }

  .va7-handnote--authority {
    grid-column: auto;
    max-width: 420px;
  }

  .va7-final-cta__box {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  .va7-section {
    padding-block: 58px;
  }

  .va7-nav {
    border-radius: 14px;
  }

  .va7-nav .va7-button {
    display: none;
  }

  .va7-brand small {
    display: none;
  }

  .va7-brand {
    min-width: auto;
  }

  .va7-hero {
    background:
      radial-gradient(circle at 50% 68%, rgba(0,104,255,.10), transparent 17rem),
      #020611;
    padding-top: 0;
    padding-bottom: 34px;
  }

  .va7-hero__grid {
    min-height: 0;
  }

  .va7-mobile-hero-first {
    background:
      linear-gradient(90deg, #020611 0%, transparent 12%, transparent 88%, #020611 100%),
      linear-gradient(180deg, transparent 0%, transparent 62%, #020611 100%),
      radial-gradient(circle at 50% 26%, rgba(0,104,255,.28), transparent 52%),
      #020611;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: block;
    height: clamp(340px, 62vw, 500px);
    margin: 0 calc(-1 * var(--va7-gutter)) 16px;
    max-width: calc(100% + 2 * var(--va7-gutter));
    overflow: hidden;
    position: relative;
    width: calc(100% + 2 * var(--va7-gutter));
  }

  .va7-mobile-hero-first::before {
    background:
      radial-gradient(circle, rgba(0,109,255,.46), rgba(0,109,255,.12) 48%, transparent 72%);
    border-radius: 999px;
    content: "";
    height: 72%;
    left: 50%;
    position: absolute;
    top: 12%;
    transform: translateX(-50%);
    width: 82%;
    z-index: 0;
  }

  .va7-mobile-hero-first img,
  .va7-mobile-hero-first picture {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center 6%;
    position: relative;
    transform: scale(1.035);
    width: 100%;
    z-index: 1;
  }

  .va7-mobile-hero-first picture {
    -webkit-mask-image:
      linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%),
      linear-gradient(180deg, #000 0 68%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-image:
      linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%),
      linear-gradient(180deg, #000 0 68%, transparent 100%);
    mask-composite: intersect;
  }

  .va7-mobile-hero-first::after {
    background:
      linear-gradient(90deg, #020611 0%, transparent 18%, transparent 82%, #020611 100%),
      linear-gradient(180deg, rgba(2,6,17,.10) 0%, transparent 42%, #020611 96%);
    content: "";
    inset: 0;
    position: absolute;
    z-index: 2;
  }

  .va7-hero h1 {
    font-size: clamp(38px, 7vw, 54px);
  }

  .va7-hero__visual {
    display: none;
  }

  .va7-card-grid--three,
  .va7-program-grid,
  .va7-way-grid,
  .va7-case-grid,
  .va7-mirror-editorial {
    grid-template-columns: 1fr;
  }

  .va7-content {
    padding-block: 30px 36px;
  }

  .va7-content__grid {
    gap: 18px;
  }

  .va7-content .va7-section-title {
    font-size: clamp(28px, 4.6vw, 36px);
    line-height: 1.08;
    max-width: 620px;
  }

  .va7-media-grid {
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .va7-way-card,
  .va7-way-card:nth-child(2),
  .va7-way-card:nth-child(3),
  .va7-way-card:nth-child(2):hover,
  .va7-way-card:nth-child(3):hover {
    transform: none;
  }

  .va7-media-card:first-child {
    grid-column: auto;
  }

  .va7-media-card,
  .va7-media-card:first-child {
    min-height: 86px;
    padding: 13px 14px;
  }

  .va7-media-card::before {
    font-size: clamp(30px, 5vw, 44px);
    right: 12px;
    top: 12px;
  }

  .va7-media-card::after {
    inset: auto 14px 12px;
  }

  .va7-media-card svg {
    height: 18px;
    margin-bottom: 8px;
    width: 18px;
  }

  .va7-media-card span {
    font-size: clamp(18px, 3vw, 24px);
    margin-bottom: 5px;
  }

  .va7-media-card p {
    font-size: 12.5px;
    line-height: 1.28;
  }

  .va7-portrait-shell {
    min-height: 500px;
  }

  .va7-hero-modules {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .va7-mini-module {
    min-height: auto;
  }

  .va7-image-card:nth-child(2),
  .va7-program-card:nth-child(2) {
    transform: none;
  }

  .va7-hero__visual > .va7-handnote {
    grid-column: auto;
    justify-self: start;
    margin-top: 16px;
  }

  .va7-mirror-visual {
    min-height: 320px;
  }

  .va7-symptom-item {
    grid-template-columns: 92px 1fr;
  }

  .va7-authority__photo {
    height: auto;
    margin-inline: -18px 0;
  }

  .va7-handnote--authority {
    bottom: auto;
    margin-top: 18px;
    max-width: 460px;
    position: static;
    right: auto;
  }

  .va7-final-cta__box {
    border-radius: 22px;
    margin-inline: var(--va7-gutter);
    padding-inline: clamp(22px, 6vw, 44px);
  }

  .va7-final-cta .va7-section-title {
    font-size: clamp(30px, 5.2vw, 44px);
  }

}

@media (max-width: 560px) {
  body,
  .va7-landing {
    max-width: 100vw;
    overflow-x: hidden;
    width: 100%;
  }

  .va7-landing * {
    min-width: 0;
  }

  .va7-container {
    max-width: 100vw;
    padding-inline: 18px;
    width: 100%;
    --va7-gutter: 18px;
  }

  .va7-mobile-break {
    display: none;
  }

  .va7-hero__copy,
  .va7-section-head,
  .va7-section-head--center,
  .va7-credibility__grid p,
  .va7-symptom-list,
  .va7-mirror-visual,
  .va7-case-card,
  .va7-faq-list {
    max-width: min(354px, calc(100vw - 36px));
    width: min(354px, calc(100vw - 36px));
  }

  .va7-hero__copy {
    max-width: calc(100vw - 36px);
  }

  .va7-header {
    padding-top: 10px;
  }

  .va7-nav {
    min-height: 44px;
    padding-block: 4px;
  }

  .va7-hero {
    background:
      radial-gradient(circle at 50% 68%, rgba(0,104,255,.12), transparent 14rem),
      #020611;
    padding-top: 0;
    padding-bottom: 22px;
  }

  .va7-hero::before {
    background:
      radial-gradient(circle at 52% 63%, rgba(0,104,255,.12), transparent 13rem),
      #020611;
  }

  .va7-mobile-hero-first {
    background: #020611;
    height: clamp(300px, 84vw, 340px);
    margin: 0 calc(-1 * var(--va7-gutter)) 18px;
    max-width: calc(100% + 2 * var(--va7-gutter));
    width: calc(100% + 2 * var(--va7-gutter));
  }

  .va7-hero--final .va7-mobile-hero-first {
    background: #020611;
    height: clamp(292px, 82vw, 330px);
    margin: 0 calc(-1 * var(--va7-gutter)) 18px;
  }

  .va7-hero__copy > .va7-kicker {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: rgba(112,185,255,.95);
    display: block;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .08em;
    line-height: 1.2;
    margin: 0 0 10px;
    max-width: min(354px, calc(100vw - 36px));
    overflow-wrap: anywhere;
    padding: 0;
    text-align: center;
    white-space: normal;
    width: min(354px, calc(100vw - 36px));
   }

  .va7-kicker {
    font-size: 9px;
    letter-spacing: .055em;
  }

  .va7-section-title {
    font-size: clamp(20px, 5.8vw, 24px);
    line-height: 1.08;
  }

  .va7-hero h1 {
    font-size: clamp(26px, 7.15vw, 29px);
    font-weight: 850;
    letter-spacing: -0.016em;
    line-height: 1.08;
    max-width: min(354px, calc(100vw - 36px));
    overflow-wrap: break-word;
    white-space: normal;
    width: 100%;
  }

  .va7-hero__sub {
    font-size: 13.25px;
    font-weight: 500;
    line-height: 1.42;
    margin-top: 14px;
  }

  .va7-hero-lines {
    gap: 6px;
  }

  .va7-hero__remate {
    border-left-width: 2px;
    border-radius: 0 12px 12px 0;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.28;
    margin-top: 15px;
    max-width: min(336px, calc(100vw - 44px));
    padding: 11px 13px 12px;
  }

  .va7-hero__support {
    display: none;
  }

  .va7-button {
    font-size: 12px;
    min-height: 48px;
    max-width: min(354px, calc(100vw - 36px));
    padding-inline: 12px;
    width: 100%;
  }

  .va7-actions {
    margin-top: 16px;
  }

  .va7-microcopy {
    font-size: 12.5px;
    line-height: 1.44;
    margin-top: 12px;
  }

  .va7-mobile-sticky {
    display: flex;
    font-size: 13px;
    opacity: 0;
  }

  .va7-landing:has(.va7-final-cta) {
    padding-bottom: 74px;
  }

  .va7-hero-modules {
    grid-template-columns: 1fr;
  }

  .va7-portrait-shell {
    min-height: 420px;
  }

  .va7-image-card {
    min-height: 260px;
  }

  .va7-mirror-editorial {
    gap: 20px;
    margin-top: 26px;
  }

  .va7-symptoms__layout {
    display: flex;
    flex-direction: column;
  }

  .va7-symptom-list {
    order: 1;
  }

  .va7-mirror-visual {
    order: 2;
    min-height: 250px;
  }

  .va7-mirror-visual p {
    bottom: 20px;
    font-size: clamp(22px, 7vw, 28px);
    font-weight: 850;
    letter-spacing: -0.024em;
    line-height: 1.08;
    padding-inline: 20px;
  }

  .va7-symptom-item {
    gap: 8px;
    grid-template-columns: 1fr;
    padding: 20px 0;
  }

  .va7-symptom-item h3 {
    font-size: clamp(20px, 5.8vw, 25px);
    font-weight: 850;
    letter-spacing: -0.024em;
    line-height: 1.12;
  }

  .va7-symptom-item p {
    font-size: 13.5px;
    grid-column: auto;
    line-height: 1.44;
  }

  .va7-image-card::before {
    height: 42%;
    inset: 14px 14px auto;
  }

  .va7-image-card > div {
    padding: 0 20px 22px;
  }

  .va7-card h3 {
    font-size: clamp(21px, 7vw, 28px);
  }

  .va7-card p {
    font-size: 14px;
    line-height: 1.42;
  }

  .va7-card-icon {
    height: 44px;
    margin-bottom: 16px;
    width: 44px;
  }

  .va7-bridge {
    font-size: clamp(24px, 7.2vw, 32px);
    margin-top: 34px;
  }

  .va7-chain .va7-section-title {
    font-size: clamp(27px, 8.2vw, 36px);
  }

  .va7-decision-statement {
    padding-block: 24px;
  }

  .va7-authority {
    padding-block: 34px;
  }

  .va7-authority .va7-section-title {
    font-size: clamp(26px, 7.2vw, 34px);
    line-height: 1.1;
    max-width: min(354px, calc(100vw - 36px));
  }

  .va7-authority__body {
    gap: 11px;
    margin-top: 16px;
  }

  .va7-authority__body p {
    font-size: 14px;
    line-height: 1.48;
  }

  .va7-authority__photo {
    display: none;
  }

  .va7-authority__photo::after {
    background:
      linear-gradient(90deg, rgba(2,6,15,.24) 0%, transparent 14%, transparent 78%, rgba(2,6,15,.9) 100%),
      linear-gradient(180deg, rgba(2,6,15,.2) 0%, transparent 16%, transparent 78%, rgba(2,6,15,.96) 100%);
  }

  .va7-authority__photo picture {
    -webkit-mask-image:
      linear-gradient(90deg, transparent 0, #000 2%, #000 86%, transparent 100%),
      linear-gradient(180deg, transparent 0, #000 3%, #000 88%, transparent 100%);
    mask-image:
      linear-gradient(90deg, transparent 0, #000 2%, #000 86%, transparent 100%),
      linear-gradient(180deg, transparent 0, #000 3%, #000 88%, transparent 100%);
  }

  .va7-authority__photo img {
    object-position: center;
  }

  .va7-check-list li {
    font-size: 14px;
  }

  .va7-way-card {
    min-height: 196px;
    padding: 18px;
  }

  .va7-way-card h3 {
    font-size: clamp(20px, 6.2vw, 25px);
    line-height: 1.14;
  }

  .va7-way-card p {
    font-size: 13.5px;
    line-height: 1.4;
  }

  .va7-way-card > span {
    font-size: 10px;
    height: 26px;
    margin-bottom: 12px;
  }

  .va7-way-card img {
    opacity: .42;
  }

  .va7-content {
    padding-block: 28px 32px;
  }

  .va7-content__grid {
    gap: 16px;
  }

  .va7-content .va7-section-title {
    font-size: clamp(25px, 7vw, 30px);
    line-height: 1.08;
    max-width: min(354px, calc(100vw - 36px));
  }

  .va7-media-grid {
    gap: 8px;
    grid-template-columns: 1fr;
  }

  .va7-media-card {
    min-height: 92px;
    padding: 14px 15px;
  }

  .va7-media-card:first-child {
    grid-column: auto;
  }

  .va7-media-card span {
    font-size: clamp(20px, 6.4vw, 26px);
  }

  .va7-media-card p {
    font-size: 12.5px;
  }

  .va7-final-cta {
    background:
      radial-gradient(circle at 86% 42%, rgba(0,109,255,.24), transparent 18rem),
      linear-gradient(180deg, #020611, #061027);
    padding-block: 28px 52px;
  }

  .va7-final-cta__box {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-inline: 0;
    padding: 0 18px;
  }

  .va7-final-cta .va7-section-title {
    font-size: clamp(25px, 7vw, 31px);
    font-weight: 850;
    letter-spacing: -0.022em;
    line-height: 1.1;
    max-width: min(354px, calc(100vw - 36px));
  }

  .va7-final-cta p {
    font-size: 13px;
    line-height: 1.42;
    margin-top: 12px;
  }

  .va7-final-cta__copy small {
    font-size: 12.5px;
    margin-top: 8px;
  }

  .va7-final-cta .va7-button--bright {
    border-radius: 14px;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.18),
      0 16px 42px rgba(0, 109, 255, .28),
      inset 0 1px 0 rgba(255,255,255,.22);
    font-size: 14px;
    min-height: 58px;
    padding-inline: 16px;
  }

  .va7-final-cta .va7-button--bright svg {
    height: 23px;
    width: 23px;
  }

  .va7-credibility {
    background: #020611;
    border-block-color: rgba(112,166,255,.12);
    padding-block: 8px 12px;
  }

  .va7-credibility__grid {
    gap: 8px;
    grid-template-columns: 1fr;
    margin-inline: 0;
    max-width: 100%;
    padding-inline: 0;
    width: 100%;
  }

  .va7-credibility__grid p {
    background: linear-gradient(90deg, rgba(22,140,255,.10), rgba(255,255,255,.018));
    border: 1px solid rgba(112,166,255,.14);
    border-left-color: rgba(22,140,255,.58);
    border-radius: 12px;
    font-size: 11.5px;
    font-weight: 680;
    line-height: 1.36;
    min-height: 0;
    overflow-wrap: anywhere;
    padding: 11px 12px;
    text-align: left;
    white-space: normal;
  }

  .va7-credibility__grid p:first-child {
    border-top: 1px solid rgba(112,166,255,.14);
  }

  .va7-section-title,
  .va7-symptom-item h3,
  .va7-case-card h3,
  .va7-faq-item summary {
    max-width: min(318px, calc(100vw - 48px));
    overflow-wrap: break-word;
  }

  .va7-symptoms .va7-section-title {
    font-size: clamp(25px, 7vw, 30px);
    font-weight: 850;
    letter-spacing: -0.022em;
    line-height: 1.1;
    max-width: min(340px, calc(100vw - 36px));
  }

  .va7-section-head--center {
    max-width: min(318px, calc(100vw - 48px));
  }

  .va7-case-card {
    gap: 8px;
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 20px 0;
  }

  .va7-case-card span {
    margin-top: 0;
  }

  .va7-case-card h3 {
    font-size: clamp(21px, 6.4vw, 27px);
    font-weight: 850;
    letter-spacing: -0.022em;
    line-height: 1.12;
  }

  .va7-case-card p {
    font-size: 13.5px;
    line-height: 1.45;
  }

  .va7-media-card,
  .va7-media-card:first-child {
    min-height: 92px;
    padding: 14px 15px;
  }

  .va7-media-card svg {
    height: 20px;
    margin-bottom: 10px;
    width: 20px;
  }

  .va7-final-cta .va7-button--bright {
    font-size: 14px;
    min-height: 58px;
  }

  .va7-faq-item summary {
    font-size: clamp(18px, 5.5vw, 22px);
    font-weight: 850;
    letter-spacing: -0.014em;
    line-height: 1.16;
    padding-block: 22px;
    padding-right: 42px;
  }

  .va7-faq .va7-section-title {
    font-size: clamp(28px, 8.2vw, 34px);
    font-weight: 900;
    letter-spacing: -0.024em;
    line-height: 1.08;
    max-width: min(354px, calc(100vw - 36px));
  }

  .va7-faq-item summary::after {
    font-size: 24px;
    top: 20px;
  }

  .va7-faq-item p {
    font-size: 13.5px;
    line-height: 1.48;
    padding-right: 0;
  }

  .va7-program-card p {
    font-size: 14px;
  }
}

@media (min-width: 561px) and (max-width: 860px) {
  .va7-hero {
    padding-bottom: 30px;
  }

  .va7-hero--final .va7-mobile-hero-first {
    height: clamp(340px, 54vw, 390px);
    margin-bottom: 22px;
  }

  .va7-hero__copy {
    margin-inline: auto;
    max-width: min(620px, calc(100vw - 48px));
  }

  .va7-hero__copy > .va7-kicker {
    background: transparent;
    border: 0;
    color: rgba(143,195,255,.92);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    margin-bottom: 12px;
    padding: 0;
    text-align: left;
  }

  .va7-hero h1 {
    font-size: clamp(32px, 5.65vw, 40px);
    font-weight: 850;
    letter-spacing: -0.018em;
    line-height: 1.08;
    max-width: 620px;
  }

  .va7-hero__sub {
    font-size: 14.5px;
    line-height: 1.46;
    margin-top: 16px;
    max-width: 580px;
  }

  .va7-hero__remate {
    font-size: 17px;
    line-height: 1.24;
    margin-top: 16px;
    max-width: 520px;
    padding: 13px 15px;
  }

  .va7-actions {
    margin-top: 20px;
  }

  .va7-button {
    min-height: 52px;
    max-width: 420px;
  }
}

@media (min-width: 430px) and (max-width: 560px) {
  .va7-content__grid {
    gap: 14px;
  }

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

  .va7-media-card:first-child {
    grid-column: auto;
  }

  .va7-media-card,
  .va7-media-card:first-child {
    min-height: 82px;
    padding: 12px 13px;
  }

  .va7-media-card span {
    font-size: clamp(18px, 4.8vw, 23px);
  }

  .va7-media-card p {
    font-size: 11.8px;
    line-height: 1.24;
  }

  .va7-final-cta {
    padding-block: 22px 44px;
  }
}

/* Electric Premium visual pass */
.va7-landing {
  background:
    radial-gradient(circle at 72% 8%, rgba(0, 109, 255, .16), transparent 24rem),
    radial-gradient(circle at 12% 28%, rgba(0, 163, 255, .08), transparent 22rem),
    linear-gradient(180deg, #01040a 0%, #020610 42%, #01040a 100%);
}

.va7-landing::before {
  background-image:
    linear-gradient(rgba(0, 148, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 148, 255, .026) 1px, transparent 1px);
  background-size: 108px 108px;
  opacity: .30;
}

.va7-landing::after {
  background:
    radial-gradient(circle at 82% 7%, rgba(0, 119, 255, .18), transparent 24rem),
    radial-gradient(circle at 16% 78%, rgba(0, 163, 255, .10), transparent 26rem);
  content: "";
  inset: 0;
  pointer-events: none;
  position: fixed;
  z-index: 0;
}

.va7-landing main,
.va7-section,
.va7-container {
  position: relative;
  z-index: 1;
}

.va7-section-title span,
.va7-hero h1 span,
.va7-final-cta h2 span,
.va7-riders-line span {
  color: var(--va7-electric) !important;
  text-shadow: 0 0 24px rgba(0, 148, 255, .34);
}

.va7-kicker {
  color: var(--va7-blue-soft);
  text-shadow: 0 0 18px rgba(0, 148, 255, .22);
}

.va7-button,
.va7-mobile-sticky {
  background:
    linear-gradient(135deg, #0055dc 0%, #0072cc 54%, #0094ff 100%);
  border-color: rgba(158, 218, 255, .74);
  box-shadow:
    0 0 0 1px rgba(0, 148, 255, .32),
    0 0 34px rgba(0, 148, 255, .42),
    0 20px 60px rgba(0, 72, 220, .34),
    inset 0 1px 0 rgba(255,255,255,.32);
}

.va7-button:hover {
  box-shadow:
    0 0 0 1px rgba(210, 238, 255, .44),
    0 0 46px rgba(0, 163, 255, .56),
    0 24px 70px rgba(0, 72, 220, .38),
    inset 0 1px 0 rgba(255,255,255,.38);
}

.va7-card,
.va7-way-card,
.va7-media-card,
.va7-image-card,
.va7-program-card,
.va7-mirror-visual {
  background:
    radial-gradient(circle at 84% 8%, rgba(0, 148, 255, .18), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012)),
    rgba(2, 8, 19, .88);
  border-color: rgba(0, 148, 255, .48);
  box-shadow:
    0 0 0 1px rgba(0, 148, 255, .08),
    0 18px 56px rgba(0, 70, 210, .16),
    inset 0 1px 0 rgba(255,255,255,.10);
}

.va7-card::before,
.va7-way-card::before,
.va7-media-card::before,
.va7-mirror-visual::before {
  filter: saturate(1.18) contrast(1.08);
}

.va7-card:hover,
.va7-way-card:hover,
.va7-media-card:hover {
  border-color: rgba(70, 188, 255, .78);
  box-shadow:
    0 0 0 1px rgba(0, 148, 255, .20),
    0 0 36px rgba(0, 148, 255, .22),
    0 24px 70px rgba(0, 70, 210, .22),
    inset 0 1px 0 rgba(255,255,255,.14);
}

.va7-hero {
  background:
    radial-gradient(circle at 76% 31%, rgba(0, 109, 255, .26), transparent 26rem),
    radial-gradient(circle at 52% 72%, rgba(0, 163, 255, .08), transparent 22rem),
    linear-gradient(180deg, #01040a 0%, #020610 82%, #01040a 100%);
}

.va7-hero::before {
  background:
    radial-gradient(circle at 74% 40%, rgba(0, 148, 255, .22), transparent 26rem),
    linear-gradient(90deg, #01040a 0%, #020610 48%, #01040a 100%);
}

.va7-hero::after,
.va7-mirror::after,
.va7-faq::after,
.va7-content::after {
  background: linear-gradient(90deg, transparent, rgba(0, 163, 255, .64), transparent);
  box-shadow: 0 0 22px rgba(0, 148, 255, .30);
}

.va7-portrait-shell::before {
  background:
    radial-gradient(circle at 58% 31%, rgba(0, 148, 255, .38), transparent 30%),
    radial-gradient(circle at 66% 56%, rgba(0, 109, 255, .20), transparent 42%);
  filter: blur(18px);
}

.va7-portrait-shell img {
  filter:
    drop-shadow(18px 0 14px rgba(0, 163, 255, .78))
    drop-shadow(0 28px 42px rgba(0,0,0,.68));
}

.va7-hero__remate {
  background:
    linear-gradient(90deg, rgba(0, 148, 255, .18), rgba(255,255,255,.026) 54%, transparent);
  border-left-color: var(--va7-electric);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 28px rgba(0, 148, 255, .14);
}

.va7-credibility {
  background:
    linear-gradient(90deg, rgba(0, 109, 255, .18), transparent 30%, transparent 70%, rgba(0, 148, 255, .16)),
    rgba(1, 6, 15, .96);
  border-block-color: rgba(0, 148, 255, .34);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 42px rgba(0, 109, 255, .10);
}

.va7-credibility__grid p {
  border-color: rgba(0, 148, 255, .20);
}

.va7-mirror,
.va7-authority,
.va7-ways,
.va7-cases,
.va7-faq,
.va7-content {
  background:
    radial-gradient(circle at 84% 8%, rgba(0, 109, 255, .12), transparent 24rem),
    linear-gradient(180deg, #01040a 0%, #020814 58%, #01040a 100%);
  border-top-color: rgba(0, 148, 255, .18);
}

.va7-mirror-visual::after {
  background:
    radial-gradient(circle at 68% 22%, rgba(0,148,255,.26), transparent 34%),
    linear-gradient(180deg, rgba(1,4,10,.08), rgba(1,4,10,.95) 72%);
}

.va7-symptom-list,
.va7-faq-list {
  border-color: rgba(0, 148, 255, .26);
}

.va7-symptom-item + .va7-symptom-item,
.va7-faq-item,
.va7-case-card {
  border-color: rgba(0, 148, 255, .16);
}

.va7-symptom-item span,
.va7-case-card span,
.va7-faq-item summary::after {
  color: var(--va7-electric);
  text-shadow: 0 0 18px rgba(0, 148, 255, .36);
}

.va7-case-card {
  background:
    linear-gradient(90deg, rgba(0, 148, 255, .11), transparent 42%);
}

.va7-media-card::before {
  color: color-mix(in srgb, var(--social) 24%, transparent);
  text-shadow: 0 0 28px color-mix(in srgb, var(--social) 28%, transparent);
}

.va7-final-cta {
  background:
    radial-gradient(circle at 84% 52%, rgba(0, 148, 255, .46), transparent 22rem),
    linear-gradient(135deg, #01040a 0%, #041126 58%, #006dff 145%);
}

.va7-final-cta__box {
  background:
    radial-gradient(circle at 84% 46%, rgba(0, 148, 255, .34), transparent 22rem),
    linear-gradient(135deg, rgba(1,4,10,.98) 0%, rgba(3,15,34,.96) 58%, rgba(0,72,210,.74) 100%);
  border-color: rgba(70, 188, 255, .46);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 0 1px rgba(0, 148, 255, .14),
    0 0 72px rgba(0, 109, 255, .30),
    0 30px 110px rgba(0, 64, 210, .22);
}

@media (max-width: 860px) {
  .va7-hero {
    background:
      radial-gradient(circle at 50% 27%, rgba(0, 109, 255, .14), transparent 18rem),
      linear-gradient(180deg, #01040a 0%, #020610 76%, #01040a 100%);
  }

  .va7-mobile-hero-first::before {
    filter: blur(10px);
    opacity: .82;
  }

  .va7-mobile-hero-first img,
  .va7-mobile-hero-first picture {
    filter: saturate(1.06) contrast(1.06);
  }
}

@media (max-width: 560px) {
  .va7-landing {
    background: #01040a;
  }

  .va7-card,
  .va7-way-card,
  .va7-media-card,
  .va7-image-card,
  .va7-program-card,
  .va7-mirror-visual {
    box-shadow:
      0 0 0 1px rgba(0, 148, 255, .08),
      0 14px 38px rgba(0, 70, 210, .12),
      inset 0 1px 0 rgba(255,255,255,.08);
  }

  .va7-button,
  .va7-mobile-sticky {
    box-shadow:
      0 0 0 1px rgba(255,255,255,.18),
      0 0 28px rgba(0, 148, 255, .34),
      0 16px 42px rgba(0, 72, 220, .28),
      inset 0 1px 0 rgba(255,255,255,.24);
  }

  .va7-final-cta__box {
    background: transparent;
    border: 0;
    box-shadow: none;
  }
}

/* Impeccable Responsive + Electric Premium V2 */
.va7-section {
  padding-block: clamp(36px, 4.7vw, 68px);
}

.va7-hero {
  padding-bottom: 0;
}

.va7-hero__grid {
  min-height: clamp(560px, 41vw, 640px);
}

.va7-hero h1 {
  max-width: 620px;
}

.va7-hero__sub {
  max-width: 540px;
}

.va7-credibility__grid p {
  min-height: 86px;
  padding: 20px 22px;
}

.va7-mirror {
  padding-block: clamp(36px, 4.2vw, 60px);
}

.va7-mirror .va7-section-title {
  font-size: clamp(32px, 3.45vw, 48px);
}

.va7-mirror-editorial {
  gap: clamp(18px, 2.6vw, 34px);
  grid-template-columns: minmax(0, .82fr) minmax(430px, 1.18fr);
  margin-top: 28px;
}

.va7-mirror-visual {
  min-height: 620px;
}

.va7-mirror-visual img {
  object-position: 36% 50%;
  filter: saturate(1.08) contrast(1.08) brightness(.88);
}

.va7-mirror-visual p {
  font-size: clamp(28px, 2.65vw, 38px);
  max-width: 460px;
}

.va7-symptom-item {
  grid-template-columns: 88px 1fr;
  padding: clamp(18px, 2.35vw, 28px) 0;
}

.va7-symptom-item h3 {
  font-size: clamp(24px, 2.05vw, 32px);
  font-weight: 850;
  line-height: 1.1;
}

.va7-symptom-item p {
  font-size: 15px;
  line-height: 1.44;
}

.va7-authority {
  padding-block: clamp(36px, 4.2vw, 58px);
}

.va7-authority .va7-section-title {
  max-width: 780px;
}

.va7-ways {
  padding-block: clamp(34px, 4vw, 58px);
}

.va7-way-grid {
  gap: 14px;
  margin-top: 24px;
}

.va7-way-card {
  min-height: 230px;
  padding: 22px 22px 26px;
}

.va7-way-card:nth-child(1) {
  min-height: 250px;
}

.va7-way-card h3 {
  font-size: clamp(22px, 1.65vw, 28px);
  letter-spacing: -0.022em;
  line-height: 1.08;
}

.va7-way-card p {
  font-size: 13.5px;
  line-height: 1.38;
}

.va7-riders-line {
  margin-top: 34px;
}

.va7-cases {
  padding-block: clamp(34px, 4vw, 58px);
}

.va7-case-grid {
  margin-top: 26px;
}

.va7-case-card {
  min-height: 0;
  padding: 22px 0;
}

.va7-case-card h3 {
  font-size: clamp(26px, 2.45vw, 38px);
}

.va7-case-card p {
  font-size: 15px;
  line-height: 1.45;
}

.va7-faq {
  padding-block: clamp(34px, 4vw, 58px);
}

.va7-faq__grid {
  gap: clamp(22px, 3.5vw, 48px);
}

.va7-faq-item summary {
  font-size: clamp(19px, 1.65vw, 25px);
  font-weight: 850;
  line-height: 1.16;
  padding-block: 21px;
}

.va7-faq-item summary::after {
  top: 18px;
}

.va7-faq-item p {
  font-size: 14.5px;
  line-height: 1.48;
  padding-bottom: 22px;
}

.va7-content {
  padding-block: clamp(30px, 3.5vw, 48px);
}

.va7-content .va7-section-title {
  font-size: clamp(28px, 3vw, 40px);
}

.va7-media-card,
.va7-media-card:first-child {
  min-height: 82px;
  padding: 13px 15px;
}

.va7-media-card span {
  font-size: clamp(18px, 1.55vw, 24px);
}

.va7-media-card p {
  font-size: 12.3px;
  line-height: 1.28;
}

.va7-final-cta {
  padding-block: clamp(26px, 3.5vw, 44px);
}

.va7-final-cta__box {
  padding-block: clamp(24px, 3.2vw, 38px);
}

.va7-final-cta .va7-section-title {
  font-size: clamp(30px, 3.25vw, 48px);
}

.va7-mobile-sticky {
  border-radius: 14px;
  min-height: 52px;
}

@media (max-width: 1180px) {
  .va7-hero--final .va7-mobile-hero-first {
    height: clamp(380px, 52vw, 500px);
    margin-bottom: 24px;
  }

  .va7-hero__copy {
    margin-inline: auto;
    max-width: min(760px, calc(100vw - 64px));
  }

  .va7-hero h1 {
    font-size: clamp(34px, 4.35vw, 48px);
    line-height: 1.07;
  }

  .va7-hero__sub {
    max-width: 680px;
  }

  .va7-credibility__grid {
    grid-template-columns: 1fr;
  }

  .va7-credibility__grid p {
    min-height: 0;
    padding-block: 16px;
  }

  .va7-mirror-editorial {
    grid-template-columns: 1fr;
  }

  .va7-symptoms__layout {
    display: flex;
    flex-direction: column;
  }

  .va7-symptom-list {
    order: 1;
  }

  .va7-mirror-visual {
    min-height: 340px;
    order: 2;
  }

  .va7-way-grid {
    grid-template-columns: 1fr;
  }

  .va7-way-card,
  .va7-way-card:nth-child(1) {
    min-height: 0;
  }
}

@media (min-width: 861px) and (max-width: 1180px) {
  .va7-hero {
    padding-bottom: 32px;
  }

  .va7-hero--final .va7-mobile-hero-first {
    height: clamp(420px, 49vw, 520px);
  }

  .va7-ways,
  .va7-content,
  .va7-faq {
    padding-block: 46px;
  }
}

@media (min-width: 561px) and (max-width: 860px) {
  .va7-section {
    padding-block: 44px;
  }

  .va7-hero {
    padding-bottom: 28px;
  }

  .va7-hero--final .va7-mobile-hero-first {
    height: clamp(330px, 50vw, 370px);
  }

  .va7-mirror-visual {
    min-height: 290px;
  }

  .va7-mirror-visual p {
    font-size: clamp(22px, 4.4vw, 30px);
  }

  .va7-symptom-item {
    grid-template-columns: 62px 1fr;
    padding: 18px 0;
  }

  .va7-symptom-item h3 {
    font-size: clamp(21px, 3.7vw, 27px);
  }

  .va7-way-card {
    padding: 20px;
  }
}

@media (max-width: 560px) {
  .va7-section {
    padding-block: 38px;
  }

  .va7-hero--final .va7-mobile-hero-first {
    height: clamp(286px, 79vw, 320px);
    margin-bottom: 16px;
  }

  .va7-hero h1 {
    font-size: clamp(25px, 6.9vw, 28px);
    line-height: 1.08 !important;
  }

  .va7-hero__sub {
    font-size: 13px;
    line-height: 1.4;
  }

  .va7-hero__remate {
    font-size: 13.5px;
    padding: 10px 12px;
  }

  .va7-credibility {
    padding-block: 8px;
  }

  .va7-credibility__grid {
    gap: 7px;
  }

  .va7-credibility__grid p {
    font-size: 10.8px;
    padding: 10px 11px;
  }

  .va7-mirror .va7-section-title {
    font-size: clamp(24px, 7vw, 29px);
  }

  .va7-mirror-editorial {
    gap: 18px;
    margin-top: 22px;
  }

  .va7-mirror-visual {
    min-height: 218px;
  }

  .va7-mirror-visual img {
    object-position: 38% 50%;
  }

  .va7-mirror-visual p {
    bottom: 16px;
    font-size: clamp(20px, 6.2vw, 25px);
    padding-inline: 18px;
  }

  .va7-symptom-item {
    padding: 16px 0;
  }

  .va7-symptom-item h3 {
    font-size: clamp(19px, 5.8vw, 24px);
    line-height: 1.12;
  }

  .va7-symptom-item p {
    font-size: 13px;
    line-height: 1.42;
  }

  .va7-authority {
    padding-block: 34px;
  }

  .va7-way-card {
    padding: 17px;
  }

  .va7-way-card h3 {
    font-size: clamp(20px, 6vw, 24px);
  }

  .va7-way-card p {
    font-size: 13px;
    line-height: 1.38;
  }

  .va7-case-card {
    padding: 18px 0;
  }

  .va7-case-card h3 {
    font-size: clamp(20px, 6.2vw, 25px);
  }

  .va7-faq-item summary {
    font-size: clamp(17px, 5.1vw, 21px);
    padding-block: 19px;
  }

  .va7-content .va7-section-title {
    font-size: clamp(24px, 6.6vw, 28px);
  }

  .va7-media-card,
  .va7-media-card:first-child {
    min-height: 82px;
    padding: 12px 13px;
  }

  .va7-final-cta {
    padding-block: 24px 42px;
  }
}

/* Elementor hardening
   Elementor/editor/theme styles can override colors, line-height or image
   dimensions inside HTML widgets. Keep these overrides scoped to the landing. */
.va7-landing {
  color: var(--va7-text) !important;
}

.va7-landing :where(h1, h2, h3, h4, h5, h6, summary, strong) {
  color: var(--va7-text) !important;
}

.va7-landing :where(p, li, small) {
  color: var(--va7-muted) !important;
}

.va7-landing :where(a, button) {
  color: inherit !important;
}

.va7-landing .va7-button,
.va7-landing .va7-button *,
.va7-landing .va7-mobile-sticky {
  color: #fff !important;
}

.va7-landing .va7-hero__sub,
.va7-landing .va7-mirror-visual p,
.va7-landing .va7-check-list li {
  color: var(--va7-text) !important;
}

.va7-landing .va7-hero-lines p,
.va7-landing .va7-case-card p,
.va7-landing .va7-faq-item p,
.va7-landing .va7-authority__body p,
.va7-landing .va7-final-cta small {
  color: var(--va7-muted) !important;
}

.va7-landing .va7-hero__remate,
.va7-landing .va7-credibility__grid p,
.va7-landing .va7-case-card h3,
.va7-landing .va7-faq-item summary {
  color: var(--va7-text) !important;
}

.va7-landing .va7-section-title span,
.va7-landing .va7-hero h1 span,
.va7-landing .va7-final-cta h2 span,
.va7-landing .va7-riders-line span,
.va7-landing .va7-authority h2 span {
  color: var(--va7-blue-hot) !important;
}

.va7-landing .va7-kicker,
.va7-landing .va7-card-icon {
  color: var(--va7-blue-soft) !important;
}

.va7-landing .va7-media-card svg {
  color: var(--social) !important;
}

.va7-landing .va7-media-card span {
  color: var(--va7-text) !important;
}

.va7-landing .va7-section-title,
.va7-landing .va7-hero h1 {
  line-height: 1.06 !important;
}

.va7-landing .va7-decision-statement p {
  color: var(--va7-blue-hot) !important;
  line-height: 1.08 !important;
}

.va7-landing .va7-card h3,
.va7-landing .va7-way-card h3,
.va7-landing .va7-media-card span {
  line-height: 1.14 !important;
}

.va7-landing .va7-portrait-shell picture {
  display: block !important;
  height: 100% !important;
  width: 100% !important;
  position: relative !important;
}

.va7-landing .va7-portrait-shell img,
.va7-landing .va7-way-card img {
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  width: 100% !important;
}

.va7-landing .va7-authority__photo,
.va7-landing .va7-authority__photo picture {
  height: auto !important;
  min-height: 0 !important;
}

.va7-landing .va7-authority__photo img {
  filter: saturate(.95) contrast(1.04) !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  position: relative !important;
  width: 100% !important;
}

/* Impeccable Responsive V2 final pass
   Lives after hardening so these preview decisions win during fast iteration. */
.va7-landing {
  --va7-ink: #03060d;
  --va7-ink-2: #060b17;
  --va7-panel: rgba(4, 10, 22, .84);
  --va7-panel-strong: rgba(5, 12, 27, .94);
  --va7-blue-hot: #1494ff;
  --va7-blue-core: #006dff;
  --va7-blue-soft: #94caff;
  --va7-edge: rgba(56, 160, 255, .34);
  --va7-edge-soft: rgba(116, 188, 255, .16);
  --va7-glow-tight: 0 0 0 1px rgba(20, 148, 255, .15), 0 18px 48px rgba(0, 90, 255, .14);
  --va7-glow-button: 0 0 0 1px rgba(255,255,255,.18) inset, 0 14px 34px rgba(0, 110, 255, .34);
  background:
    radial-gradient(circle at 78% 7%, rgba(0, 109, 255, .18), transparent 28rem),
    radial-gradient(circle at 12% 42%, rgba(0, 96, 255, .10), transparent 24rem),
    linear-gradient(180deg, #040812 0%, #02050c 34%, #050914 100%);
}

.va7-landing .va7-section {
  padding-block: clamp(34px, 4.35vw, 68px);
}

.va7-landing .va7-kicker {
  letter-spacing: .105em;
}

.va7-landing .va7-section-title {
  letter-spacing: -.038em;
}

.va7-landing :where(.va7-card, .va7-way-card, .va7-media-card, .va7-final-cta__box, .va7-mirror-visual) {
  background:
    linear-gradient(135deg, rgba(20, 148, 255, .10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.008)),
    var(--va7-panel);
  border-color: var(--va7-edge);
  box-shadow: var(--va7-glow-tight), inset 0 1px 0 rgba(255,255,255,.08);
}

.va7-landing .va7-button,
.va7-landing .va7-mobile-sticky {
  background:
    linear-gradient(180deg, rgba(30, 140, 255, .96), rgba(0, 85, 220, .98)),
    #0055dc;
  border: 1px solid rgba(173, 219, 255, .42);
  box-shadow: var(--va7-glow-button);
  transition: transform .24s cubic-bezier(.2,.8,.2,1), box-shadow .24s cubic-bezier(.2,.8,.2,1), filter .24s ease;
}

.va7-landing .va7-button:hover,
.va7-landing .va7-mobile-sticky:hover {
  filter: saturate(1.08) brightness(1.05);
  transform: translateY(-1px);
}

.va7-landing .va7-hero {
  background:
    radial-gradient(circle at 70% 22%, rgba(0, 109, 255, .22), transparent 32rem),
    linear-gradient(180deg, #03070f 0%, #02050c 72%, #040814 100%);
  padding-bottom: clamp(26px, 4vw, 52px);
}

.va7-landing .va7-hero::before {
  background:
    radial-gradient(circle at 63% 31%, rgba(20, 148, 255, .24), transparent 24rem),
    linear-gradient(90deg, rgba(2, 5, 12, .96), transparent 56%);
  opacity: .76;
}

.va7-landing .va7-hero h1 {
  letter-spacing: -.052em;
  line-height: 1.03 !important;
  max-width: 12.2ch;
}

.va7-landing .va7-hero__sub {
  color: rgba(225, 235, 250, .78) !important;
  font-size: clamp(14px, 1.06vw, 16px);
  line-height: 1.48;
  max-width: 55ch;
}

.va7-landing .va7-hero__remate {
  background:
    linear-gradient(90deg, rgba(20,148,255,.16), transparent 64%),
    rgba(4, 9, 20, .78);
  border-color: rgba(50, 164, 255, .30);
  box-shadow: inset 3px 0 0 var(--va7-blue-hot), 0 16px 42px rgba(0,0,0,.20);
}

.va7-landing .va7-mobile-hero-first::after,
.va7-landing .va7-portrait-shell::after {
  background:
    radial-gradient(circle at 62% 42%, rgba(20, 148, 255, .20), transparent 30%),
    linear-gradient(180deg, transparent 54%, #02050c 96%);
}

.va7-landing .va7-credibility {
  background:
    linear-gradient(90deg, rgba(20,148,255,.13), transparent 30%, transparent 70%, rgba(20,148,255,.10)),
    #040916;
  border-block-color: rgba(72, 157, 255, .20);
  padding-block: clamp(8px, 1.1vw, 16px);
}

.va7-landing .va7-credibility__grid {
  gap: 0;
}

.va7-landing .va7-credibility__grid p {
  background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0));
  border-color: rgba(107, 182, 255, .16);
  font-size: clamp(11.6px, .9vw, 13px);
  line-height: 1.28;
  min-height: 0;
  padding: clamp(14px, 1.5vw, 21px) clamp(14px, 2vw, 24px);
}

.va7-landing .va7-mirror {
  background:
    radial-gradient(circle at 78% 8%, rgba(0, 109, 255, .16), transparent 28rem),
    linear-gradient(180deg, #040814 0%, #02050c 100%);
  padding-block: clamp(34px, 4.2vw, 60px);
}

.va7-landing .va7-mirror .va7-section-title {
  font-size: clamp(31px, 3.45vw, 50px);
  max-width: 840px;
}

.va7-landing .va7-mirror-editorial {
  align-items: start;
  gap: clamp(18px, 2.6vw, 38px);
  grid-template-columns: minmax(340px, .88fr) minmax(0, 1.12fr);
  margin-top: clamp(22px, 3vw, 34px);
}

.va7-landing .va7-mirror-visual {
  border-radius: clamp(18px, 2vw, 26px);
  min-height: clamp(420px, 43vw, 600px);
  overflow: hidden;
}

.va7-landing .va7-mirror-visual img {
  filter: saturate(1.12) contrast(1.08) brightness(.86);
  object-position: 48% 50%;
}

.va7-landing .va7-mirror-visual::after {
  background:
    radial-gradient(circle at 63% 20%, rgba(20,148,255,.28), transparent 31%),
    linear-gradient(180deg, rgba(2,5,12,.08) 0%, rgba(2,5,12,.58) 58%, rgba(2,5,12,.92) 100%);
}

.va7-landing .va7-mirror-visual p {
  bottom: clamp(18px, 2.4vw, 30px);
  font-size: clamp(24px, 2.34vw, 36px);
  line-height: 1.02;
  max-width: 470px;
}

.va7-landing .va7-symptom-item {
  grid-template-columns: 70px 1fr;
  padding: clamp(15px, 1.85vw, 24px) 0;
}

.va7-landing .va7-symptom-item h3 {
  font-size: clamp(22px, 1.85vw, 30px);
  letter-spacing: -.03em;
  line-height: 1.08;
}

.va7-landing .va7-symptom-item p {
  color: rgba(226, 235, 249, .72) !important;
  font-size: clamp(13.2px, .98vw, 14.6px);
  line-height: 1.43;
  max-width: 56ch;
}

.va7-landing .va7-authority {
  padding-block: clamp(34px, 4vw, 58px);
}

.va7-landing .va7-authority__grid {
  gap: clamp(22px, 4vw, 56px);
}

.va7-landing .va7-authority__body p {
  font-size: clamp(14px, 1.02vw, 16px);
  line-height: 1.52;
}

.va7-landing .va7-ways {
  padding-block: clamp(34px, 4vw, 58px);
}

.va7-landing .va7-way-grid {
  gap: clamp(12px, 1.55vw, 20px);
  margin-top: clamp(20px, 2.7vw, 32px);
}

.va7-landing .va7-way-card,
.va7-landing .va7-way-card:nth-child(1) {
  min-height: 0;
  padding: clamp(17px, 1.9vw, 24px);
}

.va7-landing .va7-way-card:nth-child(2),
.va7-landing .va7-way-card:nth-child(3),
.va7-landing .va7-way-card:nth-child(2):hover,
.va7-landing .va7-way-card:nth-child(3):hover {
  transform: none;
}

.va7-landing .va7-way-card > span {
  font-size: 10px;
  margin-bottom: clamp(16px, 2vw, 24px);
  padding: 6px 10px;
}

.va7-landing .va7-way-card h3 {
  font-size: clamp(20px, 1.55vw, 26px);
  letter-spacing: -.026em;
}

.va7-landing .va7-way-card p {
  color: rgba(226, 235, 249, .74) !important;
  font-size: clamp(13px, .94vw, 13.8px);
  line-height: 1.39;
  max-width: 42ch;
}

.va7-landing .va7-cases {
  padding-block: clamp(34px, 4.2vw, 62px);
}

.va7-landing .va7-case-list {
  margin-top: clamp(22px, 2.6vw, 34px);
}

.va7-landing .va7-case-card {
  padding: clamp(20px, 2.2vw, 30px) 0;
}

.va7-landing .va7-case-card h3 {
  font-size: clamp(24px, 2.15vw, 34px);
}

.va7-landing .va7-faq {
  background:
    radial-gradient(circle at 86% 12%, rgba(0, 109, 255, .16), transparent 24rem),
    linear-gradient(180deg, #040814 0%, #02050c 100%);
  padding-block: clamp(34px, 4vw, 58px);
}

.va7-landing .va7-faq__grid {
  gap: clamp(22px, 3.2vw, 46px);
}

.va7-landing .va7-faq-item summary {
  font-size: clamp(18px, 1.55vw, 23px);
  font-weight: 780;
  letter-spacing: -.024em;
  line-height: 1.13 !important;
  padding-block: clamp(17px, 1.6vw, 22px);
}

.va7-landing .va7-faq-item p {
  font-size: clamp(13.5px, 1vw, 15px);
  line-height: 1.48;
  padding-bottom: 18px;
}

.va7-landing .va7-content {
  background:
    radial-gradient(circle at 82% 10%, rgba(20,148,255,.17), transparent 25rem),
    linear-gradient(180deg, #041022 0%, #02050c 100%);
  padding-block: clamp(28px, 3.4vw, 48px);
}

.va7-landing .va7-content__grid {
  gap: clamp(18px, 2.2vw, 28px);
}

.va7-landing .va7-content .va7-section-title {
  font-size: clamp(31px, 3.5vw, 50px);
  max-width: 850px;
}

.va7-landing .va7-media-card,
.va7-landing .va7-media-card:first-child {
  min-height: 80px;
  padding: clamp(13px, 1.45vw, 18px);
}

.va7-landing .va7-media-card span {
  font-size: clamp(18px, 1.45vw, 23px);
}

.va7-landing .va7-media-card p {
  color: rgba(226, 235, 249, .70) !important;
  font-size: clamp(12px, .88vw, 13px);
  line-height: 1.28;
}

.va7-landing .va7-final-cta {
  background:
    radial-gradient(circle at 80% 20%, rgba(20, 148, 255, .26), transparent 26rem),
    linear-gradient(180deg, #02050c 0%, #041127 100%);
  padding-block: clamp(24px, 3.3vw, 42px);
}

.va7-landing .va7-final-cta__box {
  border-radius: clamp(18px, 2vw, 28px);
  padding: clamp(22px, 3vw, 38px) clamp(20px, 3.4vw, 52px);
}

.va7-landing .va7-final-cta .va7-section-title {
  font-size: clamp(30px, 3.15vw, 48px);
}

.va7-landing .va7-final-cta p {
  font-size: clamp(14px, 1vw, 16px);
}

.va7-landing .va7-mobile-sticky {
  border-radius: 14px;
  min-height: 52px;
}

@media (min-width: 861px) and (max-width: 1180px) {
  .va7-landing .va7-section {
    padding-block: 42px;
  }

  .va7-landing .va7-hero {
    background:
      radial-gradient(circle at 50% 0%, rgba(20,148,255,.16), transparent 28rem),
      linear-gradient(180deg, #02050c 0%, #02050c 100%);
    padding-top: 0;
    padding-bottom: 22px;
  }

  .va7-landing .va7-hero--final .va7-mobile-hero-first {
    background: #02050c;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    height: clamp(315px, 35vw, 390px);
    margin-bottom: 20px;
    overflow: hidden;
  }

  .va7-landing .va7-hero--final .va7-mobile-hero-first::before {
    display: none;
  }

  .va7-landing .va7-hero--final .va7-mobile-hero-first::after {
    background:
      linear-gradient(90deg, #02050c 0%, transparent 12%, transparent 88%, #02050c 100%),
      linear-gradient(180deg, transparent 54%, #02050c 100%);
  }

  .va7-landing .va7-hero__copy {
    margin-inline: auto;
    max-width: min(760px, calc(100vw - 96px));
  }

  .va7-landing .va7-hero h1 {
    font-size: clamp(34px, 4vw, 44px);
    line-height: 1.045 !important;
    max-width: 17.4ch;
  }

  .va7-landing .va7-hero__sub {
    font-size: 14.5px;
  }

  .va7-landing .va7-credibility__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .va7-landing .va7-credibility__grid p {
    font-size: clamp(11px, 1.18vw, 12.5px);
    padding: 14px 12px;
  }

  .va7-landing .va7-mirror-editorial {
    grid-template-columns: .95fr 1.05fr;
  }

  .va7-landing .va7-mirror-visual {
    min-height: 500px;
  }

  .va7-landing .va7-symptom-item {
    grid-template-columns: 58px 1fr;
    padding: 17px 0;
  }

  .va7-landing .va7-way-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .va7-landing .va7-section {
    padding-block: 38px;
  }

  .va7-landing .va7-hero {
    background: linear-gradient(180deg, #02050c 0%, #02050c 100%);
    padding-top: 0 !important;
    padding-bottom: 22px;
  }

  .va7-landing .va7-hero::before {
    opacity: .42;
  }

  .va7-landing .va7-hero--final .va7-mobile-hero-first {
    background: #02050c;
    left: auto;
    margin-bottom: 16px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 0;
    max-width: 100vw;
    width: 100vw;
  }

  .va7-landing .va7-hero--final .va7-mobile-hero-first picture,
  .va7-landing .va7-hero--final .va7-mobile-hero-first img {
    left: 0 !important;
    max-width: 100% !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
  }

  .va7-landing .va7-hero h1 {
    max-width: 13.5ch;
  }

  .va7-landing .va7-credibility {
    padding-block: 6px 10px;
  }

  .va7-landing .va7-credibility__grid {
    gap: 6px;
  }

  .va7-landing .va7-credibility__grid p {
    border: 1px solid rgba(68, 155, 255, .14);
    border-radius: 12px;
    padding: 11px 12px;
  }

  .va7-landing .va7-mirror {
    padding-block: 34px;
  }

  .va7-landing .va7-mirror .va7-section-title {
    font-size: clamp(25px, 5.2vw, 34px);
    text-align: left;
  }

  .va7-landing .va7-mirror-editorial,
  .va7-landing .va7-symptoms__layout {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 22px;
  }

  .va7-landing .va7-symptom-list {
    order: 1;
  }

  .va7-landing .va7-mirror-visual {
    min-height: 286px;
    order: 2;
  }

  .va7-landing .va7-symptom-item {
    grid-template-columns: 48px 1fr;
    padding: 15px 0;
  }

  .va7-landing .va7-symptom-item h3 {
    font-size: clamp(20px, 4vw, 25px);
  }

  .va7-landing .va7-symptom-item p {
    font-size: 13.2px;
  }

  .va7-landing .va7-authority__grid {
    gap: 20px;
  }

  .va7-landing .va7-way-grid {
    gap: 12px;
  }

  .va7-landing .va7-way-card {
    border-radius: 18px;
    column-gap: 12px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 17px;
    row-gap: 8px;
  }

  .va7-landing .va7-way-card > span {
    align-self: start;
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 14px;
  }

  .va7-landing .va7-way-card h3 {
    align-self: center;
    grid-column: 2;
    grid-row: 1;
    margin: 0;
  }

  .va7-landing .va7-way-card p {
    grid-column: 1 / -1;
  }

  .va7-landing .va7-riders-line {
    font-size: 13px;
    line-height: 1.38;
    margin-top: 24px;
  }

  .va7-landing .va7-case-card {
    gap: 12px;
    padding: 18px 0;
  }

  .va7-landing .va7-faq-item summary {
    padding-block: 16px;
  }

  .va7-landing .va7-content__grid {
    gap: 16px;
  }

  .va7-landing .va7-media-card,
  .va7-landing .va7-media-card:first-child {
    min-height: 76px;
  }

  .va7-landing .va7-final-cta__box.va7-container {
    box-sizing: border-box;
    margin-inline: auto;
    max-width: 640px;
    width: calc(100% - 40px) !important;
  }
}

@media (min-width: 561px) and (max-width: 860px) {
  .va7-landing .va7-hero--final .va7-mobile-hero-first {
    height: clamp(320px, 49vw, 365px);
  }

  .va7-landing .va7-hero h1 {
    font-size: clamp(33px, 5.8vw, 43px);
    max-width: 15.5ch;
  }

  .va7-landing .va7-mirror-visual {
    min-height: 300px;
  }

  .va7-landing .va7-content .va7-section-title {
    font-size: clamp(29px, 5.2vw, 40px);
    max-width: 22ch;
  }
}

@media (min-width: 700px) and (max-width: 860px) {
  .va7-landing .va7-hero {
    padding-bottom: 20px;
  }

  .va7-landing .va7-hero--final .va7-mobile-hero-first {
    background: #02050c;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    height: clamp(270px, 38vw, 320px);
    margin-bottom: 18px;
    overflow: hidden;
  }

  .va7-landing .va7-hero--final .va7-mobile-hero-first img,
  .va7-landing .va7-hero--final .va7-mobile-hero-first picture {
    object-position: center 12%;
  }

  .va7-landing .va7-hero__copy {
    margin-inline: auto;
    max-width: min(620px, calc(100vw - 72px));
  }

  .va7-landing .va7-kicker {
    font-size: 10px;
    line-height: 1.1;
  }

  .va7-landing .va7-hero h1 {
    font-size: clamp(34px, 5vw, 42px);
    line-height: 1.04 !important;
    max-width: 16.2ch;
  }

  .va7-landing .va7-hero__sub {
    max-width: 58ch;
  }

  .va7-landing .va7-hero__remate {
    max-width: 560px;
  }

  .va7-landing .va7-credibility__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .va7-landing .va7-credibility__grid p {
    align-items: center;
    display: flex;
    font-size: 10.2px;
    line-height: 1.18;
    min-height: 64px;
    padding: 10px 12px;
  }
}

@media (max-width: 560px) {
  .va7-landing .va7-section {
    padding-block: 32px;
  }

  .va7-landing .va7-hero {
    padding-bottom: 16px;
  }

  .va7-landing .va7-hero--final .va7-mobile-hero-first {
    height: clamp(268px, 76vw, 302px);
    margin-bottom: 12px;
  }

  .va7-landing .va7-hero h1 {
    font-size: clamp(24px, 6.45vw, 27px);
    line-height: 1.06 !important;
    max-width: 13.6ch;
  }

  .va7-landing .va7-kicker {
    font-size: 9.5px;
    line-height: 1.15;
  }

  .va7-landing .va7-hero__sub {
    font-size: 12.7px;
    line-height: 1.38;
  }

  .va7-landing .va7-hero__remate {
    font-size: 13px;
    line-height: 1.14;
    padding: 9px 12px;
  }

  .va7-landing .va7-credibility__grid {
    grid-template-columns: 1fr;
  }

  .va7-landing .va7-credibility__grid p {
    font-size: 10.7px;
    line-height: 1.2;
    padding: 9px 10px;
  }

  .va7-landing .va7-mirror .va7-section-title {
    font-size: clamp(24px, 6.4vw, 28px);
  }

  .va7-landing .va7-mirror-editorial,
  .va7-landing .va7-symptoms__layout {
    gap: 14px;
    margin-top: 18px;
  }

  .va7-landing .va7-mirror-visual {
    border-radius: 16px;
    min-height: 208px;
  }

  .va7-landing .va7-mirror-visual p {
    bottom: 14px;
    font-size: clamp(19px, 5.7vw, 23px);
    max-width: 15ch;
    padding-inline: 14px;
  }

  .va7-landing .va7-symptom-item {
    display: block;
    padding: 13px 0;
  }

  .va7-landing .va7-symptom-item > span {
    display: block;
    margin-bottom: 6px;
  }

  .va7-landing .va7-symptom-item h3 {
    font-size: clamp(18px, 5vw, 22px);
    line-height: 1.08;
  }

  .va7-landing .va7-symptom-item p {
    font-size: 12.8px;
    line-height: 1.39;
    margin-top: 7px;
  }

  .va7-landing .va7-authority {
    padding-block: 30px;
  }

  .va7-landing .va7-authority h2 {
    font-size: clamp(24px, 6.2vw, 28px);
  }

  .va7-landing .va7-authority__body p {
    font-size: 13.5px;
    line-height: 1.44;
  }

  .va7-landing .va7-ways {
    padding-block: 30px;
  }

  .va7-landing .va7-way-grid {
    margin-top: 18px;
  }

  .va7-landing .va7-way-card {
    padding: 14px;
  }

  .va7-landing .va7-way-card > span {
    margin-bottom: 0;
  }

  .va7-landing .va7-way-card h3 {
    font-size: clamp(18px, 5vw, 22px);
  }

  .va7-landing .va7-way-card p {
    font-size: 12.5px;
    line-height: 1.34;
  }

  .va7-landing .va7-cases,
  .va7-landing .va7-faq,
  .va7-landing .va7-content {
    padding-block: 30px;
  }

  .va7-landing .va7-case-card {
    display: block;
    padding: 16px 0;
  }

  .va7-landing .va7-case-card span {
    display: block;
    margin-bottom: 8px;
  }

  .va7-landing .va7-case-card h3 {
    font-size: clamp(19px, 5.5vw, 24px);
    line-height: 1.08;
  }

  .va7-landing .va7-case-card p {
    font-size: 13px;
    line-height: 1.38;
    margin-top: 8px;
  }

  .va7-landing .va7-faq-item summary {
    font-size: clamp(17px, 4.7vw, 20px);
    font-weight: 760;
    padding-block: 15px;
  }

  .va7-landing .va7-content .va7-section-title {
    font-size: clamp(24px, 6.2vw, 28px);
    max-width: 18ch;
  }

  .va7-landing .va7-media-card,
  .va7-landing .va7-media-card:first-child {
    border-radius: 14px;
    min-height: 70px;
    padding: 11px 12px;
  }

  .va7-landing .va7-media-card span {
    font-size: 17px;
  }

  .va7-landing .va7-media-card p {
    font-size: 11.6px;
  }

  .va7-landing .va7-final-cta {
    padding-block: 22px 42px;
  }

  .va7-landing .va7-final-cta__box {
    border-radius: 18px;
    padding: 22px 16px;
  }

  .va7-landing .va7-final-cta__box.va7-container {
    width: calc(100% - 28px) !important;
  }

  .va7-landing .va7-final-cta .va7-section-title {
    font-size: clamp(25px, 6.8vw, 30px);
  }

  .va7-landing .va7-final-cta .va7-button {
    min-height: 58px;
    width: 100%;
  }

  .va7-landing .va7-mobile-sticky {
    inset-inline: 14px;
    min-height: 50px;
  }
}

/* Symptoms image polish: clearer artwork, protected caption zone, robust crops. */
.va7-landing .va7-symptoms__visual {
  align-self: stretch;
  background: #02050c;
  box-shadow: 0 0 0 1px rgba(20,148,255,.18), 0 18px 48px rgba(0,80,220,.12);
  width: 100%;
}

.va7-landing .va7-symptoms__visual img {
  filter: saturate(1.2) contrast(1.08) brightness(1.04);
  opacity: 1;
  object-position: 46% 50%;
}

.va7-landing .va7-symptoms__visual::after {
  background:
    linear-gradient(90deg, rgba(2,5,12,.72) 0%, rgba(2,5,12,.38) 34%, rgba(2,5,12,.08) 68%),
    linear-gradient(180deg, rgba(2,5,12,.03) 0%, rgba(2,5,12,.12) 46%, rgba(2,5,12,.72) 100%);
}

.va7-landing .va7-symptoms__visual p {
  bottom: clamp(20px, 2.4vw, 34px);
  left: clamp(20px, 2.4vw, 34px);
  max-width: 13.5ch;
  padding-inline: 0;
  text-align: left;
  text-shadow: 0 2px 16px rgba(0,0,0,.66);
}

/* Authority portrait: generated editorial image, scoped to preview iteration. */
.va7-landing .va7-authority__grid {
  align-items: center;
  grid-template-columns: minmax(320px, .82fr) minmax(0, 1fr);
}

.va7-landing .va7-authority__photo {
  align-self: stretch;
  border: 1px solid rgba(20,148,255,.24);
  border-radius: clamp(18px, 2vw, 28px);
  box-shadow: 0 0 0 1px rgba(20,148,255,.10), 0 24px 70px rgba(0,70,210,.14);
  display: block !important;
  grid-column: auto;
  margin: 0;
  min-height: 520px !important;
  overflow: hidden;
  position: relative;
}

.va7-landing .va7-authority__photo::after {
  background:
    radial-gradient(circle at 28% 24%, rgba(20,148,255,.18), transparent 34%),
    linear-gradient(180deg, rgba(2,5,12,.02) 0%, rgba(2,5,12,.18) 48%, rgba(2,5,12,.72) 100%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.va7-landing .va7-authority__photo picture {
  display: block !important;
  height: 100% !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  width: 100% !important;
}

.va7-landing .va7-authority__photo img {
  display: block;
  filter: saturate(1.12) contrast(1.06) brightness(1.02) !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: 48% 42% !important;
  width: 100% !important;
}

.va7-landing .va7-authority__copy {
  grid-column: auto;
  margin-inline: 0;
  max-width: 740px;
}

@media (max-width: 1180px) {
  .va7-landing .va7-authority__grid {
    grid-template-columns: 1fr;
  }

  .va7-landing .va7-authority__photo {
    aspect-ratio: 16 / 9;
    margin-inline: auto;
    max-width: 820px;
    min-height: 0 !important;
    width: 100%;
  }

  .va7-landing .va7-authority__photo img {
    object-position: 50% 38% !important;
  }

  .va7-landing .va7-authority__copy {
    margin-inline: auto;
    max-width: 760px;
  }
}

@media (max-width: 560px) {
  .va7-landing .va7-authority__photo {
    aspect-ratio: 4 / 5;
    border-radius: 16px;
    max-width: 100%;
  }

  .va7-landing .va7-authority__photo img {
    object-position: 50% 34% !important;
  }
}

@media (min-width: 861px) and (max-width: 1180px) {
  .va7-landing .va7-symptoms__visual {
    aspect-ratio: 16 / 9;
    min-height: 0;
  }

  .va7-landing .va7-symptoms__visual img {
    object-position: 48% 50%;
  }

  .va7-landing .va7-symptoms__visual p {
    font-size: clamp(24px, 3vw, 34px);
    max-width: 14ch;
  }
}

@media (min-width: 561px) and (max-width: 860px) {
  .va7-landing .va7-symptoms__visual {
    aspect-ratio: 16 / 8.4;
    min-height: 0;
  }

  .va7-landing .va7-symptoms__visual img {
    object-position: 50% 48%;
  }

  .va7-landing .va7-symptoms__visual::after {
    background:
      linear-gradient(90deg, rgba(2,5,12,.68) 0%, rgba(2,5,12,.32) 38%, rgba(2,5,12,.05) 72%),
      linear-gradient(180deg, rgba(2,5,12,.02) 0%, rgba(2,5,12,.10) 48%, rgba(2,5,12,.70) 100%);
  }

  .va7-landing .va7-symptoms__visual p {
    bottom: 20px;
    font-size: clamp(23px, 4.6vw, 30px);
    left: 22px;
    line-height: 1.03;
    max-width: 14ch;
  }
}

@media (max-width: 560px) {
  .va7-landing .va7-symptoms__visual {
    aspect-ratio: 4 / 3;
    min-height: 0;
  }

  .va7-landing .va7-symptoms__visual img {
    object-position: 52% 50%;
  }

  .va7-landing .va7-symptoms__visual::after {
    background:
      linear-gradient(90deg, rgba(2,5,12,.70) 0%, rgba(2,5,12,.34) 42%, rgba(2,5,12,.08) 75%),
      linear-gradient(180deg, rgba(2,5,12,.04) 0%, rgba(2,5,12,.08) 44%, rgba(2,5,12,.76) 100%);
  }

  .va7-landing .va7-symptoms__visual p {
    bottom: 16px;
    font-size: clamp(20px, 5.3vw, 22px);
    left: 16px;
    line-height: 1.02;
    max-width: 13ch;
    padding-inline: 0;
  }
}

/* Social channels: each card gets a distinct visual role without changing copy. */
.va7-landing .va7-media-grid {
  align-items: stretch;
}

.va7-landing .va7-media-card {
  --channel: #1494ff;
  --channel-soft: rgba(20, 148, 255, .16);
  isolation: isolate;
  overflow: hidden;
  position: relative;
  transform: translateZ(0);
}

.va7-landing .va7-media-card::before {
  background:
    linear-gradient(120deg, rgba(255,255,255,.16), transparent 22%),
    radial-gradient(circle at 84% 22%, color-mix(in srgb, var(--channel) 24%, transparent), transparent 11rem),
    linear-gradient(135deg, color-mix(in srgb, var(--channel) 18%, transparent), transparent 54%);
  inset: 0;
  opacity: .88;
  z-index: -2;
}

.va7-landing .va7-media-card::after {
  color: color-mix(in srgb, var(--channel) 70%, #ffffff 10%);
  font-size: clamp(36px, 5vw, 78px);
  letter-spacing: -.09em;
  line-height: .8;
  opacity: .18;
  right: clamp(11px, 1.3vw, 18px);
  text-shadow: 0 0 24px color-mix(in srgb, var(--channel) 40%, transparent);
  top: clamp(11px, 1.3vw, 18px);
}

.va7-landing .va7-media-card svg {
  background:
    radial-gradient(circle at 45% 35%, rgba(255,255,255,.18), transparent 42%),
    linear-gradient(145deg, color-mix(in srgb, var(--channel) 28%, transparent), rgba(2, 8, 18, .72));
  border: 1px solid color-mix(in srgb, var(--channel) 62%, transparent);
  border-radius: 999px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 18px color-mix(in srgb, var(--channel) 25%, transparent);
  box-sizing: border-box;
  color: color-mix(in srgb, var(--channel) 88%, white 12%);
  padding: 7px;
}

.va7-landing .va7-media-card span,
.va7-landing .va7-media-card p {
  max-width: min(31rem, calc(100% - 56px));
  position: relative;
  z-index: 1;
}

.va7-landing .va7-media-card span {
  letter-spacing: -.045em;
}

.va7-landing .va7-media-card:hover {
  border-color: color-mix(in srgb, var(--channel) 72%, rgba(255,255,255,.18));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 18px 46px color-mix(in srgb, var(--channel) 18%, transparent);
}

.va7-landing .va7-media-card--youtube {
  --channel: #1397ff;
}

.va7-landing .va7-media-card--youtube::before {
  background:
    linear-gradient(90deg, rgba(19,151,255,.25) 0 1px, transparent 1px 100%),
    radial-gradient(circle at 75% 45%, rgba(19,151,255,.22), transparent 9rem),
    linear-gradient(135deg, rgba(19,151,255,.22), transparent 58%);
  background-size: 22px 100%, auto, auto;
}

.va7-landing .va7-media-card--youtube span::after {
  background: linear-gradient(90deg, var(--channel), transparent);
  border-radius: 999px;
  content: "";
  display: block;
  height: 2px;
  margin-top: 8px;
  opacity: .8;
  width: clamp(74px, 9vw, 132px);
}

.va7-landing .va7-media-card--instagram {
  --channel: #18b5ff;
}

.va7-landing .va7-media-card--instagram::before {
  background:
    radial-gradient(circle at 16% 24%, rgba(255,255,255,.14) 0 1px, transparent 2px),
    radial-gradient(circle at 82% 30%, rgba(24,181,255,.23), transparent 8rem),
    linear-gradient(135deg, rgba(10,54,108,.50), rgba(2,8,18,.10));
  background-size: 18px 18px, auto, auto;
}

.va7-landing .va7-media-card--linkedin {
  --channel: #6abfff;
}

.va7-landing .va7-media-card--linkedin::before {
  background:
    linear-gradient(90deg, rgba(106,191,255,.44) 0 3px, transparent 3px 100%),
    linear-gradient(135deg, rgba(106,191,255,.15), transparent 54%),
    radial-gradient(circle at 78% 22%, rgba(106,191,255,.15), transparent 8rem);
}

.va7-landing .va7-media-card--podcast {
  --channel: #32d6ff;
}

.va7-landing .va7-media-card--podcast::before {
  background:
    repeating-linear-gradient(90deg, rgba(50,214,255,.18) 0 2px, transparent 2px 12px),
    radial-gradient(circle at 78% 42%, rgba(50,214,255,.17), transparent 8rem),
    linear-gradient(135deg, rgba(50,214,255,.13), transparent 56%);
  mask-image: linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent);
}

@media (min-width: 1181px) {
  .va7-landing .va7-media-card--youtube {
    min-height: 112px;
  }

  .va7-landing .va7-media-card--podcast {
    transform: translateX(-18%);
    width: calc(100% + 18%);
  }
}

@media (min-width: 861px) and (max-width: 1180px) {
  .va7-landing .va7-media-card--podcast {
    transform: none;
    width: auto;
  }
}

@media (min-width: 561px) and (max-width: 860px) {
  .va7-landing .va7-media-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .va7-landing .va7-media-card:first-child {
    grid-column: 1 / -1;
  }

  .va7-landing .va7-media-card--podcast {
    grid-column: 1 / -1;
    max-width: 74%;
  }
}

@media (max-width: 560px) {
  .va7-landing .va7-media-card,
  .va7-landing .va7-media-card:first-child {
    border-radius: 16px;
    min-height: 86px;
    padding: 16px;
  }

  .va7-landing .va7-media-card::after {
    font-size: 42px;
    opacity: .15;
    right: 14px;
    top: 14px;
  }

  .va7-landing .va7-media-card svg {
    height: 26px;
    padding: 5px;
    width: 26px;
  }

  .va7-landing .va7-media-card span,
  .va7-landing .va7-media-card p {
    max-width: calc(100% - 42px);
  }
}

/* Cases polish: more editorial rhythm, less oversized claim styling. */
.va7-landing .va7-cases {
  padding-block: clamp(38px, 4.6vw, 68px);
}

.va7-landing .va7-cases .va7-section-head {
  margin-bottom: clamp(18px, 2.4vw, 28px);
}

.va7-landing .va7-case-grid {
  margin-top: 0;
  max-width: 980px;
}

.va7-landing .va7-case-card {
  background:
    linear-gradient(90deg, rgba(20,148,255,.13), rgba(20,148,255,.035) 42%, transparent 78%);
  column-gap: clamp(18px, 3vw, 48px);
  grid-template-columns: 58px minmax(0, 1fr) minmax(230px, .74fr);
  padding: clamp(20px, 2vw, 28px) 0;
}

.va7-landing .va7-case-card span {
  align-self: start;
  background: rgba(20,148,255,.10);
  border: 1px solid rgba(20,148,255,.22);
  border-radius: 999px;
  color: var(--va7-blue-hot);
  display: inline-grid;
  font-size: 11px;
  height: 30px;
  letter-spacing: .08em;
  margin-top: 2px;
  place-items: center;
  width: 38px;
}

.va7-landing .va7-case-card h3 {
  font-size: clamp(23px, 1.95vw, 31px);
  letter-spacing: -.035em;
  line-height: 1.12;
  max-width: 17.5ch;
}

.va7-landing .va7-case-card p {
  align-self: center;
  color: rgba(226,235,249,.72) !important;
  font-size: clamp(13.5px, .95vw, 15px);
  line-height: 1.46;
  max-width: 31ch;
}

@media (max-width: 860px) {
  .va7-landing .va7-case-grid {
    max-width: 680px;
  }

  .va7-landing .va7-case-card {
    column-gap: 14px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 18px 0;
  }

  .va7-landing .va7-case-card p {
    grid-column: 2;
    margin-top: 8px;
    max-width: 42ch;
  }
}

@media (max-width: 560px) {
  .va7-landing .va7-case-card {
    grid-template-columns: 38px minmax(0, 1fr);
    padding: 16px 0;
  }

  .va7-landing .va7-case-card span {
    font-size: 10px;
    height: 26px;
    width: 32px;
  }

  .va7-landing .va7-case-card h3 {
    font-size: clamp(19px, 5.15vw, 23px);
    max-width: 18ch;
  }

  .va7-landing .va7-case-card p {
    font-size: 13px;
    line-height: 1.4;
  }
}

/* Symptoms visual: image should feel embedded in the section, not boxed. */
.va7-landing #sintomas {
  background:
    radial-gradient(circle at 22% 40%, rgba(20,148,255,.16), transparent 28rem),
    radial-gradient(circle at 78% 16%, rgba(20,148,255,.10), transparent 24rem),
    linear-gradient(180deg, #02050c 0%, #030814 54%, #02050c 100%);
}

.va7-landing #sintomas .va7-symptoms__layout {
  align-items: center;
  gap: clamp(24px, 3.8vw, 58px);
}

.va7-landing #sintomas .va7-symptoms__visual {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  isolation: isolate;
  min-height: clamp(500px, 42vw, 620px);
  overflow: hidden;
}

.va7-landing #sintomas .va7-symptoms__visual::before {
  background:
    radial-gradient(circle at 32% 28%, rgba(20,148,255,.24), transparent 18rem),
    linear-gradient(90deg, rgba(2,5,12,.10), transparent 45%, rgba(2,5,12,.76));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.va7-landing #sintomas .va7-symptoms__visual::after {
  background:
    linear-gradient(90deg, rgba(2,5,12,.70) 0%, rgba(2,5,12,.30) 34%, rgba(2,5,12,.72) 100%),
    linear-gradient(180deg, rgba(2,5,12,.82) 0%, rgba(2,5,12,.05) 22%, rgba(2,5,12,.10) 58%, rgba(2,5,12,.92) 100%);
  z-index: 2;
}

.va7-landing #sintomas .va7-symptoms__visual img {
  border-radius: 0 !important;
  filter: saturate(1.24) contrast(1.1) brightness(1.02) !important;
  height: 100% !important;
  mask-image:
    linear-gradient(90deg, transparent 0%, #000 10%, #000 82%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 10%, #000 86%, transparent 100%);
  mask-composite: intersect;
  object-fit: cover !important;
  object-position: 47% 50% !important;
  opacity: .92;
  -webkit-mask-image:
    linear-gradient(90deg, transparent 0%, #000 10%, #000 82%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 10%, #000 86%, transparent 100%);
  -webkit-mask-composite: source-in;
  width: 100% !important;
}

.va7-landing #sintomas .va7-symptoms__visual p {
  bottom: clamp(24px, 3vw, 42px);
  font-size: clamp(25px, 2.45vw, 37px);
  left: clamp(20px, 2.8vw, 42px);
  max-width: 13.5ch;
  text-shadow: 0 10px 34px rgba(0,0,0,.72);
  z-index: 3;
}

@media (min-width: 861px) and (max-width: 1180px) {
  .va7-landing #sintomas .va7-symptoms__visual {
    aspect-ratio: 16 / 8.2;
    min-height: 0;
  }

  .va7-landing #sintomas .va7-symptoms__visual img {
    object-position: 50% 48% !important;
  }
}

@media (max-width: 860px) {
  .va7-landing #sintomas .va7-symptoms__layout {
    gap: 18px;
  }

  .va7-landing #sintomas .va7-symptoms__visual {
    aspect-ratio: 16 / 8.8;
    margin-inline: max(-18px, calc((100% - 100vw) / 2 + 18px));
    max-width: none !important;
    min-height: 0;
    order: 2;
    width: calc(100% + 36px);
  }

  .va7-landing #sintomas .va7-symptoms__visual::after {
    background:
      linear-gradient(90deg, rgba(2,5,12,.78) 0%, rgba(2,5,12,.28) 42%, rgba(2,5,12,.64) 100%),
      linear-gradient(180deg, rgba(2,5,12,.80) 0%, rgba(2,5,12,.08) 26%, rgba(2,5,12,.88) 100%);
  }

  .va7-landing #sintomas .va7-symptoms__visual p {
    bottom: 18px;
    font-size: clamp(22px, 4.8vw, 30px);
    left: clamp(22px, 5vw, 36px);
    max-width: 14ch;
  }
}

@media (max-width: 560px) {
  .va7-landing #sintomas .va7-symptoms__visual {
    aspect-ratio: 4 / 3.05;
    margin-inline: -18px;
    width: calc(100% + 36px);
  }

  .va7-landing #sintomas .va7-symptoms__visual img {
    mask-image:
      linear-gradient(90deg, transparent 0%, #000 8%, #000 88%, transparent 100%),
      linear-gradient(180deg, transparent 0%, #000 7%, #000 88%, transparent 100%);
    object-position: 52% 50% !important;
    -webkit-mask-image:
      linear-gradient(90deg, transparent 0%, #000 8%, #000 88%, transparent 100%),
      linear-gradient(180deg, transparent 0%, #000 7%, #000 88%, transparent 100%);
  }

  .va7-landing #sintomas .va7-symptoms__visual p {
    bottom: 16px;
    font-size: clamp(19px, 5.5vw, 23px);
    left: 24px;
    line-height: 1.02;
    max-width: 13ch;
  }
}

/* Global responsive text guard: fluid sizes, safer wrapping, no clipped copy. */
.va7-landing {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

.va7-landing :where(h1, h2, h3, p, li, summary, a, button, small, span) {
  min-width: 0;
  overflow-wrap: break-word;
  text-wrap: pretty;
}

.va7-landing :where(h1, h2, h3, .va7-section-title) {
  text-wrap: balance;
}

.va7-landing .va7-container,
.va7-landing :where(.va7-hero__copy, .va7-authority__copy, .va7-section-head, .va7-final-cta__box) {
  min-width: 0;
}

.va7-landing .va7-hero h1 {
  font-size: clamp(36px, 5.45vw, 78px);
  max-width: min(13.8ch, 100%);
}

.va7-landing .va7-section-title {
  font-size: clamp(31px, 4.1vw, 58px);
  max-width: min(18ch, 100%);
}

.va7-landing :where(.va7-hero__sub, .va7-authority__body p, .va7-symptom-item p, .va7-way-card p, .va7-case-card p, .va7-faq-item p, .va7-media-card p, .va7-final-cta p) {
  font-size: clamp(14px, 1.05vw, 17px);
  line-height: clamp(1.34, 1.2vw, 1.58);
}

.va7-landing :where(.va7-symptom-item h3, .va7-way-card h3, .va7-case-card h3, .va7-faq-item summary) {
  font-size: clamp(22px, 2.15vw, 34px);
  line-height: 1.08;
  max-width: 100%;
}

.va7-landing :where(.va7-button, .va7-mobile-sticky) {
  max-width: 100%;
  min-width: 0;
  white-space: normal;
}

@media (min-width: 861px) and (max-width: 1180px) {
  .va7-landing .va7-hero h1 {
    font-size: clamp(36px, 5vw, 50px);
    max-width: min(16ch, 100%);
  }

  .va7-landing .va7-section-title {
    font-size: clamp(32px, 4.4vw, 50px);
  }

  .va7-landing :where(.va7-symptom-item h3, .va7-way-card h3, .va7-case-card h3, .va7-faq-item summary) {
    font-size: clamp(22px, 3vw, 30px);
  }
}

@media (min-width: 561px) and (max-width: 860px) {
  .va7-landing .va7-hero h1 {
    font-size: clamp(34px, 5.7vw, 44px);
    max-width: min(15.8ch, 100%);
  }

  .va7-landing .va7-section-title {
    font-size: clamp(30px, 5.2vw, 43px);
    max-width: min(18ch, 100%);
  }

  .va7-landing :where(.va7-symptom-item h3, .va7-way-card h3, .va7-case-card h3, .va7-faq-item summary) {
    font-size: clamp(21px, 3.9vw, 29px);
  }
}

@media (max-width: 560px) {
  .va7-landing .va7-kicker {
    font-size: clamp(9px, 2.6vw, 11px);
    line-height: 1.18;
  }

  .va7-landing .va7-hero h1 {
    font-size: clamp(29px, 8.4vw, 36px);
    line-height: .98 !important;
    max-width: min(13.4ch, 100%);
  }

  .va7-landing .va7-section-title,
  .va7-landing .va7-content .va7-section-title,
  .va7-landing .va7-final-cta .va7-section-title {
    font-size: clamp(25px, 7vw, 32px);
    line-height: 1.02;
    max-width: min(17ch, 100%);
  }

  .va7-landing :where(.va7-hero__sub, .va7-authority__body p, .va7-symptom-item p, .va7-way-card p, .va7-case-card p, .va7-faq-item p, .va7-media-card p, .va7-final-cta p) {
    font-size: clamp(13px, 3.7vw, 15px);
    line-height: 1.38;
  }

  .va7-landing :where(.va7-symptom-item h3, .va7-way-card h3, .va7-case-card h3, .va7-faq-item summary) {
    font-size: clamp(18px, 5.25vw, 23px);
    line-height: 1.08;
  }

  .va7-landing .va7-button {
    font-size: clamp(12px, 3.4vw, 14px);
    line-height: 1.18;
    padding-inline: 16px;
  }
}

/* Symptoms final direction: remove disliked visual and let the copy carry the section. */
.va7-landing #sintomas .va7-symptoms__layout {
  display: block;
  margin-top: clamp(24px, 3.2vw, 42px);
}

.va7-landing #sintomas .va7-symptoms__visual {
  display: none !important;
}

.va7-landing #sintomas .va7-symptom-list {
  background:
    linear-gradient(135deg, rgba(20,148,255,.10), transparent 32%),
    linear-gradient(180deg, rgba(4,14,32,.58), rgba(2,5,12,.74));
  border: 1px solid rgba(20,148,255,.16);
  border-radius: clamp(18px, 2vw, 28px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 28px 80px rgba(0,0,0,.28);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-inline: auto;
  max-width: 1080px;
  overflow: hidden;
  padding: 0;
}

.va7-landing #sintomas .va7-symptom-item {
  background: transparent !important;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  display: block;
  padding: clamp(22px, 2.4vw, 34px);
  position: relative;
}

.va7-landing #sintomas .va7-symptom-item:nth-child(odd) {
  border-right: 1px solid rgba(20,148,255,.12);
}

.va7-landing #sintomas .va7-symptom-item:nth-child(n+3) {
  border-top: 1px solid rgba(20,148,255,.12);
}

.va7-landing #sintomas .va7-symptom-item span {
  background: rgba(20,148,255,.10);
  border: 1px solid rgba(20,148,255,.22);
  border-radius: 999px;
  display: inline-grid;
  height: 28px;
  margin-bottom: clamp(12px, 1.2vw, 18px);
  place-items: center;
  width: 38px;
}

.va7-landing #sintomas .va7-symptom-item h3 {
  max-width: 20ch;
}

.va7-landing #sintomas .va7-symptom-item p {
  max-width: 52ch;
}

@media (max-width: 860px) {
  .va7-landing #sintomas .va7-symptom-list {
    grid-template-columns: 1fr;
  }

  .va7-landing #sintomas .va7-symptom-item,
  .va7-landing #sintomas .va7-symptom-item:nth-child(odd),
  .va7-landing #sintomas .va7-symptom-item:nth-child(n+3) {
    border-right: 0;
  }

  .va7-landing #sintomas .va7-symptom-item + .va7-symptom-item {
    border-top: 1px solid rgba(20,148,255,.12);
  }
}

@media (max-width: 560px) {
  .va7-landing #sintomas .va7-symptom-list {
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    margin-inline: -18px;
  }

  .va7-landing #sintomas .va7-symptom-item {
    padding: 20px 18px;
  }
}

/* Authority portrait: integrated image, not a bordered card. */
.va7-landing #sobre-mi .va7-authority__photo {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden;
}

.va7-landing #sobre-mi .va7-authority__photo::after {
  background:
    radial-gradient(circle at 34% 22%, rgba(20,148,255,.18), transparent 18rem),
    linear-gradient(90deg, rgba(2,5,12,.08) 0%, rgba(2,5,12,.08) 56%, rgba(2,5,12,.88) 100%),
    linear-gradient(180deg, rgba(2,5,12,.72) 0%, rgba(2,5,12,.02) 18%, rgba(2,5,12,.86) 100%) !important;
}

.va7-landing #sobre-mi .va7-authority__photo picture {
  border-radius: 0 !important;
  overflow: visible !important;
}

.va7-landing #sobre-mi .va7-authority__photo img {
  border-radius: 0 !important;
  filter: saturate(1.08) contrast(1.06) brightness(.96) !important;
  mask-image:
    linear-gradient(90deg, transparent 0%, #000 9%, #000 84%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 8%, #000 86%, transparent 100%);
  mask-composite: intersect;
  -webkit-mask-image:
    linear-gradient(90deg, transparent 0%, #000 9%, #000 84%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 8%, #000 86%, transparent 100%);
  -webkit-mask-composite: source-in;
}

@media (max-width: 1180px) {
  .va7-landing #sobre-mi .va7-authority__photo {
    margin-inline: auto;
    max-width: 900px;
  }
}

@media (max-width: 560px) {
  .va7-landing #sobre-mi .va7-authority__photo {
    aspect-ratio: 16 / 12.2;
    margin-bottom: 18px;
    margin-inline: -18px;
    max-width: none;
    width: calc(100% + 36px);
  }

  .va7-landing #sobre-mi .va7-authority__photo::after {
    background:
      radial-gradient(circle at 38% 18%, rgba(20,148,255,.20), transparent 14rem),
      linear-gradient(90deg, rgba(2,5,12,.04) 0%, rgba(2,5,12,.04) 58%, rgba(2,5,12,.74) 100%),
      linear-gradient(180deg, rgba(2,5,12,.48) 0%, rgba(2,5,12,.02) 18%, rgba(2,5,12,.82) 100%) !important;
  }

  .va7-landing #sobre-mi .va7-authority__photo img {
    object-position: 50% 22% !important;
  }
}

/* Hero portrait: no visible frame, blended into the dark background. */
.va7-landing .va7-hero {
  background: #02050c !important;
}

.va7-landing .va7-portrait-shell,
.va7-landing .va7-mobile-hero-first {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden;
}

.va7-landing .va7-portrait-shell picture,
.va7-landing .va7-mobile-hero-first picture {
  border-radius: 0 !important;
  overflow: visible !important;
}

.va7-landing .va7-portrait-shell img,
.va7-landing .va7-mobile-hero-first img {
  border-radius: 0 !important;
  filter: saturate(1.08) contrast(1.08) brightness(.98) !important;
  mask-image:
    linear-gradient(90deg, transparent 0%, #000 8%, #000 86%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 7%, #000 82%, transparent 100%);
  mask-composite: intersect;
  -webkit-mask-image:
    linear-gradient(90deg, transparent 0%, #000 8%, #000 86%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 7%, #000 82%, transparent 100%);
  -webkit-mask-composite: source-in;
}

.va7-landing .va7-portrait-shell::before,
.va7-landing .va7-mobile-hero-first::before {
  background:
    radial-gradient(circle at 52% 38%, rgba(20,148,255,.28), transparent 24rem) !important;
  filter: blur(10px);
  opacity: .7;
}

.va7-landing .va7-portrait-shell::after,
.va7-landing .va7-mobile-hero-first::after {
  background:
    linear-gradient(90deg, #02050c 0%, transparent 12%, transparent 82%, #02050c 100%),
    linear-gradient(180deg, #02050c 0%, transparent 14%, transparent 62%, #02050c 100%) !important;
}

@media (min-width: 1181px) {
  .va7-landing .va7-portrait-shell {
    margin-right: max(-36px, -2.5vw);
  }
}

@media (max-width: 1180px) {
  .va7-landing .va7-mobile-hero-first {
    margin-inline: calc(50% - 50vw);
    width: 100vw;
  }
}

@media (prefers-reduced-motion: reduce) {
  .va7-hero-lines p,
  .va7-hero__remate {
    animation: none;
  }

  .va7-section-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Section scroll reveal — non-hero sections fade + slide up on scroll. */
.va7-section-reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .6s cubic-bezier(.22, 1, .36, 1), transform .6s cubic-bezier(.22, 1, .36, 1);
  will-change: opacity, transform;
}

.va7-section-reveal.is-revealed {
  opacity: 1;
  transform: translateY(0);
}

/* Claude audit quick wins: real handwriting font and safer desktop hero grid. */
.va7-landing .va7-handnote {
  font-family: "Caveat", "Segoe Print", "Bradley Hand ITC", cursive !important;
}

@media (min-width: 1181px) {
  .va7-landing .va7-hero__grid {
    grid-template-columns: minmax(460px, .74fr) minmax(0, 1.26fr);
  }
}

/* B1/B2 visual activation: authority stays visible, hero modules return on desktop only. */
.va7-landing #sobre-mi .va7-authority__photo {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  overflow: hidden;
}

.va7-landing #sobre-mi .va7-authority__photo img {
  border-radius: 0 !important;
  object-fit: cover !important;
}

.va7-landing .va7-hero__visual {
  position: relative;
}

.va7-landing .va7-hero-modules {
  display: none !important;
}

@media (min-width: 1181px) {
  .va7-landing .va7-hero-modules {
    display: grid !important;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    position: absolute;
    right: clamp(10px, 1.6vw, 26px);
    top: clamp(68px, 7.4vw, 112px);
    width: clamp(270px, 23vw, 360px);
    z-index: 5;
  }

  .va7-landing .va7-mini-module {
    backdrop-filter: blur(12px);
    background:
      linear-gradient(180deg, rgba(4, 12, 28, .56), rgba(2, 5, 12, .82)),
      radial-gradient(circle at 82% 18%, rgba(20, 148, 255, .18), transparent 58%) !important;
    border: 1px solid rgba(20, 148, 255, .34);
    border-radius: 12px;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 12px 34px rgba(0,0,0,.22);
    min-height: clamp(94px, 7vw, 116px);
    padding: 13px 12px;
  }

  .va7-landing .va7-mini-module::before {
    opacity: .28;
  }

  .va7-landing .va7-mini-module::after {
    background:
      linear-gradient(180deg, rgba(2,5,12,.12), rgba(2,5,12,.68)),
      radial-gradient(circle at 90% 8%, rgba(20,148,255,.20), transparent 42%);
  }

  .va7-landing .va7-mini-module span {
    font-size: clamp(13px, 1vw, 16px);
    letter-spacing: -.02em;
  }

  .va7-landing .va7-mini-module p {
    font-size: clamp(10.5px, .78vw, 12px);
    line-height: 1.24;
    max-width: 16ch;
  }
}

@media (min-width: 1181px) and (max-width: 1320px) {
  .va7-landing .va7-hero-modules {
    opacity: .86;
    right: 8px;
    top: 78px;
    width: clamp(244px, 21vw, 286px);
  }

  .va7-landing .va7-mini-module {
    min-height: 88px;
    padding: 11px 10px;
  }
}

/* Hero H1 editorial polish: stronger rhythm, less generic weight block. */
.va7-landing .va7-hero h1 {
  color: #f7fbff !important;
  font-family: "Inter", "Montserrat", "Arial Black", system-ui, sans-serif !important;
  font-size: clamp(44px, 4.95vw, 72px) !important;
  font-weight: 950 !important;
  letter-spacing: clamp(-4.6px, -.068em, -2.2px) !important;
  line-height: .93 !important;
  margin-top: clamp(10px, 1.2vw, 16px);
  max-width: min(12.4ch, 100%) !important;
  text-wrap: balance;
}

.va7-landing .va7-hero h1 span {
  color: #1494ff !important;
  text-shadow:
    0 0 18px rgba(20, 148, 255, .24),
    0 1px 0 rgba(255, 255, 255, .08);
}

@media (min-width: 1181px) {
  .va7-landing .va7-hero h1 {
    max-width: min(11.8ch, 100%) !important;
  }
}

@media (min-width: 861px) and (max-width: 1180px) {
  .va7-landing .va7-hero h1 {
    font-size: clamp(42px, 5.35vw, 58px) !important;
    letter-spacing: clamp(-3.6px, -.062em, -2px) !important;
    line-height: .94 !important;
    max-width: min(12.8ch, 100%) !important;
  }
}

@media (min-width: 561px) and (max-width: 860px) {
  .va7-landing .va7-hero h1 {
    font-size: clamp(38px, 6.8vw, 52px) !important;
    letter-spacing: clamp(-3.2px, -.058em, -1.8px) !important;
    line-height: .95 !important;
    max-width: min(12.6ch, 100%) !important;
  }
}

@media (max-width: 560px) {
  .va7-landing .va7-hero h1 {
    font-size: clamp(34px, 8.85vw, 42px) !important;
    letter-spacing: clamp(-2.7px, -.056em, -1.5px) !important;
    line-height: .965 !important;
    margin-top: 10px;
    max-width: min(12.2ch, 100%) !important;
  }

  .va7-landing .va7-hero h1 span {
    text-shadow: 0 0 14px rgba(20, 148, 255, .22);
  }
}

/* Symptoms responsive refinement: fluid editorial list instead of a rigid box. */
.va7-landing #sintomas .va7-symptom-list {
  box-sizing: border-box;
  width: min(100%, 1080px);
}

.va7-landing #sintomas .va7-symptom-item {
  min-width: 0;
}

.va7-landing #sintomas .va7-symptom-item h3,
.va7-landing #sintomas .va7-symptom-item p {
  max-width: min(100%, 48ch);
  overflow-wrap: normal;
  text-wrap: balance;
}

@media (max-width: 720px) {
  .va7-landing #sintomas {
    overflow: hidden;
  }

  .va7-landing #sintomas .va7-section-head--center {
    text-align: left;
  }

  .va7-landing #sintomas .va7-symptoms__layout {
    margin-top: clamp(18px, 5vw, 26px);
  }

  .va7-landing #sintomas .va7-symptom-list {
    background:
      linear-gradient(120deg, rgba(20,148,255,.11), transparent 34%),
      linear-gradient(180deg, rgba(3,12,28,.50), rgba(2,5,12,.82));
    border-color: rgba(20,148,255,.18);
    border-radius: clamp(16px, 4.8vw, 22px);
    margin-inline: 0;
    max-width: 100%;
  }

  .va7-landing #sintomas .va7-symptom-item {
    align-items: start;
    column-gap: clamp(10px, 3.2vw, 16px);
    display: grid;
    grid-template-columns: clamp(34px, 9vw, 46px) minmax(0, 1fr);
    padding: clamp(18px, 5vw, 26px) clamp(14px, 4.6vw, 24px);
  }

  .va7-landing #sintomas .va7-symptom-item span {
    grid-column: 1;
    height: clamp(28px, 7.2vw, 34px);
    margin: 2px 0 0;
    width: clamp(34px, 8.8vw, 42px);
  }

  .va7-landing #sintomas .va7-symptom-item h3,
  .va7-landing #sintomas .va7-symptom-item p {
    grid-column: 2;
    max-width: 100%;
  }

  .va7-landing #sintomas .va7-symptom-item h3 {
    font-size: clamp(21px, 5.4vw, 28px);
    letter-spacing: -.045em;
    line-height: 1.02;
    margin-bottom: clamp(8px, 2.4vw, 12px);
  }

  .va7-landing #sintomas .va7-symptom-item p {
    font-size: clamp(14px, 3.55vw, 16px);
    line-height: 1.38;
  }
}

@media (max-width: 560px) {
  .va7-landing #sintomas .va7-symptom-list {
    margin-inline: 0 !important;
    width: 100%;
  }

  .va7-landing #sintomas .va7-symptom-item {
    padding-inline: clamp(12px, 4vw, 18px) !important;
  }
}

@media (max-width: 380px) {
  .va7-landing #sintomas .va7-symptom-item {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }

  .va7-landing #sintomas .va7-symptom-item span,
  .va7-landing #sintomas .va7-symptom-item h3,
  .va7-landing #sintomas .va7-symptom-item p {
    grid-column: 1;
  }
}

/* Authority mobile crop: shorter, tighter portrait so the section breathes. */
@media (max-width: 560px) {
  .va7-landing #sobre-mi .va7-authority__photo {
    aspect-ratio: 16 / 7.8 !important;
    margin-bottom: 14px !important;
    margin-inline: 0 !important;
    max-height: 230px;
    max-width: 100% !important;
    width: 100% !important;
  }

  .va7-landing #sobre-mi .va7-authority__photo::after {
    background:
      radial-gradient(circle at 34% 22%, rgba(20,148,255,.20), transparent 11rem),
      linear-gradient(90deg, rgba(2,5,12,.02) 0%, rgba(2,5,12,.02) 58%, rgba(2,5,12,.46) 100%),
      linear-gradient(180deg, rgba(2,5,12,.18) 0%, rgba(2,5,12,.02) 30%, rgba(2,5,12,.62) 100%) !important;
  }

  .va7-landing #sobre-mi .va7-authority__photo img {
    filter: saturate(1.08) contrast(1.12) brightness(1.08) !important;
    object-position: 50% 13% !important;
  }
}

/* Social channels final mobile polish: premium rail, not cramped tiles. */
.va7-landing #contenido .va7-media-grid {
  min-width: 0;
}

@media (max-width: 720px) {
  .va7-landing #contenido {
    padding-block: clamp(28px, 8vw, 42px);
  }

  .va7-landing #contenido .va7-content__grid {
    gap: clamp(18px, 5vw, 28px);
  }

  .va7-landing #contenido .va7-section-title {
    font-size: clamp(30px, 8.1vw, 40px);
    letter-spacing: -.055em;
    line-height: .98;
    max-width: 12.8ch;
  }

  .va7-landing #contenido .va7-media-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr !important;
  }

  .va7-landing #contenido .va7-media-card,
  .va7-landing #contenido .va7-media-card:first-child,
  .va7-landing #contenido .va7-media-card--podcast {
    align-items: center;
    border-color: rgba(20, 148, 255, .20);
    border-radius: 18px;
    display: grid;
    grid-column: auto !important;
    grid-template-columns: 36px minmax(0, 1fr);
    min-height: 0;
    padding: 14px 16px;
    transform: none !important;
    width: auto !important;
  }

  .va7-landing #contenido .va7-media-card::before {
    background:
      radial-gradient(circle at 100% 22%, color-mix(in srgb, var(--channel) 20%, transparent), transparent 8rem),
      linear-gradient(90deg, color-mix(in srgb, var(--channel) 8%, transparent), transparent 54%);
    background-size: auto;
    inset: 0;
    mask-image: none;
    opacity: .9;
  }

  .va7-landing #contenido .va7-media-card::after {
    color: color-mix(in srgb, var(--channel) 64%, #ffffff 12%);
    content: attr(data-channel);
    font-size: clamp(38px, 13vw, 58px);
    font-weight: 950;
    letter-spacing: -.09em;
    line-height: 1;
    opacity: .12;
    right: 14px;
    text-shadow: 0 0 20px color-mix(in srgb, var(--channel) 24%, transparent);
    top: 50%;
    transform: translateY(-52%);
  }

  .va7-landing #contenido .va7-media-card svg {
    grid-column: 1;
    grid-row: 1 / span 2;
    height: 30px;
    margin: 0;
    padding: 6px;
    width: 30px;
  }

  .va7-landing #contenido .va7-media-card span,
  .va7-landing #contenido .va7-media-card p {
    grid-column: 2;
    max-width: min(100%, 32ch);
    min-width: 0;
  }

  .va7-landing #contenido .va7-media-card span {
    font-size: clamp(19px, 5vw, 23px);
    line-height: .98;
    margin: 0 0 5px;
  }

  .va7-landing #contenido .va7-media-card span::after {
    display: none;
  }

  .va7-landing #contenido .va7-media-card p {
    font-size: clamp(13px, 3.45vw, 15px);
    line-height: 1.28;
    padding-right: clamp(28px, 10vw, 44px);
  }
}

@media (max-width: 390px) {
  .va7-landing #contenido .va7-media-card,
  .va7-landing #contenido .va7-media-card:first-child {
    grid-template-columns: 32px minmax(0, 1fr);
    padding-inline: 13px;
  }

  .va7-landing #contenido .va7-media-card p {
    padding-right: 24px;
  }
}

/* Final CTA human layer: Victor integrated as a cinematic consultation image. */
.va7-landing .va7-final-cta__box {
  isolation: isolate;
  overflow: hidden;
  position: relative;
}

.va7-landing .va7-final-cta__copy,
.va7-landing .va7-final-cta__action {
  position: relative;
  z-index: 2;
}

.va7-landing .va7-final-cta__photo {
  inset: 0 0 0 auto;
  margin: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  width: min(54%, 720px);
  z-index: 1;
}

.va7-landing .va7-final-cta__photo::after {
  background:
    linear-gradient(90deg, #02050c 0%, rgba(2,5,12,.92) 18%, rgba(2,5,12,.18) 48%, rgba(2,5,12,.62) 100%),
    linear-gradient(180deg, rgba(2,5,12,.48) 0%, transparent 34%, rgba(2,5,12,.72) 100%);
  content: "";
  inset: 0;
  position: absolute;
}

.va7-landing .va7-final-cta__photo img {
  filter: saturate(1.08) contrast(1.06) brightness(.92);
  height: 100%;
  object-fit: cover;
  object-position: 64% 50%;
  width: 100%;
}

@media (min-width: 861px) {
  .va7-landing .va7-final-cta__box {
    grid-template-columns: minmax(0, .74fr) minmax(280px, .46fr);
    min-height: clamp(330px, 28vw, 430px);
    padding-right: clamp(28px, 3vw, 48px);
  }

  .va7-landing .va7-final-cta__copy {
    grid-column: 1;
    max-width: 720px;
  }

  .va7-landing .va7-final-cta__action {
    align-self: end;
    grid-column: 1;
    max-width: 380px;
  }
}

@media (max-width: 860px) {
  .va7-landing .va7-final-cta__box {
    display: flex;
    flex-direction: column;
  }

  .va7-landing .va7-final-cta__photo {
    aspect-ratio: 16 / 8.2;
    border-radius: 16px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
    margin: -8px -6px 4px;
    order: -1;
    position: relative;
    width: calc(100% + 12px);
  }

  .va7-landing .va7-final-cta__photo::after {
    background:
      linear-gradient(90deg, rgba(2,5,12,.82) 0%, rgba(2,5,12,.28) 48%, rgba(2,5,12,.34) 100%),
      linear-gradient(180deg, rgba(2,5,12,.18) 0%, transparent 45%, rgba(2,5,12,.76) 100%);
  }

  .va7-landing .va7-final-cta__photo img {
    object-position: 68% 46%;
  }
}

@media (max-width: 560px) {
  .va7-landing .va7-final-cta__photo {
    aspect-ratio: 16 / 8.8;
    margin: -6px -4px 2px;
    width: calc(100% + 8px);
  }

  .va7-landing .va7-final-cta__photo img {
    object-position: 70% 48%;
  }
}

/* Hero title rhythm V2: reduce vertical footprint and vary emphasis. */
.va7-landing .va7-hero h1 .va7-hero-title__lead,
.va7-landing .va7-hero h1 .va7-hero-title__soft {
  color: #f7fbff !important;
  text-shadow: none !important;
}

.va7-landing .va7-hero h1 .va7-hero-title__lead {
  font-weight: 950;
}

.va7-landing .va7-hero h1 .va7-hero-title__soft {
  color: rgba(247, 251, 255, .92) !important;
  font-weight: 820;
  letter-spacing: -.055em;
}

.va7-landing .va7-hero h1 .va7-hero-title__blue {
  color: #1494ff !important;
  font-weight: 950;
}

@media (min-width: 421px) and (max-width: 560px) {
  .va7-landing .va7-hero h1 {
    font-size: clamp(34px, 7.65vw, 37px) !important;
    letter-spacing: -.052em !important;
    line-height: .97 !important;
    max-width: min(14.4ch, 100%) !important;
  }

  .va7-landing .va7-hero h1 .va7-mobile-break {
    display: none;
  }
}

@media (max-width: 420px) {
  .va7-landing .va7-hero h1 {
    font-size: clamp(31px, 8.35vw, 35px) !important;
    letter-spacing: -.052em !important;
    line-height: .98 !important;
    max-width: min(13.4ch, 100%) !important;
  }
}

@media (max-width: 360px) {
  .va7-landing .va7-hero h1 {
    font-size: clamp(29px, 8.1vw, 32px) !important;
    max-width: min(13.2ch, 100%) !important;
  }
}

/* Final CTA open composition: remove card feel and blend Victor into the section. */
.va7-landing .va7-final-cta {
  background:
    radial-gradient(circle at 80% 22%, rgba(20,148,255,.22), transparent 25rem),
    linear-gradient(180deg, #02050c 0%, #031026 54%, #02050c 100%) !important;
  overflow: hidden;
}

.va7-landing .va7-final-cta__box {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.va7-landing .va7-final-cta__photo {
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.va7-landing .va7-final-cta__photo img {
  mask-image:
    linear-gradient(90deg, transparent 0%, #000 10%, #000 82%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 10%, #000 82%, transparent 100%);
  -webkit-mask-image:
    linear-gradient(90deg, transparent 0%, #000 10%, #000 82%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 10%, #000 82%, transparent 100%);
}

@media (min-width: 861px) {
  .va7-landing .va7-final-cta__box {
    min-height: clamp(340px, 29vw, 450px);
    padding-block: clamp(34px, 4.4vw, 64px);
  }

  .va7-landing .va7-final-cta__photo {
    inset: -8% -6% -10% auto;
    opacity: .96;
    width: min(58%, 760px);
  }

  .va7-landing .va7-final-cta__photo::after {
    background:
      linear-gradient(90deg, #02050c 0%, rgba(2,5,12,.92) 20%, rgba(2,5,12,.10) 54%, rgba(2,5,12,.55) 100%),
      linear-gradient(180deg, rgba(2,5,12,.64) 0%, transparent 35%, rgba(2,5,12,.82) 100%) !important;
  }
}

@media (max-width: 860px) {
  .va7-landing .va7-final-cta {
    padding-block: 0 clamp(34px, 9vw, 50px) !important;
  }

  .va7-landing .va7-final-cta__box {
    padding: 0 18px clamp(18px, 5vw, 26px) !important;
    width: 100% !important;
  }

  .va7-landing .va7-final-cta__photo {
    aspect-ratio: 16 / 9.5;
    margin: 0 calc(50% - 50vw) clamp(18px, 5vw, 26px);
    max-height: 280px;
    width: 100vw;
  }

  .va7-landing .va7-final-cta__photo::after {
    background:
      linear-gradient(90deg, #02050c 0%, rgba(2,5,12,.42) 40%, rgba(2,5,12,.28) 100%),
      linear-gradient(180deg, rgba(2,5,12,.16) 0%, transparent 46%, #02050c 100%) !important;
  }

  .va7-landing .va7-final-cta__photo img {
    filter: saturate(1.08) contrast(1.08) brightness(.84);
    object-position: 70% 46%;
  }

  .va7-landing .va7-final-cta .va7-section-title {
    font-size: clamp(30px, 8vw, 38px) !important;
    max-width: 12.8ch;
  }

  .va7-landing .va7-final-cta .va7-button {
    box-shadow:
      0 0 0 1px rgba(255,255,255,.20),
      0 18px 52px rgba(20,148,255,.34),
      inset 0 1px 0 rgba(255,255,255,.22);
  }
}

@media (max-width: 420px) {
  .va7-landing .va7-final-cta__box {
    padding-inline: 14px !important;
  }

  .va7-landing .va7-final-cta__photo {
    aspect-ratio: 16 / 10.2;
    max-height: 245px;
  }
}

/* Final CTA rebuild: image becomes atmosphere, not an inserted block. */
.va7-landing .va7-final-cta {
  background: #02050c !important;
  padding-block: 0 !important;
}

.va7-landing .va7-final-cta__box {
  background:
    radial-gradient(circle at 76% 22%, rgba(20,148,255,.20), transparent 22rem),
    linear-gradient(180deg, rgba(2,5,12,.18), #02050c 82%) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  isolation: isolate;
  min-height: clamp(460px, 44vw, 560px);
  overflow: hidden !important;
  padding-block: clamp(50px, 6vw, 86px) !important;
  position: relative;
}

.va7-landing .va7-final-cta__photo {
  inset: 0 !important;
  margin: 0 !important;
  opacity: .72;
  overflow: hidden !important;
  position: absolute !important;
  width: 100% !important;
  z-index: 0;
}

.va7-landing .va7-final-cta__photo::after {
  background:
    linear-gradient(90deg, #02050c 0%, rgba(2,5,12,.82) 30%, rgba(2,5,12,.22) 66%, rgba(2,5,12,.70) 100%),
    linear-gradient(180deg, rgba(2,5,12,.74) 0%, rgba(2,5,12,.08) 28%, #02050c 100%) !important;
  content: "";
  inset: 0;
  position: absolute;
}

.va7-landing .va7-final-cta__photo img {
  filter: saturate(1.08) contrast(1.08) brightness(.88) !important;
  height: 100% !important;
  mask-image: none !important;
  object-fit: cover !important;
  object-position: 70% 45% !important;
  transform: scale(1.02);
  width: 100% !important;
  -webkit-mask-image: none !important;
}

.va7-landing .va7-final-cta__copy,
.va7-landing .va7-final-cta__action {
  position: relative;
  z-index: 2;
}

@media (min-width: 861px) {
  .va7-landing .va7-final-cta__box {
    display: grid;
    grid-template-columns: minmax(0, .72fr) minmax(300px, .42fr);
    padding-inline: clamp(28px, 5vw, 72px) !important;
  }

  .va7-landing .va7-final-cta__copy,
  .va7-landing .va7-final-cta__action {
    grid-column: 1;
  }
}

@media (max-width: 860px) {
  .va7-landing .va7-final-cta__box {
    display: flex !important;
    flex-direction: column;
    justify-content: end;
    min-height: clamp(560px, 132vw, 680px);
    padding: clamp(230px, 58vw, 315px) clamp(18px, 5vw, 28px) clamp(34px, 9vw, 54px) !important;
    width: 100% !important;
  }

  .va7-landing .va7-final-cta__photo {
    aspect-ratio: auto !important;
    max-height: none !important;
  }

  .va7-landing .va7-final-cta__photo::after {
    background:
      radial-gradient(circle at 72% 22%, rgba(20,148,255,.18), transparent 15rem),
      linear-gradient(180deg, rgba(2,5,12,.24) 0%, rgba(2,5,12,.18) 32%, rgba(2,5,12,.90) 57%, #02050c 100%),
      linear-gradient(90deg, rgba(2,5,12,.70) 0%, rgba(2,5,12,.24) 54%, rgba(2,5,12,.42) 100%) !important;
  }

  .va7-landing .va7-final-cta__photo img {
    object-position: 68% 4% !important;
    transform: scale(1.03);
  }

  .va7-landing .va7-final-cta .va7-section-title {
    font-size: clamp(31px, 8.6vw, 40px) !important;
    line-height: .98 !important;
    max-width: min(12.4ch, 100%) !important;
  }

  .va7-landing .va7-final-cta p {
    max-width: 32ch;
  }

  .va7-landing .va7-final-cta__action {
    width: min(100%, 360px);
  }
}

@media (max-width: 380px) {
  .va7-landing .va7-final-cta__box {
    min-height: 610px;
    padding-top: clamp(214px, 62vw, 250px) !important;
  }

  .va7-landing .va7-final-cta .va7-section-title {
    font-size: clamp(29px, 8.8vw, 34px) !important;
  }
}

/* Claude audit cleanup: safe final-readiness fixes. */
@media (min-width: 861px) {
  .va7-landing .va7-way-card,
  .va7-landing .va7-way-card:nth-child(1),
  .va7-landing .va7-way-card:nth-child(2),
  .va7-landing .va7-way-card:nth-child(3) {
    min-height: clamp(180px, 15vw, 220px) !important;
  }
}

.va7-landing .va7-faq-item p {
  font-size: max(16px, 1rem) !important;
  line-height: 1.48 !important;
}

@media (min-width: 1181px) {
  .va7-landing .va7-hero h1 {
    line-height: .96 !important;
  }
}

@media (max-width: 560px) {
  .va7-landing .va7-kicker {
    font-size: clamp(10.5px, 2.9vw, 12px) !important;
    line-height: 1.25 !important;
  }
}

/* Final hardening: prevent narrow mobile hero overflow. */
@media (max-width: 560px) {
  .va7-landing .va7-hero .va7-container {
    box-sizing: border-box !important;
    max-width: 100vw !important;
    padding-inline: 20px !important;
    width: 100% !important;
  }

  .va7-landing .va7-hero__copy {
    box-sizing: border-box;
    margin-inline: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .va7-landing .va7-hero__copy > .va7-kicker {
    letter-spacing: .105em;
    max-width: 100%;
    overflow-wrap: normal;
    white-space: normal;
  }

  .va7-landing .va7-kicker-mobile-break {
    display: inline;
  }

  .va7-landing .va7-hero h1 {
    max-width: min(12.8ch, 100%) !important;
  }

  .va7-landing .va7-hero__sub,
  .va7-landing .va7-hero__remate {
    max-width: min(100%, 300px) !important;
    width: 100%;
  }

  .va7-landing .va7-actions {
    max-width: min(300px, 100%);
    width: 100%;
  }

  .va7-landing .va7-actions .va7-button {
    max-width: 100%;
    width: 100%;
  }
}

@media (max-width: 340px) {
  .va7-landing .va7-hero .va7-container {
    padding-inline: 14px !important;
  }

  .va7-landing .va7-hero__copy > .va7-kicker {
    font-size: 10px !important;
    letter-spacing: .075em;
  }

  .va7-landing .va7-hero__sub {
    font-size: 12px !important;
    max-width: calc(100vw - 28px) !important;
  }

  .va7-landing .va7-hero__sub p {
    max-width: 100%;
    overflow-wrap: break-word;
  }
}

@media (max-width: 370px) {
  .va7-landing .va7-hero__copy {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .va7-landing .va7-hero__copy > .va7-kicker,
  .va7-landing .va7-hero h1 {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
}

/* Elementor hardening: keep final CTA controls inside narrow widgets. */
@media (max-width: 560px) {
  .va7-landing .va7-final-cta__action,
  .va7-landing .va7-final-cta .va7-button {
    box-sizing: border-box;
    max-width: 100% !important;
    width: 100% !important;
  }

  .va7-landing .va7-final-cta__action {
    align-self: flex-start;
    max-width: 330px !important;
    width: calc(100vw - 76px) !important;
  }

  .va7-landing .va7-final-cta .va7-button {
    font-size: clamp(13px, 3.8vw, 15px) !important;
    min-width: 0;
    padding-inline: clamp(16px, 5vw, 24px) !important;
    text-align: center;
  }
}

@media (max-width: 340px) {
  .va7-landing .va7-final-cta .va7-section-title {
    font-size: clamp(27px, 8.2vw, 31px) !important;
    max-width: 10.8ch !important;
  }
}

/* Post-push visual correction: cleaner hero, calmer rhythm, no floating module overlays. */
.va7-landing::before {
  display: none !important;
}

.va7-landing .va7-hero-modules,
.va7-landing .va7-hero__campaign-modules,
.va7-landing .va7-mini-module {
  display: none !important;
}

.va7-landing .va7-section {
  padding-block: clamp(30px, 4.2vw, 60px) !important;
}

.va7-landing .va7-hero {
  background: #02050c !important;
  padding-bottom: clamp(22px, 3.2vw, 42px) !important;
}

.va7-landing .va7-hero__grid {
  gap: clamp(16px, 3vw, 42px) !important;
}

.va7-landing .va7-hero h1 {
  font-size: clamp(39px, 4.55vw, 62px) !important;
  letter-spacing: clamp(-3.7px, -.056em, -1.8px) !important;
  line-height: .97 !important;
  margin-top: clamp(8px, 1vw, 14px) !important;
  max-width: min(13ch, 100%) !important;
}

.va7-landing .va7-hero__sub {
  margin-top: clamp(18px, 2vw, 24px) !important;
}

.va7-landing .va7-hero__remate {
  margin-top: clamp(14px, 1.8vw, 20px) !important;
}

.va7-landing #sintomas,
.va7-landing #sobre-mi,
.va7-landing #formas,
.va7-landing #faq,
.va7-landing #contenido,
.va7-landing #contacto {
  background: #02050c !important;
}

/* Elementor wrappers should not introduce extra gutters between imported sections. */
.elementor .elementor-section,
.elementor .elementor-column,
.elementor .elementor-widget-wrap,
.elementor .elementor-widget-html,
.elementor .elementor-widget-container {
  margin-block: 0 !important;
}

.elementor .elementor-widget-html {
  margin-bottom: 0 !important;
}

.elementor .elementor-widget-wrap {
  padding: 0 !important;
}

@media (min-width: 861px) and (max-width: 1180px) {
  .va7-landing .va7-hero h1 {
    font-size: clamp(36px, 4.4vw, 48px) !important;
    max-width: min(14.2ch, 100%) !important;
  }
}

@media (min-width: 561px) and (max-width: 860px) {
  .va7-landing .va7-hero h1 {
    font-size: clamp(34px, 5.8vw, 44px) !important;
    max-width: min(13.8ch, 100%) !important;
  }
}

@media (max-width: 560px) {
  .va7-landing .va7-section {
    padding-block: clamp(26px, 7vw, 42px) !important;
  }

  .va7-landing .va7-hero h1 {
    font-size: clamp(30px, 7.9vw, 36px) !important;
    letter-spacing: clamp(-2.2px, -.05em, -1.2px) !important;
    line-height: 1 !important;
    max-width: min(13.7ch, 100%) !important;
  }

  .va7-landing .va7-hero__sub {
    margin-top: 16px !important;
  }
}

/* Final live-size correction: reduce hero title pressure after WordPress render. */
.va7-landing .va7-hero h1 {
  font-size: clamp(36px, 3.85vw, 54px) !important;
  letter-spacing: clamp(-3px, -.048em, -1.5px) !important;
  line-height: 1 !important;
  max-width: min(14.6ch, 100%) !important;
}

.va7-landing .va7-hero__copy {
  max-width: min(560px, 100%) !important;
}

.va7-landing .va7-hero__sub {
  font-size: clamp(14px, .98vw, 16px) !important;
  line-height: 1.5 !important;
  max-width: min(46ch, 100%) !important;
}

.va7-landing .va7-hero__remate {
  max-width: min(38ch, 100%) !important;
}

@media (min-width: 1181px) {
  .va7-landing .va7-hero__grid {
    grid-template-columns: minmax(420px, .66fr) minmax(0, 1.34fr) !important;
  }
}

@media (min-width: 861px) and (max-width: 1180px) {
  .va7-landing .va7-hero h1 {
    font-size: clamp(34px, 4vw, 44px) !important;
    max-width: min(15.2ch, 100%) !important;
  }
}

@media (min-width: 561px) and (max-width: 860px) {
  .va7-landing .va7-hero h1 {
    font-size: clamp(32px, 5.1vw, 40px) !important;
    max-width: min(14.8ch, 100%) !important;
  }
}

@media (max-width: 560px) {
  .va7-landing .va7-hero h1 {
    font-size: clamp(28px, 7.15vw, 33px) !important;
    letter-spacing: clamp(-1.8px, -.045em, -1px) !important;
    line-height: 1.03 !important;
    max-width: min(15ch, 100%) !important;
  }
}

/* Hero width + premium services pass. */
.va7-landing .va7-hero__copy {
  max-width: min(700px, 100%) !important;
}

.va7-landing .va7-hero h1 {
  font-size: clamp(34px, 3.55vw, 50px) !important;
  letter-spacing: clamp(-2.8px, -.044em, -1.35px) !important;
  line-height: 1.025 !important;
  max-width: min(18ch, 100%) !important;
}

.va7-landing .va7-hero__sub {
  max-width: min(54ch, 100%) !important;
}

.va7-landing .va7-hero__remate {
  max-width: min(44ch, 100%) !important;
}

@media (min-width: 1181px) {
  .va7-landing .va7-hero__grid {
    grid-template-columns: minmax(520px, .78fr) minmax(0, 1.22fr) !important;
  }
}

@media (min-width: 861px) and (max-width: 1180px) {
  .va7-landing .va7-hero__copy {
    max-width: min(680px, 100%) !important;
  }

  .va7-landing .va7-hero h1 {
    font-size: clamp(32px, 3.8vw, 42px) !important;
    max-width: min(18ch, 100%) !important;
  }
}

.va7-landing #formas {
  padding-block: clamp(34px, 4vw, 58px) !important;
}

.va7-landing #formas .va7-section-head {
  margin-inline: auto;
  max-width: 920px !important;
}

.va7-landing #formas .va7-section-title {
  max-width: min(30ch, 100%) !important; /* Ronda AA: 18ch->30ch, quiebre 3 lineas */
}

.va7-landing #formas .va7-way-grid {
  align-items: stretch;
  display: grid;
  gap: clamp(12px, 1.35vw, 18px) !important;
  grid-template-columns: minmax(0, 1.12fr) repeat(2, minmax(0, .94fr)) !important;
  margin-top: clamp(22px, 3vw, 34px) !important;
}

.va7-landing #formas .va7-way-card,
.va7-landing #formas .va7-way-card:nth-child(1),
.va7-landing #formas .va7-way-card:nth-child(2),
.va7-landing #formas .va7-way-card:nth-child(3) {
  background:
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.012) 52%),
    radial-gradient(circle at 88% 8%, rgba(20,148,255,.18), transparent 12rem),
    rgba(3, 10, 23, .92) !important;
  border: 1px solid rgba(50, 157, 255, .26) !important;
  border-radius: clamp(20px, 1.8vw, 28px) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 22px 66px rgba(0,0,0,.22) !important;
  isolation: isolate;
  min-height: clamp(205px, 15vw, 238px) !important;
  overflow: hidden;
  padding: clamp(20px, 2vw, 28px) !important;
  position: relative;
  transform: none !important;
}

.va7-landing #formas .va7-way-card::before,
.va7-landing #formas .va7-way-card::after {
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.va7-landing #formas .va7-way-card::before {
  opacity: .8;
  z-index: 0;
}

.va7-landing #formas .va7-way-card::after {
  background:
    linear-gradient(180deg, rgba(2,5,12,.12), rgba(2,5,12,.74)),
    radial-gradient(circle at 82% 18%, rgba(20,148,255,.16), transparent 42%);
  z-index: 1;
}

.va7-landing #formas .va7-way-card:nth-child(1)::before {
  background:
    repeating-linear-gradient(90deg, rgba(117,199,255,.10) 0 1px, transparent 1px 28px),
    repeating-linear-gradient(0deg, rgba(117,199,255,.07) 0 1px, transparent 1px 28px),
    radial-gradient(circle at 80% 24%, transparent 0 34px, rgba(20,148,255,.28) 35px 36px, transparent 37px);
}

.va7-landing #formas .va7-way-card:nth-child(2)::before {
  background:
    radial-gradient(circle at 74% 26%, rgba(117,199,255,.42) 0 4px, transparent 5px),
    radial-gradient(circle at 88% 48%, rgba(20,148,255,.38) 0 4px, transparent 5px),
    linear-gradient(135deg, transparent 0 50%, rgba(117,199,255,.18) 50.4% 51%, transparent 51.4%),
    linear-gradient(25deg, transparent 0 58%, rgba(117,199,255,.14) 58.4% 59%, transparent 59.4%);
}

.va7-landing #formas .va7-way-card:nth-child(3)::before {
  background:
    linear-gradient(135deg, transparent 54%, rgba(20,148,255,.18) 54.4% 55.2%, transparent 55.6%),
    linear-gradient(155deg, transparent 38%, rgba(117,199,255,.13) 38.4% 39.2%, transparent 39.6%),
    radial-gradient(ellipse at 88% 20%, rgba(20,148,255,.18), transparent 9rem);
}

.va7-landing #formas .va7-way-card > span:first-child,
.va7-landing #formas .va7-way-card h3,
.va7-landing #formas .va7-way-card p,
.va7-landing #formas .va7-way-card .va7-program-arrow {
  position: relative;
  z-index: 2;
}

.va7-landing #formas .va7-way-card > span:first-child {
  align-items: center;
  background: rgba(20,148,255,.10);
  border: 1px solid rgba(117,199,255,.18);
  border-radius: 999px;
  color: #8fd2ff !important;
  display: inline-flex;
  font-size: 11px !important;
  height: 28px;
  justify-content: center;
  letter-spacing: .08em !important;
  margin-bottom: clamp(28px, 3.2vw, 44px) !important;
  width: 42px;
}

.va7-landing #formas .va7-way-card h3 {
  color: #f8fbff !important;
  font-size: clamp(25px, 2vw, 32px) !important;
  letter-spacing: -.052em;
  line-height: 1.02 !important;
  margin: 0 0 12px !important;
  max-width: 10ch;
}

.va7-landing #formas .va7-way-card:nth-child(1) h3 {
  max-width: 11ch;
}

.va7-landing #formas .va7-way-card p {
  color: rgba(214,226,244,.78) !important;
  font-size: clamp(14px, .98vw, 15.5px) !important;
  line-height: 1.43 !important;
  margin: 0 !important;
  max-width: 34ch;
}

.va7-landing #formas .va7-way-card .va7-program-arrow {
  align-items: center;
  background: rgba(20,148,255,.10);
  border: 1px solid rgba(117,199,255,.18);
  border-radius: 999px;
  bottom: 18px;
  color: #7fcaff;
  display: inline-flex;
  font-size: 18px;
  height: 34px;
  justify-content: center;
  opacity: .72;
  position: absolute;
  right: 18px;
  width: 34px;
}

.va7-landing #formas .va7-way-card:hover {
  border-color: rgba(117,199,255,.42) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 26px 80px rgba(0, 90, 255, .16) !important;
  transform: translateY(-3px) !important;
}

.va7-landing #formas .va7-riders-line {
  margin-top: clamp(22px, 3.4vw, 42px) !important;
}

@media (max-width: 860px) {
  .va7-landing #formas .va7-way-grid {
    grid-template-columns: 1fr !important;
    margin-top: 22px !important;
  }

  .va7-landing #formas .va7-way-card,
  .va7-landing #formas .va7-way-card:nth-child(1),
  .va7-landing #formas .va7-way-card:nth-child(2),
  .va7-landing #formas .va7-way-card:nth-child(3) {
    min-height: 0 !important;
    padding: clamp(18px, 4.6vw, 24px) !important;
  }

  .va7-landing #formas .va7-way-card > span:first-child {
    margin-bottom: 18px !important;
  }

  .va7-landing #formas .va7-way-card h3 {
    font-size: clamp(24px, 5.4vw, 30px) !important;
    max-width: min(14ch, 100%);
  }

  .va7-landing #formas .va7-way-card p {
    max-width: min(42ch, calc(100% - 42px));
  }
}

/* Real mobile first-fold correction: CTA visible without sacrificing the hero. */
@media (max-width: 560px) {
  .va7-landing .va7-hero {
    padding-bottom: 14px !important;
  }

  .va7-landing .va7-hero .va7-container {
    padding-inline: 14px !important;
  }

  .va7-landing .va7-hero--final .va7-mobile-hero-first {
    height: clamp(218px, 58vw, 250px) !important;
    margin-bottom: 10px !important;
  }

  .va7-landing .va7-hero--final .va7-mobile-hero-first picture,
  .va7-landing .va7-hero--final .va7-mobile-hero-first img {
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 2% !important;
    transform: scale(1.04) translateY(-2%) !important;
    width: 100% !important;
  }

  .va7-landing .va7-hero__copy {
    margin-inline: auto !important;
    max-width: calc(100vw - 28px) !important;
    width: calc(100vw - 28px) !important;
  }

  .va7-landing .va7-hero__copy > .va7-kicker {
    font-size: clamp(9.5px, 2.65vw, 10.5px) !important;
    letter-spacing: .09em !important;
    line-height: 1.15 !important;
    margin-bottom: 8px !important;
  }

  .va7-landing .va7-hero h1 {
    font-size: clamp(27px, 7.35vw, 31px) !important;
    letter-spacing: clamp(-1.55px, -.042em, -1px) !important;
    line-height: 1.03 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .va7-landing .va7-hero h1 .va7-mobile-break {
    display: none !important;
  }

  .va7-landing .va7-hero__sub {
    font-size: clamp(12px, 3.35vw, 13px) !important;
    line-height: 1.32 !important;
    margin-top: 14px !important;
    max-width: 100% !important;
  }

  .va7-landing .va7-hero__sub p {
    margin-bottom: 7px !important;
  }

  .va7-landing .va7-hero__remate {
    display: none !important;
  }

  .va7-landing .va7-actions {
    margin-top: 12px !important;
    max-width: min(300px, 100%) !important;
  }

  .va7-landing .va7-actions .va7-button {
    min-height: 48px !important;
  }
}

/* Live mobile hero fit: real phone viewport with browser chrome. */
@media (max-width: 560px) {
  .va7-landing .va7-hero {
    background: #02050c !important;
    padding-top: 0 !important;
    padding-bottom: 18px !important;
  }

  .va7-landing .va7-hero::before {
    background: #02050c !important;
  }

  .va7-landing .va7-hero::after {
    opacity: .18 !important;
  }

  .va7-landing .va7-hero .va7-container {
    padding-inline: 18px !important;
  }

  .va7-landing .va7-hero--final .va7-mobile-hero-first {
    background: #02050c !important;
    height: clamp(286px, 76vw, 330px) !important;
    margin-bottom: 8px !important;
  }

  .va7-landing .va7-hero--final .va7-mobile-hero-first::after {
    background:
      linear-gradient(90deg, #02050c 0%, transparent 4%, transparent 96%, #02050c 100%),
      linear-gradient(180deg, transparent 0%, transparent 72%, #02050c 100%) !important;
  }

  .va7-landing .va7-hero--final .va7-mobile-hero-first picture,
  .va7-landing .va7-hero--final .va7-mobile-hero-first img {
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 0 !important;
    transform: none !important;
    width: 100% !important;
  }

  .va7-landing .va7-hero--final .va7-mobile-hero-first img {
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 80%, transparent 100%) !important;
    mask-image: linear-gradient(180deg, #000 0%, #000 80%, transparent 100%) !important;
  }

  .va7-landing .va7-hero__copy {
    background: #02050c !important;
    box-sizing: border-box !important;
    margin-inline: auto !important;
    max-width: calc(100vw - 36px) !important;
    padding-top: 0 !important;
    width: calc(100vw - 36px) !important;
  }

  .va7-landing .va7-hero h1 {
    font-size: clamp(24px, 6.05vw, 29px) !important;
    letter-spacing: clamp(-1.25px, -.035em, -.85px) !important;
    line-height: 1.02 !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    text-wrap: balance !important;
    width: 100% !important;
  }

  .va7-landing .va7-hero h1 .va7-mobile-break {
    display: none !important;
  }

  .va7-landing .va7-hero__sub {
    box-sizing: border-box !important;
    font-size: clamp(12px, 3.2vw, 13px) !important;
    line-height: 1.32 !important;
    margin-top: 13px !important;
    max-width: min(100%, 35ch) !important;
    width: 100% !important;
  }

  .va7-landing .va7-hero-lines {
    max-width: min(100%, 35ch) !important;
    width: 100% !important;
  }

  .va7-landing .va7-hero__sub p {
    box-sizing: border-box !important;
    max-width: 100% !important;
    margin-bottom: 7px !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
  }

  .va7-landing .va7-actions {
    margin-top: 13px !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .va7-landing .va7-actions .va7-button {
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (max-width: 420px) {
  .va7-landing .va7-hero h1 .va7-mobile-break {
    display: inline !important;
  }

  .va7-landing .va7-hero h1 .va7-mobile-break br {
    display: block !important;
  }

  .va7-landing .va7-hero h1 {
    font-size: clamp(24px, 6.4vw, 28px) !important;
    line-height: 1.02 !important;
  }
}

@media (max-width: 370px) {
  .va7-landing .va7-hero--final .va7-mobile-hero-first {
    height: clamp(270px, 74vw, 300px) !important;
  }

  .va7-landing .va7-hero h1 {
    font-size: clamp(23px, 6.25vw, 26px) !important;
  }
}

/* Final mobile hero rhythm: keep the diagnostic lines readable and the main CTA easy to tap. */
@media (max-width: 860px) {
  .va7-landing .va7-hero-lines {
    gap: clamp(10px, 3.1vw, 14px) !important;
    margin-top: clamp(16px, 4.4vw, 22px) !important;
    max-width: min(100%, 36ch) !important;
  }

  .va7-landing .va7-hero__sub p {
    font-size: clamp(14px, 3.85vw, 16px) !important;
    line-height: 1.42 !important;
    margin: 0 !important;
  }

  .va7-landing .va7-hero__remate {
    font-size: clamp(15px, 4vw, 17px) !important;
    line-height: 1.36 !important;
    margin-top: clamp(18px, 5vw, 24px) !important;
    padding: 14px 14px 14px 16px !important;
  }

  .va7-landing .va7-hero .va7-actions {
    margin-top: clamp(22px, 5.8vw, 30px) !important;
  }

  .va7-landing .va7-hero .va7-actions .va7-button {
    font-size: clamp(16px, 4.25vw, 17px) !important;
    font-weight: 900 !important;
    gap: 12px !important;
    min-height: 58px !important;
    padding-inline: clamp(24px, 7vw, 34px) !important;
    width: min(100%, 360px) !important;
  }
}

/* Final copy polish requested after mobile review. */
.va7-landing .va7-hero h1 .va7-hero-title__blue {
  color: #00a8ff !important;
  text-shadow:
    0 0 10px rgba(0, 168, 255, .75),
    0 0 26px rgba(0, 118, 255, .52),
    0 0 54px rgba(0, 70, 255, .26) !important;
}

.va7-landing .va7-hero__remate {
  color: rgba(247, 251, 255, .82) !important;
  font-size: clamp(15px, 1.05vw, 17px) !important;
  font-weight: 560 !important;
  letter-spacing: -.01em !important;
  line-height: 1.26 !important;
}

.va7-landing .va7-hero__remate strong,
.va7-landing .va7-hero__remate b {
  font-weight: 700 !important;
}

.va7-landing .va7-button,
.va7-landing .va7-mobile-sticky {
  font-size: clamp(13px, 1.1vw, 15px) !important;
  letter-spacing: -.01em !important;
}

.va7-landing .va7-final-cta .va7-button,
.va7-landing .va7-mobile-sticky {
  font-size: clamp(13px, 3.4vw, 15px) !important;
  line-height: 1.1 !important;
}

.va7-landing #formas .va7-way-card h3 {
  hyphens: none !important;
  overflow-wrap: normal !important;
  text-wrap: balance !important;
  word-break: normal !important;
}

@media (max-width: 560px) {
  .va7-landing .va7-hero h1 .va7-hero-title__blue {
    text-shadow:
      0 0 8px rgba(0, 168, 255, .78),
      0 0 20px rgba(0, 118, 255, .58),
      0 0 38px rgba(0, 70, 255, .28) !important;
  }

  .va7-landing .va7-button,
  .va7-landing .va7-mobile-sticky {
    font-size: clamp(12.5px, 3.35vw, 14px) !important;
  }
}

/* Final public polish: stronger electric accents + safer mobile text width. */
.va7-landing .va7-hero h1 .va7-hero-title__blue {
  color: #008cff !important;
  text-shadow:
    0 0 2px rgba(0, 0, 0, .95),
    0 2px 14px rgba(0, 0, 0, .82),
    0 0 32px rgba(0, 140, 255, .58),
    0 0 64px rgba(0, 100, 255, .28) !important;
}

.va7-landing .va7-hero__remate {
  color: rgba(239, 247, 255, .72) !important;
  font-size: clamp(14px, .98vw, 16px) !important;
  font-weight: 500 !important;
  line-height: 1.28 !important;
  text-shadow: none !important;
}

.va7-landing .va7-button,
.va7-landing .va7-mobile-sticky {
  font-size: clamp(14px, 1.05vw, 15px) !important;
  font-weight: 760 !important;
  letter-spacing: -.015em !important;
}

.va7-landing #formas .va7-way-card h3 {
  hyphens: none !important;
  overflow-wrap: normal !important;
  text-wrap: balance !important;
  word-break: keep-all !important;
}

.va7-landing #contenido .va7-section-title {
  max-width: min(100%, 18ch) !important;
  text-wrap: balance !important;
}

@media (max-width: 720px) {
  .va7-landing #contenido .va7-content__grid {
    width: min(100%, calc(100vw - 32px)) !important;
  }

  .va7-landing #contenido .va7-section-title {
    font-size: clamp(28px, 7.2vw, 36px) !important;
    letter-spacing: -.05em !important;
    line-height: 1 !important;
    max-width: min(100%, 15.5ch) !important;
  }

  .va7-landing #sintomas .va7-section-title {
    line-height: 1.04 !important;
  }

  .va7-landing #contenido .va7-media-grid {
    width: 100% !important;
  }

  .va7-landing #contenido .va7-media-card {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    padding: 13px 14px !important;
  }

  .va7-landing #contenido .va7-media-card p {
    max-width: 100% !important;
    padding-right: clamp(18px, 7vw, 34px) !important;
  }
}

@media (max-width: 560px) {
  .va7-landing .va7-hero h1 .va7-hero-title__blue {
    text-shadow:
      0 0 2px rgba(0, 0, 0, .95),
      0 2px 12px rgba(0, 0, 0, .82),
      0 0 26px rgba(0, 140, 255, .54),
      0 0 50px rgba(0, 100, 255, .26) !important;
  }

  .va7-landing .va7-hero__remate {
    font-size: clamp(13px, 3.35vw, 14.5px) !important;
    font-weight: 500 !important;
  }

  .va7-landing .va7-actions .va7-button,
  .va7-landing .va7-mobile-sticky {
    font-size: clamp(13px, 3.55vw, 14.5px) !important;
    min-height: 48px !important;
  }
}

@media (max-width: 390px) {
  .va7-landing #contenido .va7-section-title {
    font-size: clamp(26px, 7vw, 32px) !important;
    max-width: min(100%, 16ch) !important;
  }
}

/* Final responsive width lock: real mobile browsers must not inherit narrow text columns. */
@media (max-width: 860px) {
  .va7-landing .va7-hero > .va7-container,
  .va7-landing #contenido > .va7-container {
    padding-left: clamp(14px, 4.2vw, 28px) !important;
    padding-right: clamp(14px, 4.2vw, 28px) !important;
    width: 100% !important;
  }

  .va7-landing .va7-hero__copy {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 680px !important;
    width: 100% !important;
  }

  .va7-landing .va7-hero h1 {
    max-width: 100% !important;
    width: 100% !important;
  }

  .va7-landing .va7-hero__sub,
  .va7-landing .va7-hero__remate,
  .va7-landing .va7-actions {
    max-width: 100% !important;
    width: 100% !important;
  }

  .va7-landing #contenido .va7-content__grid {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 680px !important;
    width: 100% !important;
  }

  .va7-landing #contenido .va7-section-title {
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (min-width: 561px) and (max-width: 860px) {
  .va7-landing .va7-hero h1 {
    font-size: clamp(34px, 5.4vw, 42px) !important;
    line-height: 1.03 !important;
  }

  .va7-landing #contenido .va7-section-title {
    font-size: clamp(38px, 5.7vw, 48px) !important;
    line-height: 1.02 !important;
  }
}

@media (max-width: 560px) {
  .va7-landing .va7-hero > .va7-container {
    padding-left: clamp(14px, 4vw, 18px) !important;
    padding-right: clamp(14px, 4vw, 18px) !important;
  }

  .va7-landing .va7-hero__copy {
    max-width: none !important;
  }

  .va7-landing .va7-hero h1 {
    font-size: clamp(29px, 7.65vw, 34px) !important;
    letter-spacing: -.044em !important;
    line-height: 1.04 !important;
    overflow-wrap: break-word !important;
    text-wrap: balance !important;
    white-space: normal !important;
  }

  .va7-landing .va7-hero h1 span {
    white-space: normal !important;
  }

  .va7-landing #contenido .va7-section-title {
    font-size: clamp(29px, 7.8vw, 36px) !important;
    letter-spacing: -.052em !important;
    line-height: 1.02 !important;
    max-width: 100% !important;
  }

  .va7-landing #contenido .va7-media-grid {
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (max-width: 400px) {
  .va7-landing .va7-hero h1 {
    font-size: clamp(26px, 6.95vw, 29px) !important;
    letter-spacing: -.04em !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

/* iPhone-class hardening: full-width copy without clipping. */
@media (min-width: 371px) and (max-width: 430px) {
  .va7-landing .va7-hero > .va7-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .va7-landing .va7-hero__copy {
    max-width: none !important;
    text-align: center !important;
    width: 100% !important;
  }

  .va7-landing .va7-hero h1 {
    font-size: clamp(24px, 6.35vw, 26px) !important;
    line-height: 1.08 !important;
    max-width: 100% !important;
    text-align: center !important;
    width: 100% !important;
  }

  .va7-landing .va7-hero__sub {
    font-size: clamp(13.5px, 3.55vw, 15px) !important;
    line-height: 1.3 !important;
  }

  .va7-landing .va7-actions .va7-button {
    font-size: clamp(13px, 3.55vw, 14px) !important;
    max-width: 100% !important;
    min-height: 46px !important;
    width: 100% !important;
  }

  .va7-landing #contenido > .va7-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .va7-landing #contenido .va7-section-title {
    font-size: clamp(28px, 7.2vw, 32px) !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

/* Final hero micro-polish: align kicker with centered iPhone H1. */
.va7-landing .va7-hero-smart-break {
  display: none;
}

@media (min-width: 371px) and (max-width: 430px) {
  .va7-landing .va7-hero__copy > .va7-kicker {
    color: #9fd4ff !important;
    display: block !important;
    font-size: clamp(10.5px, 2.9vw, 11.5px) !important;
    letter-spacing: .11em !important;
    line-height: 1.35 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 32ch !important;
    text-align: center !important;
    text-shadow:
      0 0 10px rgba(0, 183, 255, .58),
      0 0 24px rgba(0, 118, 255, .32) !important;
  }

  .va7-landing .va7-hero-smart-break {
    display: inline !important;
  }

  .va7-landing .va7-hero h1 {
    font-size: clamp(24px, 6.35vw, 26px) !important;
    line-height: 1.1 !important;
  }
}

/* WordPress performance guard: keep mobile hero single-column after deferred CSS loads. */
@media (max-width: 860px) {
  .va7-landing .va7-hero__grid {
    display: block !important;
  }

  .va7-landing .va7-hero__visual {
    display: none !important;
  }

  .va7-landing .va7-hero__copy {
    margin-inline: auto !important;
  }
}

/* Final override after cache/debug review: compact diagnostic lines and keep CTA visible sooner. */
.va7-landing .va7-hero-lines {
  gap: clamp(4px, .55vw, 7px) !important;
  margin-top: clamp(12px, 1.35vw, 18px) !important;
  max-width: min(100%, 38ch) !important;
}

.va7-landing .va7-hero__sub p {
  border-left: 2px solid rgba(0, 168, 255, .46) !important;
  color: rgba(220, 233, 248, .86) !important;
  line-height: 1.32 !important;
  margin: 0 !important;
  padding-left: 11px !important;
}

.va7-landing .va7-hero__remate {
  line-height: 1.24 !important;
  margin-top: clamp(12px, 1.4vw, 18px) !important;
  padding: 10px 12px !important;
}

.va7-landing .va7-hero .va7-actions {
  margin-top: clamp(12px, 1.55vw, 20px) !important;
}

@media (max-width: 860px) {
  .va7-landing .va7-hero-lines {
    gap: clamp(4px, 1.5vw, 6px) !important;
    margin-top: clamp(12px, 3.2vw, 16px) !important;
    max-width: min(100%, 36ch) !important;
  }

  .va7-landing .va7-hero__sub p {
    font-size: clamp(13.5px, 3.55vw, 15px) !important;
    line-height: 1.32 !important;
  }

  .va7-landing .va7-hero__remate {
    font-size: clamp(14px, 3.65vw, 15.5px) !important;
    line-height: 1.25 !important;
    margin-top: clamp(12px, 3.5vw, 16px) !important;
    padding: 10px 12px !important;
  }

  .va7-landing .va7-hero .va7-actions {
    margin-top: clamp(12px, 3.8vw, 18px) !important;
  }

  .va7-landing .va7-hero .va7-actions .va7-button {
    font-size: clamp(15.5px, 4vw, 16.5px) !important;
    font-weight: 900 !important;
    min-height: 54px !important;
    padding-inline: clamp(22px, 6vw, 30px) !important;
    width: min(100%, 350px) !important;
  }
}

/* Final type cleanup: consistent headings, no desktop cards for hero diagnosis, cleaner story rhythm. */
.va7-landing .va7-section-title {
  font-size: clamp(32px, 4.15vw, 54px) !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
  line-height: 1.02 !important;
}

.va7-landing :where(.va7-symptom-item h3, .va7-way-card h3, .va7-case-card h3, .va7-faq-item summary) {
  font-size: clamp(22px, 1.9vw, 30px) !important;
  font-weight: 850 !important;
  letter-spacing: -.04em !important;
  line-height: 1.06 !important;
}

.va7-landing #formas .va7-way-card h3 {
  font-size: clamp(25px, 2vw, 32px) !important;
  font-weight: 850 !important;
  letter-spacing: -.052em !important;
  line-height: 1.02 !important;
}

.va7-landing #sintomas .va7-symptom-item h3 {
  font-size: clamp(22px, 1.85vw, 30px) !important;
  font-weight: 850 !important;
  letter-spacing: -.038em !important;
  line-height: 1.08 !important;
}

.va7-landing .va7-hero-lines {
  gap: 6px !important;
  margin-top: clamp(14px, 1.35vw, 20px) !important;
}

.va7-landing .va7-hero__sub p,
.va7-landing .va7-hero-lines p {
  background: transparent !important;
  border: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.va7-landing #sobre-mi .va7-authority__body {
  display: grid !important;
  gap: clamp(10px, 1.1vw, 14px) !important;
  margin-top: clamp(16px, 1.5vw, 22px) !important;
  max-width: 680px !important;
}

.va7-landing #sobre-mi .va7-authority__body p {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: rgba(225, 236, 250, .86) !important;
  font-size: clamp(16px, 1.08vw, 17.5px) !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 860px) {
  .va7-landing .va7-section-title {
    font-size: clamp(28px, 7.5vw, 36px) !important;
    letter-spacing: -.046em !important;
    line-height: 1.03 !important;
  }

  .va7-landing :where(.va7-symptom-item h3, .va7-way-card h3, .va7-case-card h3, .va7-faq-item summary) {
    font-size: clamp(20px, 5.2vw, 25px) !important;
    letter-spacing: -.04em !important;
    line-height: 1.08 !important;
  }

  .va7-landing #formas .va7-way-card h3 {
    font-size: clamp(22px, 5.8vw, 28px) !important;
    letter-spacing: -.048em !important;
    line-height: 1.04 !important;
  }

  .va7-landing #sintomas .va7-symptom-item h3 {
    font-size: clamp(20px, 5.2vw, 25px) !important;
    letter-spacing: -.038em !important;
    line-height: 1.08 !important;
  }

  .va7-landing #sobre-mi .va7-authority__body {
    gap: 9px !important;
    margin-top: 14px !important;
    max-width: 100% !important;
  }

  .va7-landing #sobre-mi .va7-authority__body p {
    font-size: clamp(15.5px, 4.05vw, 17px) !important;
    line-height: 1.4 !important;
  }
}

/* Final close QA: keep the sintomas headline readable on mobile after type cleanup. */
@media (max-width: 860px) {
  .va7-landing #sintomas .va7-section-title {
    font-size: clamp(27px, 7.25vw, 32px) !important;
    letter-spacing: -.034em !important;
    line-height: 1.07 !important;
    max-width: min(100%, 15.5ch) !important;
    word-spacing: .02em !important;
  }
}

/* Social cards brand pass: recognizable channel colors using existing inline SVGs only. */
.va7-landing #contenido .va7-media-grid {
  gap: clamp(12px, 1.4vw, 18px) !important;
}

.va7-landing #contenido .va7-media-card {
  --channel: #00a8ff;
  --channel-2: #006dff;
  --channel-rgb: 0, 168, 255;
  align-items: start !important;
  background:
    radial-gradient(circle at 16% 18%, rgba(var(--channel-rgb), .28), transparent 34%),
    linear-gradient(135deg, rgba(var(--channel-rgb), .16), rgba(255,255,255,.035) 42%, rgba(2, 8, 20, .82)) !important;
  border: 1px solid rgba(var(--channel-rgb), .34) !important;
  border-radius: 20px !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.045) inset,
    0 18px 48px rgba(var(--channel-rgb), .10) !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding: clamp(18px, 2vw, 26px) !important;
  position: relative !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

.va7-landing #contenido .va7-media-card--youtube {
  --channel: #ff0033;
  --channel-2: #ff5a5f;
  --channel-rgb: 255, 0, 51;
}

.va7-landing #contenido .va7-media-card--instagram {
  --channel: #e1306c;
  --channel-2: #f77737;
  --channel-rgb: 225, 48, 108;
}

.va7-landing #contenido .va7-media-card--linkedin {
  --channel: #0a66c2;
  --channel-2: #5ab4ff;
  --channel-rgb: 10, 102, 194;
}

.va7-landing #contenido .va7-media-card--podcast {
  --channel: #1db954;
  --channel-2: #7bea9b;
  --channel-rgb: 29, 185, 84;
}

.va7-landing #contenido .va7-media-card::before {
  background: linear-gradient(135deg, var(--channel), var(--channel-2)) !important;
  border-radius: 18px !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.16) inset,
    0 12px 32px rgba(var(--channel-rgb), .26) !important;
  color: rgba(255,255,255,.96) !important;
  content: attr(data-channel) !important;
  display: grid !important;
  font-size: clamp(12px, 1vw, 14px) !important;
  font-weight: 950 !important;
  height: 42px !important;
  letter-spacing: .04em !important;
  line-height: 1 !important;
  place-items: center !important;
  position: absolute !important;
  right: 16px !important;
  top: 16px !important;
  width: 42px !important;
  z-index: 1 !important;
}

.va7-landing #contenido .va7-media-card::after {
  background: linear-gradient(90deg, var(--channel), transparent) !important;
  bottom: 0 !important;
  content: "" !important;
  height: 3px !important;
  left: 0 !important;
  opacity: .9 !important;
  position: absolute !important;
  right: 0 !important;
  top: auto !important;
  transform: none !important;
  z-index: 1 !important;
}

.va7-landing #contenido .va7-media-card svg {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(var(--channel-rgb), .35) !important;
  border-radius: 14px !important;
  color: var(--channel) !important;
  filter: drop-shadow(0 0 16px rgba(var(--channel-rgb), .32)) !important;
  grid-column: auto !important;
  height: 42px !important;
  margin: 0 0 14px !important;
  padding: 9px !important;
  width: 42px !important;
  z-index: 2 !important;
}

.va7-landing #contenido .va7-media-card span {
  color: #ffffff !important;
  font-size: clamp(22px, 1.9vw, 30px) !important;
  font-weight: 950 !important;
  letter-spacing: -.045em !important;
  line-height: 1 !important;
  margin: 0 52px 8px 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

.va7-landing #contenido .va7-media-card p {
  color: rgba(225, 236, 250, .82) !important;
  font-size: clamp(13.5px, 1vw, 15px) !important;
  line-height: 1.34 !important;
  margin: 0 !important;
  max-width: 34ch !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

.va7-landing #contenido .va7-media-card:hover {
  border-color: rgba(var(--channel-rgb), .62) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.07) inset,
    0 22px 62px rgba(var(--channel-rgb), .18) !important;
  transform: translateY(-3px) !important;
}

@media (max-width: 720px) {
  .va7-landing #contenido .va7-media-grid {
    gap: 10px !important;
  }

  .va7-landing #contenido .va7-media-card,
  .va7-landing #contenido .va7-media-card:first-child {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    min-height: 104px !important;
    padding: 14px 14px !important;
  }

  .va7-landing #contenido .va7-media-card::before {
    display: none !important;
  }

  .va7-landing #contenido .va7-media-card svg {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 8px !important;
    width: 38px !important;
  }

  .va7-landing #contenido .va7-media-card span,
  .va7-landing #contenido .va7-media-card p {
    grid-column: 2 !important;
    max-width: 100% !important;
  }

  .va7-landing #contenido .va7-media-card span {
    font-size: clamp(20px, 5.4vw, 24px) !important;
    margin: 0 0 5px 0 !important;
  }

  .va7-landing #contenido .va7-media-card p {
    font-size: clamp(13px, 3.5vw, 14.5px) !important;
    line-height: 1.28 !important;
  }
}

/* CTA final sizing pass: stronger tap targets without pushing the hero below the fold. */
.va7-landing .va7-button,
.va7-landing .va7-mobile-sticky {
  font-size: clamp(15px, 1.08vw, 16px) !important;
  font-weight: 850 !important;
  min-height: 52px !important;
  padding-inline: clamp(22px, 2vw, 30px) !important;
}

.va7-landing .va7-button svg,
.va7-landing .va7-mobile-sticky svg {
  width: 1.08em !important;
  height: 1.08em !important;
}

.va7-landing .va7-hero .va7-actions .va7-button {
  font-size: clamp(16px, 1.18vw, 17.5px) !important;
  min-height: 56px !important;
  padding-inline: clamp(28px, 2.8vw, 38px) !important;
  width: min(100%, 380px) !important;
}

@media (max-width: 860px) {
  .va7-landing .va7-button,
  .va7-landing .va7-mobile-sticky {
    font-size: clamp(15.5px, 4vw, 17px) !important;
    min-height: 54px !important;
    padding-inline: clamp(24px, 6vw, 34px) !important;
  }

  .va7-landing .va7-hero .va7-actions .va7-button {
    font-size: clamp(16.5px, 4.35vw, 18px) !important;
    min-height: 58px !important;
    padding-inline: clamp(28px, 7vw, 40px) !important;
    width: min(100%, 372px) !important;
  }
}

/* Final placement pass: less top air on desktop and unmistakable CTA sizing on real phones. */
@media (min-width: 861px) {
  .va7-landing .va7-hero {
    padding-top: clamp(18px, 2.6vw, 38px) !important;
  }

  .va7-landing .va7-hero__grid {
    align-items: start !important;
  }
}

@media (max-width: 860px) {
  .va7-landing .va7-hero {
    padding-top: clamp(18px, 5vw, 28px) !important;
  }

  .va7-landing .va7-hero .va7-actions {
    justify-content: center !important;
    margin-top: clamp(10px, 3vw, 14px) !important;
    width: 100% !important;
  }

  .va7-landing .va7-hero .va7-actions > .va7-button,
  .va7-landing .va7-hero .va7-actions > a.va7-button,
  .va7-landing .va7-hero a.va7-button {
    border-radius: 14px !important;
    box-sizing: border-box !important;
    font-size: clamp(17px, 4.65vw, 19px) !important;
    font-weight: 950 !important;
    justify-content: center !important;
    letter-spacing: -.018em !important;
    line-height: 1.05 !important;
    max-width: 390px !important;
    min-height: 60px !important;
    padding: 0 clamp(30px, 7.5vw, 42px) !important;
    width: min(100%, 390px) !important;
  }

  .va7-landing .va7-hero .va7-actions > .va7-button svg,
  .va7-landing .va7-hero .va7-actions > a.va7-button svg,
  .va7-landing .va7-hero a.va7-button svg {
    height: 1.15em !important;
    width: 1.15em !important;
  }
}

@media (max-width: 380px) {
  .va7-landing .va7-hero .va7-actions > .va7-button,
  .va7-landing .va7-hero .va7-actions > a.va7-button,
  .va7-landing .va7-hero a.va7-button {
    font-size: clamp(16px, 4.35vw, 17px) !important;
    min-height: 56px !important;
    padding-inline: 24px !important;
    width: 100% !important;
  }
}

/* Mobile copy cut: hide diagnostic lines that make the first fold feel crowded. */
@media (max-width: 860px) {
  .va7-landing .va7-hero-lines {
    display: none !important;
  }

  .va7-landing .va7-hero__sub {
    margin-top: 0 !important;
  }

  .va7-landing .va7-hero__remate {
    margin-top: clamp(12px, 3vw, 16px) !important;
  }
}

/* Mid-page CTA: after the three ways grid, give visitors a natural next step. */
.va7-landing .va7-ways-cta {
  display: flex;
  justify-content: center;
  margin-top: clamp(24px, 3vw, 40px);
}

.va7-landing .va7-ways-cta .va7-button {
  min-height: 56px !important;
  width: min(100%, 360px) !important;
}

@media (max-width: 860px) {
  .va7-landing .va7-ways-cta {
    margin-top: clamp(18px, 5vw, 26px);
  }

  .va7-landing .va7-ways-cta .va7-button {
    font-size: clamp(15.5px, 4vw, 17px) !important;
    min-height: 56px !important;
    width: min(100%, 390px) !important;
  }
}

/* CTA parity: mid-page and final CTAs should feel as strong as the hero CTA. */
.va7-landing .va7-ways-cta .va7-button,
.va7-landing .va7-final-cta .va7-button,
.va7-landing .va7-final-cta .va7-button--bright {
  font-size: clamp(17px, 1.22vw, 19px) !important;
  font-weight: 950 !important;
  letter-spacing: -.018em !important;
  min-height: 62px !important;
  padding-inline: clamp(30px, 3vw, 44px) !important;
  width: min(100%, 420px) !important;
}

.va7-landing .va7-ways-cta .va7-button svg,
.va7-landing .va7-final-cta .va7-button svg,
.va7-landing .va7-final-cta .va7-button--bright svg {
  height: 1.18em !important;
  width: 1.18em !important;
}

@media (max-width: 860px) {
  .va7-landing .va7-ways-cta .va7-button,
  .va7-landing .va7-final-cta .va7-button,
  .va7-landing .va7-final-cta .va7-button--bright {
    font-size: clamp(17px, 4.65vw, 19px) !important;
    min-height: 60px !important;
    padding-inline: clamp(28px, 7vw, 42px) !important;
    width: min(100%, 390px) !important;
  }
}

/* FAQ mobile width fix: override older 354px caps so the accordion uses the viewport. */
@media (max-width: 860px) {
  .va7-landing #faq > .va7-container,
  .va7-landing #faq .va7-faq__grid {
    box-sizing: border-box !important;
    max-width: 100vw !important;
    padding-left: clamp(14px, 4vw, 18px) !important;
    padding-right: clamp(14px, 4vw, 18px) !important;
    width: 100% !important;
  }

  .va7-landing #faq .va7-faq__grid {
    gap: clamp(18px, 5vw, 28px) !important;
  }

  .va7-landing #faq .va7-faq__grid > *,
  .va7-landing #faq .va7-faq-list,
  .va7-landing #faq .va7-faq-item {
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

/* Mobile surgical pass: FAQ nearly full width + tighter authority story cards. */
@media (max-width: 860px) {
  .va7-landing #faq {
    overflow: visible !important;
  }

  .va7-landing #faq > .va7-container,
  .va7-landing #faq .va7-faq__grid {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: none !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    width: 100% !important;
  }

  .va7-landing #faq .va7-faq-list,
  .va7-landing #faq .va7-faq-item,
  .va7-landing #faq .va7-faq-item summary,
  .va7-landing #faq .va7-faq-item p {
    max-width: none !important;
    width: 100% !important;
  }

  .va7-landing #faq .va7-faq-item summary {
    padding-right: 34px !important;
  }

  .va7-landing #sobre-mi .va7-authority__grid {
    gap: clamp(16px, 4vw, 24px) !important;
  }

  .va7-landing #sobre-mi .va7-authority__body {
    display: grid !important;
    gap: 8px !important;
    margin-top: clamp(14px, 4vw, 20px) !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .va7-landing #sobre-mi .va7-authority__body p {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: rgba(230, 240, 253, .9) !important;
    font-size: clamp(15.5px, 4.1vw, 17px) !important;
    line-height: 1.36 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* Hero mobile copy tuning: slightly larger H1 and less top air after kicker copy update. */
@media (max-width: 860px) {
  .va7-landing .va7-hero {
    padding-top: clamp(12px, 3.6vw, 22px) !important;
  }

  .va7-landing .va7-hero__copy > .va7-kicker {
    font-size: clamp(10.5px, 2.75vw, 12px) !important;
    letter-spacing: .075em !important;
    line-height: 1.28 !important;
    margin-bottom: clamp(10px, 2.8vw, 14px) !important;
    max-width: min(100%, 34ch) !important;
    text-align: center !important;
  }

  .va7-landing .va7-hero h1,
  .va7-landing .va7-hero h1#hero-title {
    font-size: clamp(26px, 6.95vw, 30px) !important;
    line-height: 1.065 !important;
  }
}

@media (min-width: 371px) and (max-width: 430px) {
  .va7-landing .va7-hero h1,
  .va7-landing .va7-hero h1#hero-title {
    font-size: clamp(27px, 7.05vw, 30px) !important;
    line-height: 1.075 !important;
  }
}

/* Final mobile hero compact rhythm: list-like lines, no visible bullets, CTA above the fold. */
@media (max-width: 860px) {
  .va7-landing .va7-hero-lines {
    gap: clamp(4px, 1.5vw, 6px) !important;
    margin-top: clamp(12px, 3.2vw, 16px) !important;
    max-width: min(100%, 36ch) !important;
  }

  .va7-landing .va7-hero__sub p {
    border-left: 2px solid rgba(0, 168, 255, .46) !important;
    color: rgba(220, 233, 248, .86) !important;
    font-size: clamp(13.5px, 3.55vw, 15px) !important;
    line-height: 1.32 !important;
    margin: 0 !important;
    padding-left: 11px !important;
  }

  .va7-landing .va7-hero__remate {
    font-size: clamp(14px, 3.65vw, 15.5px) !important;
    line-height: 1.25 !important;
    margin-top: clamp(12px, 3.5vw, 16px) !important;
    padding: 10px 12px !important;
  }

  .va7-landing .va7-hero .va7-actions {
    margin-top: clamp(12px, 3.8vw, 18px) !important;
  }

  .va7-landing .va7-hero .va7-actions .va7-button {
    font-size: clamp(15.5px, 4vw, 16.5px) !important;
    font-weight: 900 !important;
    min-height: 54px !important;
    padding-inline: clamp(22px, 6vw, 30px) !important;
    width: min(100%, 350px) !important;
  }
}


/* Ronda A premium pass - 20260616 */
.va7-landing .va7-hero h1,
.va7-landing .va7-section-title {
  font-family: 'ClashDisplay', 'Inter', 'Montserrat', 'Segoe UI', sans-serif !important;
}

.va7-landing .va7-mirror {
  background:
    radial-gradient(circle at 50% 0%, rgba(0,104,255,.13), transparent 31rem),
    linear-gradient(180deg, #020814, #01040a);
  border-top: 1px solid rgba(0,118,255,.10);
}
.va7-landing .va7-authority {
  background:
    radial-gradient(circle at 18% 46%, rgba(0,104,255,.10), transparent 22rem),
    linear-gradient(180deg, #01040a, #020611);
  border-top: 1px solid rgba(0,118,255,.14);
}
.va7-landing .va7-ways {
  background:
    radial-gradient(circle at 50% 0%, rgba(0,104,255,.10), transparent 22rem),
    linear-gradient(180deg, #020611, #020814);
  border-top: 1px solid rgba(0,118,255,.18);
}
.va7-landing .va7-faq {
  background:
    radial-gradient(circle at 78% 8%, rgba(0,104,255,.13), transparent 22rem),
    linear-gradient(180deg, #020814, #01040a);
  border-top: 1px solid rgba(0,118,255,.22);
}
.va7-landing .va7-content {
  background:
    radial-gradient(circle at 82% 12%, rgba(0,104,255,.14), transparent 24rem),
    linear-gradient(180deg, #01040a, #020611);
  border-top: 1px solid rgba(0,118,255,.26);
}

.va7-landing .va7-card {
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.va7-landing .va7-card:hover {
  transform: translateY(-4px);
  border-color: var(--va7-neon-line);
  box-shadow: var(--va7-shadow-blue);
}

.va7-landing .va7-button {
  transition: transform .18s ease, box-shadow .18s ease;
}
.va7-landing .va7-button:hover {
  transform: translateY(-2px) scale(1.01);
  box-shadow: var(--va7-shadow-blue);
}
.va7-landing .va7-button:active {
  transform: translateY(0) scale(.99);
}

.va7-landing .va7-hero__portrait img {
  -webkit-mask-image: radial-gradient(ellipse 78% 86% at 50% 46%, #000 62%, transparent 100%);
  mask-image: radial-gradient(ellipse 78% 86% at 50% 46%, #000 62%, transparent 100%);
}

@media (prefers-reduced-motion: reduce) {
  .va7-landing .va7-card,
  .va7-landing .va7-button {
    transition: none;
  }
  .va7-landing .va7-card:hover,
  .va7-landing .va7-button:hover {
    transform: none;
  }
}


/* Ronda B premium pass - 20260616 */
.va7-landing .va7-kicker {
  color: var(--va7-blue-hot) !important;
  text-shadow: 0 0 18px rgba(0, 140, 255, .55);
}

@media (max-width: 1180px) {
  .va7-landing .va7-kicker {
    text-align: center !important;
    margin-inline: auto !important;
  }
}

/* Ronda F: hero text-align/actions centering gap (861-1180px) - matches real single-column breakpoint at 1180px, not the legacy 860px critical CSS cutoff. */
@media (min-width: 861px) and (max-width: 1180px) {
  .va7-landing .va7-hero {
    text-align: center;
  }
  .va7-landing .va7-actions {
    justify-content: center;
  }
}

.va7-landing .va7-faq-item {
  transition: background-color .25s ease, border-color .25s ease;
}
.va7-landing .va7-faq-item:hover {
  background-color: rgba(0, 109, 255, .05);
  border-bottom-color: rgba(112, 166, 255, .42);
}
.va7-landing .va7-faq-item summary {
  transition: color .2s ease;
}
.va7-landing .va7-faq-item:hover summary {
  color: var(--va7-blue-soft);
}
.va7-landing .va7-faq-item[open] {
  border-bottom-color: rgba(0, 140, 255, .55);
}

@media (prefers-reduced-motion: reduce) {
  .va7-landing .va7-faq-item,
  .va7-landing .va7-faq-item summary {
    transition: none;
  }
}
/* P3: Hero entrance — staggered fade-up (reuses va7-hero-fade keyframe) */
@media (prefers-reduced-motion: no-preference) {
  .va7-landing .va7-hero .va7-kicker {
    animation: va7-hero-fade .58s cubic-bezier(.22, 1, .36, 1) .04s both;
  }
  .va7-landing .va7-hero h1 {
    animation: va7-hero-fade .7s cubic-bezier(.22, 1, .36, 1) .12s both;
  }
  .va7-landing .va7-hero__sub {
    animation: va7-hero-fade .7s cubic-bezier(.22, 1, .36, 1) .22s both;
  }
  .va7-landing .va7-hero__remate {
    animation: va7-hero-fade .7s cubic-bezier(.22, 1, .36, 1) .3s both;
  }
  .va7-landing .va7-actions {
    animation: va7-hero-fade .7s cubic-bezier(.22, 1, .36, 1) .38s both;
  }
  .va7-landing .va7-microcopy {
    animation: va7-hero-fade .7s cubic-bezier(.22, 1, .36, 1) .48s both;
  }
}

/* P3: Ambient pulse — subtle grid texture breathe */
@keyframes va7-ambient-pulse {
  0%, 100% { opacity: .19; }
  50% { opacity: .27; }
}
@media (prefers-reduced-motion: no-preference) {
  .va7-landing::before {
    animation: va7-ambient-pulse 7s ease-in-out infinite;
  }
}

/* P3: Scroll-reveal — initial hidden state */
.va7-landing .va7-section-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s cubic-bezier(.22, 1, .36, 1), transform .7s cubic-bezier(.22, 1, .36, 1);
  will-change: opacity, transform;
}
.va7-landing .va7-section-reveal.is-revealed {
  opacity: 1;
  transform: none;
}

/* Ronda I: va7-hero-title__blue legibility — lift off blue ambient glow */
.va7-landing .va7-hero h1 .va7-hero-title__blue {
  color: #4dd3ff;
  text-shadow: 0 0 28px rgba(0, 180, 255, .35), 0 2px 10px rgba(0, 0, 0, .72);
}

/* Ronda M — P1/P2 audit fixes */

/* P1 #2: Authority photo — reduce solid-black overlay, reveal face */
.va7-landing .va7-authority__photo::after {
  background:
    linear-gradient(90deg, rgba(2, 6, 17, .55) 0%, transparent 22%, transparent 78%, rgba(2, 6, 17, .65) 100%),
    linear-gradient(180deg, rgba(2,6,17,.06) 0%, transparent 26%, rgba(2,6,17,.88) 100%);
}

/* P1 #3: Mirror symptom items — left accent + alternating tint */
.va7-landing .va7-symptom-item {
  border-left: 3px solid rgba(0, 120, 255, .28);
  padding-left: 22px;
  transition: border-left-color .25s ease, background-color .25s ease;
}
.va7-landing .va7-symptom-item:hover {
  border-left-color: rgba(0, 140, 255, .62);
  background: rgba(0, 100, 255, .035);
}
.va7-landing .va7-symptom-item:nth-child(even) {
  border-left-color: rgba(0, 140, 255, .44);
}
.va7-landing .va7-symptom-item + .va7-symptom-item {
  border-top: 1px solid rgba(255, 255, 255, .07);
}

/* P2 #4: FAQ — rebalance grid, reduce title size */
.va7-landing .va7-faq__grid {
  grid-template-columns: .44fr 1.56fr;
}
.va7-landing .va7-faq .va7-section-title {
  font-size: clamp(26px, 3.2vw, 44px);
}

/* P2 #5: Microcopy legibility */
.va7-landing .va7-microcopy {
  color: rgba(246, 248, 255, .74);
  font-size: 15.5px;
}
.va7-landing .va7-riders-line {
  color: rgba(246, 248, 255, .68);
  font-size: 15px;
}
.va7-landing .va7-final-cta__copy small,
.va7-landing .va7-final-cta__action small {
  color: rgba(246, 248, 255, .72);
  font-size: 14px;
}

/* P2 #6: Ambient pulse — barely perceptible range, less distracting */
@keyframes va7-ambient-pulse {
  0%, 100% { opacity: .20; }
  50%       { opacity: .23; }
}

/* Ronda N — P3: Ways cards visual differentiation (border-top + pill + glow progression) */

/* Card 1 — Consultoria: entry tier, subtle cool accent */
.va7-landing #formas .va7-way-card:nth-child(1) {
  border-top: 2px solid rgba(80, 160, 255, .36) !important;
}
.va7-landing #formas .va7-way-card:nth-child(1) > span:first-child {
  background: rgba(80, 160, 255, .10) !important;
  border-color: rgba(80, 160, 255, .40) !important;
  color: rgba(150, 205, 255, .86) !important;
}

/* Card 2 — Mentoria: acceleration tier, electric blue, elevated */
.va7-landing #formas .va7-way-card:nth-child(2) {
  border-top: 2px solid rgba(0, 140, 255, .60) !important;
  box-shadow:
    0 0 0 1px rgba(0, 140, 255, .14),
    0 20px 56px rgba(0, 82, 255, .14) !important;
}
.va7-landing #formas .va7-way-card:nth-child(2) > span:first-child {
  background: rgba(0, 140, 255, .16) !important;
  border-color: rgba(0, 160, 255, .52) !important;
  color: rgba(180, 222, 255, .92) !important;
}

/* Card 3 — Implementacion: premium tier, intense accent, strongest glow */
.va7-landing #formas .va7-way-card:nth-child(3) {
  border-top: 2px solid rgba(20, 180, 255, .78) !important;
  box-shadow:
    0 0 0 1px rgba(20, 148, 255, .22),
    0 22px 64px rgba(0, 82, 255, .22) !important;
}
.va7-landing #formas .va7-way-card:nth-child(3) > span:first-child {
  background: rgba(20, 148, 255, .20) !important;
  border-color: rgba(20, 185, 255, .66) !important;
  color: rgba(210, 238, 255, .96) !important;
}

/* Boost ::before pattern opacity per tier so existing textures are legible */
.va7-landing #formas .va7-way-card:nth-child(1)::before {
  opacity: .55;
}
.va7-landing #formas .va7-way-card:nth-child(2)::before {
  opacity: .88;
}
.va7-landing #formas .va7-way-card:nth-child(3)::before {
  opacity: 1;
}

/* Ronda O — Ways cards: strong per-card visual identity (replaces subtle border-top) */

/* Card 1 — Consultoria: entry tier, cool muted blue */
.va7-landing #formas .va7-way-card:nth-child(1) {
  border-top: none !important;
  background:
    linear-gradient(180deg, rgba(60, 140, 255, .09) 0%, transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.012) 55%),
    rgba(4, 10, 26, .90) !important;
  box-shadow:
    inset 0 3px 0 rgba(60, 140, 255, .38),
    inset 0 3px 22px rgba(60, 140, 255, .08) !important;
}

/* Card 2 — Mentoria: mid tier, electric blue, most popular feel */
.va7-landing #formas .va7-way-card:nth-child(2) {
  border-top: none !important;
  background:
    linear-gradient(180deg, rgba(0, 140, 255, .14) 0%, transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.016) 55%),
    rgba(2, 8, 22, .93) !important;
  box-shadow:
    inset 0 3px 0 rgba(0, 140, 255, .72),
    inset 0 3px 28px rgba(0, 140, 255, .13),
    0 20px 56px rgba(0, 82, 255, .18) !important;
}

/* Card 3 — Implementacion: premium tier, intense glow */
.va7-landing #formas .va7-way-card:nth-child(3) {
  border-top: none !important;
  background:
    linear-gradient(180deg, rgba(20, 170, 255, .18) 0%, transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.020) 55%),
    rgba(2, 6, 18, .95) !important;
  box-shadow:
    inset 0 3px 0 rgba(20, 170, 255, .92),
    inset 0 3px 36px rgba(20, 170, 255, .18),
    0 22px 64px rgba(0, 82, 255, .26) !important;
}

/* Ronda O — Symptom items: transform from flat list to impact cards */

.va7-landing .va7-mirror {
  counter-reset: va7-symptoms;
}

.va7-landing .va7-symptom-item {
  background: rgba(3, 12, 30, .72) !important;
  border: 1px solid rgba(0, 110, 255, .18) !important;
  border-left: 4px solid rgba(0, 130, 255, .40) !important;
  border-radius: 18px !important;
  counter-increment: va7-symptoms;
  overflow: hidden;
  padding: clamp(20px, 2.6vw, 32px) !important;
  padding-left: clamp(22px, 2.8vw, 36px) !important;
  position: relative;
}

.va7-landing .va7-symptom-item::before {
  color: rgba(0, 140, 255, .14);
  content: "0" counter(va7-symptoms);
  font-size: clamp(72px, 6.5vw, 96px);
  font-weight: 950;
  letter-spacing: -.06em;
  line-height: 1;
  pointer-events: none;
  position: absolute;
  right: 16px;
  top: 8px;
  z-index: 0;
}

.va7-landing .va7-symptom-item:hover {
  border-left-color: rgba(0, 140, 255, .72) !important;
  background: rgba(3, 14, 34, .86) !important;
}

.va7-landing .va7-symptom-item h3 {
  position: relative;
  z-index: 1;
}

.va7-landing .va7-symptom-item p {
  position: relative;
  z-index: 1;
}

/* Remove old divider line between symptom items (now cards have their own border) */
.va7-landing .va7-symptom-item + .va7-symptom-item {
  border-top: 1px solid rgba(0, 110, 255, .18) !important;
}

/* Ronda P — Symptom items: fix background specificity (#sintomas ID battle) */
.va7-landing #sintomas .va7-symptom-item {
  background: rgba(3, 12, 30, .76) !important;
  border: 1px solid rgba(0, 110, 255, .20) !important;
  border-left: 4px solid rgba(0, 130, 255, .44) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

.va7-landing #sintomas .va7-symptom-item:hover {
  background: rgba(3, 14, 36, .88) !important;
  border-left-color: rgba(0, 150, 255, .76) !important;
}

/* Ronda Q — FAQ items: card treatment + smooth open state */

.va7-landing #faq .va7-faq-item {
  background: rgba(3, 10, 26, .62) !important;
  border: 1px solid rgba(0, 120, 255, .20) !important;
  border-bottom: 1px solid rgba(0, 120, 255, .20) !important;
  border-radius: 16px !important;
  margin-block: 6px !important;
  overflow: hidden !important;
  transition: background .22s ease, border-color .22s ease !important;
}

.va7-landing #faq .va7-faq-item:hover {
  background: rgba(3, 13, 32, .80) !important;
  border-color: rgba(0, 140, 255, .36) !important;
}

.va7-landing #faq .va7-faq-item[open] {
  background: rgba(2, 12, 30, .88) !important;
  border-color: rgba(0, 150, 255, .50) !important;
}

.va7-landing #faq .va7-faq-item summary {
  padding: clamp(18px, 1.9vw, 24px) clamp(52px, 5vw, 68px) clamp(18px, 1.9vw, 24px) clamp(18px, 1.9vw, 24px) !important;
}

.va7-landing #faq .va7-faq-item p {
  color: rgba(186, 212, 248, .82) !important;
  max-height: 0;
  overflow: hidden;
  padding-inline: clamp(18px, 1.9vw, 24px) !important;
  padding-bottom: 0 !important;
  transition: max-height .36s ease, padding-bottom .24s ease !important;
}

.va7-landing #faq .va7-faq-item[open] p {
  max-height: 500px !important;
  padding-bottom: clamp(18px, 1.9vw, 24px) !important;
}

/* Remove old divider borders between items (now each item is its own card) */
.va7-landing #faq .va7-faq-list {
  border-top: none !important;
  display: flex;
  flex-direction: column;
  gap: 6px !important;
}

/* Ronda R — Correcciones mobile: FAQ grid, symptom cards, espacios */

/* FIX 1 CRITICO: FAQ grid en mobile aplastado por regla de Ronda M */
/* Causa: .va7-landing .va7-faq__grid (spec 0,2,0,0 sin @media) vence al */
/* reset existente @media(max-width:860px){.va7-faq__grid{1fr}} (spec 0,1,0,0) */
/* Solucion: igual especificidad + posterior en cascada = gana sin tocar Ronda M */
@media (max-width: 860px) {
  .va7-landing .va7-faq__grid {
    grid-template-columns: 1fr !important;
    gap: clamp(28px, 4vw, 40px) !important;
  }
  .va7-landing .va7-faq .va7-section-title {
    font-size: clamp(22px, 5.5vw, 30px) !important;
    text-wrap: balance !important;
  }
}

/* FIX 2: Symptom list — quitar full-bleed en mobile */
/* margin-inline:-18px era correcto cuando items eran planos, pero ahora */
/* tienen border-radius:18px (Ronda P) y el bleed rompe la estetica card */
@media (max-width: 560px) {
  .va7-landing #sintomas .va7-symptom-list {
    margin-inline: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    padding-inline: 0 !important;
  }
  /* Numero decorativo mas pequeno en pantallas pequeñas */
  .va7-landing .va7-symptom-item::before {
    font-size: 52px !important;
    right: 10px !important;
    top: 4px !important;
  }
  /* Padding de tarjeta mas ajustado en mobile */
  .va7-landing #sintomas .va7-symptom-item {
    padding: clamp(14px, 3.8vw, 20px) clamp(40px, 10vw, 56px) clamp(14px, 3.8vw, 20px) clamp(16px, 4vw, 22px) !important;
  }
}

/* FIX 3: Rectangulo oscuro — reducir padding-block de secciones internas en mobile */
/* Las secciones con padding-block grande + fondo oscuro crean areas vacias visibles */
@media (max-width: 860px) {
  .va7-landing .va7-mirror,
  .va7-landing .va7-authority,
  .va7-landing .va7-ways,
  .va7-landing .va7-content {
    padding-block: clamp(48px, 6vw, 64px) !important;
  }
}

/* Ronda S — Corregir efectos secundarios de Ronda R FIX 3 */

/* REVERT padding-block: Ronda R puso 48px (peor que el original ~27px) */
/* Reducir a 16px para minimizar los espacios oscuros entre secciones */
@media (max-width: 860px) {
  .va7-landing .va7-mirror,
  .va7-landing .va7-authority,
  .va7-landing .va7-ways,
  .va7-landing .va7-content {
    padding-block: clamp(16px, 2.8vw, 20px) !important;
  }
}

/* REVERT symptom padding-right: Ronda R puso 40px causando rewrap excesivo */
/* Volver a ~22px (igual que el original del snippet), el numero decorativo */
/* es 14% de opacidad — overlap visual es aceptable por diseno */
@media (max-width: 560px) {
  .va7-landing #sintomas .va7-symptom-item {
    padding: clamp(14px, 3.8vw, 20px) clamp(20px, 5vw, 28px) clamp(14px, 3.8vw, 20px) clamp(16px, 4vw, 22px) !important;
  }
}

/* Ronda T — Mobile: FAQ titulo legible + symptom cards a todo el ancho */

/* FAQ: titulo encajonado a 258px con line-height 1.03 (aplastado). */
/* Liberar ancho, dar aire vertical y unificar padding lateral con el resto */
/* de secciones (estaba en 8px, las demas usan 18px). */
@media (max-width: 860px) {
  .va7-landing #faq > .va7-container,
  .va7-landing #faq .va7-faq__grid {
    padding-left: clamp(16px, 4.4vw, 20px) !important;
    padding-right: clamp(16px, 4.4vw, 20px) !important;
  }
  .va7-landing #faq .va7-section-title {
    max-width: 100% !important;
    line-height: 1.16 !important;
    text-wrap: balance !important;
  }
}

/* Symptom cards: el grid interno dejaba una columna vacia de ~35px a la */
/* izquierda (h3 y p vivian en la col 2 de 265px). Pasar a bloque para que */
/* el contenido use todo el ancho de la tarjeta. */
@media (max-width: 860px) {
  .va7-landing #sintomas .va7-symptom-item {
    display: block !important;
  }
  .va7-landing #sintomas .va7-symptom-item h3,
  .va7-landing #sintomas .va7-symptom-item p {
    grid-column: auto !important;
    max-width: 100% !important;
    width: auto !important;
  }
  .va7-landing #sintomas .va7-symptom-item p {
    margin-top: 8px !important;
  }
}

/* ===================================================================== */
/* Ronda U — Realce de jerarquia del hero + divisores de seccion          */
/* Todo aditivo y scopeado. Refuerza el hero (desktop y mobile) y las      */
/* transiciones entre secciones sin tocar estructura ni trabajo previo.    */
/* ===================================================================== */

/* Hero lines — las 3 frases "Si..." pasan de lista plana a ritmo con */
/* marcador luminoso azul. Mas aire entre lineas y un punto con glow que */
/* las convierte en sintomas escaneables. (desktop + mobile) */
.va7-landing .va7-hero-lines {
  gap: clamp(12px, 1.6vw, 16px) !important;
}
/* padding-left con !important: el padding base se reseteaba a 0 y la barra */
/* quedaba pegada al texto. */
.va7-landing .va7-hero-lines p {
  padding-left: 22px !important;
  position: relative;
}
/* Barra vertical azul por frase (en vez de punto, que se solapaba con la */
/* "S" de cada "Si"). Limpia, editorial, no compite con el texto. */
.va7-landing .va7-hero-lines p::before {
  background: linear-gradient(180deg, var(--va7-blue-hot, #1494ff), rgba(20, 148, 255, .22));
  border-radius: 3px;
  box-shadow: 0 0 12px rgba(20, 148, 255, .50);
  content: "";
  height: calc(100% - 4px);
  left: 0;
  position: absolute;
  top: 2px;
  width: 3px;
}

/* Remate — mas presencia: borde mas grueso con glow interior, texto pleno */
.va7-landing .va7-hero__remate {
  border-left-width: 4px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    inset 5px 0 20px rgba(20, 148, 255, .14),
    0 0 26px rgba(20, 148, 255, .10) !important;
}

/* Kicker — acento de linea antes del texto, solo en desktop (left-aligned). */
/* En mobile el kicker va centrado, asi que no se toca. */
@media (min-width: 861px) {
  .va7-landing .va7-hero__copy > .va7-kicker {
    align-items: center;
    display: inline-flex;
    gap: 11px;
  }
  .va7-landing .va7-hero__copy > .va7-kicker::before {
    background: linear-gradient(90deg, var(--va7-blue-hot, #1494ff), rgba(20, 148, 255, 0));
    content: "";
    flex: none;
    height: 2px;
    width: 26px;
  }
}

/* Divisores de seccion — la fina linea entre secciones gana un nucleo */
/* luminoso central en vez de un degradado tenue uniforme. */
.va7-landing .va7-hero::after,
.va7-landing .va7-mirror::after,
.va7-landing .va7-faq::after,
.va7-landing .va7-content::after {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(20, 148, 255, .10) 12%,
    rgba(80, 190, 255, 1) 50%,
    rgba(20, 148, 255, .10) 88%,
    transparent
  ) !important;
  box-shadow: 0 0 14px rgba(40, 170, 255, .55) !important;
  height: 2px !important;
  opacity: 1 !important;
}

/* Glow ambiental detras del titulo del hero — halo azul que hace que el */
/* H1 "respire" luz, dando el momento focal de la pagina. */
.va7-landing .va7-hero__copy {
  position: relative;
}
.va7-landing .va7-hero h1 {
  position: relative;
}
.va7-landing .va7-hero h1::before {
  background: radial-gradient(60% 120% at 12% 40%, rgba(20, 130, 255, .26), transparent 70%);
  content: "";
  filter: blur(28px);
  inset: -30px -10% -30px -14%;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

/* Hero mobile — mostrar el remate (oculto antes) como cierre persuasivo */
/* compacto justo antes del CTA. Es la frase de mayor gancho; las 3 lineas */
/* "Si..." se mantienen ocultas para no alargar el above-the-fold. */
@media (max-width: 560px) {
  .va7-landing .va7-hero__remate {
    display: block !important;
    border-left-width: 3px !important;
    border-radius: 0 14px 14px 0 !important;
    font-size: 13px !important;
    line-height: 1.42 !important;
    margin-top: 14px !important;
    padding: 11px 14px !important;
  }
}

/* ===================================================================== */
/* Ronda V — Textura grain + microinteracciones tactiles en las cards     */
/* ===================================================================== */

/* Grain overlay — un unico velo de ruido fijo sobre todo el viewport, */
/* anclado al wrapper del hero para no apilar 7 capas. Da profundidad y */
/* acabado editorial premium sin alterar colores. */
.va7-landing:has(.va7-hero)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  content: "";
  inset: 0;
  mix-blend-mode: soft-light;
  opacity: .14;
  pointer-events: none;
  position: fixed;
  z-index: 1;
}

/* Microinteracciones — solo en dispositivos con hover real (no touch). */
/* Las tarjetas se elevan y ganan glow al pasar el cursor: la pagina se */
/* siente viva y tactil sin afectar mobile. */
@media (hover: hover) and (min-width: 861px) {
  .va7-landing #sintomas .va7-symptom-item {
    transition: transform .26s cubic-bezier(.2, .8, .2, 1),
                box-shadow .26s ease,
                border-left-color .26s ease,
                background-color .26s ease !important;
  }
  .va7-landing #sintomas .va7-symptom-item:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 18px 44px rgba(0, 78, 220, .20),
                0 0 0 1px rgba(20, 148, 255, .28) !important;
  }

  .va7-landing #formas .va7-way-card {
    transition: transform .28s cubic-bezier(.2, .8, .2, 1),
                box-shadow .28s ease !important;
  }
  .va7-landing #formas .va7-way-card:hover {
    transform: translateY(-5px) !important;
  }
  .va7-landing #formas .va7-way-card:nth-child(1):hover {
    box-shadow: inset 0 3px 0 rgba(60, 140, 255, .45),
                0 24px 60px rgba(0, 78, 220, .22) !important;
  }
  .va7-landing #formas .va7-way-card:nth-child(2):hover {
    box-shadow: inset 0 3px 0 rgba(0, 140, 255, .82),
                0 26px 66px rgba(0, 82, 255, .28) !important;
  }
  .va7-landing #formas .va7-way-card:nth-child(3):hover {
    box-shadow: inset 0 3px 0 rgba(20, 170, 255, 1),
                0 28px 72px rgba(0, 92, 255, .34) !important;
  }

  .va7-landing #faq .va7-faq-item {
    transition: transform .22s ease, background .22s ease, border-color .22s ease !important;
  }
  .va7-landing #faq .va7-faq-item:hover {
    transform: translateY(-2px) !important;
  }
}


/* ============================================================
   Ronda W — Pulido impeccable (bajo esfuerzo / alto impacto)
   1. Cortar eyebrow scaffold (dejar solo el del hero)
   2. Diferenciar card "Consultoria" en Ways (servicio principal)
   3. Stagger de cards (ways + symptoms) montado sobre el reveal existente
   4. Authority photo: subir encuadre del rostro
   ============================================================ */

/* --- 1. Eyebrows: el tell #1 de IA. Quitar los de seccion, dejar hero --- */
.va7-landing .va7-authority .va7-kicker,
.va7-landing .va7-faq .va7-kicker,
.va7-landing .va7-content .va7-kicker {
  display: none !important;
}

/* --- 2. Ways: peso visual a Consultoria (1er card del grid) --- */
.va7-landing .va7-way-grid > .va7-way-card:first-child {
  background-image: linear-gradient(180deg, rgba(60,140,255,.17) 0%, rgba(0,0,0,0) 62%) !important;
  box-shadow:
    0 0 0 1px rgba(0,148,255,.58),
    0 0 34px rgba(0,118,255,.22),
    0 26px 64px rgba(0,82,255,.24),
    inset 0 3px 0 0 rgba(80,160,255,.7) !important;
}

/* --- 3. Stagger de cards sobre el reveal de seccion existente --- */
/* .va7-section-reveal lo anade el JS solo si hay motion permitido => headless-safe */
.va7-landing .va7-section-reveal .va7-way-card,
.va7-landing .va7-section-reveal .va7-symptom-item {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .55s cubic-bezier(.22,1,.36,1), transform .55s cubic-bezier(.22,1,.36,1);
  will-change: opacity, transform;
}
.va7-landing .va7-section-reveal.is-revealed .va7-way-card,
.va7-landing .va7-section-reveal.is-revealed .va7-symptom-item {
  opacity: 1;
  transform: none;
}
.va7-landing .va7-section-reveal.is-revealed .va7-way-card:nth-child(2),
.va7-landing .va7-section-reveal.is-revealed .va7-symptom-item:nth-child(2) { transition-delay: .10s; }
.va7-landing .va7-section-reveal.is-revealed .va7-way-card:nth-child(3),
.va7-landing .va7-section-reveal.is-revealed .va7-symptom-item:nth-child(3) { transition-delay: .20s; }
.va7-landing .va7-section-reveal.is-revealed .va7-symptom-item:nth-child(4) { transition-delay: .30s; }

@media (prefers-reduced-motion: reduce) {
  .va7-landing .va7-section-reveal .va7-way-card,
  .va7-landing .va7-section-reveal .va7-symptom-item {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* --- 4. Authority: subir encuadre para mostrar mejor el rostro --- */
.va7-landing .va7-authority__photo img {
  object-position: 42% 28% !important;
}

/* ============================================================
   Ronda X — Card "Consultoria" como destacada (jerarquia visible)
   Consultoria es el servicio principal: elevarla, escalarla y darle
   glow fuerte frente a las dos hermanas (Mentoria / Implementacion),
   que quedan mas planas. Guia la mirada al CTA principal.
   ============================================================ */

.va7-landing .va7-way-grid > .va7-way-card:first-child {
  background-image: linear-gradient(180deg, rgba(70,150,255,.26) 0%, rgba(0,0,0,0) 60%) !important;
  box-shadow:
    0 0 0 1.5px rgba(40,170,255,.85),
    0 0 46px rgba(0,130,255,.32),
    0 34px 80px rgba(0,82,255,.34),
    inset 0 4px 0 0 rgba(110,185,255,.95) !important;
}

/* Lift + scale solo en desktop (en mobile el grid es 1 columna: sin lift) */
@media (min-width: 861px) {
  .va7-landing .va7-way-grid > .va7-way-card:first-child {
    transform: translateY(-14px) scale(1.035) !important;
    z-index: 2 !important;
  }
  .va7-landing .va7-way-grid > .va7-way-card:first-child:hover {
    transform: translateY(-20px) scale(1.035) !important;
  }
}


/* ============================================================
   Ronda Z — Hover por card (sin destacada fija)
   Revertida la elevacion permanente de Consultoria (ronda anterior).
   Cada card se eleva un poco al pasar el mouse, conservando el glow
   tier por card de rondas previas. Ligero y bajo riesgo.
   Gate desktop: en tactil no hay hover sticky.
   ============================================================ */
@media (min-width: 861px) {
  .va7-landing #formas .va7-way-card:hover {
    transform: translateY(-10px) scale(1.02) !important;
  }
}

/* Ronda AA — Ajuste de wrap del titulo #formas (max-width 18ch->30ch) */

/* Ronda AC — Bump opcion purge LiteSpeed para forzar purge tras JSON-LD (AB) */

/* Ronda AD — Preload hero desktop (min-width:681px, fetchpriority high) + re-purge */

/* Ronda AF — Activar Inter (face + preload) */


/* Ronda AG — Fix hero tablet/small-desktop (561-1180): banda mas alta + encuadre cabeza */
@media (min-width: 561px) and (max-width: 1180px) {
  .va7-landing .va7-hero--final .va7-mobile-hero-first {
    height: clamp(440px, 58vw, 620px) !important;
  }
  .va7-landing .va7-hero--final .va7-mobile-hero-first img,
  .va7-landing .va7-hero--final .va7-mobile-hero-first picture {
    object-position: 50% 6% !important;
  }
}


/* Ronda AH — Tier tablet (768-1180): grids multi-columna (antes apiladas = movil estirado) */
@media (min-width: 768px) and (max-width: 1180px) {
  .va7-landing .va7-way-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
  .va7-landing .va7-media-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .va7-landing .va7-credibility__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}


/* Ronda AI — way-grid tablet con scope #formas (gana al gotcha §3.1) + ajuste card interna */
@media (min-width: 768px) and (max-width: 1180px) {
  .va7-landing #formas .va7-way-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
  .va7-landing #formas .va7-way-card {
    grid-template-columns: 1fr !important;
  }
}


/* Ronda AJ — way-card en tablet como display:block (como desktop), arregla el <p> estirado de AI */
@media (min-width: 768px) and (max-width: 1180px) {
  .va7-landing #formas .va7-way-card {
    display: block !important;
    min-height: 0 !important;
  }
}


/* Ronda AK — Hero copy descentrado en 861-1180 (layout 1-col): recentrar columna + bloques internos */
@media (min-width: 861px) and (max-width: 1180px) {
  .va7-landing .va7-hero__copy {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .va7-landing .va7-hero-lines,
  .va7-landing .va7-hero__sub,
  .va7-landing .va7-hero__remate {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* Ronda AL — Escala tipografica fluida del hero (tablet 561-1180): h1/kicker/sub/remate crecen con el ancho */
@media (min-width: 561px) and (max-width: 1180px) {
  .va7-landing .va7-hero h1 {
    font-size: clamp(34px, 5vw, 48px) !important;
    line-height: 1.06 !important;
  }
  .va7-landing .va7-hero .va7-kicker {
    font-size: clamp(12px, 1.5vw, 14px) !important;
  }
  .va7-landing .va7-hero__remate {
    font-size: clamp(15px, 1.9vw, 18px) !important;
  }
  .va7-landing .va7-hero__sub,
  .va7-landing .va7-hero__sub p,
  .va7-landing .va7-hero-lines p {
    font-size: clamp(15px, 1.9vw, 18px) !important;
  }
}


/* Ronda AM — h1 fluido con especificidad #hero-title (vence el cap de 30px en 600-860) */
@media (min-width: 561px) and (max-width: 1180px) {
  .va7-landing .va7-hero h1#hero-title {
    font-size: clamp(34px, 5vw, 48px) !important;
    line-height: 1.06 !important;
  }
}


/* Ronda AN — Hero banda: capar altura en viewports bajos (landscape) para texto above-the-fold */
@media (min-width: 561px) and (max-height: 820px) {
  .va7-landing .va7-hero--final .va7-mobile-hero-first {
    height: clamp(200px, 40vh, 320px) !important;
  }
}


/* Ronda AO — Kicker tablet: soltar max-width (34ch->52ch) para 2 lineas en vez de 3 */
@media (min-width: 561px) and (max-width: 1180px) {
  .va7-landing .va7-hero__copy > .va7-kicker {
    max-width: min(100%, 52ch) !important;
  }
}


/* Ronda AQ — N1: quitar will-change permanente de reveals (one-shot compone igual) */
.va7-section-reveal,
.va7-landing .va7-section-reveal,
.va7-landing .va7-section-reveal .va7-way-card,
.va7-landing .va7-section-reveal .va7-symptom-item { will-change: auto !important; }


/* Ronda AR — N2: bajar coste GPU de backdrop-filter en cards (14/12 -> 8px) */
.va7-landing .va7-card { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; }
.va7-landing .va7-mini-module { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; }


/* Ronda AX — agrandar texto del boton CTA del hero (Escribeme y hablamos) */
.va7-landing .va7-hero .va7-actions a.va7-button { font-size: clamp(17px, 4.5vw, 19px) !important; }