:root {
  --vwp-bg: #070708;
  --vwp-surface: rgba(17, 18, 21, .72);
  --vwp-surface-strong: rgba(23, 25, 29, .94);
  --vwp-line: rgba(255,255,255,.12);
  --vwp-line-soft: rgba(255,255,255,.07);
  --vwp-text: #f7f7f8;
  --vwp-muted: #a7a7ad;
  --vwp-muted-2: #73737c;
  --vwp-blue: #2f6bff;
  --vwp-cyan: #29d3ff;
  --vwp-gold: #f2c14e;
  --vwp-green: #32d583;
  --vwp-radius: 24px;
  --vwp-ease: cubic-bezier(.22, .61, .36, 1);
}

html {
  scroll-behavior: smooth;
}

body {
  background:
    radial-gradient(circle at 18% 0%, rgba(47,107,255,.24), transparent 32rem),
    radial-gradient(circle at 84% 8%, rgba(242,193,78,.13), transparent 28rem),
    radial-gradient(circle at 46% 48%, rgba(41,211,255,.08), transparent 34rem),
    var(--vwp-bg);
  color: var(--vwp-text);
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: -20vmax;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 18%, rgba(47,107,255,.20), transparent 30%),
    radial-gradient(circle at 88% 24%, rgba(242,193,78,.12), transparent 28%),
    radial-gradient(circle at 44% 78%, rgba(41,211,255,.12), transparent 34%);
  filter: blur(22px);
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .025;
  background-image: repeating-linear-gradient(45deg, #fff 0 1px, transparent 1px 4px);
}

a {
  color: inherit;
}

.wp-site-blocks {
  position: relative;
}

.vwp-site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  padding: 14px 20px;
  background: rgba(7, 7, 8, .34);
  border-bottom: 1px solid transparent;
  backdrop-filter: blur(0);
  transition: background .35s var(--vwp-ease), border-color .35s var(--vwp-ease), backdrop-filter .35s var(--vwp-ease);
}

.vwp-site-header.is-scrolled {
  background: rgba(7, 7, 8, .82);
  border-bottom-color: var(--vwp-line-soft);
  backdrop-filter: saturate(160%) blur(18px);
}

.vwp-site-header__inner {
  min-height: 54px;
}

.vwp-brand,
.vwp-brand a {
  font-family: "Space Grotesk", Inter, sans-serif;
  font-weight: 800;
  font-size: 1.2rem;
  letter-spacing: 0;
  text-decoration: none;
}

.vwp-nav a {
  position: relative;
  isolation: isolate;
  color: var(--vwp-muted);
  text-decoration: none;
  transition: color .34s cubic-bezier(.22, 1, .36, 1);
}

.vwp-nav a::before,
.vwp-nav a::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.vwp-nav a::before {
  z-index: 0;
  top: 50%;
  left: 50%;
  width: 165%;
  height: 260%;
  background: radial-gradient(ellipse at center, rgba(255,255,255,.09) 0%, rgba(255,210,26,.03) 40%, transparent 74%);
  opacity: 0;
  transform: translate(-50%, -50%) scale(.9);
  transition: opacity .34s cubic-bezier(.22, 1, .36, 1), transform .34s cubic-bezier(.22, 1, .36, 1);
}

.vwp-nav a::after {
  left: 0;
  right: 0;
  bottom: -6px;
  height: 2px;
  border-radius: 2px;
  background: var(--vwp-yellow);
  opacity: 0;
  transform: scaleX(0);
  transform-origin: center;
  transition: opacity .34s cubic-bezier(.22, 1, .36, 1), transform .34s cubic-bezier(.22, 1, .36, 1), box-shadow .34s cubic-bezier(.22, 1, .36, 1);
}

.vwp-nav a:hover {
  color: rgba(255,255,255,.98);
}

.vwp-nav a:hover::before {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.vwp-nav a:hover::after {
  opacity: 1;
  transform: scaleX(1);
}

.vwp-nav a[aria-current="page"],
.vwp-nav .current-menu-item > a,
.vwp-nav .current_page_item > a {
  color: rgba(255,255,255,.94);
}

.vwp-nav a[aria-current="page"]::after,
.vwp-nav .current-menu-item > a::after,
.vwp-nav .current_page_item > a::after {
  opacity: 1;
  transform: scaleX(1);
  box-shadow: 0 0 10px rgba(255,210,26,.42);
}

@supports selector(:focus-visible) {
  .vwp-nav a {
    outline: 2px solid transparent;
    outline-offset: 5px;
    transition: color .34s cubic-bezier(.22, 1, .36, 1), outline-color .34s cubic-bezier(.22, 1, .36, 1);
  }

  .vwp-nav a:focus-visible {
    color: rgba(255,255,255,.98);
    outline-color: rgba(255,210,26,.72);
  }

  .vwp-nav a:focus-visible::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }

  .vwp-nav a:focus-visible::after {
    opacity: 1;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .vwp-nav a,
  .vwp-nav a::before,
  .vwp-nav a::after {
    transition-duration: .01ms !important;
  }
}

.vwp-header-cta .wp-block-button__link {
  font-size: .86rem;
  padding: .72rem 1rem;
  box-shadow: 0 10px 30px rgba(0,0,0,.28);
}

.vwp-section {
  padding-top: clamp(4rem, 8vw, 8rem);
  padding-bottom: clamp(4rem, 8vw, 8rem);
  position: relative;
}

.vwp-section--tight {
  padding-top: clamp(2.5rem, 5vw, 4.5rem);
  padding-bottom: clamp(2.5rem, 5vw, 4.5rem);
}

.vwp-section--hero {
  padding-top: clamp(5rem, 10vw, 9rem);
  padding-bottom: clamp(2.5rem, 5vw, 4rem);
}

.vwp-section-title {
  max-width: 920px;
}

.vwp-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  width: fit-content;
  padding: .48rem .78rem;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.045);
  color: var(--vwp-cyan);
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vwp-hero-title {
  max-width: 1050px;
  font-size: clamp(3.35rem, 8.6vw, 7.2rem) !important;
  line-height: .88 !important;
  letter-spacing: 0;
}

.vwp-gradient-text {
  background: linear-gradient(135deg, #fff 20%, var(--vwp-cyan) 58%, var(--vwp-blue) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.vwp-lead {
  max-width: 760px;
  color: var(--vwp-muted);
  font-size: clamp(1.05rem, 1vw + .78rem, 1.25rem);
}

.vwp-button-row {
  gap: .8rem !important;
}

.wp-block-button__link {
  transition: transform .25s var(--vwp-ease), background .25s var(--vwp-ease), color .25s var(--vwp-ease), border-color .25s var(--vwp-ease), box-shadow .25s var(--vwp-ease);
}

.wp-block-button__link:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 44px rgba(47,107,255,.18);
}

.is-style-outline .wp-block-button__link {
  background: rgba(255,255,255,.035);
  color: var(--vwp-text);
  border: 1px solid var(--vwp-line);
}

.vwp-card,
.vwp-case-card,
.vwp-metric-card,
.vwp-price-card,
.vwp-testimonial-card,
.vwp-faq details,
.vwp-include-card,
.vwp-process-card {
  background:
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
    var(--vwp-surface);
  border: 1px solid var(--vwp-line-soft);
  border-radius: var(--vwp-radius);
  box-shadow: 0 24px 80px rgba(0,0,0,.34);
  backdrop-filter: blur(18px);
}

.vwp-card,
.vwp-include-card,
.vwp-process-card,
.vwp-testimonial-card,
.vwp-metric-card {
  padding: clamp(1.35rem, 2.5vw, 2rem);
}

.vwp-card:hover,
.vwp-include-card:hover,
.vwp-process-card:hover,
.vwp-testimonial-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255,255,255,.18);
}

.vwp-card,
.vwp-include-card,
.vwp-process-card,
.vwp-testimonial-card,
.vwp-video-card,
.vwp-logo-marquee img {
  transition: transform .35s var(--vwp-ease), border-color .35s var(--vwp-ease), filter .35s var(--vwp-ease), opacity .35s var(--vwp-ease);
}

.vwp-reveal {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity .75s var(--vwp-ease), transform .75s var(--vwp-ease);
}

.vwp-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.vwp-hero-reels {
  margin-top: clamp(2rem, 4vw, 3.5rem);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: clamp(.6rem, 1.5vw, 1.1rem);
}

.vwp-hero-reel {
  width: clamp(112px, 16vw, 210px);
  aspect-ratio: 9 / 16;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.02)),
    radial-gradient(circle at 50% 20%, rgba(47,107,255,.36), transparent 44%),
    #121318;
  box-shadow: 0 30px 80px rgba(0,0,0,.42);
  overflow: hidden;
  position: relative;
}

.vwp-hero-reel:nth-child(1) { transform: rotate(-5deg) translateY(18px); }
.vwp-hero-reel:nth-child(2) { transform: translateY(0); }
.vwp-hero-reel:nth-child(3) { transform: rotate(5deg) translateY(18px); }

.vwp-hero-reel::before {
  content: "";
  position: absolute;
  inset: 16px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  background:
    linear-gradient(180deg, transparent 0 58%, rgba(0,0,0,.54)),
    repeating-linear-gradient(180deg, rgba(255,255,255,.18) 0 2px, transparent 2px 12px);
  opacity: .56;
}

.vwp-hero-reel::after {
  content: attr(data-label);
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  color: #fff;
  font-size: .78rem;
  font-weight: 800;
}

.vwp-logo-marquee {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--vwp-line-soft);
  border-bottom: 1px solid var(--vwp-line-soft);
}

.vwp-logo-marquee::before,
.vwp-logo-marquee::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: min(16vw, 150px);
  z-index: 2;
  pointer-events: none;
}

.vwp-logo-marquee::before {
  left: 0;
  background: linear-gradient(90deg, var(--vwp-bg), transparent);
}

.vwp-logo-marquee::after {
  right: 0;
  background: linear-gradient(270deg, var(--vwp-bg), transparent);
}

.vwp-logo-marquee__track {
  display: flex;
  align-items: center;
  gap: clamp(2.2rem, 5vw, 5rem);
  width: max-content;
  animation: vwp-marquee 34s linear infinite;
}

.vwp-logo-marquee:hover .vwp-logo-marquee__track {
  animation-play-state: paused;
}

.vwp-logo-marquee figure,
.vwp-logo-marquee .wp-block-image {
  margin: 0;
  flex: 0 0 auto;
}

.vwp-logo-marquee img {
  max-height: 58px;
  width: auto;
  object-fit: contain;
  filter: grayscale(1) saturate(0) brightness(.86) contrast(1.08);
  opacity: .62;
}

.vwp-logo-marquee img:hover,
.vwp-logo-marquee a:focus img {
  filter: grayscale(0) saturate(1) brightness(1);
  opacity: 1;
  transform: scale(1.07);
}

@keyframes vwp-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.vwp-case-card {
  padding: clamp(1.1rem, 3vw, 2.6rem);
  position: relative;
  overflow: hidden;
}

.vwp-case-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 14% 0%, rgba(47,107,255,.18), transparent 42%);
  opacity: .8;
}

.vwp-case-card > * {
  position: relative;
}

.vwp-video-carousel {
  position: relative;
}

.vwp-video-carousel__track {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding: .5rem .2rem 1rem;
}

.vwp-video-carousel__track::-webkit-scrollbar {
  display: none;
}

.vwp-video-card {
  flex: 0 0 clamp(190px, 24vw, 260px);
  aspect-ratio: 9 / 16;
  scroll-snap-align: center;
  border-radius: 22px;
  overflow: hidden;
  background: #111318;
  border: 1px solid rgba(255,255,255,.11);
  box-shadow: 0 22px 62px rgba(0,0,0,.42);
  position: relative;
}

.vwp-video-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255,255,255,.2);
}

.vwp-video-card video,
.vwp-video-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vwp-video-placeholder {
  height: 100%;
  display: grid;
  place-content: center;
  padding: 1.1rem;
  text-align: center;
  background:
    linear-gradient(180deg, transparent 0 58%, rgba(0,0,0,.62)),
    radial-gradient(circle at 50% 18%, rgba(41,211,255,.28), transparent 40%),
    #121318;
}

.vwp-video-placeholder strong {
  display: block;
  font-family: "Space Grotesk", Inter, sans-serif;
  font-size: 1.15rem;
  line-height: 1.05;
}

.vwp-video-placeholder span {
  color: var(--vwp-muted);
  font-size: .82rem;
}

.vwp-carousel-controls {
  display: flex;
  gap: .55rem;
  justify-content: flex-end;
  margin-bottom: .7rem;
}

.vwp-carousel-controls button {
  border: 1px solid var(--vwp-line);
  background: rgba(255,255,255,.07);
  color: var(--vwp-text);
  width: 42px;
  height: 42px;
  border-radius: 999px;
  cursor: pointer;
}

.vwp-metric-number {
  font-family: "Space Grotesk", Inter, sans-serif;
  font-size: clamp(2rem, 4vw, 3.9rem);
  line-height: .9;
  font-weight: 800;
  color: var(--vwp-cyan);
}

.vwp-case-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
}

.vwp-case-metrics .vwp-metric-card {
  padding: 1rem;
}

.vwp-flow {
  position: relative;
}

.vwp-flow::before {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  top: 50%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(41,211,255,.44), transparent);
}

.vwp-flow > * {
  position: relative;
}

.vwp-timeline {
  counter-reset: steps;
}

.vwp-process-card {
  counter-increment: steps;
}

.vwp-process-card::before {
  content: counter(steps, decimal-leading-zero);
  display: inline-flex;
  margin-bottom: 1.4rem;
  color: var(--vwp-cyan);
  font-family: "Space Grotesk", Inter, sans-serif;
  font-size: 2rem;
  font-weight: 800;
}

.vwp-testimonial-card .vwp-stars {
  color: var(--vwp-gold);
  letter-spacing: .12em;
}

.vwp-audience-positive {
  border-color: rgba(50,213,131,.25);
}

.vwp-audience-negative {
  opacity: .82;
}

.vwp-price-card {
  padding: clamp(2rem, 5vw, 4rem);
  max-width: 760px;
  margin-inline: auto;
  border-color: rgba(41,211,255,.22);
  box-shadow: 0 30px 90px rgba(47,107,255,.14), 0 24px 80px rgba(0,0,0,.38);
}

.vwp-price {
  font-family: "Space Grotesk", Inter, sans-serif;
  font-size: clamp(3rem, 7vw, 5.8rem);
  line-height: .9;
  font-weight: 800;
}

.vwp-faq details {
  padding: 1.15rem 1.35rem;
}

.vwp-faq summary {
  cursor: pointer;
  font-family: "Space Grotesk", Inter, sans-serif;
  font-size: 1.08rem;
  font-weight: 700;
}

.vwp-faq details > *:not(summary) {
  color: var(--vwp-muted);
}

.vwp-final {
  border-radius: 32px;
  overflow: hidden;
  background:
    radial-gradient(circle at 22% 0%, rgba(41,211,255,.25), transparent 38%),
    radial-gradient(circle at 90% 30%, rgba(242,193,78,.16), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 35px 100px rgba(0,0,0,.42);
}

.vwp-footer {
  border-top: 1px solid var(--vwp-line-soft);
  padding: clamp(2.5rem, 5vw, 4rem) 20px;
  color: var(--vwp-muted);
  background: rgba(0,0,0,.16);
}

.vwp-footer a {
  color: var(--vwp-muted);
  text-decoration: none;
}

.vwp-footer a:hover {
  color: var(--vwp-text);
}

.vwp-final .wpcf7 {
  width: 100%;
}

.vwp-final .wpcf7 form {
  display: grid;
  gap: 1rem;
  margin: 0;
  box-sizing: border-box;
  min-width: 0;
}

.vwp-final .wpcf7 label {
  display: grid;
  gap: .45rem;
  color: var(--vwp-muted);
  font-size: .88rem;
  line-height: 1.35;
}

.vwp-final .wpcf7 input,
.vwp-final .wpcf7 select,
.vwp-final .wpcf7 textarea {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  padding: .85rem .95rem;
  color: var(--vwp-text);
  background: rgba(255,255,255,.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.vwp-final .wpcf7 textarea {
  min-height: 132px;
  resize: vertical;
}

.vwp-final .wpcf7 input:focus,
.vwp-final .wpcf7 select:focus,
.vwp-final .wpcf7 textarea:focus {
  outline: none;
  border-color: rgba(110,231,255,.58);
  background: rgba(255,255,255,.08);
  box-shadow: 0 0 0 4px rgba(110,231,255,.11);
}

.vwp-final .wpcf7 input[type="submit"] {
  min-height: 52px;
  border: 0;
  border-radius: 999px;
  padding: .95rem 1.25rem;
  color: #041016;
  font-weight: 800;
  letter-spacing: 0;
  cursor: pointer;
  background: linear-gradient(135deg, #6ee7ff, #ffd56a);
  box-shadow: 0 16px 42px rgba(110,231,255,.18);
}

.vwp-final .wpcf7 input[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 22px 54px rgba(255,213,106,.2);
}

.vwp-final .wpcf7-spinner {
  margin: .75rem 0 0;
}

.vwp-final .wpcf7-response-output {
  margin: .75rem 0 0 !important;
  border-radius: 12px;
  color: var(--vwp-text);
}

@media (max-width: 900px) {
  .vwp-nav {
    display: none;
  }

  .vwp-site-header {
    padding-inline: 14px;
  }

  .vwp-header-cta .wp-block-button__link {
    padding: .64rem .8rem;
    font-size: .78rem;
  }

  .vwp-hero-title {
    font-size: clamp(3rem, 15vw, 4.6rem) !important;
  }

  .vwp-flow::before {
    display: none;
  }

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

@media (max-width: 640px) {
  .vwp-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .vwp-hero-reels {
    gap: .45rem;
  }

  .vwp-video-card {
    flex-basis: 74vw;
  }

  .vwp-carousel-controls {
    display: none;
  }
}

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

  .vwp-reveal {
    opacity: 1;
    transform: none;
  }

  .vwp-logo-marquee__track {
    animation: none;
  }
}

/* Priority corrections: Gutenberg-safe visual layer */
:root {
  --vwp-yellow: #ffd21a;
  --vwp-yellow-soft: #ffe870;
  --vwp-yellow-deep: #d99d00;
  --vwp-blue: #1d5cff;
  --vwp-cyan: #46d9ff;
  --vwp-gold: var(--vwp-yellow);
}

body {
  background:
    radial-gradient(circle at 18% -10%, rgba(255,210,26,.28), transparent 34rem),
    radial-gradient(circle at 86% 3%, rgba(255,232,112,.16), transparent 30rem),
    radial-gradient(circle at 44% 38%, rgba(70,217,255,.10), transparent 40rem),
    radial-gradient(circle at 72% 76%, rgba(255,210,26,.11), transparent 34rem),
    linear-gradient(180deg, #050506 0%, #08080a 42%, #050506 100%);
}

body::before {
  background:
    radial-gradient(circle at 10% 14%, rgba(255,210,26,.24), transparent 28%),
    radial-gradient(circle at 88% 16%, rgba(70,217,255,.13), transparent 28%),
    radial-gradient(circle at 55% 62%, rgba(255,232,112,.10), transparent 33%),
    radial-gradient(circle at 24% 86%, rgba(29,92,255,.12), transparent 30%);
  filter: blur(26px);
  opacity: .95;
}

.vwp-site-header {
  position: fixed;
  inset: 0 0 auto 0;
  padding: 18px 20px;
  background: transparent;
  border-bottom: 0;
  backdrop-filter: none;
  pointer-events: none;
}

.vwp-site-header__inner {
  min-height: 58px;
  padding: 0 0;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  transition: padding .35s var(--vwp-ease), background .35s var(--vwp-ease), border-color .35s var(--vwp-ease), box-shadow .35s var(--vwp-ease), backdrop-filter .35s var(--vwp-ease);
  pointer-events: auto;
}

.vwp-site-header.is-scrolled {
  background: transparent;
  border-bottom-color: transparent;
  backdrop-filter: none;
}

.vwp-site-header.is-scrolled .vwp-site-header__inner {
  padding: 7px 10px 7px 14px;
  border-color: rgba(255,255,255,.12);
  background: rgba(8,8,9,.68);
  box-shadow: 0 18px 60px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: saturate(155%) blur(18px);
}

.vwp-logo img {
  display: block;
  height: auto;
  filter: drop-shadow(0 0 22px rgba(255,210,26,.18));
}

.vwp-section--hero {
  padding-top: clamp(7rem, 12vw, 10rem);
}

.vwp-eyebrow {
  color: var(--vwp-yellow);
  border-color: rgba(255,210,26,.22);
  background: rgba(255,210,26,.07);
}

.vwp-gradient-text {
  background: linear-gradient(135deg, #fff 12%, var(--vwp-yellow) 54%, var(--vwp-yellow-deep) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link,
.vwp-final .wpcf7 input[type="submit"] {
  color: #090907;
  background: linear-gradient(135deg, var(--vwp-yellow-soft), var(--vwp-yellow) 48%, #ffb800);
  box-shadow: 0 18px 48px rgba(255,210,26,.22), inset 0 1px 0 rgba(255,255,255,.42);
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.vwp-final .wpcf7 input[type="submit"]:hover {
  box-shadow: 0 24px 64px rgba(255,210,26,.28), 0 0 0 1px rgba(255,255,255,.12) inset;
}

.is-style-outline .wp-block-button__link:hover {
  border-color: rgba(255,210,26,.42);
  color: var(--vwp-yellow-soft);
  box-shadow: 0 14px 44px rgba(255,210,26,.12);
}

.vwp-hero-reel {
  display: grid;
  align-content: end;
  padding: 1rem;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(0,0,0,.42)),
    radial-gradient(circle at 50% 18%, rgba(255,210,26,.34), transparent 42%),
    radial-gradient(circle at 50% 70%, rgba(70,217,255,.13), transparent 46%),
    #111216;
}

.vwp-hero-reel::after {
  content: none;
}

.vwp-hero-reel h4,
.vwp-hero-reel p {
  position: relative;
  z-index: 1;
  margin: 0;
}

.vwp-hero-reel h4 {
  color: #fff;
  font-size: clamp(1.2rem, 2vw, 2rem);
  line-height: .95;
}

.vwp-hero-reel p {
  color: var(--vwp-muted);
  font-size: .82rem;
  font-weight: 700;
}

.vwp-card,
.vwp-case-card,
.vwp-metric-card,
.vwp-price-card,
.vwp-testimonial-card,
.vwp-faq details,
.vwp-include-card,
.vwp-process-card {
  background:
    radial-gradient(circle at 18% 0%, rgba(255,210,26,.10), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.082), rgba(255,255,255,.024)),
    var(--vwp-surface);
  box-shadow: 0 28px 90px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.045);
}

.vwp-case-card::before {
  background:
    radial-gradient(circle at 14% 0%, rgba(255,210,26,.20), transparent 42%),
    radial-gradient(circle at 100% 18%, rgba(70,217,255,.11), transparent 38%);
}

.vwp-metrics-band::before,
.vwp-section:nth-of-type(odd)::before {
  content: "";
  position: absolute;
  inset: -12% 0 auto;
  height: 34rem;
  pointer-events: none;
  background: radial-gradient(circle at 50% 50%, rgba(255,210,26,.075), transparent 58%);
  opacity: .85;
}

.vwp-metric-number,
.vwp-process-card::before {
  color: var(--vwp-yellow);
  text-shadow: 0 0 30px rgba(255,210,26,.18);
}

.vwp-flow::before {
  background: linear-gradient(90deg, transparent, rgba(255,210,26,.48), transparent);
}

.vwp-icon-card::before {
  content: "";
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 1rem;
  border-radius: 14px;
  color: #090907;
  font-weight: 900;
  background: linear-gradient(135deg, var(--vwp-yellow-soft), var(--vwp-yellow));
  box-shadow: 0 16px 38px rgba(255,210,26,.18);
}

.vwp-icon-strategy::before { content: "01"; }
.vwp-icon-production::before { content: "02"; }
.vwp-icon-distribution::before { content: "03"; }
.vwp-icon-diagnosis::before { content: "DX"; }
.vwp-icon-script::before { content: "SC"; }
.vwp-icon-camera::before { content: "REC"; font-size: .72rem; }
.vwp-icon-edit::before { content: "ED"; }
.vwp-icon-report::before { content: "RP"; }
.vwp-icon-optimize::before { content: "OP"; }
.vwp-icon-views::before { content: "V"; }
.vwp-icon-play::before { content: "▶"; }
.vwp-icon-leads::before { content: "L"; }
.vwp-icon-pieces::before { content: "P"; }

.vwp-faq summary {
  position: relative;
  padding-left: 2.15rem;
}

.vwp-faq summary::before {
  content: "?";
  position: absolute;
  left: 0;
  top: -.1rem;
  display: inline-grid;
  place-items: center;
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 999px;
  color: #090907;
  font-size: .82rem;
  background: var(--vwp-yellow);
}

.vwp-final {
  background:
    radial-gradient(circle at 20% 0%, rgba(255,210,26,.25), transparent 42%),
    radial-gradient(circle at 90% 28%, rgba(70,217,255,.13), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.028));
  border-color: rgba(255,210,26,.18);
  box-shadow: 0 40px 110px rgba(0,0,0,.48), 0 0 80px rgba(255,210,26,.09);
}

.vwp-final .wpcf7 form {
  gap: 1.05rem;
  padding: clamp(1.1rem, 3vw, 1.65rem);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 24px;
  background: rgba(4,4,5,.36);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}

.vwp-final .wpcf7 input,
.vwp-final .wpcf7 select,
.vwp-final .wpcf7 textarea {
  border-color: rgba(255,255,255,.13);
  border-radius: 16px;
  background: rgba(255,255,255,.065);
}

.vwp-final .wpcf7 input:focus,
.vwp-final .wpcf7 select:focus,
.vwp-final .wpcf7 textarea:focus {
  border-color: rgba(255,210,26,.62);
  box-shadow: 0 0 0 4px rgba(255,210,26,.13), 0 12px 30px rgba(0,0,0,.16);
}

@media (max-width: 900px) {
  .vwp-site-header {
    padding: 12px 12px;
  }

  .vwp-site-header__inner {
    min-height: 52px;
  }

  .vwp-logo img {
    max-width: 146px;
  }
}

.vwp-proof-line {
  font-size: .95rem;
  font-weight: 700;
}


/* Emergency recovery layer: single source for post-recovery refinements */
:root {
  --vwp-yellow: #ffd21a;
  --vwp-yellow-soft: #ffe870;
  --vwp-yellow-deep: #d99d00;
  --vwp-blue: #1d5cff;
  --vwp-cyan: #46d9ff;
  --vwp-gold: var(--vwp-yellow);
}

body {
  background:
    radial-gradient(circle at 18% -10%, rgba(255,210,26,.28), transparent 34rem),
    radial-gradient(circle at 86% 3%, rgba(255,232,112,.16), transparent 30rem),
    radial-gradient(circle at 44% 38%, rgba(70,217,255,.10), transparent 40rem),
    radial-gradient(circle at 72% 76%, rgba(255,210,26,.11), transparent 34rem),
    linear-gradient(180deg, #050506 0%, #08080a 42%, #050506 100%);
}

body::before {
  background:
    radial-gradient(circle at 10% 14%, rgba(255,210,26,.24), transparent 28%),
    radial-gradient(circle at 88% 16%, rgba(70,217,255,.13), transparent 28%),
    radial-gradient(circle at 55% 62%, rgba(255,232,112,.10), transparent 33%),
    radial-gradient(circle at 24% 86%, rgba(29,92,255,.12), transparent 30%);
  filter: blur(26px);
  opacity: .95;
}

.vwp-site-header {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 100;
  padding: 0 20px;
  background: transparent;
  border-bottom: 1px solid transparent;
  backdrop-filter: none;
  box-shadow: none;
  transition: background-color .5s var(--vwp-ease), border-color .5s var(--vwp-ease), box-shadow .5s var(--vwp-ease), backdrop-filter .5s var(--vwp-ease);
}

.vwp-site-header__inner {
  min-height: 76px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  transition: min-height .5s var(--vwp-ease), transform .5s var(--vwp-ease), filter .5s var(--vwp-ease);
}

.vwp-site-header.is-scrolled {
  background: rgba(8,8,9,.78);
  border-bottom-color: rgba(255,255,255,.10);
  box-shadow: 0 14px 44px rgba(0,0,0,.28);
  backdrop-filter: saturate(155%) blur(18px);
}

.vwp-site-header.is-scrolled .vwp-site-header__inner {
  min-height: 68px;
}

.vwp-logo img {
  display: block;
  height: auto;
  filter: drop-shadow(0 0 22px rgba(255,210,26,.18));
}

.vwp-section--hero {
  padding-top: clamp(7rem, 12vw, 10rem);
}

.vwp-eyebrow {
  color: var(--vwp-yellow);
  border-color: rgba(255,210,26,.22);
  background: rgba(255,210,26,.07);
}

.vwp-gradient-text {
  background: linear-gradient(135deg, #fff 12%, var(--vwp-yellow) 54%, var(--vwp-yellow-deep) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link,
.vwp-final .wpcf7 input[type="submit"] {
  color: #090907;
  background: linear-gradient(135deg, var(--vwp-yellow-soft), var(--vwp-yellow) 48%, #ffb800);
  box-shadow: 0 18px 48px rgba(255,210,26,.22), inset 0 1px 0 rgba(255,255,255,.42);
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.vwp-final .wpcf7 input[type="submit"]:hover {
  box-shadow: 0 24px 64px rgba(255,210,26,.28), 0 0 0 1px rgba(255,255,255,.12) inset;
}

.is-style-outline .wp-block-button__link:hover {
  border-color: rgba(255,210,26,.42);
  color: var(--vwp-yellow-soft);
  box-shadow: 0 14px 44px rgba(255,210,26,.12);
}

.vwp-card,
.vwp-case-card,
.vwp-metric-card,
.vwp-price-card,
.vwp-testimonial-card,
.vwp-faq details,
.vwp-include-card,
.vwp-process-card {
  background:
    radial-gradient(circle at 18% 0%, rgba(255,210,26,.10), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.082), rgba(255,255,255,.024)),
    var(--vwp-surface);
  box-shadow: 0 28px 90px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.045);
}

.vwp-metric-number,
.vwp-process-card::before {
  color: var(--vwp-yellow);
  text-shadow: 0 0 30px rgba(255,210,26,.18);
}

.vwp-flow::before {
  background: linear-gradient(90deg, transparent, rgba(255,210,26,.48), transparent);
}

.vwp-logo-marquee__track {
  animation-name: vwp-marquee-seamless;
  animation-duration: var(--vwp-marquee-duration, 34s);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  will-change: transform;
}

@keyframes vwp-marquee-seamless {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(calc(var(--vwp-marquee-distance, 50%) * -1), 0, 0); }
}

.vwp-motion-item,
.vwp-reveal {
  opacity: 0;
  transform: translate3d(0, 34px, 0) scale(.99);
  transition: opacity .75s cubic-bezier(.22,.8,.2,1), transform .75s cubic-bezier(.22,.8,.2,1), border-color .35s var(--vwp-ease), box-shadow .35s var(--vwp-ease), background .35s var(--vwp-ease);
  transition-delay: var(--vwp-reveal-delay, 0ms);
}

.vwp-motion-item.is-visible,
.vwp-reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.vwp-page { min-height: 70vh; }
.vwp-page-hero {
  padding-top: clamp(8rem, 13vw, 11rem);
  padding-bottom: clamp(3.5rem, 7vw, 6rem);
}
.vwp-page-title {
  max-width: 980px;
  margin-inline: auto;
  font-size: clamp(3rem, 7vw, 6.4rem) !important;
  line-height: .92 !important;
}
.vwp-case-grid,
.vwp-sector-grid,
.vwp-contact-layout { gap: 1rem; }
.vwp-case-summary-card {
  padding: clamp(1.35rem, 2.5vw, 2rem);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--vwp-radius);
  background: radial-gradient(circle at 18% 0%, rgba(255,210,26,.10), transparent 38%), linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)), var(--vwp-surface);
  box-shadow: 0 28px 90px rgba(0,0,0,.38);
}

.vwp-final {
  background:
    radial-gradient(circle at 20% 0%, rgba(255,210,26,.25), transparent 42%),
    radial-gradient(circle at 90% 28%, rgba(70,217,255,.13), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.028));
  border-color: rgba(255,210,26,.18);
  box-shadow: 0 40px 110px rgba(0,0,0,.48), 0 0 80px rgba(255,210,26,.09);
}

.vwp-final .wpcf7 form {
  gap: 1.05rem;
  padding: clamp(1.1rem, 3vw, 1.65rem);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 24px;
  background: rgba(4,4,5,.36);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}

.vwp-final .wpcf7 input,
.vwp-final .wpcf7 select,
.vwp-final .wpcf7 textarea {
  border-color: rgba(255,255,255,.13);
  border-radius: 16px;
  background: rgba(255,255,255,.065);
}

.vwp-final .wpcf7 input:focus,
.vwp-final .wpcf7 select:focus,
.vwp-final .wpcf7 textarea:focus {
  border-color: rgba(255,210,26,.62);
  box-shadow: 0 0 0 4px rgba(255,210,26,.13), 0 12px 30px rgba(0,0,0,.16);
}

.vwp-faq summary { position: relative; padding-left: 2.15rem; }
.vwp-faq summary::before {
  content: "?";
  position: absolute;
  left: 0;
  top: -.1rem;
  display: inline-grid;
  place-items: center;
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 999px;
  color: #090907;
  font-size: .82rem;
  background: var(--vwp-yellow);
}

.vwp-real-cases-section { position: relative; overflow: hidden; }
.vwp-real-cases-section::before {
  content: "";
  position: absolute;
  inset: 2rem 0 auto;
  height: 42rem;
  pointer-events: none;
  background: radial-gradient(circle at 18% 24%, rgba(255,210,26,.14), transparent 38%), radial-gradient(circle at 86% 14%, rgba(70,217,255,.09), transparent 34%);
  opacity: .95;
}
.vwp-real-cases-section > * { position: relative; z-index: 1; }
.vwp-real-cases-summary,
.vwp-case-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .9rem;
}
.vwp-real-cases-summary { margin: clamp(2rem, 4vw, 3.5rem) auto clamp(2rem, 5vw, 4rem); }
.vwp-real-case-card {
  margin-top: clamp(1.5rem, 4vw, 2.8rem);
  padding: clamp(1rem, 2.4vw, 1.5rem);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 28px;
  background: radial-gradient(circle at 16% 0%, rgba(255,210,26,.13), transparent 34%), linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025)), rgba(12,12,13,.78);
  box-shadow: 0 38px 120px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter: blur(20px);
  overflow: hidden;
}
.vwp-real-case-columns { align-items: stretch; gap: clamp(1.1rem, 3vw, 2rem); margin-bottom: 0; }
.vwp-real-case-media,
.vwp-real-case-copy { height: 100%; }
.vwp-real-case-media {
  display: grid;
  align-content: start;
  gap: .85rem;
  padding: clamp(1rem, 2vw, 1.35rem);
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.08);
  background: radial-gradient(circle at 50% 0%, rgba(255,210,26,.12), transparent 38%), rgba(0,0,0,.26);
}
.vwp-real-case-copy { display: grid; align-content: center; gap: 1rem; padding: clamp(.4rem, 1vw, .8rem); }
.vwp-real-case-title { font-size: clamp(1.8rem, 3vw, 3.2rem); line-height: .98; letter-spacing: 0; }
.vwp-real-case-lead { color: var(--vwp-muted); font-size: clamp(1rem, .5vw + .92rem, 1.12rem); }
.vwp-case-kicker { color: var(--vwp-yellow); font-size: .74rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.vwp-tiktok-frame { display: grid; justify-items: center; gap: .75rem; }
.vwp-phone-shell {
  position: relative;
  width: min(100%, 320px);
  aspect-ratio: 9 / 16;
  padding: 9px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 30px;
  background: radial-gradient(circle at 50% 0%, rgba(255,210,26,.18), transparent 30%), linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.035)), #060607;
  box-shadow: 0 30px 82px rgba(0,0,0,.54), 0 0 58px rgba(255,210,26,.08);
  overflow: hidden;
}
.vwp-phone-shell iframe { display: block; width: 100%; height: 100%; border: 0; border-radius: 22px; background: #050506; }
.vwp-phone-chrome { position: absolute; top: 17px; left: 50%; z-index: 2; display: flex; gap: 5px; transform: translateX(-50%); padding: 5px 8px; border-radius: 999px; background: rgba(0,0,0,.48); }
.vwp-phone-chrome span { width: 4px; height: 4px; border-radius: 999px; background: rgba(255,255,255,.44); }
.vwp-case-stat,
.vwp-video-proof-link,
.vwp-case-insight,
.vwp-proof-note {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  background: rgba(255,255,255,.045);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.vwp-case-stat { padding: .9rem; }
.vwp-case-stat__number { margin: 0; color: var(--vwp-yellow); font-family: "Space Grotesk", Inter, sans-serif; font-size: clamp(1.4rem, 2.5vw, 2.1rem); font-weight: 850; line-height: .95; }
.vwp-case-stat__label { margin: .35rem 0 0; color: var(--vwp-muted); font-size: .8rem; }
.vwp-video-proof-list { display: grid; gap: .55rem; }
.vwp-video-proof-link { display: grid; grid-template-columns: auto 1fr; column-gap: .8rem; row-gap: .16rem; align-items: center; padding: .72rem .85rem; }
.vwp-video-proof-link__rank { grid-row: span 2; margin: 0; color: rgba(255,255,255,.48); font-weight: 850; }
.vwp-video-proof-link__views { margin: 0; color: var(--vwp-text); font-weight: 850; }
.vwp-video-proof-link__views a { color: inherit; text-decoration: none; }
.vwp-video-proof-link__views a:hover { color: var(--vwp-yellow); }
.vwp-video-proof-link__meta { margin: 0; color: var(--vwp-muted); font-size: .78rem; }
.vwp-case-insight { padding: 1rem; }
.vwp-case-insight h4 { margin-bottom: .45rem; font-size: .96rem; }
.vwp-case-insight p { margin: 0; color: var(--vwp-muted); font-size: .94rem; }
.vwp-proof-note { margin-top: clamp(2rem, 4vw, 3.2rem); padding: clamp(1.3rem, 3vw, 2.1rem); text-align: center; }
.vwp-proof-note p { max-width: 820px; margin-inline: auto; color: var(--vwp-muted); }

@media (max-width: 1100px) { .vwp-nav { gap: .35rem !important; font-size: .9rem; } }
@media (max-width: 900px) {
  .vwp-site-header { padding: 0 14px; }
  .vwp-site-header__inner,
  .vwp-site-header.is-scrolled .vwp-site-header__inner {
  min-height: 64px;
  padding: 0;
  border: 0;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
  .vwp-logo img { max-width: 146px; }
  .vwp-real-cases-summary,
  .vwp-case-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vwp-real-case-media,
  .vwp-real-case-copy { padding: .75rem; }
}
@media (max-width: 640px) {
  .vwp-real-cases-summary { grid-template-columns: 1fr 1fr; }
  .vwp-case-stats-grid { grid-template-columns: 1fr; }
  .vwp-video-proof-link { grid-template-columns: 1fr; }
  .vwp-video-proof-link__rank { grid-row: auto; }
  .vwp-phone-shell { width: min(100%, 300px); }
}
@media (prefers-reduced-motion: reduce) {
  .vwp-motion-item,
  .vwp-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}


/* Business case redesign: vertical editorial proof */
.vwp-business-cases {
  position: relative;
  overflow: hidden;
  padding-top: clamp(5rem, 9vw, 9rem);
  padding-bottom: clamp(5rem, 9vw, 9rem);
}

.vwp-business-cases::before {
  content: "";
  position: absolute;
  inset: 4rem 0 auto;
  height: 60rem;
  pointer-events: none;
  background:
    radial-gradient(circle at 14% 18%, rgba(255,210,26,.15), transparent 36%),
    radial-gradient(circle at 88% 16%, rgba(70,217,255,.09), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 62%);
}

.vwp-business-cases > * { position: relative; z-index: 1; }
.vwp-business-intro { margin-bottom: clamp(2.6rem, 5vw, 4.8rem); }

.vwp-business-case {
  margin-top: clamp(2.4rem, 5vw, 5rem);
  padding: clamp(1.35rem, 3vw, 2.4rem);
  border: 1px solid rgba(255,255,255,.105);
  border-radius: clamp(26px, 3vw, 38px);
  background:
    radial-gradient(circle at 18% 0%, rgba(255,210,26,.105), transparent 36%),
    radial-gradient(circle at 100% 22%, rgba(70,217,255,.075), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.078), rgba(255,255,255,.024)),
    rgba(9,9,10,.82);
  box-shadow: 0 42px 125px rgba(0,0,0,.50), inset 0 1px 0 rgba(255,255,255,.055);
  backdrop-filter: blur(20px);
  overflow: hidden;
}

.vwp-business-case__head {
  display: grid;
  gap: clamp(1rem, 2vw, 1.45rem);
  margin-bottom: clamp(1.45rem, 3vw, 2.35rem);
}

.vwp-business-case__meta {
  gap: .7rem !important;
  align-items: center;
}

.vwp-case-index {
  margin: 0;
  color: rgba(255,255,255,.42);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.vwp-business-case__hero {
  align-items: end !important;
  gap: clamp(1.2rem, 3vw, 3rem);
  margin-bottom: 0;
}

.vwp-business-title {
  margin: 0;
  max-width: 13ch;
  font-size: clamp(2.55rem, 5.6vw, 5.8rem);
  line-height: .9;
  letter-spacing: 0;
  text-wrap: balance;
}

.vwp-result-hero {
  position: relative;
  display: grid;
  gap: .4rem;
  width: min(100%, 28rem);
  margin-left: auto;
  padding: clamp(1rem, 2vw, 1.35rem) clamp(1rem, 2.2vw, 1.55rem);
  border: 1px solid rgba(255,210,26,.18);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255,210,26,.105), rgba(255,255,255,.032) 56%, rgba(70,217,255,.045)),
    rgba(255,255,255,.03);
  box-shadow: 0 20px 62px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);
}

.vwp-result-hero::after {
  content: "";
  position: absolute;
  inset: auto 1.2rem 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,210,26,.46), transparent);
}

.vwp-result-number {
  margin: 0;
  color: var(--vwp-yellow);
  font-family: "Space Grotesk", Inter, sans-serif;
  font-size: clamp(2.8rem, 5vw, 5rem);
  font-weight: 850;
  line-height: .9;
  letter-spacing: 0;
  text-shadow: 0 0 32px rgba(255,210,26,.15);
}

.vwp-result-label {
  margin: 0;
  max-width: 100%;
  color: rgba(255,255,255,.76);
  font-size: clamp(.78rem, .95vw, .9rem);
  font-weight: 740;
  letter-spacing: .055em;
  line-height: 1.35;
  text-transform: uppercase;
}

.vwp-business-media,
.vwp-native-video-render { display: block; width: 100%; }
.vwp-native-video-render .wp-block-buttons,
.vwp-native-video-render .vwp-embed-caption { display: none !important; }

.vwp-business-video-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(.85rem, 1.4vw, 1.15rem);
  width: 100%;
  margin: 0 auto clamp(1.6rem, 3vw, 2.4rem);
}

.vwp-business-video-card { min-width: 0; }

.vwp-business-video-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16;
  padding: 7px;
  border: 1px solid rgba(255,255,255,.135);
  border-radius: 24px;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,210,26,.14), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.03)),
    #060607;
  box-shadow: 0 28px 72px rgba(0,0,0,.46), 0 0 46px rgba(255,210,26,.045);
  overflow: hidden;
  transition: transform .38s cubic-bezier(.2,.8,.2,1), border-color .38s ease, box-shadow .38s ease;
}

.vwp-business-video-frame::after {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: 17px;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.065), inset 0 -54px 54px rgba(0,0,0,.16);
}

.vwp-business-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  border-radius: 17px;
  background: #050506;
  transform: scale(1.002);
  transition: transform .38s cubic-bezier(.2,.8,.2,1);
}

.vwp-business-video-card:hover .vwp-business-video-frame,
.vwp-business-video-frame:focus-within {
  transform: translateY(-4px);
  border-color: rgba(255,210,26,.30);
  box-shadow: 0 34px 88px rgba(0,0,0,.52), 0 0 62px rgba(255,210,26,.08);
}

.vwp-business-video-card:hover .vwp-business-video { transform: scale(1.016); }

.vwp-business-case__body {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: clamp(1.2rem, 3vw, 2.2rem);
  align-items: start;
}

.vwp-case-narrative {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: .9rem;
}

.vwp-case-narrative .wp-block-group {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 1rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 16px;
  background: rgba(255,255,255,.035);
}

.vwp-case-narrative h4 {
  margin: 0 0 .45rem;
  color: #fff;
  font-size: .82rem;
  font-weight: 820;
  letter-spacing: .035em;
}

.vwp-case-narrative p {
  margin: 0;
  color: rgba(255,255,255,.62);
  font-size: .88rem;
  line-height: 1.55;
}

.vwp-business-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding: .95rem 0;
  border-top: 1px solid rgba(255,255,255,.11);
  border-bottom: 1px solid rgba(255,255,255,.11);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.022), transparent);
}

.vwp-business-metric {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: .52rem;
  min-height: 5.2rem;
  margin: 0;
  padding: .2rem clamp(.75rem, 1.35vw, 1rem);
  border: 0;
  border-radius: 0;
  background: transparent;
}

.vwp-business-metric + .vwp-business-metric { border-left: 1px solid rgba(255,255,255,.10); }

.vwp-business-metric strong {
  display: block;
  color: #fff;
  font-family: "Space Grotesk", Inter, sans-serif;
  font-size: clamp(1.45rem, 2.2vw, 2.15rem);
  font-weight: 820;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

.vwp-business-metric span {
  display: block;
  max-width: none;
  margin: 0;
  color: rgba(255,255,255,.56);
  font-size: .66rem;
  font-weight: 760;
  letter-spacing: .06em;
  line-height: 1.35;
  text-transform: uppercase;
}

.vwp-business-outcome {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: clamp(1rem, 2vw, 1.4rem);
  border-top: 1px solid rgba(255,255,255,.09);
}

.vwp-real-case-lead {
  max-width: 46rem;
  margin: 0;
}

.vwp-business-cta { flex-shrink: 0; }
.vwp-business-cta .wp-block-button__link { min-width: 190px; }

.vwp-case-audio-toggle {
  position: fixed;
  right: clamp(1rem, 2.4vw, 2rem);
  bottom: clamp(1rem, 2.4vw, 2rem);
  z-index: 90;
  display: inline-flex;
  align-items: center;
  gap: .52rem;
  min-height: 38px;
  padding: .55rem .76rem;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  color: rgba(255,255,255,.76);
  font: inherit;
  font-size: .72rem;
  font-weight: 820;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: rgba(8,8,9,.58);
  box-shadow: 0 18px 55px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter: blur(18px);
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity .28s ease, transform .28s ease, border-color .28s ease, color .28s ease;
}

.vwp-case-audio-toggle.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); }
.vwp-case-audio-toggle:hover,
.vwp-case-audio-toggle:focus-visible { color: #fff; border-color: rgba(255,210,26,.36); }
.vwp-audio-dot { width: .46rem; height: .46rem; border-radius: 999px; background: rgba(255,255,255,.38); box-shadow: 0 0 0 4px rgba(255,255,255,.06); }
.vwp-case-audio-toggle[aria-pressed="true"] .vwp-audio-dot { background: var(--vwp-yellow); box-shadow: 0 0 0 4px rgba(255,210,26,.12), 0 0 18px rgba(255,210,26,.5); }

/* Final header polish: transparent at top, blurred full-width on scroll */
.vwp-site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  padding: 0 20px;
  background: rgba(7,7,8,0);
  border-bottom: 1px solid rgba(255,255,255,0);
  box-shadow: 0 0 0 rgba(0,0,0,0);
  -webkit-backdrop-filter: saturate(100%) blur(0);
  backdrop-filter: saturate(100%) blur(0);
  transform: translateY(0);
  --vwp-header-ease: cubic-bezier(.19,1,.22,1);
  transition:
    background-color .62s var(--vwp-header-ease),
    border-color .62s var(--vwp-header-ease),
    box-shadow .62s var(--vwp-header-ease),
    backdrop-filter .62s var(--vwp-header-ease),
    -webkit-backdrop-filter .62s var(--vwp-header-ease),
    transform .62s var(--vwp-header-ease);
}

.vwp-site-header__inner {
  min-height: 80px;
  background: transparent;
  border: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition:
    min-height .62s var(--vwp-header-ease),
    padding .62s var(--vwp-header-ease);
}

.vwp-logo img,
.vwp-header-cta .wp-block-button__link,
.vwp-nav {
  transform-origin: center;
  transition:
    transform .62s var(--vwp-header-ease),
    opacity .62s var(--vwp-header-ease),
    color .62s var(--vwp-header-ease),
    background-color .62s var(--vwp-header-ease),
    box-shadow .62s var(--vwp-header-ease);
}

.vwp-site-header.is-scrolled {
  background: rgba(7,7,8,.40);
  border-bottom-color: rgba(255,255,255,.07);
  box-shadow: 0 14px 34px rgba(0,0,0,.18);
  -webkit-backdrop-filter: saturate(185%) blur(28px);
  backdrop-filter: saturate(185%) blur(28px);
  transform: translateY(0);
}

.vwp-site-header.is-scrolled .vwp-site-header__inner {
  min-height: 60px;
  padding: 0;
  border: 0;
  border-color: transparent;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.vwp-site-header.is-scrolled .vwp-logo img { transform: scale(.92); }
.vwp-site-header.is-scrolled .vwp-header-cta .wp-block-button__link { transform: scale(.96); }
.vwp-site-header.is-scrolled .vwp-nav { transform: translateY(-1px); }

@media (prefers-reduced-motion: reduce) {
  .vwp-site-header,
  .vwp-site-header__inner,
  .vwp-logo img,
  .vwp-header-cta .wp-block-button__link,
  .vwp-nav {
    transition-duration: .01ms !important;
  }
}

body.admin-bar .vwp-site-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .vwp-site-header { top: 46px; } }

@media (max-width: 1120px) {
  .vwp-business-video-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .vwp-business-case__body { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .vwp-business-title { max-width: none; }
  .vwp-result-hero { margin-left: 0; }
  .vwp-business-video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vwp-case-narrative { grid-template-columns: 1fr; }
  .vwp-business-metrics { grid-template-columns: 1fr; gap: .65rem; border: 0; background: transparent; padding: 0; }
  .vwp-business-metric { min-height: auto; padding: .85rem 0; border-top: 1px solid rgba(255,255,255,.105); }
  .vwp-business-metric + .vwp-business-metric { border-left: 0; }
  .vwp-business-metric:last-child { border-bottom: 1px solid rgba(255,255,255,.105); }
  .vwp-business-metric strong { font-size: clamp(1.65rem, 7vw, 2.35rem); }
  .vwp-business-outcome { display: grid; }
}

@media (max-width: 640px) {
  .vwp-business-case { padding-inline: 1rem; }
  .vwp-business-video-grid {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(190px, 66vw);
    grid-template-columns: none;
    max-width: none;
    margin-inline: -1rem;
    padding: .2rem 1rem .85rem;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
  }
  .vwp-business-video-grid::-webkit-scrollbar { display: none; }
  .vwp-business-video-card { scroll-snap-align: center; }
  .vwp-site-header { padding: 0 14px; }
  .vwp-site-header__inner,
  .vwp-site-header.is-scrolled .vwp-site-header__inner { min-height: 64px; }
  .vwp-case-audio-toggle { right: 1rem; bottom: 1rem; }
}

/* Final case composition adjustments: full-width title and five-up video row */
.vwp-business-case {
  padding-inline: clamp(1.35rem, 2.6vw, 2.1rem);
}

.vwp-business-case__head {
  gap: clamp(.9rem, 1.7vw, 1.35rem);
}

.vwp-business-case__meta {
  justify-content: flex-start;
}

.vwp-business-case__meta .vwp-case-index {
  display: none !important;
}

.vwp-business-title {
  max-width: min(100%, 15.5ch);
  font-size: clamp(2.8rem, 5.2vw, 5.7rem);
}

.vwp-result-hero {
  width: min(100%, 34rem);
  margin-left: 0;
  padding: clamp(.95rem, 1.7vw, 1.25rem) clamp(1rem, 2vw, 1.45rem);
}

.vwp-result-number {
  font-size: clamp(2.55rem, 4.4vw, 4.65rem);
}

.vwp-business-video-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(.65rem, 1vw, .9rem);
  margin-bottom: clamp(1.55rem, 2.6vw, 2.15rem);
}

.vwp-business-video-frame {
  padding: 6px;
  border-radius: 22px;
  box-shadow: 0 24px 68px rgba(0,0,0,.44), 0 0 42px rgba(255,210,26,.045);
}

.vwp-business-video-frame::after {
  inset: 6px;
  border-radius: 16px;
}

.vwp-business-video {
  border-radius: 16px;
}

.vwp-business-case__body {
  grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
  gap: clamp(1.1rem, 2.4vw, 1.8rem);
  padding-top: clamp(1.1rem, 2vw, 1.35rem);
  border-top: 1px solid rgba(255,255,255,.08);
}

.vwp-case-narrative {
  gap: .8rem;
}

.vwp-case-narrative .wp-block-group {
  min-height: 10.25rem;
  padding: clamp(.9rem, 1.45vw, 1.1rem);
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.026));
}

.vwp-case-narrative h4 {
  font-size: .84rem;
}

.vwp-case-narrative p {
  font-size: .875rem;
  line-height: 1.5;
}

.vwp-business-metrics {
  align-self: stretch;
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 1px solid rgba(255,255,255,.085);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.022));
  overflow: hidden;
}

.vwp-business-metric {
  min-height: auto;
  grid-template-columns: minmax(5.8rem, auto) minmax(0, 1fr);
  align-items: center;
  gap: .85rem;
  padding: .9rem 1rem;
}

.vwp-business-metric + .vwp-business-metric {
  border-left: 0;
  border-top: 1px solid rgba(255,255,255,.085);
}

.vwp-business-metric strong {
  font-size: clamp(1.65rem, 2.15vw, 2.15rem);
}

.vwp-business-metric span {
  font-size: .68rem;
  line-height: 1.32;
}

.vwp-business-outcome {
  padding-top: clamp(1.05rem, 1.8vw, 1.3rem);
}

@media (max-width: 1180px) {
  .vwp-business-video-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .vwp-business-case__body { grid-template-columns: 1fr; }
  .vwp-business-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .vwp-business-metric { display: grid; grid-template-columns: 1fr; align-content: start; }
  .vwp-business-metric + .vwp-business-metric { border-top: 0; border-left: 1px solid rgba(255,255,255,.085); }
}

@media (max-width: 900px) {
  .vwp-business-video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vwp-business-metrics { grid-template-columns: 1fr; border: 0; background: transparent; }
  .vwp-business-metric { padding: .85rem 0; border-top: 1px solid rgba(255,255,255,.105); }
  .vwp-business-metric + .vwp-business-metric { border-left: 0; border-top: 1px solid rgba(255,255,255,.105); }
}

@media (max-width: 640px) {
  .vwp-business-title { font-size: clamp(2.25rem, 13vw, 3.5rem); }
  .vwp-business-video-grid {
    grid-auto-columns: minmax(205px, 70vw);
    grid-template-columns: none;
  }
}

/* Premium case polish: wider composition, larger video row and active audio highlight */
.vwp-business-case {
  padding: clamp(1.2rem, 2vw, 1.75rem);
}

.vwp-business-case__head {
  gap: clamp(.75rem, 1.25vw, 1rem);
  margin-bottom: clamp(1.1rem, 2vw, 1.55rem);
}

.vwp-business-title {
  max-width: min(100%, 19ch);
  font-size: clamp(2.6rem, 4.35vw, 5rem);
  line-height: .94;
}

.vwp-result-hero {
  width: min(100%, 45rem);
  grid-template-columns: auto minmax(0, 1fr);
  align-items: end;
  column-gap: clamp(1rem, 2vw, 1.65rem);
  padding: clamp(.78rem, 1.3vw, 1rem) clamp(1rem, 2.2vw, 1.65rem);
  border-radius: 20px;
}

.vwp-result-number {
  font-size: clamp(2.45rem, 4vw, 4.3rem);
}

.vwp-result-label {
  padding-bottom: .26rem;
  font-size: clamp(.72rem, .82vw, .82rem);
}

.vwp-business-video-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(.48rem, .75vw, .7rem);
  margin-inline: calc(clamp(.2rem, .8vw, .6rem) * -1);
  width: calc(100% + clamp(.4rem, 1.6vw, 1.2rem));
}

.vwp-business-video-frame {
  padding: 5px;
  border-radius: 20px;
  border-color: rgba(255,255,255,.14);
  box-shadow: 0 22px 64px rgba(0,0,0,.44), 0 0 38px rgba(255,210,26,.04);
}

.vwp-business-video-frame::after {
  inset: 5px;
  border-radius: 15px;
}

.vwp-business-video {
  border-radius: 15px;
}

.vwp-business-video-frame.is-active {
  border-color: rgba(255,210,26,.24);
}

.vwp-business-cases.has-audio-active .vwp-business-video-card.is-active .vwp-business-video-frame {
  transform: translateY(-5px);
  border-color: rgba(255,210,26,.82);
  box-shadow:
    0 32px 86px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,210,26,.26),
    0 0 48px rgba(255,210,26,.30),
    0 0 110px rgba(255,210,26,.12);
}

.vwp-business-cases.has-audio-active .vwp-business-video-card.is-active .vwp-business-video-frame::before {
  content: "";
  position: absolute;
  inset: 5px;
  z-index: 2;
  pointer-events: none;
  border-radius: 15px;
  box-shadow: inset 0 0 0 1px rgba(255,210,26,.34);
}

.vwp-business-case__body {
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
  gap: clamp(1rem, 2vw, 1.45rem);
}

.vwp-case-narrative .wp-block-group {
  min-height: 9.5rem;
}

.vwp-business-metrics {
  border-radius: 16px;
}

.vwp-business-metric {
  grid-template-columns: minmax(5.35rem, auto) minmax(0, 1fr);
  padding: .78rem .95rem;
}

.vwp-business-metric strong {
  font-size: clamp(1.5rem, 1.9vw, 2rem);
}

@media (max-width: 1180px) {
  .vwp-business-video-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .vwp-result-hero { grid-template-columns: 1fr; }
  .vwp-business-video-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .vwp-business-video-grid {
    grid-auto-columns: minmax(215px, 72vw);
    grid-template-columns: none;
  }
}

/* Larger home case videos: wider cards without carousel on desktop */
.vwp-business-case.alignwide {
  width: min(94vw, 1420px);
  max-width: min(94vw, 1420px) !important;
  margin-left: auto;
  margin-right: auto;
}

.vwp-business-case {
  padding: clamp(1rem, 1.45vw, 1.45rem);
}

.vwp-business-video-grid {
  width: calc(100% + clamp(1.2rem, 3vw, 2.6rem));
  margin-left: calc(clamp(.6rem, 1.5vw, 1.3rem) * -1);
  margin-right: calc(clamp(.6rem, 1.5vw, 1.3rem) * -1);
  gap: clamp(.38rem, .62vw, .58rem);
}

.vwp-business-video-frame {
  padding: 4px;
  border-radius: 18px;
}

.vwp-business-video-frame::after {
  inset: 4px;
  border-radius: 14px;
}

.vwp-business-video {
  border-radius: 14px;
}

.vwp-business-title {
  max-width: min(100%, 22ch);
  font-size: clamp(2.5rem, 4vw, 4.65rem);
}

.vwp-result-hero {
  width: min(100%, 50rem);
}

@media (max-width: 1180px) {
  .vwp-business-case.alignwide {
    width: min(96vw, 1120px);
    max-width: min(96vw, 1120px) !important;
  }
}

@media (max-width: 980px) {
  .vwp-business-video-grid {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 640px) {
  .vwp-business-video-grid {
    width: auto;
    margin-inline: -1rem;
    grid-auto-columns: minmax(230px, 76vw);
  }
}

/* Desktop correction: reordered case composition and editorial lower panel. */
@media (min-width: 1181px) {
  .vwp-business-case.alignwide {
    width: min(88vw, 1360px);
    max-width: min(88vw, 1360px) !important;
    overflow: visible;
  }

  .vwp-business-case {
    padding-left: clamp(1.3rem, 2vw, 2.15rem);
    padding-right: clamp(1.3rem, 2vw, 2.15rem);
  }

  .vwp-business-case__head {
    gap: clamp(.75rem, 1.2vw, 1rem);
    margin-bottom: clamp(1.15rem, 2vw, 1.65rem);
  }

  .vwp-business-title {
    max-width: none;
    width: 100%;
    font-size: clamp(2.3rem, 3.35vw, 3.75rem);
    line-height: .98;
    white-space: nowrap;
  }

  .vwp-business-case .vwp-business-video-grid {
    width: min(100%, 1180px);
    max-width: none !important;
    margin: 0 auto clamp(1.35rem, 2.25vw, 1.9rem);
    transform: none;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(1.15rem, 1.35vw, 1.55rem);
    overflow: visible;
  }

  .vwp-business-video-card {
    overflow: visible;
  }

  .vwp-business-video-frame {
    padding: 4px;
    border-radius: 19px;
    overflow: hidden;
  }

  .vwp-business-video-frame::after {
    inset: 4px;
    border-radius: 15px;
  }

  .vwp-business-video {
    border-radius: 15px;
  }

  .vwp-business-video-card:hover .vwp-business-video-frame,
  .vwp-business-video-card:focus-within .vwp-business-video-frame {
    transform: translateY(-4px);
    border-color: rgba(255,210,26,.54);
    box-shadow:
      0 32px 82px rgba(0,0,0,.54),
      0 0 0 1px rgba(255,210,26,.16),
      0 0 40px rgba(255,210,26,.18);
  }

  .vwp-business-cases.has-audio-active .vwp-business-video-card.is-active .vwp-business-video-frame {
    transform: translateY(-5px);
    border-color: rgba(255,210,26,.86);
    box-shadow:
      0 36px 92px rgba(0,0,0,.58),
      0 0 0 1px rgba(255,210,26,.30),
      0 0 54px rgba(255,210,26,.34),
      0 0 120px rgba(255,210,26,.14);
  }

  .vwp-result-hero {
    width: min(100%, 54rem);
    margin: 0 auto clamp(1.35rem, 2.4vw, 2rem);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    column-gap: clamp(1.05rem, 1.8vw, 1.5rem);
    padding: clamp(.82rem, 1.25vw, 1rem) clamp(1.1rem, 2vw, 1.7rem);
    border-radius: 20px;
  }

  .vwp-result-number {
    font-size: clamp(2.35rem, 3.8vw, 4rem);
  }

  .vwp-result-label {
    padding-bottom: 0;
    font-size: clamp(.68rem, .72vw, .78rem);
    line-height: 1.25;
  }

  .vwp-business-case__body {
    width: min(100%, 62rem);
    margin-inline: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(18rem, 1.18fr);
    gap: clamp(1rem, 1.45vw, 1.4rem);
    align-items: stretch;
  }

  .vwp-case-narrative {
    display: contents;
  }

  .vwp-case-narrative .wp-block-group {
    min-height: 0;
    height: 100%;
    padding: clamp(1.05rem, 1.3vw, 1.25rem);
    border: 1px solid rgba(255,255,255,.085);
    border-radius: 18px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.048), rgba(255,255,255,.020)),
      rgba(10,10,11,.38);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 18px 46px rgba(0,0,0,.16);
  }

  .vwp-case-narrative h4 {
    margin-bottom: .5rem;
    font-size: .78rem;
    letter-spacing: .025em;
  }

  .vwp-case-narrative p {
    font-size: .86rem;
    line-height: 1.5;
  }

  .vwp-business-metrics {
    display: grid;
    grid-template-columns: 1fr;
    align-self: stretch;
    gap: 0;
    padding: .18rem 0;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 18px;
    background:
      radial-gradient(circle at 16% 0%, rgba(255,210,26,.075), transparent 34%),
      linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.020)),
      rgba(8,8,9,.40);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 20px 54px rgba(0,0,0,.18);
  }

  .vwp-business-metric {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(6rem, auto) minmax(0, 1fr);
    align-items: center;
    gap: clamp(.85rem, 1.1vw, 1.05rem);
    padding: .76rem clamp(.95rem, 1.25vw, 1.15rem);
    border: 0;
    background: transparent;
  }

  .vwp-business-metric + .vwp-business-metric {
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.08);
  }

  .vwp-business-metric strong {
    color: #fff;
    font-size: clamp(1.45rem, 1.85vw, 1.95rem);
    line-height: .96;
    white-space: nowrap;
  }

  .vwp-business-metric span {
    color: rgba(255,255,255,.58);
    font-size: .64rem;
    font-weight: 780;
    letter-spacing: .052em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .vwp-business-outcome {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(1.2rem, 2vw, 1.8rem);
    margin-top: clamp(.2rem, .7vw, .55rem);
    padding: clamp(1rem, 1.5vw, 1.25rem) 0 0;
    border-top: 1px solid rgba(255,255,255,.095);
  }

  .vwp-real-case-lead {
    max-width: none;
    font-size: clamp(.98rem, .78vw, 1.06rem);
    line-height: 1.55;
  }

  .vwp-business-cta {
    justify-content: flex-end;
  }
}

@media (min-width: 1181px) and (max-width: 1280px) {
  .vwp-business-title {
    font-size: clamp(2rem, 3vw, 3.2rem);
  }

  .vwp-business-case__body {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(16.5rem, 1.08fr);
  }
}

/* Premium compact pass: calmer typography, shorter hero and continuous background. */
.vwp-section:nth-of-type(odd)::before,
.vwp-metrics-band::before {
  content: none !important;
  display: none !important;
}

.vwp-section {
  padding-top: clamp(3.1rem, 5.6vw, 5.8rem);
  padding-bottom: clamp(3.1rem, 5.6vw, 5.8rem);
}

.vwp-section--tight {
  padding-top: clamp(2rem, 3.8vw, 3.4rem);
  padding-bottom: clamp(2rem, 3.8vw, 3.4rem);
}

.vwp-section--hero {
  min-height: auto;
  padding-top: clamp(5.4rem, 7.2vw, 7rem) !important;
  padding-bottom: clamp(1.5rem, 2.6vw, 2.4rem) !important;
}

.vwp-hero-title {
  max-width: 900px;
  font-size: clamp(3rem, 6.35vw, 5.75rem) !important;
  line-height: .92 !important;
}

.vwp-hero .vwp-lead,
.vwp-section--hero .vwp-lead {
  max-width: 680px;
  font-size: clamp(.95rem, 1vw, 1.08rem);
  line-height: 1.52;
}

.vwp-hero-reels {
  margin-top: clamp(1.4rem, 2.6vw, 2.2rem) !important;
  min-height: clamp(12rem, 22vw, 18rem);
}

.vwp-hero-reel {
  min-height: clamp(10rem, 18vw, 15.5rem);
  padding: .85rem;
}

.vwp-hero-reel h4 {
  font-size: clamp(1rem, 1.55vw, 1.55rem);
}

.vwp-hero-reel p {
  font-size: .76rem;
}

.vwp-section-title,
.vwp-page-title {
  font-size: clamp(2rem, 4.2vw, 4.35rem) !important;
  line-height: 1.02 !important;
}

.vwp-lead {
  font-size: clamp(.98rem, 1.1vw, 1.14rem);
}

.vwp-metric-number {
  font-size: clamp(2rem, 3.4vw, 3.7rem) !important;
}

.vwp-price {
  font-size: clamp(2.45rem, 4.7vw, 4.35rem) !important;
  line-height: .95;
}

.vwp-price-card {
  padding: clamp(1.65rem, 3.4vw, 3rem);
}

@media (min-width: 1181px) {
  .vwp-business-title {
    font-size: clamp(1.95rem, 2.75vw, 3.15rem) !important;
    line-height: 1.02;
  }

  .vwp-business-case__head {
    margin-bottom: clamp(.95rem, 1.55vw, 1.25rem);
  }

  .vwp-business-case .vwp-business-video-grid {
    margin-bottom: clamp(1rem, 1.8vw, 1.45rem);
  }

  .vwp-result-hero {
    width: min(100%, 48rem);
    margin-bottom: clamp(1rem, 1.8vw, 1.45rem);
    padding: clamp(.68rem, .95vw, .85rem) clamp(.95rem, 1.55vw, 1.35rem);
  }

  .vwp-result-number {
    font-size: clamp(2rem, 3vw, 3.25rem) !important;
  }

  .vwp-result-label {
    font-size: clamp(.64rem, .66vw, .72rem);
  }

  .vwp-business-case {
    padding-top: clamp(1.45rem, 2.3vw, 2.2rem);
    padding-bottom: clamp(1.45rem, 2.3vw, 2.2rem);
  }
}

@media (max-width: 782px) {
  .vwp-section {
    padding-top: clamp(2.6rem, 10vw, 4rem);
    padding-bottom: clamp(2.6rem, 10vw, 4rem);
  }

  .vwp-section--hero {
    padding-top: clamp(5.4rem, 16vw, 6.8rem) !important;
  }

  .vwp-hero-title {
    font-size: clamp(2.55rem, 13vw, 4.25rem) !important;
  }

  .vwp-section-title,
  .vwp-page-title {
    font-size: clamp(2rem, 9.5vw, 3.35rem) !important;
  }
}

/* WhatsApp CTA and blue-cyan premium palette trial */
.vwp-header-cta .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .56rem;
  min-height: 2.55rem;
  padding: .58rem .94rem .58rem .66rem !important;
  color: #f8fbff !important;
  background: rgba(10,14,16,.68) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.07) !important;
  -webkit-backdrop-filter: saturate(160%) blur(18px);
  backdrop-filter: saturate(160%) blur(18px);
}

.vwp-header-cta .wp-block-button__link::before {
  content: "";
  width: 1.42rem;
  height: 1.42rem;
  flex: 0 0 1.42rem;
  border-radius: 999px;
  background-color: #25d366;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M16.02 5.34c-5.78 0-10.48 4.66-10.48 10.4 0 1.96.55 3.8 1.5 5.36L5.45 26.7l5.76-1.5a10.5 10.5 0 0 0 4.81 1.16c5.78 0 10.48-4.66 10.48-10.4S21.8 5.34 16.02 5.34Zm0 18.98c-1.55 0-3.04-.41-4.35-1.2l-.31-.18-3.42.9.91-3.3-.2-.34a8.45 8.45 0 0 1-1.3-4.46c0-4.61 3.89-8.36 8.67-8.36s8.67 3.75 8.67 8.36-3.89 8.58-8.67 8.58Zm4.88-6.25c-.27-.13-1.58-.77-1.83-.86-.24-.09-.42-.13-.6.13-.18.27-.69.86-.85 1.03-.16.18-.31.2-.58.07-.27-.13-1.13-.41-2.15-1.32-.79-.7-1.33-1.56-1.49-1.83-.16-.27-.02-.41.12-.54.12-.12.27-.31.4-.47.13-.16.18-.27.27-.45.09-.18.04-.34-.02-.47-.07-.13-.6-1.43-.82-1.96-.22-.52-.44-.45-.6-.46h-.51c-.18 0-.47.07-.71.34-.24.27-.93.9-.93 2.2s.96 2.55 1.09 2.73c.13.18 1.89 2.86 4.58 4.01.64.28 1.14.44 1.53.56.64.2 1.23.17 1.69.1.52-.08 1.58-.64 1.8-1.25.22-.62.22-1.14.16-1.25-.07-.11-.24-.18-.51-.31Z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 82%;
  box-shadow: 0 0 0 4px rgba(37,211,102,.12), 0 0 18px rgba(37,211,102,.36);
}

.vwp-header-cta .wp-block-button__link:hover,
.vwp-header-cta .wp-block-button__link:focus-visible {
  color: #fff !important;
  border-color: rgba(37,211,102,.48) !important;
  background: rgba(13,19,20,.78) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.28), 0 0 26px rgba(37,211,102,.13), inset 0 1px 0 rgba(255,255,255,.09) !important;
}

body {
  background:
    radial-gradient(circle at 12% 2%, rgba(47,107,255,.24), transparent 31rem),
    radial-gradient(circle at 82% 4%, rgba(70,217,255,.13), transparent 29rem),
    radial-gradient(circle at 48% 42%, rgba(41,211,255,.11), transparent 40rem),
    radial-gradient(circle at 78% 72%, rgba(255,210,26,.065), transparent 34rem),
    #050506 !important;
}

body::before {
  background:
    radial-gradient(circle at 10% 14%, rgba(47,107,255,.22), transparent 30%),
    radial-gradient(circle at 88% 16%, rgba(70,217,255,.16), transparent 30%),
    radial-gradient(circle at 55% 62%, rgba(41,211,255,.10), transparent 34%),
    radial-gradient(circle at 24% 86%, rgba(255,210,26,.055), transparent 30%) !important;
}

.vwp-section--hero::before,
.vwp-hero-visual::before,
.vwp-business-case,
.vwp-metrics-band,
.vwp-price-card {
  --vwp-yellow-wash: rgba(255,210,26,.075);
}

.vwp-section--hero::before {
  background:
    radial-gradient(circle at 16% 0%, rgba(47,107,255,.22), transparent 40%),
    radial-gradient(circle at 88% 12%, rgba(70,217,255,.12), transparent 34%),
    radial-gradient(circle at 52% 68%, rgba(255,210,26,.055), transparent 36%) !important;
}

.vwp-business-case {
  background:
    radial-gradient(circle at 16% 0%, rgba(47,107,255,.115), transparent 36%),
    radial-gradient(circle at 96% 18%, rgba(70,217,255,.10), transparent 34%),
    radial-gradient(circle at 50% 0%, rgba(255,210,26,.075), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.078), rgba(255,255,255,.024)),
    rgba(12,12,13,.78) !important;
}

.vwp-result-hero,
.vwp-price-card,
.vwp-testimonial,
.vwp-process-card,
.vwp-fit-card,
.vwp-faq details {
  background:
    radial-gradient(circle at 12% 0%, rgba(47,107,255,.095), transparent 36%),
    radial-gradient(circle at 100% 18%, rgba(70,217,255,.072), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.076), rgba(255,255,255,.024)) !important;
}

/* Hero breathing and stronger motion pass */
.vwp-section--hero {
  padding-top: clamp(6.3rem, 8.2vw, 7.7rem) !important;
  padding-bottom: clamp(2.85rem, 5.2vw, 5rem) !important;
}

.vwp-section--hero > .wp-block-group,
.vwp-hero {
  row-gap: clamp(1.05rem, 1.75vw, 1.55rem) !important;
}

.vwp-hero-title {
  max-width: 860px;
  font-size: clamp(2.85rem, 5.72vw, 5.25rem) !important;
  line-height: .94 !important;
  margin-bottom: clamp(.75rem, 1.35vw, 1.12rem) !important;
}

.vwp-hero .vwp-lead,
.vwp-section--hero .vwp-lead {
  max-width: 720px;
  margin-top: 0 !important;
  margin-bottom: clamp(.75rem, 1.25vw, 1rem) !important;
  line-height: 1.64;
}

.vwp-section--hero .wp-block-buttons {
  margin-top: clamp(.55rem, 1vw, .85rem) !important;
  margin-bottom: clamp(.75rem, 1.25vw, 1.05rem) !important;
}

.vwp-section--hero .wp-block-buttons + .wp-block-paragraph,
.vwp-section--hero .vwp-hero-kicker {
  margin-top: clamp(.55rem, 1vw, .8rem) !important;
  margin-bottom: clamp(1.15rem, 2.1vw, 1.75rem) !important;
}

.vwp-hero-reels {
  margin-top: clamp(2.1rem, 3.8vw, 3.25rem) !important;
  min-height: clamp(12rem, 21vw, 17.2rem);
}

.vwp-logo-marquee {
  margin-top: clamp(1.75rem, 4.2vw, 4rem) !important;
  padding-top: clamp(1.7rem, 3vw, 2.6rem) !important;
  padding-bottom: clamp(1.7rem, 3vw, 2.6rem) !important;
}

.vwp-motion-item,
.vwp-reveal {
  transform: translate3d(0, 42px, 0) scale(.985);
  transition:
    opacity .86s cubic-bezier(.19,1,.22,1),
    transform .86s cubic-bezier(.19,1,.22,1),
    border-color .34s ease,
    box-shadow .34s ease,
    background .34s ease,
    filter .34s ease;
}

.vwp-business-video-card.vwp-motion-item,
.vwp-business-info.vwp-motion-item,
.vwp-result-hero.vwp-motion-item {
  transform: translate3d(0, 34px, 0) scale(.982);
}

.vwp-motion-item.is-visible,
.vwp-reveal.is-visible,
.vwp-business-video-card.vwp-motion-item.is-visible,
.vwp-business-info.vwp-motion-item.is-visible,
.vwp-result-hero.vwp-motion-item.is-visible {
  transform: translate3d(0, 0, 0) scale(1);
}

.vwp-metric-card,
.vwp-process-card,
.vwp-testimonial-card,
.vwp-testimonial,
.vwp-fit-card,
.vwp-price-card,
.vwp-faq details,
.vwp-business-info,
.vwp-business-metrics,
.vwp-business-result {
  transition:
    transform .36s cubic-bezier(.2,.8,.2,1),
    border-color .36s ease,
    box-shadow .36s ease,
    background .36s ease,
    filter .36s ease;
}

.vwp-metric-card:hover,
.vwp-process-card:hover,
.vwp-testimonial-card:hover,
.vwp-testimonial:hover,
.vwp-fit-card:hover,
.vwp-price-card:hover,
.vwp-faq details:hover,
.vwp-business-info:hover,
.vwp-business-metrics:hover,
.vwp-business-result:hover {
  transform: translateY(-7px);
  border-color: rgba(70,217,255,.28) !important;
  box-shadow:
    0 28px 78px rgba(0,0,0,.42),
    0 0 44px rgba(70,217,255,.12),
    0 0 24px rgba(255,210,26,.06),
    inset 0 1px 0 rgba(255,255,255,.075) !important;
  filter: saturate(1.08);
}

.vwp-business-video-card:hover .vwp-business-video-frame,
.vwp-business-video-card.is-audio-active .vwp-business-video-frame {
  border-color: rgba(255,210,26,.64);
  box-shadow:
    0 34px 88px rgba(0,0,0,.52),
    0 0 72px rgba(255,210,26,.14),
    0 0 34px rgba(70,217,255,.10);
}

@media (max-width: 782px) {
  .vwp-section--hero {
    padding-top: clamp(5.8rem, 17vw, 7rem) !important;
    padding-bottom: clamp(2.35rem, 9vw, 3.6rem) !important;
  }

  .vwp-hero-title {
    font-size: clamp(2.4rem, 12vw, 3.85rem) !important;
    line-height: .97 !important;
  }

  .vwp-hero-reels {
    margin-top: clamp(1.55rem, 7vw, 2.4rem) !important;
  }

  .vwp-logo-marquee {
    margin-top: clamp(1.25rem, 7vw, 2.5rem) !important;
  }
}

/* Unified card hover and audience icons */
.vwp-card,
.vwp-include-card,
.vwp-icon-card,
.vwp-audience-positive,
.vwp-audience-negative {
  position: relative;
  overflow: hidden;
  transition:
    transform .36s cubic-bezier(.2,.8,.2,1),
    border-color .36s ease,
    box-shadow .36s ease,
    background .36s ease,
    filter .36s ease;
}

.vwp-card:hover,
.vwp-include-card:hover,
.vwp-icon-card:hover,
.vwp-audience-positive:hover,
.vwp-audience-negative:hover {
  transform: translateY(-7px);
  border-color: rgba(70,217,255,.28) !important;
  box-shadow:
    0 28px 78px rgba(0,0,0,.42),
    0 0 44px rgba(70,217,255,.12),
    0 0 24px rgba(255,210,26,.06),
    inset 0 1px 0 rgba(255,255,255,.075) !important;
  filter: saturate(1.08);
}

.vwp-card::after,
.vwp-include-card::after,
.vwp-icon-card::after,
.vwp-audience-positive::after,
.vwp-audience-negative::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(circle at 22% 0%, rgba(70,217,255,.14), transparent 38%),
    radial-gradient(circle at 94% 10%, rgba(255,210,26,.075), transparent 32%);
  transition: opacity .36s ease;
}

.vwp-card:hover::after,
.vwp-include-card:hover::after,
.vwp-icon-card:hover::after,
.vwp-audience-positive:hover::after,
.vwp-audience-negative:hover::after {
  opacity: 1;
}

.vwp-audience-positive,
.vwp-audience-negative {
  padding-top: clamp(1.55rem, 2.6vw, 2.15rem);
  isolation: isolate;
}

.vwp-audience-positive::before,
.vwp-audience-negative::before {
  content: "";
  display: inline-flex;
  width: 2.35rem;
  height: 2.35rem;
  margin-bottom: 1rem;
  border-radius: 999px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 62%;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}

.vwp-audience-positive::before {
  border: 1px solid rgba(70,217,255,.32);
  background-color: rgba(70,217,255,.10);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%2346d9ff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='m8.7 12.2 2.1 2.1 4.8-5'/%3E%3C/svg%3E");
  box-shadow: 0 0 0 5px rgba(70,217,255,.055), 0 0 28px rgba(70,217,255,.12), inset 0 1px 0 rgba(255,255,255,.12);
}

.vwp-audience-negative::before {
  border: 1px solid rgba(255,184,92,.30);
  background-color: rgba(255,184,92,.085);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23ffb85c' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='m9 9 6 6'/%3E%3Cpath d='m15 9-6 6'/%3E%3C/svg%3E");
  box-shadow: 0 0 0 5px rgba(255,184,92,.045), 0 0 28px rgba(255,184,92,.08), inset 0 1px 0 rgba(255,255,255,.10);
}

.vwp-audience-positive {
  background:
    radial-gradient(circle at 14% 0%, rgba(70,217,255,.13), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.076), rgba(255,255,255,.024)),
    rgba(12,12,13,.78) !important;
}

.vwp-audience-negative {
  background:
    radial-gradient(circle at 14% 0%, rgba(255,184,92,.10), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.068), rgba(255,255,255,.022)),
    rgba(12,12,13,.78) !important;
}

.vwp-audience-positive > *,
.vwp-audience-negative > * {
  position: relative;
  z-index: 1;
}

@media (hover: none) {
  .vwp-card:hover,
  .vwp-include-card:hover,
  .vwp-icon-card:hover,
  .vwp-audience-positive:hover,
  .vwp-audience-negative:hover {
    transform: none;
  }
}

@media (max-width: 782px) {
  .vwp-audience-positive::before,
  .vwp-audience-negative::before {
    width: 2.05rem;
    height: 2.05rem;
    margin-bottom: .75rem;
  }
}

/* Premium global footer */
.vwp-footer {
  position: relative;
  overflow: hidden;
  margin-top: 0;
  padding: clamp(4.6rem, 8vw, 7rem) 20px clamp(1.8rem, 3.5vw, 2.8rem);
  color: var(--vwp-muted);
  background:
    radial-gradient(circle at 26% 96%, rgba(47,107,255,.22), transparent 34rem),
    radial-gradient(circle at 88% 8%, rgba(255,142,54,.16), transparent 28rem),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.18)),
    #050506;
  border-top: 1px solid rgba(255,255,255,.075);
}

.vwp-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .9;
  background:
    radial-gradient(circle at 52% 68%, rgba(70,217,255,.075), transparent 28rem),
    linear-gradient(90deg, rgba(47,107,255,.05), transparent 36%, rgba(255,210,26,.035));
}

.vwp-footer > * {
  position: relative;
  z-index: 1;
}

.vwp-footer__main {
  display: grid !important;
  grid-template-columns: minmax(16rem, 1.25fr) minmax(10rem, .85fr) minmax(15rem, 1fr);
  gap: clamp(2.4rem, 7vw, 7rem);
  align-items: start;
  padding-bottom: clamp(3.5rem, 6vw, 5.6rem);
}

.vwp-footer__brand,
.vwp-footer__nav,
.vwp-footer__cta {
  margin: 0 !important;
}

.vwp-footer .vwp-brand,
.vwp-footer .vwp-brand a {
  margin: 0 0 1.05rem;
  color: #fff;
  font-family: "Space Grotesk", Inter, sans-serif;
  font-size: clamp(1.45rem, 2vw, 2rem);
  font-weight: 850;
  letter-spacing: -.02em;
  text-decoration: none;
}

.vwp-footer__brand p:not(.vwp-footer__label),
.vwp-footer__cta p:not(.vwp-footer__label) {
  max-width: 18rem;
  margin: 0;
  color: rgba(255,255,255,.62);
  font-size: .95rem;
  line-height: 1.65;
}

.vwp-footer__label {
  margin: 0 0 1.25rem !important;
  color: rgba(255,255,255,.46);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.vwp-footer__nav p {
  margin: 0 0 .86rem;
}

.vwp-footer a {
  color: rgba(255,255,255,.58);
  text-decoration: none;
  transition: color .22s ease, transform .22s ease;
}

.vwp-footer__nav a:hover,
.vwp-footer__nav a:focus-visible {
  color: #fff;
}

.vwp-footer__buttons {
  margin-top: 1.35rem !important;
}

.vwp-footer__cta .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .56rem;
  min-height: 2.55rem;
  padding: .58rem .94rem .58rem .66rem !important;
  color: #f8fbff !important;
  background: rgba(10,14,16,.68) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.07) !important;
  -webkit-backdrop-filter: saturate(160%) blur(18px);
  backdrop-filter: saturate(160%) blur(18px);
}

.vwp-footer__cta .wp-block-button__link::before {
  content: "";
  width: 1.42rem;
  height: 1.42rem;
  flex: 0 0 1.42rem;
  border-radius: 999px;
  background-color: #25d366;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M16.02 5.34c-5.78 0-10.48 4.66-10.48 10.4 0 1.96.55 3.8 1.5 5.36L5.45 26.7l5.76-1.5a10.5 10.5 0 0 0 4.81 1.16c5.78 0 10.48-4.66 10.48-10.4S21.8 5.34 16.02 5.34Zm0 18.98c-1.55 0-3.04-.41-4.35-1.2l-.31-.18-3.42.9.91-3.3-.2-.34a8.45 8.45 0 0 1-1.3-4.46c0-4.61 3.89-8.36 8.67-8.36s8.67 3.75 8.67 8.36-3.89 8.58-8.67 8.58Zm4.88-6.25c-.27-.13-1.58-.77-1.83-.86-.24-.09-.42-.13-.6.13-.18.27-.69.86-.85 1.03-.16.18-.31.2-.58.07-.27-.13-1.13-.41-2.15-1.32-.79-.7-1.33-1.56-1.49-1.83-.16-.27-.02-.41.12-.54.12-.12.27-.31.4-.47.13-.16.18-.27.27-.45.09-.18.04-.34-.02-.47-.07-.13-.6-1.43-.82-1.96-.22-.52-.44-.45-.6-.46h-.51c-.18 0-.47.07-.71.34-.24.27-.93.9-.93 2.2s.96 2.55 1.09 2.73c.13.18 1.89 2.86 4.58 4.01.64.28 1.14.44 1.53.56.64.2 1.23.17 1.69.1.52-.08 1.58-.64 1.8-1.25.22-.62.22-1.14.16-1.25-.07-.11-.24-.18-.51-.31Z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 82%;
}

.vwp-footer__cta .wp-block-button__link::before {
  box-shadow: 0 0 0 4px rgba(37,211,102,.12), 0 0 18px rgba(37,211,102,.36);
}

.vwp-footer__cta .wp-block-button__link:hover,
.vwp-footer__cta .wp-block-button__link:focus-visible {
  transform: translateY(-2px);
  color: #fff !important;
  border-color: rgba(37,211,102,.48) !important;
  background: rgba(13,19,20,.78) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.28), 0 0 26px rgba(37,211,102,.13), inset 0 1px 0 rgba(255,255,255,.09) !important;
}

.vwp-footer__bottom {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 1rem 2rem;
  align-items: center;
  padding-top: clamp(1.4rem, 2.6vw, 2rem);
  border-top: 1px solid rgba(255,255,255,.09);
}

.vwp-footer__bottom p {
  margin: 0;
  color: rgba(255,255,255,.44);
}

.vwp-footer__credit {
  justify-self: center;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  cursor: text;
  user-select: text;
  -webkit-user-select: text;
  white-space: nowrap;
}

.vwp-footer__credit::selection {
  color: rgba(240,242,244,.82) !important;
  -webkit-text-fill-color: rgba(240,242,244,.82);
  background: rgba(70,217,255,.18);
}

.vwp-footer__credit::-moz-selection {
  color: rgba(240,242,244,.82) !important;
  background: rgba(70,217,255,.18);
}

.vwp-footer__legal {
  display: flex !important;
  justify-self: end;
  gap: 1.35rem;
  align-items: center;
  color: rgba(255,255,255,.42);
}

.vwp-footer__legal p {
  cursor: default;
  user-select: none;
}

@media (max-width: 900px) {
  .vwp-footer__main {
    grid-template-columns: 1fr 1fr;
  }

  .vwp-footer__cta {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  .vwp-footer {
    padding-top: 3.8rem;
  }

  .vwp-footer__main {
    grid-template-columns: 1fr;
    gap: 2.25rem;
  }

  .vwp-footer__bottom {
    grid-template-columns: minmax(0, 1fr);
    justify-items: start;
    align-items: start;
  }

  .vwp-footer__legal {
    gap: .9rem 1.1rem;
    justify-self: start;
  }
}

/* Premium cursor glow */
.vwp-cursor-glow {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 2.25rem;
  height: 2.25rem;
  pointer-events: none;
  border-radius: 999px;
  opacity: 0;
  transform: translate3d(-50%, -50%, 0) scale(.72);
  background:
    radial-gradient(circle, rgba(70,217,255,.24) 0 18%, rgba(70,217,255,.10) 38%, transparent 70%);
  box-shadow: 0 0 34px rgba(70,217,255,.16), 0 0 58px rgba(255,210,26,.05);
  mix-blend-mode: screen;
  transition: opacity .22s ease, width .22s ease, height .22s ease, transform .16s ease, background .22s ease, box-shadow .22s ease;
  will-change: transform;
}

html.vwp-cursor-ready .vwp-cursor-glow { opacity: .62; }

html.vwp-pointer-active .vwp-cursor-glow {
  width: 3.3rem;
  height: 3.3rem;
  opacity: .78;
  background:
    radial-gradient(circle, rgba(37,211,102,.28) 0 16%, rgba(70,217,255,.13) 42%, transparent 72%);
  box-shadow: 0 0 42px rgba(37,211,102,.18), 0 0 62px rgba(70,217,255,.14);
}

@media (pointer: coarse), (prefers-reduced-motion: reduce) {
  .vwp-cursor-glow { display: none !important; }
}

/* Business case bottom alignment and hover */
@media (min-width: 1181px) {
  .vwp-business-case__body {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(18rem, 1.18fr) !important;
    gap: clamp(1rem, 1.55vw, 1.35rem) !important;
    align-items: stretch !important;
    grid-auto-rows: auto;
    width: min(100%, 52rem);
    margin-inline: auto;
  }

  .vwp-case-narrative {
    display: grid !important;
    grid-column: 1 / span 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(1rem, 1.55vw, 1.35rem) !important;
    align-items: stretch !important;
    align-self: stretch !important;
    height: 100%;
    margin: 0 !important;
  }

  .vwp-case-narrative > .wp-block-group,
  .vwp-business-metrics {
    min-height: clamp(8.15rem, 10vw, 9.9rem);
    height: 100%;
    align-self: stretch !important;
    margin: 0 !important;
  }

  .vwp-business-metrics {
    grid-column: 3;
  }

  .vwp-business-outcome {
    grid-column: 1 / -1;
    margin-top: .35rem !important;
  }
}

.vwp-case-narrative > .wp-block-group,
.vwp-business-metrics {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: clamp(.95rem, 1.45vw, 1.2rem);
  border: 1px solid rgba(255,255,255,.105);
  border-radius: 18px;
  background:
    radial-gradient(circle at 16% 0%, rgba(70,217,255,.075), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.066), rgba(255,255,255,.022)),
    rgba(10,10,11,.64);
  box-shadow: 0 22px 64px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition:
    transform .36s cubic-bezier(.2,.8,.2,1),
    border-color .36s ease,
    box-shadow .36s ease,
    background .36s ease,
    filter .36s ease;
}

.vwp-case-narrative > .wp-block-group::after,
.vwp-business-metrics::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(circle at 20% 0%, rgba(70,217,255,.13), transparent 42%),
    radial-gradient(circle at 92% 8%, rgba(255,210,26,.07), transparent 34%);
  transition: opacity .36s ease;
}

.vwp-case-narrative > .wp-block-group:hover,
.vwp-business-metrics:hover {
  transform: translateY(-7px);
  border-color: rgba(70,217,255,.28) !important;
  box-shadow:
    0 28px 78px rgba(0,0,0,.42),
    0 0 44px rgba(70,217,255,.12),
    0 0 24px rgba(255,210,26,.06),
    inset 0 1px 0 rgba(255,255,255,.075) !important;
  filter: saturate(1.08);
}

.vwp-case-narrative > .wp-block-group:hover::after,
.vwp-business-metrics:hover::after {
  opacity: 1;
}

.vwp-case-narrative > .wp-block-group > *,
.vwp-business-metrics > * {
  position: relative;
  z-index: 1;
}

.vwp-case-narrative h4 {
  margin: 0 0 .55rem;
  font-size: clamp(.72rem, .78vw, .82rem);
  line-height: 1.1;
}

.vwp-case-narrative p {
  margin: 0;
  font-size: clamp(.79rem, .86vw, .92rem);
  line-height: 1.52;
}

.vwp-business-metrics {
  gap: 0;
  justify-content: stretch;
  padding-block: 0;
}

.vwp-business-metric {
  flex: 1 1 0;
  display: grid;
  grid-template-columns: minmax(5.2rem, auto) minmax(0, 1fr);
  align-items: center;
  gap: .82rem;
  min-height: 0;
  margin: 0;
  padding: .72rem clamp(.9rem, 1.3vw, 1.15rem);
}

.vwp-business-metric + .vwp-business-metric {
  border-top: 1px solid rgba(255,255,255,.075);
}

@media (max-width: 1180px) {
  .vwp-business-case__body {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .85rem !important;
    width: 100%;
  }

  .vwp-case-narrative {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: .85rem;
  }

  .vwp-case-narrative > .wp-block-group,
  .vwp-business-metrics {
    min-height: 0;
  }
}

@media (hover: none) {
  .vwp-case-narrative > .wp-block-group:hover,
  .vwp-business-metrics:hover {
    transform: none;
  }
}


/* Homepage section rhythm and primary H2 hierarchy. */
.vwp-business-cases {
  padding-bottom: clamp(1.5rem, 2.8vw, 2.5rem);
}




.vwp-home > .vwp-section > h2,
.vwp-home > .vwp-section > .vwp-final > h2 {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  font-size: 32px !important;
  line-height: 1.04 !important;
  text-wrap: balance;
}

@media (max-width: 782px) {
  .vwp-home > .vwp-section > h2,
  .vwp-home > .vwp-section > .vwp-final > h2 {
    font-size: clamp(28px, 7vw, 32px) !important;
  }
}

/* Integrate the cases proof note into the continuous page atmosphere. */
.vwp-business-cases {
  overflow: clip;
}

.vwp-business-cases::before {
  inset: 0;
  height: 100%;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 7%, #000 84%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0, #000 7%, #000 84%, transparent 100%);
}

.vwp-cases-proof-note {
  position: relative;
  z-index: 1;
  max-width: 760px;
  margin: clamp(1.25rem, 2.2vw, 1.8rem) auto 0;
  color: var(--vwp-muted);
  font-size: .9rem;
  line-height: 1.5;
}

.vwp-business-cases + #sistema {
  padding-top: clamp(3rem, 5vw, 4.5rem);
}

/* One continuous backdrop across the cases-to-system transition. */
.vwp-home,
.vwp-business-cases,
.vwp-business-cases + .vwp-section {
  background: transparent !important;
}

.vwp-business-cases::before {
  content: none !important;
  display: none !important;
}

/* Shared atmospheric surface for cases and system. */
.vwp-cases-system-continuum {
  position: relative;
  isolation: isolate;
}

.vwp-cases-system-continuum::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 16%, rgba(47,107,255,.10), transparent 34rem),
    radial-gradient(circle at 88% 44%, rgba(70,217,255,.08), transparent 38rem),
    radial-gradient(circle at 28% 80%, rgba(255,210,26,.055), transparent 40rem),
    linear-gradient(180deg, rgba(5,5,6,.04), rgba(5,5,6,.16) 46%, rgba(5,5,6,.10) 72%, rgba(5,5,6,.04));
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 7%, #000 93%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, #000 7%, #000 93%, transparent 100%);
}

.vwp-cases-system-continuum > * {
  position: relative;
  z-index: 1;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  background-color: transparent !important;
}

/* Optical logo balance for the brand marquee. */
.vwp-logo-marquee figure,
.vwp-logo-marquee .wp-block-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 72px;
}

.vwp-logo-marquee img {
  max-width: 100%;
}

.vwp-logo-marquee img.wp-image-85 {
  max-height: 72px;
}

.vwp-logo-marquee img.wp-image-91 {
  max-height: 72px;
}

.vwp-logo-marquee img[alt="Villaolivo"] {
  max-width: 145px;
  max-height: 44px;
}

@media (max-width: 782px) {
  .vwp-logo-marquee figure,
  .vwp-logo-marquee .wp-block-image {
    width: 130px;
    height: 64px;
  }

  .vwp-logo-marquee img.wp-image-85,
  .vwp-logo-marquee img.wp-image-91 {
    max-height: 64px;
  }

  .vwp-logo-marquee img[alt="Villaolivo"] {
    max-width: 125px;
    max-height: 40px;
  }
}

/* Fine optical calibration after visual review. */
.vwp-logo-marquee img.wp-image-85 { max-height: 95px; }
.vwp-logo-marquee img.wp-image-91 { max-height: 76px; }
.vwp-logo-marquee img[alt="Villaolivo"] { max-width: 165px; max-height: 48px; }

@media (max-width: 782px) {
  .vwp-logo-marquee img.wp-image-85 { max-height: 72px; }
  .vwp-logo-marquee img.wp-image-91 { max-height: 68px; }
  .vwp-logo-marquee img[alt="Villaolivo"] { max-width: 145px; max-height: 42px; }
}

/* Compact the empty hero on the Cases page only. */
.vwp-cases-page > .vwp-page-hero {
  display: none;
}

.vwp-cases-page > .vwp-business-cases {
  padding-top: clamp(8.5rem, 12vw, 10.5rem);
}

.vwp-cases-page .vwp-business-intro {
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
}

@media (max-width: 782px) {
  .vwp-cases-page > .vwp-business-cases {
    padding-top: clamp(7.5rem, 24vw, 9rem);
  }
}

/* Cases page: deliberate hero-to-first-case spacing. */
.vwp-cases-page .vwp-business-intro {
  margin-bottom: 112px !important;
}

.vwp-cases-page .vwp-business-intro + .vwp-business-case {
  margin-top: 0 !important;
}

@media (max-width: 782px) {
  .vwp-cases-page .vwp-business-intro {
    margin-bottom: 72px !important;
  }
}


/* Sector cards: balanced grid and semantic pictograms */
.vwp-sector-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.25rem, 2vw, 1.75rem) !important;
  align-items: stretch;
}
.vwp-sector-grid > .wp-block-column {
  width: auto;
  min-width: 0;
  margin: 0 !important;
  padding: clamp(1.65rem, 2.4vw, 2.15rem);
}
.vwp-sector-grid .vwp-icon-card::before {
  content: "";
  flex: 0 0 auto;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  background-size: 23px 23px, 100% 100%;
}
.vwp-sector-grid .vwp-sector-restaurants::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23090907' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3v8M3.5 3v5a2.5 2.5 0 0 0 5 0V3M6 11v10M15 3v18M15 3c3.3 1.8 4 5.6 0 9'/%3E%3C/svg%3E"), linear-gradient(135deg, var(--vwp-yellow-soft), var(--vwp-yellow));
}
.vwp-sector-grid .vwp-sector-personal::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23090907' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 21a7.5 7.5 0 0 1 15 0'/%3E%3C/svg%3E"), linear-gradient(135deg, var(--vwp-yellow-soft), var(--vwp-yellow));
}
.vwp-sector-grid .vwp-sector-training::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23090907' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-5 9 5-9 5-9-5Z'/%3E%3Cpath d='M7 12v5c3 2 7 2 10 0v-5M21 9v6'/%3E%3C/svg%3E"), linear-gradient(135deg, var(--vwp-yellow-soft), var(--vwp-yellow));
}
.vwp-sector-grid .vwp-sector-food::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23090907' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21c5-3 7-7 7-12-5 0-9 2-11 6-1.5-2-3.5-3-6-3 0 5 3 8 10 9Z'/%3E%3Cpath d='M7 17c3-3 6-5 10-6'/%3E%3C/svg%3E"), linear-gradient(135deg, var(--vwp-yellow-soft), var(--vwp-yellow));
}
.vwp-sector-grid .vwp-sector-services::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23090907' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 12h18M10 12v2h4v-2'/%3E%3C/svg%3E"), linear-gradient(135deg, var(--vwp-yellow-soft), var(--vwp-yellow));
}
.vwp-sector-grid .vwp-sector-local::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23090907' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10v11h16V10M3 10l2-6h14l2 6M3 10a3 3 0 0 0 6 0 3 3 0 0 0 6 0 3 3 0 0 0 6 0M9 21v-6h6v6'/%3E%3C/svg%3E"), linear-gradient(135deg, var(--vwp-yellow-soft), var(--vwp-yellow));
}
@media (max-width: 960px) {
  .vwp-sector-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .vwp-sector-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem !important;
  }
}


/* Contact page: consolidated reference-inspired layout */
.vwp-contact-page {
  min-height: 100vh;
}

.vwp-contact-page .vwp-contact-stage {
  position: relative;
  padding: clamp(6.25rem, calc(10vw - 20px), 7.75rem) 20px clamp(4.5rem, 7vw, 7rem);
}

.vwp-contact-page .vwp-contact-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  gap: clamp(2.5rem, 5vw, 5rem);
  align-items: stretch;
  margin-block: 0;
}

.vwp-contact-page .vwp-contact-shell > .wp-block-column {
  width: auto;
  min-width: 0;
  margin: 0 !important;
}

.vwp-contact-page .vwp-contact-info {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
}

.vwp-contact-page .vwp-contact-title {
  max-width: 680px;
  margin: 0;
  font-size: clamp(3rem, 4vw, 4rem) !important;
  line-height: .92 !important;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.vwp-contact-page .vwp-contact-intro {
  max-width: 36rem;
  margin: clamp(1.4rem, 2.6vw, 2rem) 0 0;
  color: var(--vwp-muted);
  font-size: clamp(1rem, 1.25vw, 1.12rem);
  line-height: 1.7;
}

.vwp-contact-page .vwp-contact-methods {
  display: grid;
  gap: .15rem;
  margin-top: clamp(1.8rem, 3vw, 2.6rem);
}

.vwp-contact-page .vwp-contact-method {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  column-gap: 1rem;
  align-items: center;
  margin: 0;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.vwp-contact-page .vwp-contact-method:last-child {
  border-bottom: 0;
}

.vwp-contact-page .vwp-contact-method::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / span 3;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(70,217,255,.22);
  border-radius: 14px;
  background-color: rgba(70,217,255,.09);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.vwp-contact-page .vwp-contact-method--whatsapp::before {
  border-color: rgba(37,211,102,.25);
  background-color: rgba(37,211,102,.10);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2325d366' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.5 8.5 0 0 1-12.6 7.4L3 21l2.1-5.2A8.5 8.5 0 1 1 21 11.5Z'/%3E%3Cpath d='M8.2 8.2c.4 3.4 2.2 5.2 5.6 5.6M14 13.8l1.6-1.2M8.2 8.2 9.5 7'/%3E%3C/svg%3E");
}

.vwp-contact-page .vwp-contact-method--email::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2346d9ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
}

.vwp-contact-page .vwp-contact-method__label,
.vwp-contact-page .vwp-contact-method__value,
.vwp-contact-page .vwp-contact-method__note {
  grid-column: 2;
  margin: 0;
}

.vwp-contact-page .vwp-contact-method__label {
  color: var(--vwp-text);
  font-size: .9rem;
  font-weight: 750;
}

.vwp-contact-page .vwp-contact-method__value {
  margin-top: .12rem;
  overflow-wrap: anywhere;
  font-size: .95rem;
}

.vwp-contact-page .vwp-contact-method__value a {
  color: var(--vwp-text);
  text-decoration-color: rgba(255,210,26,.45);
  text-underline-offset: .2em;
}

.vwp-contact-page .vwp-contact-method__value a:hover {
  color: var(--vwp-yellow);
}

.vwp-contact-page .vwp-contact-method__value--copy { display: flex; flex-wrap: nowrap; gap: .35rem; align-items: center; }
.vwp-contact-page .vwp-copy-email { position: relative; appearance: none; display: inline-grid; place-items: center; width: 28px; height: 28px; flex: 0 0 28px; margin: 0; padding: 0; border: 0; border-radius: 7px; background: transparent; color: rgba(255,255,255,.48); cursor: pointer; transition: background-color .18s ease, color .18s ease; }
.vwp-contact-page .vwp-copy-email:hover { background: rgba(255,255,255,.07); color: rgba(255,255,255,.82); }
.vwp-contact-page .vwp-copy-email:focus-visible { outline: 2px solid rgba(255,210,26,.75); outline-offset: 2px; }
.vwp-contact-page .vwp-copy-email.is-copied { background: rgba(37,211,102,.08); color: #7cf0a7; }
.vwp-contact-page .vwp-copy-email::before { content: ""; width: 15px; height: 15px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='12' height='12' rx='2'/%3E%3Cpath d='M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='12' height='12' rx='2'/%3E%3Cpath d='M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2'/%3E%3C/svg%3E") center / contain no-repeat; }
.vwp-contact-page .vwp-copy-email__label { position: absolute; left: 50%; bottom: calc(100% + 7px); z-index: 3; padding: .28rem .45rem; border: 1px solid rgba(255,255,255,.1); border-radius: 6px; background: #17191b; box-shadow: 0 5px 16px rgba(0,0,0,.28); color: rgba(255,255,255,.88); font-size: .68rem; font-weight: 650; line-height: 1; white-space: nowrap; opacity: 0; pointer-events: none; transform: translate(-50%, 3px); transition: opacity .16s ease, transform .16s ease; }
.vwp-contact-page .vwp-copy-email.is-copied .vwp-copy-email__label { opacity: 1; transform: translate(-50%, 0); }

.vwp-contact-page .vwp-contact-method__note {
  margin-top: .18rem;
  color: var(--vwp-muted);
  font-size: .8rem;
  line-height: 1.45;
}

.vwp-contact-page .vwp-contact-promises {
  margin-top: clamp(1.7rem, 3vw, 2.35rem);
  padding-top: clamp(1.8rem, 2.25vw, 2rem);
  border-top: 1px solid rgba(255,210,26,.16);
}

.vwp-contact-page .vwp-contact-form-column {
  display: flex;
}

.vwp-contact-page .vwp-contact-promises h3 {
  margin: 0 0 .85rem;
  font-size: 1rem;
}

.vwp-contact-page .vwp-contact-promises ul {
  display: grid;
  gap: .55rem;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--vwp-muted);
}

.vwp-contact-page .vwp-contact-promises li {
  position: relative;
  padding-left: 1.5rem;
}

.vwp-contact-page .vwp-contact-promises li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--vwp-yellow);
  font-weight: 850;
}

.vwp-contact-page .vwp-contact-form-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: clamp(2rem, 4vw, 3.25rem);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 30px;
  background:
    radial-gradient(circle at 8% 0%, rgba(255,210,26,.12), transparent 35%),
    radial-gradient(circle at 100% 24%, rgba(70,217,255,.09), transparent 34%),
    linear-gradient(145deg, rgba(26,27,30,.96), rgba(15,17,19,.94));
  box-shadow:
    0 34px 90px rgba(0,0,0,.44),
    inset 0 1px 0 rgba(255,255,255,.055);
}

.vwp-contact-page .vwp-contact-form-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(255,255,255,.025), transparent 42%);
}

.vwp-contact-page .vwp-contact-form-title {
  margin: 0;
  font-size: clamp(1.85rem, 3vw, 2.5rem) !important;
  line-height: 1.08 !important;
  text-align: left;
}

.vwp-contact-page .vwp-contact-form-intro {
  max-width: 42rem;
  margin: .75rem 0 clamp(1.6rem, 3vw, 2.25rem);
  color: var(--vwp-muted);
  line-height: 1.6;
}

.vwp-contact-page .vwp-contact-form-panel .wpcf7 form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.15rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.vwp-contact-page .vwp-contact-form-panel .wpcf7 form > fieldset,
.vwp-contact-page .vwp-contact-form-panel .wpcf7 form > .wpcf7-response-output {
  grid-column: 1 / -1;
}

.vwp-contact-page .vwp-contact-form-panel .wpcf7 form > p {
  min-width: 0;
  margin: 0;
}

.vwp-contact-page .vwp-contact-form-panel .wpcf7 form > p:nth-of-type(5),
.vwp-contact-page .vwp-contact-form-panel .wpcf7 form > p:nth-of-type(6),
.vwp-contact-page .vwp-contact-form-panel .wpcf7 form > p:nth-of-type(7) {
  grid-column: 1 / -1;
}

.vwp-contact-page .vwp-contact-form-panel .wpcf7 label {
  gap: .5rem;
  color: rgba(255,255,255,.72);
  font-size: .78rem;
  font-weight: 650;
}

.vwp-contact-page .vwp-contact-form-panel .wpcf7 input,
.vwp-contact-page .vwp-contact-form-panel .wpcf7 select,
.vwp-contact-page .vwp-contact-form-panel .wpcf7 textarea {
  min-height: 54px;
  border-radius: 13px;
  background: rgba(3,4,5,.48);
}

.vwp-contact-page .vwp-contact-form-panel .wpcf7 textarea {
  min-height: 136px;
}

.vwp-contact-page .vwp-contact-form-panel .wpcf7 input[type="submit"] {
  width: 100%;
  min-height: 56px;
  margin-top: .35rem;
}

@media (max-width: 960px) {
  .vwp-contact-page .vwp-contact-stage {
    padding-top: clamp(6.75rem, 14vw, 8rem);
  }

  .vwp-contact-page .vwp-contact-shell {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(2.5rem, 7vw, 4rem);
    max-width: 760px;
    margin-inline: auto;
  }

  .vwp-contact-page .vwp-contact-title {
    font-size: clamp(3rem, 10vw, 4.6rem) !important;
  }

  .vwp-contact-page .vwp-contact-info,
  .vwp-contact-page .vwp-contact-form-column {
    display: block;
  }

  .vwp-contact-page .vwp-contact-promises {
    margin-top: clamp(1.7rem, 3vw, 2.35rem);
  }

  .vwp-contact-page .vwp-contact-form-panel {
    height: auto;
  }
}

@media (max-width: 600px) {
  .vwp-contact-page .vwp-contact-stage {
    padding-inline: 16px;
    padding-bottom: 4rem;
  }

  .vwp-contact-page .vwp-contact-form-panel {
    padding: 1.45rem;
    border-radius: 24px;
  }

  .vwp-contact-page .vwp-contact-form-panel .wpcf7 form {
    grid-template-columns: minmax(0, 1fr);
  }

  .vwp-contact-page .vwp-contact-form-panel .wpcf7 form > p {
    grid-column: 1;
  }
}


/* Contact alignment and submit-button correction */
.vwp-contact-page .vwp-contact-methods {
  width: 100%;
  max-width: 360px;
  margin-right: 0;
  margin-left: 0;
}

.vwp-contact-page .vwp-contact-method {
  width: 100%;
  max-width: none;
  margin-right: 0;
  margin-left: 0;
  justify-items: start;
  text-align: left;
}

.vwp-contact-page .vwp-contact-method::before {
  justify-self: start;
}

.vwp-contact-page .vwp-contact-method > .vwp-contact-method__label,
.vwp-contact-page .vwp-contact-method > .vwp-contact-method__value,
.vwp-contact-page .vwp-contact-method > .vwp-contact-method__note {
  width: auto;
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  justify-self: start;
  text-align: left;
}

.vwp-contact-page .vwp-contact-form-panel .wpcf7 input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
  display: block;
  width: 100%;
  min-height: 56px;
  margin: .35rem 0 0;
  border: 0;
  border-radius: 999px;
  padding: .95rem 1.35rem;
  color: #090907;
  -webkit-text-fill-color: #090907;
  font: inherit;
  font-weight: 850;
  line-height: 1.2;
  text-align: center;
  opacity: 1;
  cursor: pointer;
  background-color: #ffd21a;
  background-image: linear-gradient(135deg, #ffe870, #ffd21a 48%, #ffb800);
  box-shadow:
    0 18px 48px rgba(255,210,26,.24),
    inset 0 1px 0 rgba(255,255,255,.44);
  filter: none;
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background-position .2s ease;
}

.vwp-contact-page .vwp-contact-form-panel .wpcf7 input[type="submit"]:hover {
  transform: translateY(-2px);
  background-position: 100% 50%;
  box-shadow:
    0 24px 60px rgba(255,210,26,.3),
    inset 0 1px 0 rgba(255,255,255,.5);
}

.vwp-contact-page .vwp-contact-form-panel .wpcf7 input[type="submit"]:focus-visible {
  outline: 3px solid rgba(70,217,255,.7);
  outline-offset: 4px;
}


/* Premium split hero with vertical-video smartphone */
.vwp-hero-premium {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding: clamp(7rem, 9vw, 8.6rem) 20px clamp(3.75rem, 6vw, 5.8rem);
}

.vwp-hero-premium::before {
  content: "";
  position: absolute;
  inset: -18% -8% -12%;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 77% 40%, rgba(70,217,255,.15), transparent 29%),
    radial-gradient(circle at 68% 58%, rgba(29,92,255,.16), transparent 37%),
    radial-gradient(circle at 48% 10%, rgba(255,210,26,.075), transparent 29%);
}

.vwp-hero-premium .vwp-hero-split {
  display: grid;
  grid-template-columns: minmax(0, 44fr) minmax(0, 56fr);
  gap: clamp(2.5rem, 5vw, 5.75rem);
  align-items: center;
  margin-block: 0;
}

.vwp-hero-premium .vwp-hero-split > .wp-block-column {
  width: auto;
  min-width: 0;
  margin: 0;
}

.vwp-hero-copy {
  position: relative;
  z-index: 3;
}

.vwp-premium-hero-title {
  max-width: 650px;
  margin: 0;
  display: grid;
  row-gap: .06em;
  font-size: clamp(3.25rem, 5.25vw, 5.55rem) !important;
  line-height: .93 !important;
  letter-spacing: -.048em;
  text-wrap: balance;
  color: #f7f6f2;
  text-shadow: 0 18px 48px rgba(0,0,0,.18);
}

.vwp-premium-hero-title .vwp-gradient-text {
  background: linear-gradient(112deg, #fbfaf6 0%, #f5f4ef 58%, #eeede7 88%, #eee3b3 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.vwp-hero-title-line {
  display: block;
  min-width: 0;
  line-height: inherit;
  white-space: nowrap;
}

.vwp-hero-word-wrap {
  display: block;
  line-height: inherit;
  vertical-align: baseline;
  white-space: nowrap;
}

.vwp-premium-hero-title .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.vwp-hero-word-rotator {
  display: inline-block;
  position: relative;
  min-width: 4.9em;
  line-height: inherit;
  vertical-align: baseline;
  white-space: nowrap;
  color: #f7f6f2;
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: currentColor;
  will-change: opacity, transform, filter;
}

.vwp-hero-word-dot {
  color: #f1e7b8;
  -webkit-text-fill-color: currentColor;
}

.vwp-hero-word-wrap[data-vwp-rotator-mode="typewriter"] .vwp-hero-word-rotator::after {
  content: "";
  display: inline-block;
  width: .035em;
  height: .74em;
  margin-left: .075em;
  transform: translateY(.06em);
  border-radius: 999px;
  background: rgba(245, 221, 103, .82);
  animation: vwpHeroCaretBlink 1.05s steps(1, end) infinite;
}

.vwp-hero-word-wrap[data-vwp-rotator-mode="fade"] .vwp-hero-word-rotator,
.vwp-hero-word-wrap[data-vwp-rotator-mode="morph"] .vwp-hero-word-rotator {
  transition:
    opacity var(--vwp-word-duration, 420ms) ease,
    transform var(--vwp-word-duration, 420ms) cubic-bezier(.22, 1, .36, 1),
    filter var(--vwp-word-duration, 420ms) ease;
}

.vwp-hero-word-wrap[data-vwp-rotator-mode="fade"].is-exiting .vwp-hero-word-rotator {
  opacity: 0;
  transform: translateY(-.12em);
  filter: blur(3px);
}

.vwp-hero-word-wrap[data-vwp-rotator-mode="fade"].is-entering .vwp-hero-word-rotator {
  opacity: 0;
  transform: translateY(.12em);
  filter: blur(3px);
}

.vwp-hero-word-wrap[data-vwp-rotator-mode="morph"] .vwp-hero-word-rotator {
  transform-origin: 50% 64%;
}

.vwp-hero-word-wrap[data-vwp-rotator-mode="morph"].is-exiting .vwp-hero-word-rotator {
  opacity: 0;
  transform: translateY(-.16em) scale(.985);
  filter: blur(5px);
}

.vwp-hero-word-wrap[data-vwp-rotator-mode="morph"].is-entering .vwp-hero-word-rotator {
  opacity: 0;
  transform: translateY(.18em) scale(1.018);
  filter: blur(6px);
}

@keyframes vwpHeroCaretBlink {
  0%, 44% { opacity: 1; }
  45%, 100% { opacity: .12; }
}

@media (prefers-reduced-motion: reduce) {
  .vwp-hero-word-wrap[data-vwp-rotator-mode] .vwp-hero-word-rotator {
    transition: none;
    transform: none;
    filter: none;
    opacity: 1;
  }

  .vwp-hero-word-wrap[data-vwp-rotator-mode="typewriter"] .vwp-hero-word-rotator::after {
    content: none;
    animation: none;
  }
}
.vwp-premium-hero-lead {
  max-width: 38rem;
  margin: clamp(1.4rem, 2.5vw, 2rem) 0 0;
  color: var(--vwp-muted);
  font-size: clamp(1rem, 1.15vw, 1.14rem);
  line-height: 1.68;
}

.vwp-premium-hero-actions {
  justify-content: flex-start;
  gap: .8rem !important;
  margin-top: clamp(1.55rem, 2.8vw, 2.25rem);
}

.vwp-premium-hero-proof {
  display: flex;
  align-items: center;
  gap: .65rem;
  width: fit-content;
  margin: clamp(1.25rem, 2.2vw, 1.7rem) 0 0;
  color: var(--vwp-muted);
  font-size: .88rem;
  font-weight: 650;
  line-height: 1.45;
}

.vwp-premium-hero-proof::before {
  content: "";
  flex: 0 0 auto;
  width: .55rem;
  height: .55rem;
  border-radius: 999px;
  background: var(--vwp-yellow);
  box-shadow: 0 0 0 5px rgba(255,210,26,.1), 0 0 22px rgba(255,210,26,.36);
}

.vwp-hero-visual {
  position: relative;
  z-index: 2;
}

.vwp-hero-phone-stage {
  position: relative;
  display: grid;
  place-items: center;
  min-height: clamp(550px, 55vw, 690px);
  margin: 0;
  isolation: isolate;
}

.vwp-hero-phone-stage::before {
  content: "";
  position: absolute;
  width: min(86%, 590px);
  aspect-ratio: 1;
  z-index: -2;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(70,217,255,.18), rgba(29,92,255,.07) 38%, transparent 68%);
  filter: blur(4px);
}

.vwp-hero-phone-stage::after {
  content: "";
  position: absolute;
  width: min(72%, 470px);
  aspect-ratio: 1;
  z-index: -1;
  border: 1px solid rgba(70,217,255,.12);
  border-radius: 50%;
  box-shadow:
    0 0 0 34px rgba(70,217,255,.025),
    0 0 0 78px rgba(255,210,26,.018);
  transform: rotate(-12deg);
}

.vwp-hero-phone {
  position: relative;
  width: clamp(285px, 29.5vw, 382px);
  margin: 0;
  padding: 7px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 52px;
  background:
    linear-gradient(145deg, #3b3d43 0%, #101115 22%, #050506 64%, #292b30 100%);
  box-shadow:
    0 54px 110px rgba(0,0,0,.58),
    0 22px 45px rgba(0,0,0,.42),
    0 0 74px rgba(70,217,255,.12),
    inset 0 1px 1px rgba(255,255,255,.38),
    inset 0 -1px 1px rgba(0,0,0,.9);
  transform: perspective(1200px) rotateY(-5deg) rotateX(1.5deg);
  transform-style: preserve-3d;
  animation: vwpHeroPhoneFloat 7s ease-in-out infinite;
}

.vwp-hero-phone::before {
  content: "";
  position: absolute;
  left: -5px;
  top: 24%;
  width: 4px;
  height: 64px;
  border-radius: 3px 0 0 3px;
  background: linear-gradient(180deg, #55575d, #17181c);
  box-shadow: 0 86px 0 #24252a;
}

.vwp-hero-phone::after {
  content: "";
  position: absolute;
  right: -5px;
  top: 31%;
  width: 4px;
  height: 88px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, #55575d, #17181c);
}

.vwp-hero-phone__shell {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 9px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 45px;
  background: #030304;
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.9),
    inset 0 0 22px rgba(0,0,0,.8);
}

.vwp-hero-phone__shell::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 50%;
  z-index: 5;
  width: 31%;
  height: 25px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 999px;
  background:
    radial-gradient(circle at 75% 50%, #15191d 0 3px, #020203 4px 8px, transparent 9px),
    #050506;
  box-shadow: 0 5px 14px rgba(0,0,0,.45);
  transform: translateX(-50%);
}

.vwp-hero-phone__shell::after {
  content: "";
  position: absolute;
  inset: 9px;
  z-index: 3;
  pointer-events: none;
  border-radius: 36px;
  background:
    linear-gradient(115deg, rgba(255,255,255,.12), transparent 18% 64%, rgba(255,255,255,.035) 80%, transparent);
  mix-blend-mode: screen;
  opacity: .55;
}

.vwp-hero-phone-video {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0;
  aspect-ratio: 9 / 16;
  border-radius: 36px;
  background: #08090b;
}

.vwp-hero-phone-video video {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
  object-position: center;
}

.vwp-hero-video-toggle {
  appearance: none;
  position: absolute;
  right: 22px;
  bottom: 22px;
  z-index: 6;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 999px;
  padding: 0;
  color: #fff;
  cursor: pointer;
  background: rgba(4,5,6,.64);
  box-shadow: 0 12px 30px rgba(0,0,0,.3);
  backdrop-filter: blur(12px);
  transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}

.vwp-hero-video-toggle::before {
  content: "▶";
  margin-left: 2px;
  font-size: .82rem;
}

.vwp-hero-video-toggle.is-playing::before {
  content: "Ⅱ";
  margin-left: 0;
  font-size: .78rem;
  font-weight: 900;
}

.vwp-hero-video-toggle:hover {
  transform: scale(1.06);
  border-color: rgba(255,210,26,.58);
  background: rgba(4,5,6,.82);
}

.vwp-hero-video-toggle:focus-visible {
  outline: 3px solid rgba(70,217,255,.72);
  outline-offset: 3px;
}

.vwp-hero-chip {
  position: absolute;
  z-index: 7;
  display: grid;
  gap: .08rem;
  min-width: 122px;
  margin: 0;
  padding: .78rem 1rem;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 17px;
  color: var(--vwp-text);
  background:
    linear-gradient(145deg, rgba(30,32,36,.86), rgba(10,11,13,.78));
  box-shadow:
    0 18px 48px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(18px);
}

.vwp-hero-chip strong {
  color: var(--vwp-yellow);
  font-size: clamp(1.05rem, 1.5vw, 1.35rem);
  line-height: 1;
}

.vwp-hero-chip span {
  color: var(--vwp-muted);
  font-size: .7rem;
  font-weight: 750;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.vwp-hero-chip--views {
  top: 17%;
  left: 0;
  transform: rotate(-3deg);
}

.vwp-hero-chip--leads {
  top: 46%;
  right: 0;
  transform: rotate(3deg);
}

.vwp-hero-chip--capacity {
  bottom: 13%;
  left: 4%;
  transform: rotate(2deg);
}

@keyframes vwpHeroPhoneFloat {
  0%, 100% {
    transform: perspective(1200px) rotateY(-5deg) rotateX(1.5deg) translate3d(0, 0, 0);
  }
  50% {
    transform: perspective(1200px) rotateY(-4deg) rotateX(1deg) translate3d(0, -7px, 0);
  }
}

@media (max-width: 960px) {
  .vwp-hero-premium {
    padding-top: clamp(6.4rem, 13vw, 8rem);
    padding-bottom: clamp(3.5rem, 8vw, 5rem);
  }

  .vwp-hero-premium .vwp-hero-split {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(2.75rem, 7vw, 4.25rem);
    max-width: 820px;
    margin-inline: auto;
  }

  .vwp-hero-copy {
    display: grid;
    justify-items: center;
    text-align: center;
  }

  .vwp-premium-hero-title {
    max-width: 760px;
    font-size: clamp(3.1rem, 9.5vw, 5rem) !important;
  }

  .vwp-premium-hero-lead {
    max-width: 650px;
  }

  .vwp-premium-hero-actions {
    justify-content: center;
  }

  .vwp-premium-hero-proof {
    justify-content: center;
  }

  .vwp-hero-phone-stage {
    min-height: 620px;
  }

  .vwp-hero-phone {
    width: clamp(295px, 48vw, 345px);
  }

  .vwp-hero-chip--views {
    left: 7%;
  }

  .vwp-hero-chip--leads {
    right: 7%;
  }

  .vwp-hero-chip--capacity {
    left: 10%;
  }
}

@media (max-width: 600px) {
  .vwp-hero-premium {
    padding: clamp(5.9rem, 19vw, 7rem) 16px 3.5rem;
  }

  .vwp-premium-hero-title {
    font-size: clamp(2.65rem, 12.2vw, 3.75rem) !important;
    line-height: .97 !important;
  }

  .vwp-premium-hero-actions {
    width: 100%;
  }

  .vwp-premium-hero-actions .wp-block-button,
  .vwp-premium-hero-actions .wp-block-button__link {
    width: 100%;
  }

  .vwp-hero-phone-stage {
    min-height: 530px;
  }

  .vwp-hero-phone {
    width: min(72vw, 300px);
    border-radius: 44px;
    transform: none;
  }

  .vwp-hero-phone__shell {
    border-radius: 38px;
  }

  .vwp-hero-phone-video,
  .vwp-hero-phone__shell::after {
    border-radius: 30px;
  }

  .vwp-hero-chip {
    min-width: 102px;
    padding: .65rem .78rem;
    transform: scale(.9);
  }

  .vwp-hero-chip--views {
    top: 12%;
    left: -2%;
    transform-origin: left center;
  }

  .vwp-hero-chip--leads {
    top: 49%;
    right: -2%;
    transform-origin: right center;
  }

  .vwp-hero-chip--capacity {
    bottom: 8%;
    left: 0;
    transform-origin: left center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vwp-hero-phone {
    animation: none;
    transform: none;
  }

  .vwp-hero-chip {
    transform: none;
  }
}




/* Hero phone geometry and audio control */
.vwp-hero-premium .vwp-hero-phone-stage {
  min-height: 650px;
}

.vwp-hero-premium .vwp-hero-phone-stage::before {
  animation: vwpHeroHaloPulse 5.2s ease-in-out infinite;
  transform-origin: center;
}

.vwp-hero-premium .vwp-hero-phone {
  box-sizing: border-box;
  width: clamp(250px, 24vw, 310px);
  aspect-ratio: 9 / 16;
  padding: 4px;
  border-radius: 34px;
  transform: none;
  animation: vwpHeroPhoneFloat 5.2s ease-in-out infinite;
  will-change: transform;
}

.vwp-hero-premium .vwp-hero-phone__shell {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: 29px;
}

.vwp-hero-premium .vwp-hero-phone__shell::before {
  top: 10px;
  width: 25%;
  height: 20px;
}

.vwp-hero-premium .vwp-hero-phone-video {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
}

.vwp-hero-premium .vwp-hero-phone-video video {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
}

.vwp-hero-audio-toggle {
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  right: 17px;
  bottom: 17px;
  z-index: 6;
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 999px;
  padding: 0;
  color: #fff;
  cursor: pointer;
  background: rgba(4,5,6,.68);
  box-shadow: 0 12px 30px rgba(0,0,0,.34);
  backdrop-filter: blur(12px);
  transition:
    transform .2s ease,
    border-color .2s ease,
    background-color .2s ease,
    box-shadow .2s ease;
}

.vwp-hero-audio-toggle::before {
  content: "";
  width: 21px;
  height: 21px;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4V5Z'/%3E%3Cpath d='m19 9-6 6M13 9l6 6'/%3E%3C/svg%3E");
}

.vwp-hero-audio-toggle.is-audio-active {
  border-color: rgba(255,210,26,.7);
  color: #090907;
  background: rgba(255,210,26,.94);
  box-shadow:
    0 14px 36px rgba(255,210,26,.28),
    inset 0 1px 0 rgba(255,255,255,.5);
}

.vwp-hero-audio-toggle.is-audio-active::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23090907' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4V5Z'/%3E%3Cpath d='M15 9.5a4 4 0 0 1 0 5M18 7a7 7 0 0 1 0 10'/%3E%3C/svg%3E");
}

.vwp-hero-audio-toggle:hover {
  transform: scale(1.07);
  border-color: rgba(255,210,26,.7);
}

.vwp-hero-audio-toggle:focus-visible {
  outline: 3px solid rgba(70,217,255,.76);
  outline-offset: 3px;
}

.vwp-hero-premium .vwp-hero-chip--views {
  animation: vwpHeroChipViews 4.8s ease-in-out infinite;
}

.vwp-hero-premium .vwp-hero-chip--leads {
  animation: vwpHeroChipLeads 5.4s ease-in-out -.8s infinite;
}

.vwp-hero-premium .vwp-hero-chip--capacity {
  animation: vwpHeroChipCapacity 5.1s ease-in-out -1.4s infinite;
}

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

@keyframes vwpHeroHaloPulse {
  0%, 100% {
    opacity: .68;
    transform: scale(.96);
  }
  50% {
    opacity: 1;
    transform: scale(1.055);
  }
}

@keyframes vwpHeroChipViews {
  0%, 100% {
    transform: rotate(-3deg) translate3d(0, 4px, 0);
  }
  50% {
    transform: rotate(-3deg) translate3d(0, -6px, 0);
  }
}

@keyframes vwpHeroChipLeads {
  0%, 100% {
    transform: rotate(3deg) translate3d(0, -3px, 0);
  }
  50% {
    transform: rotate(3deg) translate3d(0, 7px, 0);
  }
}

@keyframes vwpHeroChipCapacity {
  0%, 100% {
    transform: rotate(2deg) translate3d(0, 5px, 0);
  }
  50% {
    transform: rotate(2deg) translate3d(0, -5px, 0);
  }
}

@media (max-width: 960px) {
  .vwp-hero-premium .vwp-hero-phone-stage {
    min-height: 620px;
  }

  .vwp-hero-premium .vwp-hero-phone {
    width: clamp(260px, 42vw, 292px);
    aspect-ratio: 9 / 16;
    transform: none;
  }
}

@media (max-width: 600px) {
  .vwp-hero-premium .vwp-hero-phone-stage {
    min-height: clamp(520px, 138vw, 570px);
  }

  .vwp-hero-premium .vwp-hero-phone {
    width: min(72vw, 270px);
    aspect-ratio: 9 / 16;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vwp-hero-premium .vwp-hero-phone,
  .vwp-hero-premium .vwp-hero-phone-stage::before,
  .vwp-hero-premium .vwp-hero-chip {
    animation: none;
  }

  .vwp-hero-premium .vwp-hero-phone {
    transform: none;
  }
}





/* Editorial hero callouts: approved iPhone, unified atmosphere and product annotations */
.vwp-hero-premium { --vwp-phone-half: clamp(141px, 13.2vw, 171.5px); }
.vwp-hero-premium::before {
  inset: -34% -28% -30%;
  background: radial-gradient(ellipse 82% 72% at 68% 46%, rgba(11,82,96,.2) 0%, rgba(5,48,60,.12) 36%, rgba(2,25,34,.055) 58%, transparent 82%), linear-gradient(108deg, rgba(1,8,13,.12), transparent 45%, rgba(2,24,31,.09)), repeating-linear-gradient(124deg, rgba(125,190,202,.009) 0 1px, transparent 1px 6px);
  filter: blur(54px); opacity: .74; animation: vwpHeroAtmosphere 11s ease-in-out infinite;
}
.vwp-hero-premium .vwp-hero-phone-stage { min-height: 730px; min-height: clamp(545px, calc(100svh - 145px), 730px); }
.vwp-hero-premium .vwp-hero-phone-stage::before,
.vwp-hero-premium .vwp-hero-phone-stage::after { display: none; content: none; }
.vwp-hero-premium .vwp-hero-phone {
  box-sizing: border-box; width: clamp(276px, 25.4vw, 330px); width: clamp(248px, min(25.4vw, calc(46svh - 66px)), 330px); aspect-ratio: 71.9 / 150; padding: 3px;
  border: 1px solid rgba(210,216,224,.22); border-radius: clamp(46px, 4.5vw, 56px);
  background: linear-gradient(108deg, #555a61 0%, #282c32 4%, #0e1115 13%, #050608 49%, #12151a 83%, #3d4249 96%, #626870 100%);
  box-shadow: 0 58px 118px rgba(0,0,0,.58), 0 22px 46px rgba(0,0,0,.42), 0 0 54px rgba(70,217,255,.075), inset 0 1px 0 rgba(255,255,255,.5), inset 1px 0 0 rgba(255,255,255,.16), inset -1px 0 0 rgba(0,0,0,.84), inset 0 -1px 0 rgba(0,0,0,.96);
}
.vwp-hero-premium .vwp-hero-phone::before {
  left: -4px; top: 22%; width: 3px; height: 46px; border-radius: 2px 0 0 2px;
  background: linear-gradient(180deg, #5d626a, #24282e 38%, #0d0f12); box-shadow: 0 61px 0 #20242a, inset 1px 0 0 rgba(255,255,255,.17);
}
.vwp-hero-premium .vwp-hero-phone::after {
  right: -4px; top: 29%; width: 3px; height: 74px; border-radius: 0 2px 2px 0;
  background: linear-gradient(180deg, #5d626a, #24282e 38%, #0d0f12); box-shadow: inset -1px 0 0 rgba(255,255,255,.12);
}
.vwp-hero-premium .vwp-hero-phone__shell {
  box-sizing: border-box; width: 100%; height: 100%; padding: 2px;
  border: 1px solid rgba(255,255,255,.055); border-radius: clamp(43px, 4.15vw, 52px);
  background: linear-gradient(145deg, #090b0e, #010203 46%, #07090b); box-shadow: inset 0 0 0 1px rgba(0,0,0,.94), inset 0 0 10px rgba(0,0,0,.46);
}
.vwp-hero-premium .vwp-hero-phone-video { width: 100%; height: 100%; aspect-ratio: auto; border-radius: clamp(41px, 4vw, 50px); }
.vwp-hero-premium .vwp-hero-phone-video video { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: center center; }
.vwp-hero-premium .vwp-hero-phone__shell::before {
  top: 10px; width: 30.5%; height: 24px; border: 1px solid rgba(255,255,255,.035);
  background: radial-gradient(circle at 78% 50%, #151a20 0 2px, #020304 3px 6px, transparent 7px), linear-gradient(180deg, #07090b, #010102);
  box-shadow: 0 3px 10px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.022);
}
.vwp-hero-premium .vwp-hero-phone__shell::after {
  inset: 2px; border-radius: clamp(41px, 4vw, 50px);
  background: linear-gradient(116deg, rgba(255,255,255,.065) 0%, rgba(255,255,255,.02) 10%, transparent 22% 76%, rgba(255,255,255,.014) 88%, transparent); mix-blend-mode: soft-light; opacity: .4;
}
.vwp-hero-premium .vwp-hero-chip {
  z-index: 6; display: none; align-items: center; gap: .34rem; width: max-content; min-width: 0; padding: .36rem .72rem;
  border: 1px solid rgba(178,205,211,.14); border-radius: 999px; color: rgba(185,211,216,.62);
  background: rgba(7,14,18,.42); box-shadow: 0 5px 14px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.025); backdrop-filter: blur(12px);
}
.vwp-hero-premium .vwp-hero-chip::before {
  content: ""; flex: 0 0 auto; width: .88rem; height: .88rem; opacity: .72;
  background-position: center; background-size: contain; background-repeat: no-repeat;
}
.vwp-hero-premium .vwp-hero-chip::after {
  content: ""; position: absolute; top: 50%; width: 1.7rem; height: 5px; pointer-events: none; transform: translateY(-50%);
}
.vwp-hero-premium .vwp-hero-chip strong { color: rgba(193,210,214,.62); font-size: clamp(.72rem, .78vw, .82rem); font-weight: 480; line-height: 1; letter-spacing: 0; }
.vwp-hero-premium .vwp-hero-chip span { color: rgba(247,246,242,.92); font-size: clamp(.73rem, .8vw, .84rem); font-weight: 760; line-height: 1; letter-spacing: -.01em; text-transform: none; }
.vwp-hero-premium .vwp-hero-chip--views::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23adc0c4%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%227%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%222.2%22/%3E%3Cpath%20d=%22M12%202v3M12%2019v3M2%2012h3M19%2012h3%22/%3E%3C/svg%3E"); }
.vwp-hero-premium .vwp-hero-chip--leads::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23adc0c4%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M4%206h7M15%206h5M4%2012h3M11%2012h9M4%2018h9M17%2018h3%22/%3E%3Ccircle%20cx=%2213%22%20cy=%226%22%20r=%222%22/%3E%3Ccircle%20cx=%229%22%20cy=%2212%22%20r=%222%22/%3E%3Ccircle%20cx=%2215%22%20cy=%2218%22%20r=%222%22/%3E%3C/svg%3E"); }
.vwp-hero-premium .vwp-hero-chip--capacity::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23adc0c4%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2018l6-6%204%204%206-8%22/%3E%3Cpath%20d=%22M15%208h5v5%22/%3E%3C/svg%3E"); }
.vwp-hero-premium .vwp-hero-chip--views { top: 23%; left: auto; right: calc(50% + var(--vwp-phone-half) + 1.6rem); translate: none; }
.vwp-hero-premium .vwp-hero-chip--capacity { bottom: 18%; left: auto; right: calc(50% + var(--vwp-phone-half) + 1.6rem); translate: none; }
.vwp-hero-premium .vwp-hero-chip--leads { top: 47%; right: auto; left: calc(50% + var(--vwp-phone-half) + 1.6rem); translate: none; }
.vwp-hero-premium .vwp-hero-chip--views::after,
.vwp-hero-premium .vwp-hero-chip--capacity::after {
  left: 100%; background: radial-gradient(circle at calc(100% - 2px) 50%, rgba(255,210,26,.7) 0 2px, transparent 2.5px), linear-gradient(90deg, rgba(160,192,199,.3), rgba(255,210,26,.46)) center / 100% 1px no-repeat;
}
.vwp-hero-premium .vwp-hero-chip--leads::after {
  right: 100%; background: radial-gradient(circle at 2px 50%, rgba(255,210,26,.7) 0 2px, transparent 2.5px), linear-gradient(90deg, rgba(255,210,26,.46), rgba(160,192,199,.3)) center / 100% 1px no-repeat;
}
.vwp-hero-premium.vwp-motion-item,
.vwp-hero-premium .vwp-motion-item { opacity: 1; transform: none; transition: none; }
@keyframes vwpHeroAtmosphere { 0%, 100% { opacity: .69; } 50% { opacity: .77; } }
@media (min-width: 961px) {
  .vwp-hero-premium {
    padding-top: clamp(68px, 6vw, 80px);
    padding-top: clamp(68px, 8.5svh, 80px);
    padding-bottom: clamp(36px, 4.8vw, 64px);
    padding-bottom: clamp(36px, 7svh, 64px);
  }
  .vwp-hero-premium .vwp-hero-split { align-items: start; }
  .vwp-hero-premium .vwp-hero-copy {
    display: grid;
    align-content: start;
    padding-top: clamp(44px, 4.5vw, 64px);
    padding-top: clamp(44px, 6.5svh, 64px);
  }
  .vwp-hero-premium .vwp-premium-hero-lead { margin-top: clamp(19px, 3.5svh, 30px); }
  .vwp-hero-premium .vwp-premium-hero-actions { margin-top: clamp(46px, 7.5svh, 72px); }
  .vwp-hero-premium .vwp-premium-hero-proof { margin-top: clamp(28px, 4.8svh, 44px); }
  .vwp-hero-premium .vwp-hero-visual { display: grid; align-content: start; }
  .vwp-hero-premium .vwp-hero-phone-stage { place-items: start center; }
  .vwp-logo-marquee { margin-top: clamp(20px, calc(8svh - 40px), 48px) !important; }
  body.admin-bar .vwp-hero-premium .vwp-hero-phone-stage { min-height: clamp(545px, calc(100svh - 177px), 730px); }
  body.admin-bar .vwp-hero-premium .vwp-hero-phone { width: clamp(248px, min(25.4vw, calc(46svh - 81px)), 330px); }
}
@media (max-width: 960px) {
  .vwp-hero-premium { --vwp-phone-half: clamp(147px, 23.15vw, 165.5px); }
  .vwp-hero-premium .vwp-hero-phone-stage { min-height: 710px; }
  .vwp-hero-premium .vwp-hero-phone { width: clamp(294px, 46.3vw, 331px); aspect-ratio: 71.9 / 150; }
}
@media (max-width: 600px) {
  .vwp-hero-premium { --vwp-phone-half: min(40.35vw, 151px); }
  .vwp-hero-premium .vwp-hero-phone-stage { min-height: clamp(640px, 195vw, 730px); place-items: start center; }
  .vwp-hero-premium .vwp-hero-phone { width: min(80.7vw, 302px); aspect-ratio: 71.9 / 150; }
  .vwp-hero-premium .vwp-hero-chip { gap: .28rem; padding: .32rem .58rem; }
  .vwp-hero-premium .vwp-hero-chip::before { width: .78rem; height: .78rem; }
  .vwp-hero-premium .vwp-hero-chip strong, .vwp-hero-premium .vwp-hero-chip span { font-size: .68rem; }
  .vwp-hero-premium .vwp-hero-chip--views { top: auto; bottom: 2.8rem; left: 3%; right: auto; }
  .vwp-hero-premium .vwp-hero-chip--leads { top: auto; bottom: 2.8rem; right: 3%; left: auto; }
  .vwp-hero-premium .vwp-hero-chip--capacity { bottom: .15rem; left: 50%; right: auto; translate: -50% 0; }
  .vwp-hero-premium .vwp-hero-chip--views::after, .vwp-hero-premium .vwp-hero-chip--leads::after { top: auto; bottom: 100%; left: 50%; right: auto; width: 5px; height: 1.65rem; transform: translateX(-50%); background: radial-gradient(circle at 50% 2px, rgba(255,210,26,.62) 0 2px, transparent 2.5px), linear-gradient(180deg, rgba(255,210,26,.4), rgba(160,192,199,.22)) center / 1px 100% no-repeat; }
  .vwp-hero-premium .vwp-hero-chip--capacity::after { top: auto; bottom: 100%; left: 50%; width: 5px; height: 4rem; transform: translateX(-50%); background: radial-gradient(circle at 50% 2px, rgba(255,210,26,.62) 0 2px, transparent 2.5px), linear-gradient(180deg, rgba(255,210,26,.4), rgba(160,192,199,.18)) center / 1px 100% no-repeat; }
}

@media (max-width: 640px) {
  .vwp-hero-premium .vwp-hero-phone-stage {
    min-height: 420px;
  }

  .vwp-hero-premium .vwp-hero-phone {
    width: min(65vw, 302px);
    animation-play-state: paused;
  }
}

/* P1.2: responsive WordPress navigation and native fallback */
.vwp-nav-fallback {
  display: none;
}

@media (max-width: 900px) {
  nav.vwp-nav {
    display: flex;
  }

  nav.vwp-nav > .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none;
  }

  nav.vwp-nav > .wp-block-navigation__responsive-container-open {
    display: flex;
  }

  nav.vwp-nav > .wp-block-navigation__responsive-container.is-menu-open,
  nav.vwp-nav > .wp-block-navigation__responsive-container.is-menu-open .vwp-nav {
    display: flex;
  }

  .vwp-nav-fallback.is-active {
    position: absolute;
    top: calc(100% - 8px);
    right: 14px;
    z-index: 100001;
    display: block;
    min-width: min(18rem, calc(100vw - 28px));
    border: 1px solid var(--vwp-line-soft);
    border-radius: 16px;
    color: var(--vwp-text);
    background: rgba(4, 10, 14, .98);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .48);
  }

  .vwp-nav-fallback summary {
    min-height: 44px;
    padding: .75rem 1rem;
    cursor: pointer;
    font-weight: 750;
  }

  .vwp-nav-fallback nav {
    display: grid;
    padding: 0 .5rem .5rem;
  }

  .vwp-nav-fallback a {
    min-height: 44px;
    padding: .7rem .75rem;
    border-radius: 10px;
    color: var(--vwp-text);
    text-decoration: none;
  }

  .vwp-nav-fallback a:hover,
  .vwp-nav-fallback a:focus-visible {
    color: var(--vwp-cyan);
    background: rgba(255, 255, 255, .06);
    outline: none;
  }
}

/* Premium mobile header — authoritative responsive layer */
.vwp-nav__cta {
  display: none !important;
}

@media (max-width: 900px) {
  html.vwp-menu-open,
  html.vwp-menu-open body {
    overflow: hidden !important;
    overscroll-behavior: none;
  }

  .vwp-site-header {
    padding-top: env(safe-area-inset-top);
    padding-right: max(12px, env(safe-area-inset-right));
    padding-left: max(12px, env(safe-area-inset-left));
  }

  .vwp-site-header__inner,
  .vwp-site-header.is-scrolled .vwp-site-header__inner {
    width: 100%;
    min-height: 68px;
    gap: 8px;
  }

  .vwp-logo {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;
  }

  .vwp-logo img,
  .vwp-site-header.is-scrolled .vwp-logo img {
    display: block;
    width: auto;
    max-width: clamp(118px, 34vw, 148px);
    max-height: 38px;
    transform: none;
  }

  .vwp-header-cta {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    margin: 0 !important;
  }

  .vwp-header-cta .wp-block-button__link,
  .vwp-site-header.is-scrolled .vwp-header-cta .wp-block-button__link {
    min-height: 44px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 0;
    transform: none;
  }

  .vwp-header-cta .wp-block-button__link::after {
    content: "Diagnóstico";
    position: relative;
    z-index: 1;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: -.01em;
  }

  nav.vwp-nav {
    position: relative;
    z-index: 3;
    flex: 0 0 44px;
    width: 44px;
    min-width: 44px;
    height: 44px;
    margin: 0 !important;
    transform: none !important;
  }

  nav.vwp-nav > .wp-block-navigation__responsive-container-open {
    display: grid;
    width: 44px;
    height: 44px;
    padding: 0;
    place-items: center;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 50%;
    color: #fff;
    background: rgba(255,255,255,.065);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    transition: border-color .25s ease, background-color .25s ease, transform .25s ease;
  }

  nav.vwp-nav > .wp-block-navigation__responsive-container-open:hover,
  nav.vwp-nav > .wp-block-navigation__responsive-container-open:focus-visible {
    border-color: rgba(255,210,26,.52);
    background: rgba(255,210,26,.1);
    outline: 2px solid transparent;
    transform: scale(1.04);
  }

  nav.vwp-nav > .wp-block-navigation__responsive-container-open svg {
    width: 22px;
    height: 22px;
  }

  nav.vwp-nav > .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    width: 100%;
    height: 100dvh;
    min-height: 100%;
    padding: max(24px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));
    color: #f7f8f8;
    background:
      radial-gradient(circle at 84% 12%, rgba(255,210,26,.13), transparent 30%),
      radial-gradient(circle at 14% 82%, rgba(68,205,225,.11), transparent 34%),
      linear-gradient(145deg, #07090b 0%, #0b1115 52%, #071014 100%);
    animation: vwp-menu-enter .42s cubic-bezier(.19,1,.22,1) both;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  nav.vwp-nav > .wp-block-navigation__responsive-container.is-menu-open::before {
    content: "VIRALWAVE / MENÚ";
    position: absolute;
    top: max(30px, calc(env(safe-area-inset-top) + 18px));
    left: max(22px, env(safe-area-inset-left));
    color: rgba(255,255,255,.48);
    font: 700 .66rem/1 "Inter", sans-serif;
    letter-spacing: .16em;
  }

  nav.vwp-nav .wp-block-navigation__responsive-container-close {
    top: max(18px, env(safe-area-inset-top));
    right: max(18px, env(safe-area-inset-right));
    display: grid;
    width: 48px;
    height: 48px;
    padding: 0;
    place-items: center;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 50%;
    color: #fff;
    background: rgba(255,255,255,.07);
    transition: color .2s ease, border-color .2s ease, transform .2s ease;
  }

  nav.vwp-nav .wp-block-navigation__responsive-container-close:hover,
  nav.vwp-nav .wp-block-navigation__responsive-container-close:focus-visible {
    color: var(--vwp-yellow);
    border-color: rgba(255,210,26,.5);
    outline: none;
    transform: rotate(5deg);
  }

  nav.vwp-nav .wp-block-navigation__responsive-container-content {
    display: flex;
    width: min(100%, 620px);
    min-height: 100%;
    margin: 0 auto;
    padding: clamp(86px, 15vh, 132px) 0 8px !important;
    align-items: stretch;
    justify-content: center;
  }

  nav.vwp-nav .wp-block-navigation__responsive-container-content > .wp-block-navigation__container {
    counter-reset: vwp-menu;
    display: flex;
    width: 100%;
    gap: 0 !important;
    align-items: stretch !important;
    justify-content: center !important;
  }

  nav.vwp-nav .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
    counter-increment: vwp-menu;
    width: 100%;
    opacity: 0;
    transform: translateY(16px);
    animation: vwp-menu-item-enter .46s cubic-bezier(.19,1,.22,1) forwards;
    animation-delay: calc(.08s + var(--vwp-menu-delay, 0s));
  }

  nav.vwp-nav .wp-block-navigation-item:nth-child(1) { --vwp-menu-delay: .03s; }
  nav.vwp-nav .wp-block-navigation-item:nth-child(2) { --vwp-menu-delay: .07s; }
  nav.vwp-nav .wp-block-navigation-item:nth-child(3) { --vwp-menu-delay: .11s; }
  nav.vwp-nav .wp-block-navigation-item:nth-child(4) { --vwp-menu-delay: .15s; }
  nav.vwp-nav .wp-block-navigation-item:nth-child(5) { --vwp-menu-delay: .19s; }
  nav.vwp-nav .wp-block-navigation-item:nth-child(6) { --vwp-menu-delay: .23s; }

  nav.vwp-nav .wp-block-navigation__responsive-container-content .wp-block-navigation-item:not(.vwp-nav__cta) > a {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 58px;
    padding: 10px 4px 10px 36px;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.105);
    color: #f5f7f7;
    font-family: "Space Grotesk", "Inter", sans-serif;
    font-size: clamp(1.55rem, 7vw, 2.45rem);
    font-weight: 650;
    line-height: 1.05;
    letter-spacing: -.045em;
    text-decoration: none;
  }

  nav.vwp-nav .wp-block-navigation__responsive-container-content .wp-block-navigation-item:not(.vwp-nav__cta) > a::before {
    content: "0" counter(vwp-menu);
    position: absolute;
    left: 4px;
    top: 17px;
    color: rgba(255,210,26,.68);
    font: 700 .62rem/1 "Inter", sans-serif;
    letter-spacing: .08em;
  }

  nav.vwp-nav .wp-block-navigation__responsive-container-content .wp-block-navigation-item:not(.vwp-nav__cta) > a::after {
    content: "↗";
    margin-left: auto;
    color: rgba(255,255,255,.32);
    font: 400 1rem/1 "Inter", sans-serif;
    transform: translate(-5px, 3px);
    transition: color .2s ease, transform .2s ease;
  }

  nav.vwp-nav .wp-block-navigation__responsive-container-content .wp-block-navigation-item:not(.vwp-nav__cta) > a:hover,
  nav.vwp-nav .wp-block-navigation__responsive-container-content .wp-block-navigation-item:not(.vwp-nav__cta) > a:focus-visible,
  nav.vwp-nav .wp-block-navigation__responsive-container-content .wp-block-navigation-item:not(.vwp-nav__cta) > a[aria-current="page"] {
    color: var(--vwp-yellow);
    outline: none;
  }

  nav.vwp-nav .wp-block-navigation__responsive-container-content .wp-block-navigation-item:not(.vwp-nav__cta) > a:hover::after,
  nav.vwp-nav .wp-block-navigation__responsive-container-content .wp-block-navigation-item:not(.vwp-nav__cta) > a:focus-visible::after {
    color: var(--vwp-yellow);
    transform: translate(0, -2px);
  }

  nav.vwp-nav .vwp-nav__cta {
    display: flex !important;
    margin-top: clamp(24px, 5vh, 42px);
  }

  nav.vwp-nav .vwp-nav__cta > a {
    display: flex;
    width: 100%;
    min-height: 56px;
    padding: 14px 22px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,210,26,.58);
    border-radius: 999px;
    color: #080a0b;
    background: var(--vwp-yellow);
    box-shadow: 0 14px 40px rgba(255,210,26,.16), inset 0 1px 0 rgba(255,255,255,.48);
    font-size: .9rem;
    font-weight: 850;
    letter-spacing: -.01em;
    text-decoration: none;
  }

  nav.vwp-nav .vwp-nav__cta > a::after {
    content: "↗";
    margin-left: .6rem;
    font-size: 1rem;
  }
}

@media (max-width: 360px) {
  .vwp-site-header__inner,
  .vwp-site-header.is-scrolled .vwp-site-header__inner { gap: 6px; }
  .vwp-logo img,
  .vwp-site-header.is-scrolled .vwp-logo img { max-width: 112px; }
  .vwp-header-cta .wp-block-button__link,
  .vwp-site-header.is-scrolled .vwp-header-cta .wp-block-button__link { padding-inline: 11px; }
  .vwp-header-cta .wp-block-button__link::after { content: "Diagnóstico"; font-size: .68rem; }
}

@keyframes vwp-menu-enter {
  from { opacity: 0; transform: translateY(-10px) scale(.99); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes vwp-menu-item-enter {
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  nav.vwp-nav > .wp-block-navigation__responsive-container.is-menu-open,
  nav.vwp-nav .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
    animation: none !important;
    opacity: 1;
    transform: none;
  }
}