/* ========================================================
   CODECONSTITUTIONS LANDING PAGE — DESIGN TOKENS & BASE STYLES
   Prefix: pvxmd-
   ======================================================== */

@font-face {
  font-family: 'Salmond';
  src:
    url('../../Fonts/Salmond.woff') format('woff'),
    url('Salmond.ttf') format('truetype'),
    url('../../Fonts/Salmond.ttf') format('truetype'),
    url('../../Fonts/Salmond.otf') format('opentype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* Box titles only — body/lists stay Salmond (--pvxmd-font-body) */
@font-face {
  font-family: 'Stickler';
  src:
    url('Stickler.woff2') format('woff2'),
    url('Stickler.woff') format('woff'),
    url('Stickler.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* --- Design Tokens --- */
:root {
  /* Backgrounds */
  --pvxmd-bg-deep:    #0e0e11;
  --pvxmd-bg-surface: #16161a;
  --pvxmd-bg-card:    #1c1c22;
  --pvxmd-bg-raised:  #222228;
  --pvxmd-bg-strip:   #131316;

  /* Text */
  --pvxmd-text-primary:   #d8d8e2;
  --pvxmd-text-secondary: #9a9aa8;
  --pvxmd-text-muted:     #6a6a7a;
  --pvxmd-tracking-body:  0.022em;

  /* Accent palette */
  --pvxmd-magenta:  #e535ab;
  --pvxmd-cyan:     #00d4ff;
  --pvxmd-lime:     #a3e635;
  --pvxmd-yellow:   #facc15;
  --pvxmd-orange:   #f97316;
  --pvxmd-violet:   #a78bfa;
  --pvxmd-cyber-primary: #00ff88;
  --pvxmd-cyber-secondary: #00d4ff;
  --pvxmd-cyber-bg: #0a0e1a;

  /* Borders */
  --pvxmd-border:       #2a2a32;
  --pvxmd-border-light: #33333d;

  /* Radius — pointy, max 6px */
  --pvxmd-radius-sm: 2px;
  --pvxmd-radius:    4px;
  --pvxmd-radius-md: 6px;

  /* Shadows */
  --pvxmd-shadow-sm:  0 1px 3px rgba(0,0,0,.4);
  --pvxmd-shadow-md:  0 4px 12px rgba(0,0,0,.5);
  --pvxmd-shadow-lg:  0 8px 30px rgba(0,0,0,.55);

  /* Spacing scale */
  --pvxmd-sp-xs:  0.5rem;
  --pvxmd-sp-sm:  1rem;
  --pvxmd-sp-md:  1.5rem;
  --pvxmd-sp-lg:  2.5rem;
  --pvxmd-sp-xl:  3rem;
  --pvxmd-sp-2xl: 6rem;

  /* Typography */
  --pvxmd-font-display: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --pvxmd-font-body:    'Salmond', 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --pvxmd-font:         var(--pvxmd-font-display);
  --pvxmd-font-box-title: 'Stickler', 'Inter', system-ui, sans-serif;
  --pvxmd-tracking-box-title: 0.092em;
  /* Tight line stacking when box titles wrap (Stickler + tracking need minimal lead) */
  --pvxmd-lh-box-title: 0.98;
  /* Space from box title bottom to body copy (≈60px at default 16px root) */
  --pvxmd-gap-box-title-body: 3.75rem;
  --pvxmd-font-mono:  'JetBrains Mono', 'Consolas', monospace;
  --pvxmd-lh:         1.6;
  --pvxmd-lh-tight:   1.2;

  /* Transitions */
  --pvxmd-ease:       cubic-bezier(.22,.68,0,1);
  --pvxmd-dur:        0.3s;
  --pvxmd-dur-slow:   0.5s;

  /* Layout */
  --pvxmd-max-w:      1140px;
  --pvxmd-site-max-w: 1680px;
  --pvxmd-header-h:   60px;
}

/* --- Reset scoped --- */
.pvxmd-body {
  margin: 0;
  padding: 0;
  background: var(--pvxmd-bg-deep);
  color: var(--pvxmd-text-primary);
  font-family: var(--pvxmd-font-body);
  font-size: 16px;
  line-height: 1.68;
  font-weight: 400;
  letter-spacing: var(--pvxmd-tracking-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 100%;
  overflow-x: clip;
  /* Do NOT set overflow-x on html/body/.pvxmd-page: paired overflow-y becomes "auto"
     and creates a second vertical scrollbar next to the viewport's. */
}

.pvxmd-page {
  width: min(100%, var(--pvxmd-site-max-w));
  margin: 0 auto;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.pvxmd-main {
  flex: 1;
}

html {
  background: var(--pvxmd-cyber-bg);
  max-width: 100%;
  overflow-x: clip;
}

.pvxmd-site-bg {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  background: var(--pvxmd-cyber-bg);
  z-index: 0;
}

.pvxmd-site-bg__canvas,
.pvxmd-site-bg__grid,
.pvxmd-site-bg__particles {
  position: absolute;
  inset: 0;
}

.pvxmd-site-bg__canvas {
  width: 100%;
  height: 100%;
  opacity: 0.14;
}

.pvxmd-site-bg__grid {
  background-image:
    linear-gradient(var(--pvxmd-cyber-primary) 1px, transparent 1px),
    linear-gradient(90deg, var(--pvxmd-cyber-primary) 1px, transparent 1px);
  background-size: 50px 50px;
  opacity: 0.045;
  animation: pvxmd-cyber-grid-move 60s linear infinite;
}

.pvxmd-site-bg__particles {
  overflow: hidden;
}

.pvxmd-site-bg__particle {
  position: absolute;
  width: 4px;
  height: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--pvxmd-cyber-primary);
  font-family: var(--pvxmd-font-mono);
  font-size: 1rem;
  line-height: 1;
  opacity: 0.52;
  animation: pvxmd-cyber-float 30s ease-in-out infinite;
}

.pvxmd-page {
  position: relative;
  z-index: 1;
}

.pvxmd-section:is(
  .pvxmd-hero,
  .pvxmd-transformation,
  .pvxmd-files,
  .pvxmd-bundle,
  .pvxmd-bundle-why,
  .pvxmd-how,
  .pvxmd-examples,
  .pvxmd-scenarios,
  .pvxmd-audience,
  .pvxmd-different,
  .pvxmd-faq
) > .pvxmd-container,
.pvxmd-footer__inner {
  position: relative;
  z-index: 0;
  isolation: isolate;
}

.pvxmd-section:is(
  .pvxmd-hero,
  .pvxmd-transformation,
  .pvxmd-files,
  .pvxmd-bundle,
  .pvxmd-bundle-why,
  .pvxmd-how,
  .pvxmd-examples,
  .pvxmd-scenarios,
  .pvxmd-audience,
  .pvxmd-different,
  .pvxmd-faq
) > .pvxmd-container::before,
.pvxmd-footer__inner::before {
  content: "";
  position: absolute;
  inset: -20px 0;
  border-radius: 20px;
  background: var(--pvxmd-bg-deep);
  z-index: -1;
}

@keyframes pvxmd-cyber-grid-move {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(50px, 50px);
  }
}

@keyframes pvxmd-cyber-float {
  0%,
  100% {
    transform: translateY(100vh) translateX(0);
    opacity: 0;
  }
  10%,
  90% {
    opacity: 0.52;
  }
  50% {
    transform: translateY(-100px) translateX(100px);
    opacity: 0.9;
  }
}

.pvxmd-body p,
.pvxmd-body li,
.pvxmd-body button,
.pvxmd-body input,
.pvxmd-body textarea,
.pvxmd-body label {
  font-family: var(--pvxmd-font-body);
  font-weight: 400;
}

.pvxmd-body li {
  text-align: left;
}

.pvxmd-body img,
.pvxmd-body video {
  display: block;
  max-width: 100%;
}

.pvxmd-body img {
  height: auto;
}

.pvxmd-body h1,
.pvxmd-body h2,
.pvxmd-body h3,
.pvxmd-body h4,
.pvxmd-body h5,
.pvxmd-body h6,
.pvxmd-header__logo,
.pvxmd-header__link,
.pvxmd-hero__eyebrow,
.pvxmd-hero__emphasis,
.pvxmd-section__eyebrow,
.pvxmd-pill,
.pvxmd-float-tag,
.pvxmd-preview-card__tag,
.pvxmd-preview-card__mini,
.pvxmd-bcard__num,
.pvxmd-bcard__tag,
.pvxmd-bcard__badge,
.pvxmd-bcard__pill,
.pvxmd-how__trust-pill,
.pvxmd-examples__badge,
.pvxmd-proof-slide__cat,
.pvxmd-proof-slide__example-label,
.pvxmd-scard__num,
.pvxmd-scard__tag,
.pvxmd-scard__file-name,
.pvxmd-pcard__recommended,
.pvxmd-pcard__badge,
.pvxmd-pcard__footer span,
.pvxmd-pricing__trust-pill,
.pvxmd-preview-card__title,
.pvxmd-proof-slide__compare-title,
.pvxmd-faq__q,
.pvxmd-lead__title,
.pvxmd-modal__title,
.pvxmd-final__title,
.pvxmd-preprice-bridge__headline,
.pvxmd-transformation .pvxmd-transformation__heading,
.pvxmd-how__th,
.pvxmd-how__clarity-title,
.pvxmd-how__step-label {
  font-family: var(--pvxmd-font-display);
  letter-spacing: normal;
}

/*
 * Stickler ONLY on bordered / card “box” titles (bundle cards, pricing cards, etc.).
 * Section headings, FAQ, proof slides, how-it-works, lead CTA, modal — stay Inter above.
 */
.pvxmd-body .pvxmd-bundle-why__compare-title,
.pvxmd-body .pvxmd-bundle-why__reason-title,
.pvxmd-body .pvxmd-bcard__title,
.pvxmd-body .pvxmd-fcard__title,
.pvxmd-body .pvxmd-md-frame__title,
.pvxmd-body .pvxmd-scard__title,
.pvxmd-body .pvxmd-audience-card__title,
.pvxmd-body .pvxmd-diff-card__title,
.pvxmd-body .pvxmd-problem-card__title,
.pvxmd-body .pvxmd-missed-card__title,
.pvxmd-body .pvxmd-pcard__name {
  font-family: var(--pvxmd-font-box-title);
  letter-spacing: var(--pvxmd-tracking-box-title);
  font-style: normal;
  line-height: var(--pvxmd-lh-box-title);
}

.pvxmd-section__intro,
.pvxmd-section__helper,
.pvxmd-hero__sub,
.pvxmd-hero__microcopy,
.pvxmd-problem-card__text,
.pvxmd-missed-card__text,
.pvxmd-cta-strip__text,
.pvxmd-transformation__note,
.pvxmd-proof-slide__list li,
.pvxmd-proof-slide__example-text,
.pvxmd-how__td,
.pvxmd-scard__text,
.pvxmd-audience-card__text,
.pvxmd-different__conclusion,
.pvxmd-lead__sub,
.pvxmd-lead__bridge,
.pvxmd-lead__privacy,
.pvxmd-pcard__desc,
.pvxmd-pcard__features li,
.pvxmd-pricing__rec,
.pvxmd-faq__a p {
  font-weight: 400;
  line-height: 1.72;
}

/* --- Skip Link --- */
.pvxmd-skip-link {
  position: absolute;
  top: -100%;
  left: var(--pvxmd-sp-sm);
  background: var(--pvxmd-cyan);
  color: var(--pvxmd-bg-deep);
  padding: var(--pvxmd-sp-xs) var(--pvxmd-sp-sm);
  z-index: 9999;
  font-weight: 700;
  text-decoration: none;
  border-radius: var(--pvxmd-radius);
}
.pvxmd-skip-link:focus {
  top: var(--pvxmd-sp-xs);
}

/* --- Container --- */
.pvxmd-container {
  width: 100%;
  max-width: var(--pvxmd-max-w);
  margin: 0 auto;
  padding: 0 var(--pvxmd-sp-md);
  box-sizing: border-box;
}
.pvxmd-container {max-width: 1280px;}

.pvxmd-hero-preview {max-width: 1280px;}
.pvxmd-container--wide-bundle {
  max-width: 1280px;
}

.pvxmd-container--how-wide {
  max-width: 1280px;
}

.pvxmd-container--examples-wide {
  max-width: 1280px;
}

.pvxmd-container--different-wide {
  max-width: 1240px;
}

.pvxmd-container--pricing-wide {
  max-width: 1240px;
}

/* ============================
   HEADER / STICKY NAV
   ============================ */
.pvxmd-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  height: var(--pvxmd-header-h);
  background: rgba(22,22,28,.94);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,.06);
  transition:
    background var(--pvxmd-dur) var(--pvxmd-ease),
    border-color var(--pvxmd-dur) var(--pvxmd-ease),
    box-shadow var(--pvxmd-dur) var(--pvxmd-ease);
}
/* Scrolled state — JS adds this */
.pvxmd-header--scrolled {
  background: rgba(28,28,35,.98);
  border-bottom-color: rgba(255,255,255,.08);
  box-shadow: 0 2px 16px rgba(0,0,0,.35);
}

.pvxmd-header__inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  gap: clamp(12px, 1.6vw, 24px);
  max-width: none;
  padding-inline: clamp(16px, 1.8vw, 28px);
}

.pvxmd-header__logo {
  display: flex;
  align-items: center;
  line-height: 0;
  color: var(--pvxmd-text-primary);
  text-decoration: none;
  transition: opacity var(--pvxmd-dur) var(--pvxmd-ease);
}
.pvxmd-header__logo:hover {
  opacity: .8;
}
.pvxmd-body .pvxmd-header__logo-img {
  display: block;
  height: 32px;
  width: auto;
  max-width: min(132px, 24vw);
  object-fit: contain;
  flex-shrink: 1;
}

.pvxmd-header__nav {
  display: flex;
  align-items: center;
  gap: clamp(0.65rem, 0.9vw, 1rem);
  width: auto;
  flex: 0 1 auto;
  min-width: 0;
  margin-left: clamp(3rem, 7vw, 7rem);
}

.pvxmd-header__list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 2px;
  min-width: 0;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.pvxmd-header__link {
  display: inline-block;
  padding: 6px 10px;
  color: var(--pvxmd-text-secondary);
  text-decoration: none;
  font-size: clamp(0.92rem, 0.84rem + 0.18vw, 1rem);
  font-weight: 500;
  white-space: nowrap;
  border-radius: var(--pvxmd-radius);
  position: relative;
  transition: color var(--pvxmd-dur) var(--pvxmd-ease), background var(--pvxmd-dur) var(--pvxmd-ease);
}
.pvxmd-header__link:hover {
  color: var(--pvxmd-text-primary);
  background: rgba(255,255,255,.05);
}
a.pvxmd-btn.pvxmd-btn--nav {
  margin-left: clamp(1.1rem, 2.4vw, 2.4rem);
  flex-shrink: 0;
}

/* Mobile-only sticky CTA — hidden on desktop, shown in header bar on mobile */
.pvxmd-nav-mobile-cta {
  display: none;
}
.pvxmd-header__link--active {
  color: var(--pvxmd-text-primary);
}
.pvxmd-header__link--active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 14px;
  right: 14px;
  height: 2px;
  background: var(--pvxmd-cyan);
  border-radius: 1px;
}

/* Mobile toggle */
.pvxmd-header__toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px;
}
.pvxmd-header__toggle-bar {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--pvxmd-text-primary);
  border-radius: 1px;
  transition: transform var(--pvxmd-dur) var(--pvxmd-ease), opacity var(--pvxmd-dur) var(--pvxmd-ease);
}
/* open state */
.pvxmd-header__toggle[aria-expanded="true"] .pvxmd-header__toggle-bar:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.pvxmd-header__toggle[aria-expanded="true"] .pvxmd-header__toggle-bar:nth-child(2) {
  opacity: 0;
}
.pvxmd-header__toggle[aria-expanded="true"] .pvxmd-header__toggle-bar:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* ============================
   BUTTONS — reusable
   ============================ */
.pvxmd-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 28px;
  font-family: var(--pvxmd-font-body);
  font-size: 0.9375rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  border: none;
  border-radius: var(--pvxmd-radius);
  cursor: pointer;
  transition:
    transform var(--pvxmd-dur) var(--pvxmd-ease),
    box-shadow var(--pvxmd-dur) var(--pvxmd-ease),
    opacity var(--pvxmd-dur) var(--pvxmd-ease),
    background var(--pvxmd-dur) var(--pvxmd-ease);
}

.pvxmd-btn.pvxmd-nav-mobile-cta {
  display: none !important;
}

/* 3D hover/click */
.pvxmd-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,.4);
}
.pvxmd-btn:active {
  transform: translateY(0) scale(.97);
  box-shadow: var(--pvxmd-shadow-sm);
}

/* Primary */
.pvxmd-btn--primary {
  background: var(--pvxmd-magenta);
  color: #fff;
}
.pvxmd-btn--primary:hover {
  background: #d12e9a;
}

/* Secondary */
.pvxmd-btn--secondary {
  background: transparent;
  color: var(--pvxmd-text-primary);
  border: 1px solid var(--pvxmd-border-light);
}
.pvxmd-btn--secondary:hover {
  background: rgba(255,255,255,.06);
  border-color: var(--pvxmd-text-secondary);
}

/* Nav CTA */
.pvxmd-btn--nav {
  padding: 8px 18px;
  font-size: 0.8125rem;
  background: var(--pvxmd-magenta);
  color: #fff;
}
.pvxmd-btn--nav:hover {
  background: #d12e9a;
}

/* CTA strip button */
.pvxmd-btn--cta {
  padding: 10px 22px;
  font-size: 0.875rem;
  background: var(--pvxmd-cyan);
  color: var(--pvxmd-bg-deep);
}
.pvxmd-btn--cta:hover {
  background: #00bce0;
}

/* Small */
.pvxmd-btn--sm {
  padding: 8px 18px;
  font-size: 0.8125rem;
}

/* Large */
.pvxmd-btn--lg {
  padding: 16px 40px;
  font-size: 1.0625rem;
}

/* ============================
   SECTIONS — base
   ============================ */
.pvxmd-section {
  padding: var(--pvxmd-sp-2xl) 0;
}

.pvxmd-section__title {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 800;
  line-height: var(--pvxmd-lh-tight);
  margin: 0 0 var(--pvxmd-sp-md);
  text-align: center;
}

/* Main section titles: stable 3D layer for GSAP scroll reveal */
main.pvxmd-main h2.js-pvxmd-title-3d {
  transform-style: preserve-3d;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}

.pvxmd-section__intro {
  font-size: 1.125rem;
  color: var(--pvxmd-text-secondary);
  max-width: 780px;
  margin: 0 auto var(--pvxmd-sp-lg);
  text-align: center;
}

.pvxmd-section__helper {
  font-size: 0.875rem;
  color: var(--pvxmd-text-muted);
  max-width: 620px;
  margin: calc(var(--pvxmd-sp-lg) * -0.5) auto var(--pvxmd-sp-lg);
  text-align: center;
  font-style: italic;
}

/* Section Eyebrow */
.pvxmd-section__eyebrow {
  display: inline-block;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pvxmd-cyan);
  border: 1px solid rgba(0,212,255,.2);
  background: rgba(0,212,255,.04);
  padding: 5px 14px;
  margin: 0 auto var(--pvxmd-sp-sm);
  border-radius: var(--pvxmd-radius-sm);
  text-align: center;
}
.pvxmd-section__eyebrow--lime {
  color: var(--pvxmd-lime);
  border-color: rgba(163,230,53,.2);
  background: rgba(163,230,53,.04);
}
.pvxmd-section__eyebrow--yellow {
  color: var(--pvxmd-yellow);
  border-color: rgba(250,204,21,.2);
  background: rgba(250,204,21,.04);
}
.pvxmd-section__eyebrow--magenta {
  color: var(--pvxmd-magenta);
  border-color: rgba(229,53,171,.2);
  background: rgba(229,53,171,.04);
}
.pvxmd-section__eyebrow--cyan {
  color: var(--pvxmd-cyan);
  border-color: rgba(0,212,255,.2);
  background: rgba(0,212,255,.04);
}

/* ============================
   TEXT ACCENTS
   ============================ */
.pvxmd-text--accent-magenta { color: var(--pvxmd-magenta); }
.pvxmd-text--accent-cyan    { color: var(--pvxmd-cyan); }
.pvxmd-text--accent-lime    { color: var(--pvxmd-lime); }
.pvxmd-text--accent-yellow  { color: var(--pvxmd-yellow); }
.pvxmd-text--accent-orange  { color: var(--pvxmd-orange); }
.pvxmd-text--accent-violet  { color: var(--pvxmd-violet); }

/* ============================
   HERO
   ============================ */
.pvxmd-hero {
  padding-top: calc(var(--pvxmd-header-h) + var(--pvxmd-sp-xl));
  padding-bottom: var(--pvxmd-sp-2xl);
  text-align: center;
  position: relative;
  overflow: hidden;
}

.pvxmd-hero__content {
  position: relative;
  z-index: 2;
}

.pvxmd-hero__eyebrow {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pvxmd-cyan);
  border: 1px solid rgba(0,212,255,.2);
  padding: 7px 18px;
  margin-bottom: var(--pvxmd-sp-md);
  border-radius: var(--pvxmd-radius);
  background: rgba(0,212,255,.04);
}

.pvxmd-hero__headline {
  font-size: 3.35rem;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -0.035em;
  margin: 0 0 var(--pvxmd-sp-md);
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.pvxmd-hero__headline-line {
  display: inline;
}

.pvxmd-hero__vibecoding {
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  white-space: nowrap;
  padding-bottom: 0.08em;
  background: linear-gradient(
    90deg,
    #5fa7c6 0%,
    #d85d9b 16%,
    #d8a11a 33%,
    #5fa7c6 50%,
    #d85d9b 66%,
    #d8a11a 83%,
    #5fa7c6 100%
  );
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: pvxmd-hero-gradient-slide 5s linear infinite;
}

@keyframes pvxmd-hero-gradient-slide {
  0%   { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

/* Gradient emphasis line */
.pvxmd-hero__emphasis {
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 var(--pvxmd-sp-md);
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
}

.pvxmd-hero__sub {
  font-size: clamp(0.9375rem, 1.8vw, 1.0625rem);
  color: var(--pvxmd-text-secondary);
  max-width: 640px;
  margin: 0 auto var(--pvxmd-sp-lg);
  line-height: 1.75;
}

.pvxmd-hero__actions {
  display: flex;
  gap: var(--pvxmd-sp-sm);
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: var(--pvxmd-sp-xs);
}

/* Hero button size bump */
.pvxmd-btn--hero {
  padding: 14px 32px;
  font-size: 0.9375rem;
}

.pvxmd-hero__microcopy {
  font-size: 0.75rem;
  color: var(--pvxmd-text-muted);
  margin: 0 0 var(--pvxmd-sp-lg);
  letter-spacing: 0.01em;
}

.pvxmd-hero__pills {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--pvxmd-sp-xs);
  list-style: none;
  margin: 0 0 var(--pvxmd-sp-xl);
  padding: 0;
}

/* Pill status dots */
.pvxmd-pill__dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 6px;
  vertical-align: middle;
}
.pvxmd-pill__dot--cyan    { background: var(--pvxmd-cyan); }
.pvxmd-pill__dot--lime    { background: var(--pvxmd-lime); }
.pvxmd-pill__dot--yellow  { background: var(--pvxmd-yellow); }
.pvxmd-pill__dot--magenta { background: var(--pvxmd-magenta); }

/* ============================
   FLOATING TAGS
   ============================ */
.pvxmd-hero__floats {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}

.pvxmd-float-tag {
  position: absolute;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 5px 12px;
  white-space: nowrap;
  border-radius: var(--pvxmd-radius-sm);
  border: 1px solid;
  opacity: 0;
  transition: opacity 0.6s var(--pvxmd-ease);
}
.pvxmd-float-tag--visible {
  opacity: 1;
}

/* Subtle y-drift keyframes */
@keyframes pvxmd-drift {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-12px); }
}

.pvxmd-float-tag--magenta  { color: var(--pvxmd-magenta);  border-color: rgba(229,53,171,.25);  background: rgba(229,53,171,.06);  top: 14%; left: 4%;   animation: pvxmd-drift 6s ease-in-out infinite; }
.pvxmd-float-tag--cyan     { color: var(--pvxmd-cyan);     border-color: rgba(0,212,255,.25);   background: rgba(0,212,255,.06);   top: 22%; right: 6%;  animation: pvxmd-drift 7s ease-in-out infinite 0.5s; }
.pvxmd-float-tag--orange   { color: var(--pvxmd-orange);   border-color: rgba(249,115,22,.25);  background: rgba(249,115,22,.06);  top: 20%; left: 15%;   animation: pvxmd-drift 5.5s ease-in-out infinite 1s; }
.pvxmd-float-tag--lime     { color: var(--pvxmd-lime);     border-color: rgba(163,230,53,.25);  background: rgba(163,230,53,.06);  top: 8%;  right: 12%; animation: pvxmd-drift 6.5s ease-in-out infinite 0.3s; }
.pvxmd-float-tag--yellow   { color: var(--pvxmd-yellow);   border-color: rgba(250,204,21,.25);  background: rgba(250,204,21,.06);  top: 15%; right: 3%;  animation: pvxmd-drift 7.5s ease-in-out infinite 0.8s; }
.pvxmd-float-tag--violet   { color: var(--pvxmd-violet);   border-color: rgba(167,139,250,.25); background: rgba(167,139,250,.06); top: 10%; left: 10.5%; animation: pvxmd-drift 6s ease-in-out infinite 1.2s; }
.pvxmd-float-tag--cyan2    { color: var(--pvxmd-cyan);     border-color: rgba(0,212,255,.2);    background: rgba(0,212,255,.04);   top: 27%; left: 7%; animation: pvxmd-drift 5s ease-in-out infinite 0.6s; }
.pvxmd-float-tag--magenta2 { color: var(--pvxmd-magenta);  border-color: rgba(229,53,171,.2);   background: rgba(229,53,171,.04);  top: 30%; left: 22%;   animation: pvxmd-drift 6.8s ease-in-out infinite 1.5s; }
/* Extra hero accents — spaced away from existing tags and centered copy */
.pvxmd-hero__floats .pvxmd-float-tag--lime2 {
  color: var(--pvxmd-lime);
  border-color: rgba(163, 230, 53, 0.22);
  background: rgba(163, 230, 53, 0.05);
  top: 5%;
  left: 2.5%;
  right: auto;
  bottom: auto;
  animation: pvxmd-drift 6.3s ease-in-out infinite 0.2s;
}
.pvxmd-hero__floats .pvxmd-float-tag--orange2 {
  color: var(--pvxmd-orange);
  border-color: rgba(249, 115, 22, 0.22);
  background: rgba(249, 115, 22, 0.05);
 top: 25%;
    RIGHT: 15.5%;
  animation: pvxmd-drift 5.9s ease-in-out infinite 0.9s;
}
.pvxmd-hero__floats .pvxmd-float-tag--violet2 {
  color: var(--pvxmd-violet);
  border-color: rgba(167, 139, 250, 0.22);
  background: rgba(167, 139, 250, 0.05);
  top: 18%;
  right: 15%;
  left: auto;
  bottom: auto;
  animation: pvxmd-drift 6.6s ease-in-out infinite 0.4s;
}

/* ============================
   HERO PREVIEW PANEL
   ============================ */
.pvxmd-hero-preview {
  max-width: 1080px;
  margin: 0 auto;
  padding: 3px;
  background: linear-gradient(135deg, rgba(0,212,255,.15), rgba(229,53,171,.15), rgba(163,230,53,.1));
  border-radius: var(--pvxmd-radius-md);
}
.pvxmd-hero-preview.pvxmd-hero-reveal.pvxmd-hero-reveal--visible {
  max-width: 1000%;
}
.pvxmd-hero-preview__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  padding: 22px;
  background: var(--pvxmd-bg-surface);
  border-radius: var(--pvxmd-radius);
}

/* Preview mini-cards */
.pvxmd-preview-card {
  background: var(--pvxmd-bg-card);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius);
  padding: 24px 20px;
  min-height: 220px;
  text-align: left;
  transition:
    transform 0.35s var(--pvxmd-ease),
    box-shadow 0.35s var(--pvxmd-ease);
  will-change: transform;
}
.pvxmd-preview-card:hover {
  transform: translateY(-3px) scale(1.01);
  box-shadow: 0 8px 24px rgba(0,0,0,.45);
}

/* Card top accents */
.pvxmd-preview-card--magenta { border-top: 2px solid var(--pvxmd-magenta); }
.pvxmd-preview-card--cyan    { border-top: 2px solid var(--pvxmd-cyan); }
.pvxmd-preview-card--yellow  { border-top: 2px solid var(--pvxmd-yellow); }
.pvxmd-preview-card--lime    { border-top: 2px solid var(--pvxmd-lime); }

.pvxmd-preview-card__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--pvxmd-border);
}

.pvxmd-preview-card__dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  flex-shrink: 0;
}
.pvxmd-preview-card__dot--magenta { background: var(--pvxmd-magenta); }
.pvxmd-preview-card__dot--cyan    { background: var(--pvxmd-cyan); }
.pvxmd-preview-card__dot--yellow  { background: var(--pvxmd-yellow); }
.pvxmd-preview-card__dot--lime    { background: var(--pvxmd-lime); }

.pvxmd-preview-card__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--pvxmd-text-primary);
  white-space: nowrap;
  text-transform: uppercase;
}

.pvxmd-preview-card__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pvxmd-preview-card__list li {
  font-size: 1rem;
  color: var(--pvxmd-text-secondary);
  padding: 8px 0;
  font-family: var(--pvxmd-font-mono);
  letter-spacing: -0.01em;
  line-height: 1.45;
}

.pvxmd-preview-card__rows {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pvxmd-preview-card__row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.04);
  border-radius: var(--pvxmd-radius-sm);
  background: rgba(255,255,255,.018);
}

.pvxmd-preview-card__marker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: var(--pvxmd-radius-sm);
  font-family: var(--pvxmd-font-display);
  font-size: 0.9375rem;
  font-weight: 800;
  line-height: 1;
  color: #090b0d;
}

.pvxmd-preview-card__marker--critical {
  background: rgba(229,53,171,.88);
}

.pvxmd-preview-card__marker--risk {
  background: rgba(249,115,22,.9);
}

.pvxmd-preview-card__marker--gap {
  background: rgba(250,204,21,.86);
}

.pvxmd-preview-card__marker--check {
  background: rgba(0,212,255,.9);
}

.pvxmd-preview-card__marker--warn {
  background: rgba(250,204,21,.86);
}

.pvxmd-preview-card__marker--warn-strong {
  background: rgba(249,115,22,.88);
}

.pvxmd-preview-card__row-text {
  display: block;
  width: 100%;
  font-family: var(--pvxmd-font-body);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.35;
  color: var(--pvxmd-text-primary);
  letter-spacing: var(--pvxmd-tracking-body);
  text-align: left;
}

/* Count tags inside preview */
.pvxmd-preview-card__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 1.375rem;
  font-weight: 800;
  border-radius: var(--pvxmd-radius-sm);
  margin-right: 12px;
  font-family: var(--pvxmd-font);
  vertical-align: middle;
}
.pvxmd-preview-card__tag--red    { background: rgba(239,68,68,.15);  color: #f87171; }
.pvxmd-preview-card__tag--orange { background: rgba(249,115,22,.15); color: var(--pvxmd-orange); }
.pvxmd-preview-card__tag--yellow { background: rgba(250,204,21,.15); color: var(--pvxmd-yellow); }

/* Mini keyword tags in bundle card */
.pvxmd-preview-card__list--tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.pvxmd-preview-card__list--tags li {
  padding: 0;
}
.pvxmd-preview-card__mini {
  display: inline-block;
  padding: 7px 14px;
  font-size: 0.9375rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  border-radius: var(--pvxmd-radius-sm);
  border: 1px solid;
  font-family: var(--pvxmd-font);
}
.pvxmd-preview-card__mini--magenta { color: var(--pvxmd-magenta); border-color: rgba(229,53,171,.25); background: rgba(229,53,171,.06); }
.pvxmd-preview-card__mini--cyan    { color: var(--pvxmd-cyan);    border-color: rgba(0,212,255,.25);  background: rgba(0,212,255,.06); }
.pvxmd-preview-card__mini--orange  { color: var(--pvxmd-orange);  border-color: rgba(249,115,22,.25); background: rgba(249,115,22,.06); }
.pvxmd-preview-card__mini--lime    { color: var(--pvxmd-lime);    border-color: rgba(163,230,53,.25); background: rgba(163,230,53,.06); }
.pvxmd-preview-card__mini--yellow  { color: var(--pvxmd-yellow);  border-color: rgba(250,204,21,.25); background: rgba(250,204,21,.06); }

/* ============================
   HERO IMAGE ACCENT
   ============================ */
.pvxmd-hero-img {
  max-width: 100%;
  margin: var(--pvxmd-sp-lg) auto 0;
  border-radius: var(--pvxmd-radius);
  overflow: hidden;
  border: 1px solid var(--pvxmd-border);
  background: linear-gradient(135deg, rgba(0,212,255,.06), rgba(229,53,171,.06), rgba(163,230,53,.04));
  aspect-ratio: 16 / 6.45;
  position: relative;
}
.pvxmd-hero-img__photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

/* ============================
   HERO REVEAL ANIMATION
   ============================ */
.pvxmd-hero-reveal {
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.5s var(--pvxmd-ease),
    transform 0.5s var(--pvxmd-ease);
}
.pvxmd-hero-reveal--visible {
  opacity: 1;
  transform: translateY(0);
}

/* Image fallback — premium placeholder */
.pvxmd-img-fallback {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
}
.pvxmd-img-fallback span {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--pvxmd-text-muted);
  opacity: .4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* Desktop-only line break */
.pvxmd-br-desktop {
  display: inline;
}
/* How-it-works helper note */
.pvxmd-how__note {
  font-size: 0.9375rem;
  color: var(--pvxmd-text-secondary);
  font-style: italic;
  text-align: center;
  max-width: 720px;
  margin: var(--pvxmd-sp-xl) auto 0;
  padding-top: var(--pvxmd-sp-sm);
  line-height: 1.65;
}

/*
 * Reveal uses translateY on .pvxmd-reveal; fade-only here so the how workflow table
 * does not paint outside its layout box above the note below.
 */
.pvxmd-how__steps.pvxmd-reveal {
  transform: none;
}
.pvxmd-how__steps.pvxmd-reveal--visible {
  transform: none;
}

.pvxmd-how__note.pvxmd-reveal,
.pvxmd-how__trust.pvxmd-reveal,
.pvxmd-how__clarity-strip.pvxmd-reveal {
  transform: none;
}
.pvxmd-how__note.pvxmd-reveal--visible,
.pvxmd-how__trust.pvxmd-reveal--visible,
.pvxmd-how__clarity-strip.pvxmd-reveal--visible {
  transform: none;
}

/* ============================
   PILLS / CHIPS / BADGES / TAGS
   ============================ */
.pvxmd-pill {
  display: inline-flex;
  align-items: center;
  padding: 5px 14px;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
  color: var(--pvxmd-text-secondary);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius);
  background: var(--pvxmd-bg-surface);
}
/* Pill border color-match variants */
.pvxmd-pill--cyan    { border-color: rgba(0,212,255,.3); }
.pvxmd-pill--lime    { border-color: rgba(163,230,53,.3); }
.pvxmd-pill--yellow  { border-color: rgba(250,204,21,.3); }
.pvxmd-pill--magenta { border-color: rgba(229,53,171,.3); }

.pvxmd-chip {
  display: inline-flex;
  align-items: center;
  padding: 8px 18px;
  font-size: 0.875rem;
  font-weight: 600;
  white-space: nowrap;
  border-radius: var(--pvxmd-radius);
  border: 1px solid var(--pvxmd-border);
  background: var(--pvxmd-bg-card);
  transition: transform var(--pvxmd-dur) var(--pvxmd-ease), box-shadow var(--pvxmd-dur) var(--pvxmd-ease);
}
.pvxmd-chip:hover {
  transform: translateY(-2px);
  box-shadow: var(--pvxmd-shadow-md);
}

/* Chip color variants — border accent */
.pvxmd-chip--magenta { border-color: var(--pvxmd-magenta); color: var(--pvxmd-magenta); }
.pvxmd-chip--cyan    { border-color: var(--pvxmd-cyan);    color: var(--pvxmd-cyan); }
.pvxmd-chip--orange  { border-color: var(--pvxmd-orange);  color: var(--pvxmd-orange); }
.pvxmd-chip--yellow  { border-color: var(--pvxmd-yellow);  color: var(--pvxmd-yellow); }
.pvxmd-chip--violet  { border-color: var(--pvxmd-violet);  color: var(--pvxmd-violet); }
.pvxmd-chip--lime    { border-color: var(--pvxmd-lime);    color: var(--pvxmd-lime); }

/* ============================
   WHAT GENERIC AI PROMPTS MISS
   ============================ */
.pvxmd-missed {
  position: relative;
  text-align: center;
  padding-top: calc(var(--pvxmd-sp-2xl) - 0.5rem);
  /* Keep bottom modest: .pvxmd-section already adds rhythm; huge bottom + next section’s padding-top read as a “hole”. */
  padding-bottom: var(--pvxmd-sp-lg);
  background:
    linear-gradient(180deg, #0b0b0f 0%, #0e0e12 38%, #0c0c10 100%);
  isolation: isolate;
  /* hidden + visible pairs force overflow-y:auto → extra vertical scrollbar when abs
     ::before/::after extend past in-flow height. clip clips both axes without a scrollport. */
  overflow: clip;
}

/* Tight seam before Problem bg — keep only a sliver under the CTA */
.pvxmd-missed:has(+ .pvxmd-problem) {
  padding-bottom: var(--pvxmd-sp-xs);
}

.pvxmd-missed:has(+ .pvxmd-problem) .pvxmd-missed__note {
  margin-bottom: var(--pvxmd-sp-sm);
}

.pvxmd-missed:has(+ .pvxmd-problem) .pvxmd-missed__actions {
  padding-top: 0;
}

/* Soft color wash — static, lightweight */
.pvxmd-missed::before {
  content: '';
  position: absolute;
  inset: -20% -10% auto -10%;
  height: 58%;
  background:
    radial-gradient(ellipse 70% 55% at 18% 12%, rgba(229, 53, 171, 0.14), transparent 55%),
    radial-gradient(ellipse 65% 50% at 82% 8%, rgba(0, 212, 255, 0.1), transparent 52%),
    radial-gradient(ellipse 55% 45% at 50% 22%, rgba(167, 139, 250, 0.07), transparent 50%);
  pointer-events: none;
  z-index: 0;
}

.pvxmd-missed::after {
  content: '';
  position: absolute;
  inset: auto -8% -35% -8%;
  height: 45%;
  background:
    radial-gradient(ellipse 60% 50% at 70% 100%, rgba(163, 230, 53, 0.06), transparent 55%),
    radial-gradient(ellipse 55% 45% at 25% 95%, rgba(249, 115, 22, 0.06), transparent 52%);
  pointer-events: none;
  z-index: 0;
}

.pvxmd-missed .pvxmd-container {
  position: relative;
  z-index: 1;
  /* Use % not vw: 100vw includes scrollbar width and causes horizontal overflow on Windows. */
  max-width: min(calc(100% - 2rem), 1280px);
}

/* Reveal animates this wrapper — not the grid (transform + grid caused row overlap in Chromium). */
.pvxmd-missed__reveal {
  width: 100%;
  margin: 0 auto var(--pvxmd-sp-lg);
}

.pvxmd-missed__grid {
  display: grid;
  grid-template-columns: 1fr;
  align-items: stretch;
  justify-items: stretch;
  gap: 1.125rem;
  max-width: none;
  width: 100%;
  margin: 0;
  text-align: left;
}

.pvxmd-missed-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  justify-self: stretch;
  width: 100%;
  min-width: 0;
  height: 100%;
  box-sizing: border-box;
  overflow: visible;
  padding: var(--pvxmd-sp-sm) var(--pvxmd-sp-sm) var(--pvxmd-sp-md);
  background:
    linear-gradient(165deg, rgba(34, 34, 40, 0.95) 0%, rgba(28, 28, 34, 0.98) 48%, rgba(22, 22, 28, 1) 100%);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius);
  box-shadow:
    var(--pvxmd-shadow-sm),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition:
    transform var(--pvxmd-dur) var(--pvxmd-ease),
    box-shadow var(--pvxmd-dur) var(--pvxmd-ease),
    border-color var(--pvxmd-dur) var(--pvxmd-ease);
}

.pvxmd-missed-card:hover {
  /* Shadow-only hover: translate overlaps the next row when gaps are tight */
  transform: none;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.pvxmd-missed-card--magenta {
  border: 1px solid rgba(229, 53, 171, 0.22);
  border-top: 3px solid var(--pvxmd-magenta);
}
.pvxmd-missed-card--cyan {
  border: 1px solid rgba(0, 212, 255, 0.2);
  border-top: 3px solid var(--pvxmd-cyan);
}
.pvxmd-missed-card--orange {
  border: 1px solid rgba(249, 115, 22, 0.22);
  border-top: 3px solid var(--pvxmd-orange);
}
.pvxmd-missed-card--yellow {
  border: 1px solid rgba(250, 204, 21, 0.22);
  border-top: 3px solid var(--pvxmd-yellow);
}
.pvxmd-missed-card--violet {
  border: 1px solid rgba(167, 139, 250, 0.22);
  border-top: 3px solid var(--pvxmd-violet);
}
.pvxmd-missed-card--lime {
  border: 1px solid rgba(163, 230, 53, 0.22);
  border-top: 3px solid var(--pvxmd-lime);
}

.pvxmd-missed-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pvxmd-sp-xs);
  margin-bottom: 0.35rem;
  flex-shrink: 0;
}

.pvxmd-missed-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 700;
  border-radius: var(--pvxmd-radius-sm);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.35);
  flex-shrink: 0;
}

.pvxmd-missed-card__mini {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  font-family: var(--pvxmd-font-display);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: var(--pvxmd-radius-sm);
  border: 1px solid rgba(255, 255, 255, 0.08);
  flex-shrink: 0;
}

.pvxmd-missed-card--magenta .pvxmd-missed-card__icon {
  color: var(--pvxmd-magenta);
  border-color: rgba(229, 53, 171, 0.35);
  background: rgba(229, 53, 171, 0.08);
}
.pvxmd-missed-card--cyan .pvxmd-missed-card__icon {
  color: var(--pvxmd-cyan);
  border-color: rgba(0, 212, 255, 0.35);
  background: rgba(0, 212, 255, 0.08);
}
.pvxmd-missed-card--orange .pvxmd-missed-card__icon {
  color: var(--pvxmd-orange);
  border-color: rgba(249, 115, 22, 0.35);
  background: rgba(249, 115, 22, 0.08);
}
.pvxmd-missed-card--yellow .pvxmd-missed-card__icon {
  color: var(--pvxmd-yellow);
  border-color: rgba(250, 204, 21, 0.35);
  background: rgba(250, 204, 21, 0.08);
}
.pvxmd-missed-card--violet .pvxmd-missed-card__icon {
  color: var(--pvxmd-violet);
  border-color: rgba(167, 139, 250, 0.35);
  background: rgba(167, 139, 250, 0.08);
}
.pvxmd-missed-card--lime .pvxmd-missed-card__icon {
  color: var(--pvxmd-lime);
  border-color: rgba(163, 230, 53, 0.35);
  background: rgba(163, 230, 53, 0.08);
}

.pvxmd-missed-card--magenta .pvxmd-missed-card__mini {
  color: var(--pvxmd-magenta);
  border-color: rgba(229, 53, 171, 0.28);
  background: rgba(229, 53, 171, 0.07);
}
.pvxmd-missed-card--cyan .pvxmd-missed-card__mini {
  color: var(--pvxmd-cyan);
  border-color: rgba(0, 212, 255, 0.28);
  background: rgba(0, 212, 255, 0.07);
}
.pvxmd-missed-card--orange .pvxmd-missed-card__mini {
  color: var(--pvxmd-orange);
  border-color: rgba(249, 115, 22, 0.28);
  background: rgba(249, 115, 22, 0.07);
}
.pvxmd-missed-card--yellow .pvxmd-missed-card__mini {
  color: var(--pvxmd-yellow);
  border-color: rgba(250, 204, 21, 0.28);
  background: rgba(250, 204, 21, 0.07);
}
.pvxmd-missed-card--violet .pvxmd-missed-card__mini {
  color: var(--pvxmd-violet);
  border-color: rgba(167, 139, 250, 0.28);
  background: rgba(167, 139, 250, 0.07);
}
.pvxmd-missed-card--lime .pvxmd-missed-card__mini {
  color: var(--pvxmd-lime);
  border-color: rgba(163, 230, 53, 0.28);
  background: rgba(163, 230, 53, 0.07);
}

.pvxmd-body .pvxmd-missed-card__title {
  font-size: clamp(1.3125rem, 1.95vw + 0.32rem, 1.6875rem);
  font-weight: 800;
  margin: auto;
  max-width: 100%;
  flex-shrink: 0;
}
article.pvxmd-missed-card {
  gap: 26px;
}
article.pvxmd-depth-card {
  gap: 35px;
}
.pvxmd-missed-card--magenta .pvxmd-missed-card__title { color: var(--pvxmd-magenta); }
.pvxmd-missed-card--cyan    .pvxmd-missed-card__title { color: var(--pvxmd-cyan); }
.pvxmd-missed-card--orange  .pvxmd-missed-card__title { color: var(--pvxmd-orange); }
.pvxmd-missed-card--yellow  .pvxmd-missed-card__title { color: var(--pvxmd-yellow); }
.pvxmd-missed-card--violet  .pvxmd-missed-card__title { color: var(--pvxmd-violet); }
.pvxmd-missed-card--lime    .pvxmd-missed-card__title { color: var(--pvxmd-lime); }

.pvxmd-missed-card__text {
  font-size: 0.875rem;
  color: var(--pvxmd-text-secondary);
  margin: 0;
  line-height: 1.58;
}

.pvxmd-missed__note {
  max-width: 640px;
  margin: 0 auto var(--pvxmd-sp-md);
  font-size: 1rem;
  line-height: 1.55;
  color: var(--pvxmd-text-secondary);
  text-align: center;
  letter-spacing: 0.01em;
}

.pvxmd-missed__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: var(--pvxmd-sp-xs);
}

.pvxmd-missed__cta {
  box-shadow: 0 4px 22px rgba(0, 212, 255, 0.18);
}

.pvxmd-missed__cta:hover {
  box-shadow: 0 8px 28px rgba(0, 212, 255, 0.22);
}

/* ============================
   WHY THESE FEEL DIFFERENT
   ============================ */
.pvxmd-depth {
  position: relative;
  text-align: center;
  padding-top: calc(var(--pvxmd-sp-xl) + 0.75rem);
  background:
    linear-gradient(180deg, #0d0f14 0%, #10131a 44%, #0d1016 100%);
  border-top: 1px solid rgba(255,255,255,.04);
  border-bottom: 1px solid rgba(255,255,255,.04);
  isolation: isolate;
  overflow: clip;
}

.pvxmd-depth::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 48% at 18% 10%, rgba(0,212,255,.07), transparent 58%),
    radial-gradient(ellipse 52% 42% at 84% 14%, rgba(167,139,250,.06), transparent 56%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 176px);
  opacity: .5;
  pointer-events: none;
  z-index: 0;
}

.pvxmd-depth .pvxmd-container {
  position: relative;
  z-index: 1;
  max-width: none;
  padding-inline: clamp(18px, 2vw, 36px);
}

.pvxmd-depth__header {
  max-width: 980px;
  margin: 0 auto 2rem;
  text-align: center;
}
section#pvxmd-depth {
    padding-bottom: 50px;
}
.pvxmd-depth__header .pvxmd-section__title,
.pvxmd-depth__header .pvxmd-section__intro {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.pvxmd-depth__header .pvxmd-section__intro {
  margin-bottom: 0;
}
.pvxmd-bcard.pvxmd-bcard--lime.pvxmd-bcard--featured {
    max-width: 80%;
    margin: auto;
    width: 100%;
}
.pvxmd-depth__title-accent {
  color: var(--pvxmd-cyan);
}

.pvxmd-depth__stage {
  position: relative;
  margin: 0 auto 0.2rem;
}

.pvxmd-depth__viewport {
  width: 100%;
}
.pin-spacer > .pin-spacer {
    inset: unset !important;
}
[data-pvxmd-depth-scroll] {
  position: relative;
  width: 100%;
}

[data-pvxmd-depth-sticky] {
  position: sticky;
  top: calc(var(--pvxmd-header-h) + 12px);
  width: 100%;
  height: 82vh;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  padding-top: 38px;
  box-sizing: border-box;
}
.pin-spacer {
    inset: 31px auto auto !important;
}
.pvxmd-depth__grid[data-pvxmd-depth-track] {
  display: flex;
  align-items: stretch;
  gap: 20px;
  padding: 0 clamp(24px, 3vw, 52px) 12px;
  width: max-content;
  will-change: transform;
}

.pvxmd-depth__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
  margin: 0 auto;
  text-align: left;
}

.pvxmd-depth-card {
  --pvxmd-depth-accent: var(--pvxmd-cyan);
  --pvxmd-depth-rgb: 0, 212, 255;
  grid-column: span 4;
  position: relative;
  display: grid;
  grid-template-rows: auto auto 1fr;
  min-width: 0;
  min-height: 15.5rem;
  padding: 1rem 1rem 1.1rem;
  border: 1px solid rgba(var(--pvxmd-depth-rgb), .16);
  border-top: 3px solid var(--pvxmd-depth-accent);
  border-radius: var(--pvxmd-radius);
  background:
    linear-gradient(180deg, rgba(var(--pvxmd-depth-rgb), .065) 0%, rgba(var(--pvxmd-depth-rgb), 0) 22%),
    linear-gradient(160deg, rgba(30,32,39,.97) 0%, rgba(23,24,30,.98) 54%, rgba(18,19,25,1) 100%);
  box-shadow:
    var(--pvxmd-shadow-sm),
    inset 0 1px 0 rgba(255,255,255,.05);
  transition:
    transform var(--pvxmd-dur) var(--pvxmd-ease),
    box-shadow var(--pvxmd-dur) var(--pvxmd-ease),
    border-color var(--pvxmd-dur) var(--pvxmd-ease);
  will-change: transform;
}

.pvxmd-depth-card:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--pvxmd-depth-rgb), .32);
  box-shadow:
    0 16px 38px rgba(0,0,0,.48),
    0 0 0 1px rgba(var(--pvxmd-depth-rgb), .1),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.pvxmd-depth-card--magenta {
  --pvxmd-depth-accent: var(--pvxmd-magenta);
  --pvxmd-depth-rgb: 229, 53, 171;
}

.pvxmd-depth-card--cyan {
  --pvxmd-depth-accent: var(--pvxmd-cyan);
  --pvxmd-depth-rgb: 0, 212, 255;
}

.pvxmd-depth-card--orange {
  --pvxmd-depth-accent: var(--pvxmd-orange);
  --pvxmd-depth-rgb: 249, 115, 22;
}

.pvxmd-depth-card--yellow {
  --pvxmd-depth-accent: var(--pvxmd-yellow);
  --pvxmd-depth-rgb: 250, 204, 21;
}

.pvxmd-depth-card--violet {
  --pvxmd-depth-accent: var(--pvxmd-violet);
  --pvxmd-depth-rgb: 167, 139, 250;
}

.pvxmd-depth-card--wide {
  grid-column: span 6;
}

.pvxmd-depth-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 0.95rem;
}

.pvxmd-depth-card__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  flex-shrink: 0;
  font-family: var(--pvxmd-font-mono);
  font-size: 0.8125rem;
  font-weight: 800;
  color: #090b0d;
  border-radius: var(--pvxmd-radius-sm);
  background: var(--pvxmd-depth-accent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}

.pvxmd-depth-card__rule {
  display: inline-flex;
  align-items: center;
  min-height: 1.75rem;
  padding: 4px 10px;
  font-family: var(--pvxmd-font-display);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--pvxmd-depth-accent);
  border: 1px solid rgba(var(--pvxmd-depth-rgb), .24);
  border-radius: var(--pvxmd-radius-sm);
  background: rgba(var(--pvxmd-depth-rgb), .07);
  white-space: nowrap;
}

.pvxmd-depth-card__title {
  margin: 0 0 0.875rem;
  font-family: var(--pvxmd-font-box-title);
  font-size: clamp(1.0625rem, 1.25vw + 0.72rem, 1.375rem);
  font-weight: 800;
  letter-spacing: var(--pvxmd-tracking-box-title);
  line-height: var(--pvxmd-lh-box-title);
  color: var(--pvxmd-depth-accent);
  min-height: 2.15em;
}

.pvxmd-depth-card__text {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.66;
  color: var(--pvxmd-text-secondary);
  max-width: 34ch;
}

.pvxmd-depth-card--wide .pvxmd-depth-card__text {
  max-width: 48ch;
}
.pvxmd-depth__grid[data-pvxmd-depth-track] .pvxmd-depth-card,
.pvxmd-depth__grid[data-pvxmd-depth-track] .pvxmd-depth-card--wide {
  flex: 0 0 360px;
  width: 360px;
  grid-column: auto;
  min-height: 420px;
  padding: 1.15rem 1.05rem 1.2rem;
  box-sizing: border-box;
}
.pvxmd-problem__grid.pvxmd-reveal.pvxmd-reveal--visible {
  max-width: 100%;
  padding: 23px
}
.pvxmd-depth__grid[data-pvxmd-depth-track] .pvxmd-depth-card__text,
.pvxmd-depth__grid[data-pvxmd-depth-track] .pvxmd-depth-card--wide .pvxmd-depth-card__text {
  max-width: none;
}

.pvxmd-depth__grid[data-pvxmd-depth-track] .pvxmd-depth-card:hover {
  transform: none;
}

.pvxmd-depth__summary {
  display: grid;
  grid-template-columns: minmax(0, 20rem) minmax(0, 1fr);
  gap: 1rem 1.5rem;
  align-items: start;
  margin-top: 0;
  padding: 1.375rem 1.5rem;
  text-align: left;
  border: 1px solid rgba(255,255,255,.08);
  border-left: 3px solid var(--pvxmd-cyan);
  border-radius: var(--pvxmd-radius);
  background:
    linear-gradient(90deg, rgba(0,212,255,.05) 0%, rgba(167,139,250,.045) 52%, rgba(255,255,255,.015) 100%),
    var(--pvxmd-bg-card);
  box-shadow:
    var(--pvxmd-shadow-sm),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.pvxmd-depth__summary-headline {
  margin: 0;
  font-family: var(--pvxmd-font-display);
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.24;
  color: var(--pvxmd-text-primary);
}

.pvxmd-depth__summary-text {
  margin: 0;
  max-width: 58ch;
  font-size: 0.96875rem;
  line-height: 1.7;
  color: var(--pvxmd-text-secondary);
}

@media (max-width: 1100px) {
  [data-pvxmd-depth-scroll] {
    height: auto !important;
  }

  [data-pvxmd-depth-sticky] {
    position: static;
    height: auto;
    overflow: visible;
    display: block;
  }

  .pvxmd-depth__grid[data-pvxmd-depth-track] {
    display: grid;
    width: 100% !important;
    transform: none !important;
    padding: 0;
    gap: 14px;
  }

  .pvxmd-depth__grid[data-pvxmd-depth-track] .pvxmd-depth-card,
  .pvxmd-depth__grid[data-pvxmd-depth-track] .pvxmd-depth-card--wide {
    width: auto;
    min-height: 18rem;
  }

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

  .pvxmd-depth-card,
  .pvxmd-depth-card--wide {
    grid-column: span 1;
  }

  .pvxmd-depth-card__text {
    max-width: none;
  }

  .pvxmd-depth__summary {
    grid-template-columns: 1fr;
  }

  .pvxmd-depth__summary-text {
    max-width: none;
  }
}

@media (max-width: 640px) {
  .pvxmd-depth {
    padding-top: var(--pvxmd-sp-xl);
  }

  .pvxmd-depth__grid,
  .pvxmd-depth__grid[data-pvxmd-depth-track] {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .pvxmd-depth-card,
  .pvxmd-depth__grid[data-pvxmd-depth-track] .pvxmd-depth-card {
    min-height: 0;
    padding: 0.9375rem 0.9375rem 1rem;
  }

  .pvxmd-depth-card__head {
    margin-bottom: 0.875rem;
  }

  .pvxmd-depth-card__title {
    min-height: 0;
    font-size: 1.0625rem;
  }

  .pvxmd-depth-card__text {
    max-width: none;
  }

  .pvxmd-depth__summary {
    padding: 1.125rem 1rem;
  }

  .pvxmd-depth__summary-headline {
    font-size: 1.125rem;
  }

  .pvxmd-depth__summary-text {
    font-size: 0.9375rem;
  }
}

@media (min-width: 641px) {
  .pvxmd-missed__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(4, auto);
    gap: 1.25rem 1.125rem;
  }
}

@media (min-width: 861px) {
  .pvxmd-missed__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem 1.125rem;
  }

  .pvxmd-body .pvxmd-missed-card__title {
    font-size: clamp(1.25rem, 1.65vw + 0.3rem, 1.625rem);
  }
}

@media (max-width: 640px) {
  .pvxmd-missed__grid {
    gap: 1.125rem;
  }

  .pvxmd-missed-card__icon {
    width: 1.375rem;
    height: 1.375rem;
    font-size: 0.6875rem;
  }

  .pvxmd-missed-card__mini {
    font-size: 0.65625rem;
    padding: 5px 11px;
  }
}

/* ============================
   PROBLEM SECTION — Card Grid
   ============================ */
/*
 * Problem section after Missed: no default section padding-top above content — that gap sat
 * “on top of” the bg. The bg lives in a tall in-flow ::before so nothing overlaps the image.
 */
.pvxmd-missed + .pvxmd-problem,
.pvxmd-depth + .pvxmd-problem {
  overflow: clip;
  padding-top: 0;
}

/* Full-bleed image band only — eyebrow/title/grid start below this block */
.pvxmd-missed + .pvxmd-problem::before,
.pvxmd-depth + .pvxmd-problem::before {
  content: '';
  display: block;
  position: relative;
  /* Full-bleed band without 100vw — vw includes scrollbar and creates a second scrollbar. */
  width: 100%;
  max-width: 100%;
  height: clamp(26rem, 68vw, 52rem);
  overflow: hidden;
  background-color: var(--pvxmd-bg-deep);
  background-image: url('assets/bg.png');
  background-repeat: no-repeat;
  /* Slight vertical shift so denser art sits nearer the CTA (depends on asset) */
  background-position: center 12%;
  background-size: 100% auto;
}

.pvxmd-problem {
  text-align: center;
}
.pvxmd-problem .pvxmd-container {
    padding-top: 6rem;
}
.pvxmd-problem .pvxmd-section__eyebrow {
  margin-top: var(--pvxmd-sp-lg);
}

.pvxmd-problem__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--pvxmd-sp-md);
  max-width: 960px;
  margin: 0 auto;
}
/* Problem card accent colors */
.pvxmd-problem-card--magenta  { border-top-color: var(--pvxmd-magenta); }
.pvxmd-problem-card--orange   { border-top-color: var(--pvxmd-orange); }
.pvxmd-problem-card--yellow   { border-top-color: var(--pvxmd-yellow); }
.pvxmd-problem-card--violet   { border-top-color: var(--pvxmd-violet); }
.pvxmd-problem-card--cyan     { border-top-color: var(--pvxmd-cyan); }
.pvxmd-problem-card--lime     { border-top-color: var(--pvxmd-lime); }
/* Center last row when 6 cards in 3-col grid */
@supports (grid-template-columns: repeat(3, 1fr)) {
  .pvxmd-problem__grid {
    justify-items: center;
  }
  .pvxmd-problem-card {
    width: 100%;
  }
}

.pvxmd-problem-card {
  background: var(--pvxmd-bg-card);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius);
  padding: var(--pvxmd-sp-lg) var(--pvxmd-sp-md);
  text-align: left;
  position: relative;
  transition:
    transform var(--pvxmd-dur) var(--pvxmd-ease),
    box-shadow var(--pvxmd-dur) var(--pvxmd-ease),
    border-color var(--pvxmd-dur) var(--pvxmd-ease);
}
.pvxmd-problem-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--pvxmd-shadow-lg);
}

/* Top accent per card */
.pvxmd-problem-card--magenta { border-top: 3px solid var(--pvxmd-magenta); }
.pvxmd-problem-card--orange  { border-top: 3px solid var(--pvxmd-orange); }
.pvxmd-problem-card--yellow  { border-top: 3px solid var(--pvxmd-yellow); }
.pvxmd-problem-card--violet  { border-top: 3px solid var(--pvxmd-violet); }
.pvxmd-problem-card--cyan    { border-top: 3px solid var(--pvxmd-cyan); }
.pvxmd-problem-card--lime    { border-top: 3px solid var(--pvxmd-lime); }

.pvxmd-problem-card__icon {
  font-size: 1.25rem;
  display: block;
  margin-bottom: var(--pvxmd-sp-xs);
  opacity: .55;
}
.pvxmd-problem-card--magenta .pvxmd-problem-card__icon { color: var(--pvxmd-magenta); }
.pvxmd-problem-card--orange  .pvxmd-problem-card__icon { color: var(--pvxmd-orange); }
.pvxmd-problem-card--yellow  .pvxmd-problem-card__icon { color: var(--pvxmd-yellow); }
.pvxmd-problem-card--violet  .pvxmd-problem-card__icon { color: var(--pvxmd-violet); }
.pvxmd-problem-card--cyan    .pvxmd-problem-card__icon { color: var(--pvxmd-cyan); }
.pvxmd-problem-card--lime    .pvxmd-problem-card__icon { color: var(--pvxmd-lime); }

.pvxmd-body .pvxmd-problem-card__title {
  font-size: clamp(1.25rem, 1.65vw + 0.3rem, 1.625rem);
  font-weight: 800;
  margin: 0 0 var(--pvxmd-gap-box-title-body);
   font-family: var(--pvxmd-font-display);
    letter-spacing: normal;
}
.pvxmd-body .pvxmd-missed-card__title{
  font-size: clamp(1.25rem, 1.65vw + 0.3rem, 1.625rem);
  font-weight: 800;
  margin: 0 0 var(--pvxmd-gap-box-title-body);
   font-family: var(--pvxmd-font-display);
    letter-spacing: normal;
}
.pvxmd-problem-card--magenta .pvxmd-problem-card__title { color: var(--pvxmd-magenta); }
.pvxmd-problem-card--orange  .pvxmd-problem-card__title { color: var(--pvxmd-orange); }
.pvxmd-problem-card--yellow  .pvxmd-problem-card__title { color: var(--pvxmd-yellow); }
.pvxmd-problem-card--violet  .pvxmd-problem-card__title { color: var(--pvxmd-violet); }
.pvxmd-problem-card--cyan    .pvxmd-problem-card__title { color: var(--pvxmd-cyan); }
.pvxmd-problem-card--lime    .pvxmd-problem-card__title { color: var(--pvxmd-lime); }

.pvxmd-problem-card__text {
  font-size: 0.875rem;
  color: var(--pvxmd-text-secondary);
  margin: 0;
  line-height: 1.55;
}
.pvxmd-problem-card .pvxmd-problem-card__title {
    
    font-family: var(--pvxmd-font-display);
    letter-spacing: normal;
}
/* ============================
   CTA STRIP
   ============================ */
.pvxmd-cta-strip {
  background: var(--pvxmd-bg-strip);
  border-top: 1px solid var(--pvxmd-border);
  border-bottom: 1px solid var(--pvxmd-border);
  padding: var(--pvxmd-sp-md) 0;
}
.pvxmd-cta-strip__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--pvxmd-sp-md);
  flex-wrap: wrap;
}
.pvxmd-cta-strip__text {
  font-size: 1rem;
  font-weight: 600;
  color: var(--pvxmd-text-primary);
  margin: 0;
  white-space: nowrap;
}

/* Premium CTA strip variant */
.pvxmd-cta-strip--premium {
  background: linear-gradient(90deg, rgba(0,212,255,.04), rgba(229,53,171,.04), rgba(163,230,53,.03));
  border-top-color: rgba(0,212,255,.12);
  border-bottom-color: rgba(229,53,171,.12);
  padding: var(--pvxmd-sp-lg) 0;
}
.pvxmd-cta-strip--premium .pvxmd-cta-strip__text {
  font-size: 1.125rem;
  font-weight: 700;
}

/* ============================
   PRE-PRICING BRIDGE (compact conversion)
   ============================ */
.pvxmd-preprice-bridge {
  padding: var(--pvxmd-sp-lg) var(--pvxmd-sp-md) var(--pvxmd-sp-md);
  background: var(--pvxmd-bg-deep);
  border-top: 1px solid rgba(163, 230, 53, 0.2);
}

.pvxmd-preprice-bridge__panel {
  max-width: 46rem;
  margin: 0 auto;
  padding: var(--pvxmd-sp-md) var(--pvxmd-sp-lg);
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--pvxmd-radius-sm);
  background:
    linear-gradient(165deg, rgba(163, 230, 53, 0.09) 0%, transparent 42%),
    linear-gradient(215deg, rgba(229, 53, 171, 0.06) 0%, transparent 45%),
    var(--pvxmd-bg-surface);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    0 16px 40px rgba(0, 0, 0, 0.42);
}

.pvxmd-preprice-bridge__eyebrow {
  margin: 0 0 0.4rem;
  font-size: 0.625rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pvxmd-lime);
  font-family: var(--pvxmd-font-display);
}

.pvxmd-preprice-bridge__headline {
  margin: 0 0 var(--pvxmd-sp-sm);
  font-size: clamp(1.125rem, 2.4vw, 1.375rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.25;
  color: var(--pvxmd-text-primary);
}

.pvxmd-preprice-bridge__support {
  margin: 0 auto var(--pvxmd-sp-md);
  max-width: 38rem;
  font-size: 0.875rem;
  line-height: 1.58;
  color: var(--pvxmd-text-secondary);
}

.pvxmd-preprice-bridge__chips {
  list-style: none;
  margin: 0 0 var(--pvxmd-sp-md);
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.pvxmd-preprice-bridge__chip {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--pvxmd-text-muted);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius-sm);
  background: var(--pvxmd-bg-raised);
}

.pvxmd-preprice-bridge__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pvxmd-sp-sm);
  justify-content: center;
  align-items: center;
}

.pvxmd-btn--preprice {
  white-space: nowrap;
}

@media (max-width: 640px) {
  .pvxmd-preprice-bridge {
    padding-left: var(--pvxmd-sp-sm);
    padding-right: var(--pvxmd-sp-sm);
  }
  .pvxmd-preprice-bridge__panel {
    padding: var(--pvxmd-sp-md);
  }
  .pvxmd-preprice-bridge__actions {
    flex-direction: column;
    width: 100%;
    max-width: 20rem;
    margin-left: auto;
    margin-right: auto;
  }
.pvxmd-preprice-bridge__actions .pvxmd-btn--preprice {
  width: 100%;
  justify-content: center;
  }
}

/* ============================
   COMPARE
   ============================ */
.pvxmd-compare {
  position: relative;
  text-align: center;
  padding-top: calc(var(--pvxmd-sp-xl) + 0.25rem);
  padding-bottom: calc(var(--pvxmd-sp-xl) + 0.75rem);
  background:
    linear-gradient(180deg, #0d0f14 0%, #12141b 42%, #0e1016 100%);
  border-top: 1px solid rgba(255,255,255,.04);
  border-bottom: 1px solid rgba(255,255,255,.04);
  isolation: isolate;
  overflow: clip;
}

.pvxmd-compare::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 50% 34% at 18% 12%, rgba(248,113,113,.09), transparent 62%),
    radial-gradient(ellipse 50% 34% at 82% 14%, rgba(0,212,255,.08), transparent 62%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 188px);
  opacity: .42;
  pointer-events: none;
  z-index: 0;
}

.pvxmd-compare .pvxmd-container {
  position: relative;
  z-index: 1;
}

.pvxmd-compare .pvxmd-section__title,
.pvxmd-compare .pvxmd-section__intro {
  max-width: 860px;
}
section#pvxmd-compare h2.pvxmd-section__title.js-pvxmd-title-3d {
    margin: auto;
    margin-bottom: 1.5rem;
}

.pvxmd-compare .pvxmd-section__intro {
  margin-bottom: calc(var(--pvxmd-sp-lg) + 0.35rem);
}

.pvxmd-compare__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0 auto var(--pvxmd-sp-lg);
  align-items: stretch;
}

.pvxmd-compare__panel {
  position: relative;
  min-width: 0;
  padding: calc(var(--pvxmd-sp-lg) - 0.15rem) var(--pvxmd-sp-lg) var(--pvxmd-sp-lg);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius);
  text-align: left;
  box-shadow:
    var(--pvxmd-shadow-sm),
    inset 0 1px 0 rgba(255,255,255,.05);
  transition:
    transform var(--pvxmd-dur) var(--pvxmd-ease),
    box-shadow var(--pvxmd-dur) var(--pvxmd-ease),
    border-color var(--pvxmd-dur) var(--pvxmd-ease);
  overflow: hidden;
}

.pvxmd-compare__panel::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
}

.pvxmd-compare__panel:hover {
  transform: translateY(-4px);
}

.pvxmd-compare__panel--risk {
  border-color: rgba(248,113,113,.22);
  background:
    linear-gradient(160deg, rgba(248,113,113,.085) 0%, rgba(120,20,40,.08) 44%, rgba(21,14,18,.98) 100%),
    var(--pvxmd-bg-card);
}

.pvxmd-compare__panel--risk::before {
  background: linear-gradient(180deg, #fb7185 0%, var(--pvxmd-orange) 100%);
}

.pvxmd-compare__panel--risk:hover {
  border-color: rgba(248,113,113,.34);
  box-shadow: 0 18px 40px rgba(0,0,0,.52), 0 0 0 1px rgba(248,113,113,.09);
}

.pvxmd-compare__panel--governed {
  border-color: rgba(0,212,255,.22);
  background:
    linear-gradient(160deg, rgba(0,212,255,.085) 0%, rgba(163,230,53,.06) 44%, rgba(16,22,23,.98) 100%),
    var(--pvxmd-bg-card);
}

.pvxmd-compare__panel--governed::before {
  background: linear-gradient(180deg, var(--pvxmd-cyan) 0%, var(--pvxmd-lime) 100%);
}

.pvxmd-compare__panel--governed:hover {
  border-color: rgba(0,212,255,.34);
  box-shadow: 0 18px 40px rgba(0,0,0,.52), 0 0 0 1px rgba(0,212,255,.09);
}

.pvxmd-compare__panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: var(--pvxmd-sp-md);
}

.pvxmd-compare__panel-tag,
.pvxmd-compare__panel-state {
  display: inline-flex;
  align-items: center;
  min-height: 1.85rem;
  padding: 4px 10px;
  font-family: var(--pvxmd-font-display);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: var(--pvxmd-radius-sm);
  white-space: nowrap;
}

.pvxmd-compare__panel-tag {
  border: 1px solid currentColor;
}

.pvxmd-compare__panel-state {
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.22);
}

.pvxmd-compare__panel--risk .pvxmd-compare__panel-tag {
  color: #fecdd3;
  background: rgba(248,113,113,.12);
  border-color: rgba(248,113,113,.3);
}

.pvxmd-compare__panel--risk .pvxmd-compare__panel-state {
  color: #fda4af;
}

.pvxmd-compare__panel--governed .pvxmd-compare__panel-tag {
  color: #cffafe;
  background: rgba(0,212,255,.12);
  border-color: rgba(0,212,255,.3);
}

.pvxmd-compare__panel--governed .pvxmd-compare__panel-state {
  color: #d9f99d;
}

.pvxmd-compare__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pvxmd-compare__item {
  position: relative;
  margin: 0;
  padding: 0.88rem 0 0.88rem 2.1rem;
  font-size: 0.9375rem;
  line-height: 1.55;
  border-bottom: 1px solid rgba(255,255,255,.075);
}

.pvxmd-compare__item:last-child {
  border-bottom: none;
}

.pvxmd-compare__item::before {
  position: absolute;
  top: 0.92rem;
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  font-size: 0.7rem;
  font-weight: 800;
  line-height: 1;
  border-radius: var(--pvxmd-radius-sm);
}

.pvxmd-compare__panel--risk .pvxmd-compare__item {
  color: #f3d5da;
}

.pvxmd-compare__panel--risk .pvxmd-compare__item::before {
  content: '!';
  color: #2a060c;
  background: linear-gradient(180deg, #fb7185 0%, #f97316 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}

.pvxmd-compare__panel--governed .pvxmd-compare__item {
  color: #d6edf3;
}

.pvxmd-compare__panel--governed .pvxmd-compare__item::before {
  content: '\2713';
  color: #071014;
  background: linear-gradient(180deg, var(--pvxmd-cyan) 0%, var(--pvxmd-lime) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}

.pvxmd-compare__bottom {
  max-width: 58rem;
  margin: 0 auto;
  padding: var(--pvxmd-sp-md) calc(var(--pvxmd-sp-lg) - 0.15rem);
  text-align: center;
  border: 1px solid rgba(255,255,255,.08);
  border-left: 3px solid var(--pvxmd-cyan);
  border-radius: var(--pvxmd-radius);
  background:
    linear-gradient(90deg, rgba(248,113,113,.04) 0%, rgba(0,212,255,.05) 50%, rgba(163,230,53,.05) 100%),
    var(--pvxmd-bg-card);
  box-shadow:
    var(--pvxmd-shadow-sm),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.pvxmd-compare__bottom-headline {
  margin: 0 0 0.65rem;
  font-family: var(--pvxmd-font-display);
  font-size: clamp(1.125rem, 1rem + 0.6vw, 1.45rem);
  font-weight: 800;
  line-height: 1.26;
  color: var(--pvxmd-text-primary);
}

.pvxmd-compare__bottom-text {
  margin: 0;
  font-size: 0.96875rem;
  line-height: 1.7;
  color: var(--pvxmd-text-secondary);
}

@media (max-width: 860px) {
  .pvxmd-compare__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .pvxmd-compare {
    padding-top: var(--pvxmd-sp-xl);
    padding-bottom: var(--pvxmd-sp-xl);
  }

  .pvxmd-compare__panel {
    padding: var(--pvxmd-sp-md);
  }

  .pvxmd-compare__panel-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .pvxmd-compare__item {
    font-size: 0.875rem;
    padding-left: 1.9rem;
  }

  .pvxmd-compare__item::before {
    top: 0.95rem;
  }

  .pvxmd-compare__bottom {
    padding: var(--pvxmd-sp-md);
  }

  .pvxmd-compare__bottom-text {
    font-size: 0.9375rem;
  }
}

.pvxmd-prepricing-note {
  text-align: center;
  margin-bottom: var(--pvxmd-sp-lg);
}

.pvxmd-prepricing-note__text {
  font-size: 0.875rem;
  color: var(--pvxmd-text-secondary);
  letter-spacing: 0.02em;
}

/* ============================
   TRANSFORMATION
   ============================ */
.pvxmd-transformation {
  text-align: center;
}
.pvxmd-transformation__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--pvxmd-sp-md);
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
}

.pvxmd-transformation__col {
  background: var(--pvxmd-bg-card);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius);
  padding: var(--pvxmd-sp-lg);
  text-align: left;
  transition:
    transform var(--pvxmd-dur) var(--pvxmd-ease),
    box-shadow var(--pvxmd-dur) var(--pvxmd-ease);
}
.pvxmd-transformation__col:hover {
  transform: translateY(-3px);
  box-shadow: var(--pvxmd-shadow-lg);
}
.pvxmd-transformation__col--before {
  border-top: 3px solid var(--pvxmd-magenta);
}
.pvxmd-transformation__col--after {
  border-top: 3px solid var(--pvxmd-lime);
}

.pvxmd-transformation .pvxmd-transformation__heading {
  font-size: clamp(1.28rem, 1.05rem + 1.35vw, 1.65rem);
  font-weight: 700;
  margin: 0 0 var(--pvxmd-sp-sm);
  line-height: 1.22;
  text-wrap: balance;
}
.pvxmd-transformation__col--before .pvxmd-transformation__heading {
  color: var(--pvxmd-magenta);
}
.pvxmd-transformation__col--after .pvxmd-transformation__heading {
  color: var(--pvxmd-lime);
}

.pvxmd-transformation__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pvxmd-transformation__item {
  padding: 9px 0;
  font-size: 1rem;
  color: var(--pvxmd-text-secondary);
  padding-left: 26px;
  position: relative;
  border-bottom: 1px solid rgba(42,42,50,.5);
}

.pvxmd-transformation__item:last-child {
  border-bottom: none;
}
.pvxmd-transformation__item--bad::before {
  content: '–';
  position: absolute;
  left: 0;
  color: var(--pvxmd-magenta);
  font-weight: 700;
  font-size: 1.125rem;
}
.pvxmd-transformation .pvxmd-transformation__heading {
    font-family: var(--pvxmd-font-display);
    font-weight: 800;
}
.pvxmd-transformation__item--good::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--pvxmd-lime);
  font-weight: 700;
}

.pvxmd-transformation__note {
  max-width: 560px;
  margin: var(--pvxmd-sp-lg) auto 0;
  font-size: 0.875rem;
  color: var(--pvxmd-text-muted);
  font-style: italic;
  text-align: center;
  padding: var(--pvxmd-sp-sm) var(--pvxmd-sp-md);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius);
  background: var(--pvxmd-bg-surface);
}

/* ============================
   MEET THE 5 FILES — pvxmd-files
   ============================ */
.pvxmd-files {
  text-align: center;
}
.pvxmd-files__layout {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: var(--pvxmd-sp-lg);
  max-width: 1280px;
  margin: 0 auto;
  align-items: start;
}
.pvxmd-bundle-why__reasons.pvxmd-reveal.pvxmd-reveal--visible {
  max-width: 100%;
}

.pvxmd-bundle-why__reasons.pvxmd-reveal.pvxmd-reveal--visible h3.pvxmd-bundle-why__reason-title {
font-family: var(--pvxmd-font-display);
    font-weight: 800;
    font-size: clamp(1.0625rem, 1.25vw + 0.72rem, 1.375rem);

}
.pvxmd-examples-sticky.pvxmd-reveal.pvxmd-reveal--visible {
  max-width: 100%;
}
.pvxmd-body .pvxmd-fcard__title {
    font-family: var(--pvxmd-font-display);
    font-weight: 800;
    font-size: clamp(1.0625rem, 1.25vw + 0.72rem, 1.375rem);
    margin-top: 2rem;
    margin-bottom: 2rem;
}
/* Side image block */
.pvxmd-files__image-block {
  border-radius: var(--pvxmd-radius);
  overflow: hidden;
  border: 1px solid var(--pvxmd-border);
  background: linear-gradient(180deg, rgba(163,230,53,.05), rgba(0,212,255,.05));
  aspect-ratio: 3 / 4;
  position: sticky;
  top: calc(var(--pvxmd-header-h) + var(--pvxmd-sp-md));
}
.pvxmd-files__photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

/* File cards grid */
.pvxmd-files__cards {
  display: flex;
  flex-direction: column;
  gap: var(--pvxmd-sp-md);
}

/* Individual file card */
.pvxmd-fcard {
  background: var(--pvxmd-bg-card);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius);
  padding: var(--pvxmd-sp-md) var(--pvxmd-sp-md);
  text-align: left;
  position: relative;
  display: flex;
  flex-direction: column;
  transition:
    transform 0.35s var(--pvxmd-ease),
    box-shadow 0.35s var(--pvxmd-ease);
  will-change: transform;
}
.pvxmd-fcard:hover {
  transform: translateY(-4px) scale(1.005);
  box-shadow: 0 10px 32px rgba(0,0,0,.5);
}

/* Top accent colors */
.pvxmd-fcard--magenta { border-top: 3px solid var(--pvxmd-magenta); }
.pvxmd-fcard--cyan    { border-top: 3px solid var(--pvxmd-cyan); }
.pvxmd-fcard--orange  { border-top: 3px solid var(--pvxmd-orange); }
.pvxmd-fcard--violet  { border-top: 3px solid var(--pvxmd-violet); }
.pvxmd-fcard--yellow  { border-top: 3px solid var(--pvxmd-yellow); }

.pvxmd-fcard--qa {
  background:
    linear-gradient(150deg, rgba(250,204,21,.07) 0%, rgba(249,115,22,.055) 40%, rgba(0,212,255,.04) 100%),
    var(--pvxmd-bg-card);
  border-color: rgba(250,204,21,.24);
  box-shadow: 0 0 0 1px rgba(250,204,21,.04);
}

.pvxmd-fcard--qa:hover {
  box-shadow: 0 14px 34px rgba(0,0,0,.52), 0 0 0 1px rgba(250,204,21,.11);
}

.pvxmd-fcard__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: var(--pvxmd-sp-xs);
}

.pvxmd-fcard__num {
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1;
  font-family: var(--pvxmd-font-mono);
}

.pvxmd-fcard--magenta .pvxmd-fcard__num { color: var(--pvxmd-magenta); }
.pvxmd-fcard--cyan    .pvxmd-fcard__num { color: var(--pvxmd-cyan); }
.pvxmd-fcard--orange  .pvxmd-fcard__num { color: var(--pvxmd-orange); }
.pvxmd-fcard--violet  .pvxmd-fcard__num { color: var(--pvxmd-violet); }
.pvxmd-fcard--yellow  .pvxmd-fcard__num { color: var(--pvxmd-yellow); }

.pvxmd-fcard__label {
  display: inline-block;
  padding: 3px 10px;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
  border-radius: var(--pvxmd-radius-sm);
  border: 1px solid;
}
.pvxmd-fcard__label--magenta { color: var(--pvxmd-magenta); border-color: rgba(229,53,171,.25); background: rgba(229,53,171,.1); }
.pvxmd-fcard__label--cyan    { color: var(--pvxmd-cyan);    border-color: rgba(0,212,255,.25);  background: rgba(0,212,255,.1); }
.pvxmd-fcard__label--orange  { color: var(--pvxmd-orange);  border-color: rgba(249,115,22,.25); background: rgba(249,115,22,.1); }
.pvxmd-fcard__label--violet  { color: var(--pvxmd-violet);  border-color: rgba(167,139,250,.25);background: rgba(167,139,250,.1); }
.pvxmd-fcard__label--yellow  { color: var(--pvxmd-yellow);  border-color: rgba(250,204,21,.25); background: rgba(250,204,21,.1); }

.pvxmd-fcard__title {
  font-size: clamp(1.25rem, 1.05rem + 0.5vw, 1.4375rem);
  font-weight: 700;
  margin: 0 0 var(--pvxmd-gap-box-title-body);
}

.pvxmd-fcard--magenta .pvxmd-fcard__title { color: var(--pvxmd-magenta); }
.pvxmd-fcard--cyan    .pvxmd-fcard__title { color: var(--pvxmd-cyan); }
.pvxmd-fcard--orange  .pvxmd-fcard__title { color: var(--pvxmd-orange); }
.pvxmd-fcard--violet  .pvxmd-fcard__title { color: var(--pvxmd-violet); }
.pvxmd-fcard--yellow  .pvxmd-fcard__title { color: var(--pvxmd-yellow); }

.pvxmd-fcard__desc {
  font-size: 0.9375rem;
  color: var(--pvxmd-text-secondary);
  margin: 0 0 auto;
  line-height: 1.6;
  padding-bottom: var(--pvxmd-sp-xs);
}

.pvxmd-fcard__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: var(--pvxmd-sp-xs);
}

.pvxmd-fcard__pill {
  display: inline-block;
  padding: 2px 8px;
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
  color: var(--pvxmd-text-muted);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius-sm);
  background: var(--pvxmd-bg-surface);
      line-height: 13px;
    padding-top: 7px;
}

.pvxmd-body .pvxmd-bcard__title {
    font-weight: 800;
    font-family: var(--pvxmd-font-display);
    letter-spacing: normal;
    font-size: clamp(1.0625rem, 1.25vw + 0.72rem, 1.375rem);
    margin: 2rem 0;
}
/* ============================
   BUNDLE CARDS — pvxmd-bcard
   ============================ */
.pvxmd-bundle {
  text-align: center;
}
.pvxmd-bundle__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--pvxmd-sp-lg);
  max-width: 100%;
  margin: 0 auto;
}

.pvxmd-bcard {
  background: var(--pvxmd-bg-card);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius);
  padding: var(--pvxmd-sp-lg) var(--pvxmd-sp-md);
  text-align: left;
  position: relative;
  display: flex;
  flex-direction: column;
  transition:
    transform 0.35s var(--pvxmd-ease),
    box-shadow 0.35s var(--pvxmd-ease);
  will-change: transform;
}
.pvxmd-bcard:hover {
  transform: translateY(-5px) scale(1.01);
  box-shadow: 0 10px 32px rgba(0,0,0,.5);
}

/* Top accent colors */
.pvxmd-bcard--magenta { border-top: 3px solid var(--pvxmd-magenta); }
.pvxmd-bcard--cyan    { border-top: 3px solid var(--pvxmd-cyan); }
.pvxmd-bcard--orange  { border-top: 3px solid var(--pvxmd-orange); }
.pvxmd-bcard--violet  { border-top: 3px solid var(--pvxmd-violet); }
.pvxmd-bcard--yellow  { border-top: 3px solid var(--pvxmd-yellow); }
.pvxmd-bcard--lime    { border-top: 3px solid var(--pvxmd-lime); }

.pvxmd-bcard--qa {
  background:
    linear-gradient(150deg, rgba(250,204,21,.075) 0%, rgba(249,115,22,.06) 42%, rgba(0,212,255,.045) 100%),
    var(--pvxmd-bg-card);
  border-color: rgba(250,204,21,.24);
  box-shadow: 0 0 0 1px rgba(250,204,21,.04);
}

.pvxmd-bcard--qa:hover {
  box-shadow: 0 14px 38px rgba(0,0,0,.54), 0 0 0 1px rgba(250,204,21,.12);
}

/* Reality-check teaser — red gradient panel (bundle grid card 06) */
.pvxmd-bcard--reality {
  background:
    linear-gradient(165deg, rgba(255,99,99,.28) 0%, rgba(120,20,40,.35) 42%, rgba(18,4,8,.97) 100%),
    linear-gradient(135deg, #5c1018 0%, #2a060c 48%, #421018 100%);
  border-color: rgba(248,113,113,.32);
  border-top-color: #fb7185;
}
.pvxmd-bcard--reality:hover {
  box-shadow: 0 14px 36px rgba(0,0,0,.55), 0 0 0 1px rgba(248,113,113,.18);
}
.pvxmd-bcard--reality .pvxmd-bcard__text {
  color: rgba(255,235,235,.9);
}

/* Featured bundle card spans full */
.pvxmd-bcard--featured {
  grid-column: 1 / -1;
  text-align: center;
  align-items: center;
  background:
    linear-gradient(135deg, rgba(163,230,53,.03) 0%, rgba(0,212,255,.03) 100%),
    var(--pvxmd-bg-card);
}

.pvxmd-bcard__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: var(--pvxmd-sp-sm);
}
.pvxmd-bcard--featured .pvxmd-bcard__head {
  justify-content: center;
}

.pvxmd-bcard__num {
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1;
  font-family: var(--pvxmd-font-mono);
}

.pvxmd-bcard--magenta .pvxmd-bcard__num { color: var(--pvxmd-magenta); }
.pvxmd-bcard--cyan    .pvxmd-bcard__num { color: var(--pvxmd-cyan); }
.pvxmd-bcard--orange  .pvxmd-bcard__num { color: var(--pvxmd-orange); }
.pvxmd-bcard--violet  .pvxmd-bcard__num { color: var(--pvxmd-violet); }
.pvxmd-bcard--yellow  .pvxmd-bcard__num { color: var(--pvxmd-yellow); }
.pvxmd-bcard--lime    .pvxmd-bcard__num { color: var(--pvxmd-lime); }

.pvxmd-bcard__tag {
  display: inline-block;
  padding: 3px 10px;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
  border-radius: var(--pvxmd-radius-sm);
  border: 1px solid;
}

.pvxmd-bcard__badge {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 4px 10px;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  white-space: nowrap;
  background: var(--pvxmd-lime);
  color: var(--pvxmd-bg-deep);
  border-radius: var(--pvxmd-radius-sm);
}

.pvxmd-bcard__title {
  font-size: clamp(1.25rem, 1.05rem + 0.55vw, 1.5rem);
  font-weight: 700;
  margin: 0 0 var(--pvxmd-gap-box-title-body);
}

.pvxmd-bcard--magenta .pvxmd-bcard__title { color: var(--pvxmd-magenta); }
.pvxmd-bcard--cyan    .pvxmd-bcard__title { color: var(--pvxmd-cyan); }
.pvxmd-bcard--orange  .pvxmd-bcard__title { color: var(--pvxmd-orange); }
.pvxmd-bcard--violet  .pvxmd-bcard__title { color: var(--pvxmd-violet); }
.pvxmd-bcard--yellow  .pvxmd-bcard__title { color: var(--pvxmd-yellow); }
.pvxmd-bcard--lime    .pvxmd-bcard__title { color: var(--pvxmd-lime); }

.pvxmd-bcard__text {
  font-size: 0.9375rem;
  color: var(--pvxmd-text-secondary);
  margin: 0 0 auto;
  line-height: 1.55;
  padding-bottom: var(--pvxmd-sp-sm);
}

.pvxmd-bcard__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: var(--pvxmd-sp-xs);
}
.pvxmd-bcard--featured .pvxmd-bcard__pills {
  justify-content: center;
}

.pvxmd-bcard__pill {
  display: inline-block;
  padding: 3px 9px;
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
  border-radius: var(--pvxmd-radius-sm);
  border: 1px solid;
}

.pvxmd-bcard__pill::before {
  content: '#';
  font-weight: 800;
  margin-right: 1px;
}

.pvxmd-bcard--magenta .pvxmd-bcard__pill {
  color: var(--pvxmd-magenta);
  border-color: rgba(229,53,171,.5);
  background: rgba(229,53,171,.1);
}
.pvxmd-bcard--cyan .pvxmd-bcard__pill {
  color: var(--pvxmd-cyan);
  border-color: rgba(0,212,255,.45);
  background: rgba(0,212,255,.1);
}
.pvxmd-bcard--orange .pvxmd-bcard__pill {
  color: var(--pvxmd-orange);
  border-color: rgba(249,115,22,.5);
  background: rgba(249,115,22,.1);
}
.pvxmd-bcard--violet .pvxmd-bcard__pill {
  color: var(--pvxmd-violet);
  border-color: rgba(167,139,250,.5);
  background: rgba(167,139,250,.1);
}
.pvxmd-bcard--yellow .pvxmd-bcard__pill {
  color: var(--pvxmd-yellow);
  border-color: rgba(250,204,21,.5);
  background: rgba(250,204,21,.1);
}
.pvxmd-bcard--lime .pvxmd-bcard__pill {
  color: var(--pvxmd-lime);
  border-color: rgba(163,230,53,.5);
  background: rgba(163,230,53,.1);
}

.pvxmd-bcard--featured .pvxmd-btn {
  margin-top: var(--pvxmd-sp-sm);
}

/* --- Inline .md emphasis (product clarity) --- */
.pvxmd-md-ty {
  font-family: var(--pvxmd-font-mono);
  font-size: 0.92em;
  font-weight: 600;
  color: var(--pvxmd-cyan);
}

/* Bundle: what you get + format badges */
.pvxmd-bundle__md-callout {
  max-width: 48rem;
  margin: 0 auto var(--pvxmd-sp-xl);
  padding: var(--pvxmd-sp-md) var(--pvxmd-sp-lg);
  border: 1px solid var(--pvxmd-border);
  border-radius: 0;
  background: rgba(255,255,255,.03);
  text-align: left;
}
.pvxmd-bundle__md-callout-title {
  margin: 0 0 var(--pvxmd-sp-sm);
  font-size: 0.8125rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pvxmd-lime);
}

.pvxmd-bundle__md-callout-title--what {
  text-transform: none;
  letter-spacing: -0.025em;
  font-size: clamp(1.0625rem, 2.1vw, 1.3125rem);
  color: var(--pvxmd-text-primary);
  line-height: 1.28;
  margin-bottom: var(--pvxmd-sp-md);
}
.pvxmd-bundle__md-callout-list {
  list-style: none;
  margin: 0 0 var(--pvxmd-sp-sm);
  padding: 0;
  font-size: 0.9375rem;
  line-height: 1.65;
  color: var(--pvxmd-text-secondary);
}
.pvxmd-bundle__md-callout-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0 0 0.55rem;
}
.pvxmd-bundle__md-callout-list li:last-child {
  margin-bottom: 0;
}
.pvxmd-bundle__callout-text {
  flex: 1;
  min-width: 0;
}
.pvxmd-bundle__callout-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.08rem;
  height: 1.08rem;
  margin-top: 0.26em;
  border-radius: 3px;
  font-size: 0.5rem;
  line-height: 1;
  color: #0a0a0c;
}
.pvxmd-bundle__callout-icon i {
  font-style: normal;
}
.pvxmd-bundle__callout-icon--lime {
  background: var(--pvxmd-lime);
}
.pvxmd-bundle__callout-icon--cyan {
  background: var(--pvxmd-cyan);
}
.pvxmd-bundle__callout-icon--violet {
  background: var(--pvxmd-violet);
}
.pvxmd-bundle__md-badges {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pvxmd-bundle__md-badges > li {
  margin: 0;
}
.pvxmd-bundle__md-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.2em;
  padding: 4px 10px;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius-sm);
  color: var(--pvxmd-text-muted);
  background: var(--pvxmd-bg-raised);
  white-space: nowrap;
}
.pvxmd-bundle__md-badge .pvxmd-md-ty {
  font-size: 0.95em;
  text-transform: none;
  letter-spacing: normal;
}
.pvxmd-bundle__md-badge--cyan {
  color: #a5f3fc;
  border-color: rgba(0,212,255,.45);
  background: rgba(0,212,255,.12);
}
.pvxmd-bundle__md-badge--magenta {
  color: #fbcfe8;
  border-color: rgba(229,53,171,.45);
  background: rgba(229,53,171,.12);
}
.pvxmd-bundle__md-badge--lime {
  color: #d9f99d;
  border-color: rgba(163,230,53,.45);
  background: rgba(163,230,53,.1);
}
.pvxmd-bundle__md-badge--orange {
  color: #fed7aa;
  border-color: rgba(249,115,22,.45);
  background: rgba(249,115,22,.1);
}

.pvxmd-bundle__qa-spotlight {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  gap: var(--pvxmd-sp-lg);
  align-items: start;
  margin: calc(var(--pvxmd-sp-xl) - 0.25rem) auto 0;
  padding: calc(var(--pvxmd-sp-lg) + 0.15rem) var(--pvxmd-sp-lg);
  border: 1px solid rgba(250,204,21,.16);
  border-top: 3px solid var(--pvxmd-yellow);
  border-radius: var(--pvxmd-radius);
  background:
    linear-gradient(135deg, rgba(250,204,21,.07) 0%, rgba(249,115,22,.06) 34%, rgba(0,212,255,.05) 100%),
    linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.012) 100%),
    var(--pvxmd-bg-card);
  box-shadow:
    var(--pvxmd-shadow-sm),
    inset 0 1px 0 rgba(255,255,255,.05);
  text-align: left;
  transition:
    transform var(--pvxmd-dur) var(--pvxmd-ease),
    box-shadow var(--pvxmd-dur) var(--pvxmd-ease),
    border-color var(--pvxmd-dur) var(--pvxmd-ease);
  overflow: hidden;
}

.pvxmd-bundle__qa-spotlight::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, var(--pvxmd-yellow) 0%, var(--pvxmd-orange) 52%, var(--pvxmd-cyan) 100%);
}

.pvxmd-bundle__qa-spotlight:hover {
  transform: translateY(-3px);
  border-color: rgba(250,204,21,.28);
  box-shadow:
    0 16px 42px rgba(0,0,0,.5),
    0 0 0 1px rgba(250,204,21,.08),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.pvxmd-bundle__qa-copy {
  min-width: 0;
}

.pvxmd-bundle__qa-eyebrow {
  margin: 0 0 0.65rem;
  font-size: 0.6875rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pvxmd-orange);
  font-family: var(--pvxmd-font-display);
}

.pvxmd-bundle__qa-title {
  margin: 0 0 var(--pvxmd-sp-sm);
  font-size: clamp(1.25rem, 1.1rem + 0.95vw, 1.75rem);
  font-weight: 800;
  line-height: 1.18;
  color: var(--pvxmd-text-primary);
  max-width: 16ch;
}

.pvxmd-bundle__qa-text {
  margin: 0;
  max-width: 61ch;
  font-size: 0.9375rem;
  line-height: 1.68;
  color: var(--pvxmd-text-secondary);
}

.pvxmd-bundle__qa-points {
  list-style: none;
  margin: 0;
  padding: 0 0 0 var(--pvxmd-sp-lg);
  border-left: 1px solid rgba(255,255,255,.08);
  min-width: 0;
}

.pvxmd-bundle__qa-point {
  position: relative;
  padding: 0.78rem 0 0.78rem 2rem;
  font-size: 0.875rem;
  line-height: 1.52;
  color: var(--pvxmd-text-primary);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.pvxmd-bundle__qa-point:last-child {
  border-bottom: none;
}

.pvxmd-bundle__qa-point::before {
  content: '';
  position: absolute;
  top: 1rem;
  left: 0;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: var(--pvxmd-radius-sm);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}

.pvxmd-bundle__qa-point:nth-child(1)::before,
.pvxmd-bundle__qa-point:nth-child(4)::before {
  background: var(--pvxmd-yellow);
}

.pvxmd-bundle__qa-point:nth-child(2)::before,
.pvxmd-bundle__qa-point:nth-child(5)::before {
  background: var(--pvxmd-orange);
}

.pvxmd-bundle__qa-point:nth-child(3)::before {
  background: var(--pvxmd-cyan);
}
.pvxmd-bundle__qa-spotlight.pvxmd-reveal.pvxmd-reveal--visible {
    margin-top: 25px;
}
.pvxmd-md-previews.pvxmd-reveal.pvxmd-reveal--visible {
    margin-top: 25px;
}
.pvxmd-bundle-why__compare.pvxmd-reveal.pvxmd-reveal--visible {
    max-width: 100%;
    margin-bottom: 30px;
}
.pvxmd-bcard.pvxmd-bcard--lime.pvxmd-bcard--featured {
    max-width: 80%;
    margin: auto;
    width: 100%;
}

.pvxmd-bundle__qa-spotlight.pvxmd-reveal.pvxmd-reveal--visible {
    margin-top: 25px;
}

.pvxmd-md-previews.pvxmd-reveal.pvxmd-reveal--visible {
    margin-top: 25px;
}

.pvxmd-bundle-why__compare.pvxmd-reveal.pvxmd-reveal--visible {
    max-width: 100%;
    margin-bottom: 30px;
}

.pvxmd-compare span.pvxmd-compare__panel-tag {font-weight: 700;font-size: clamp(1.25rem, 1.65vw + 0.3rem, 1.125rem);font-weight: 800;font-family: var(--pvxmd-font-display);letter-spacing: normal;}
@media (max-width: 980px) {
  .pvxmd-bundle__qa-spotlight {
    grid-template-columns: 1fr;
    gap: var(--pvxmd-sp-md);
  }

  .pvxmd-bundle__qa-title,
  .pvxmd-bundle__qa-text {
    max-width: none;
  }

  .pvxmd-bundle__qa-points {
    padding-left: 0;
    padding-top: var(--pvxmd-sp-sm);
    border-left: none;
    border-top: 1px solid rgba(255,255,255,.08);
  }
}

@media (max-width: 640px) {
  .pvxmd-bundle__qa-spotlight {
    padding: var(--pvxmd-sp-md);
    gap: var(--pvxmd-sp-sm);
  }

  .pvxmd-bundle__qa-title {
    font-size: 1.25rem;
  }

  .pvxmd-bundle__qa-text,
  .pvxmd-bundle__qa-point {
    font-size: 0.875rem;
  }
}

.pvxmd-bundle__qa-spotlight + .pvxmd-md-previews {
  margin-top: calc(var(--pvxmd-sp-xl) + 0.5rem);
}

/* Markdown document preview frames */
.pvxmd-md-previews {
  margin-top: var(--pvxmd-sp-2xl);
  text-align: center;
}
.pvxmd-md-previews__label {
  margin: 0 0 var(--pvxmd-sp-md);
  font-size: 0.6875rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pvxmd-text-muted);
}
.pvxmd-md-previews__hint {
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: none;
  color: var(--pvxmd-text-muted);
  opacity: 0.88;
}
.pvxmd-md-previews__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  text-align: left;
}
.pvxmd-md-frame {
  border: 1px solid var(--pvxmd-border);
  border-radius: 0;
  background: var(--pvxmd-bg-card);
  padding: var(--pvxmd-sp-sm) var(--pvxmd-sp-sm) var(--pvxmd-sp-md);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-top: 3px solid var(--pvxmd-border-light);
}
.pvxmd-md-frame__bar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}
.pvxmd-md-frame__file {
  font-family: var(--pvxmd-font-mono);
  font-size: 0.625rem;
  color: var(--pvxmd-text-muted);
  word-break: break-word;
  line-height: 1.35;
}
.pvxmd-md-frame__type {
  flex-shrink: 0;
  font-size: 0.5625rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 3px 7px;
  border: 1px solid var(--pvxmd-border);
  color: var(--pvxmd-text-secondary);
  background: rgba(0,0,0,.28);
}
.pvxmd-md-frame__title {
  /* Compact preview cards: keep tight to helper line (not full 60px body gap) */
  margin: 0 0 10px;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--pvxmd-text-primary);
}
.pvxmd-md-frame__helper {
  margin: 0 0 10px;
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: var(--pvxmd-text-muted);
}
.pvxmd-md-frame__snippet {
  flex: 1;
  min-height: 112px;
  padding: 10px 12px;
  background: rgba(0,0,0,.32);
  border: 1px dashed rgba(255,255,255,.14);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pvxmd-md-frame__placeholder {
  font-family: var(--pvxmd-font-mono);
  font-size: 0.6875rem;
  color: var(--pvxmd-text-muted);
  text-align: center;
  line-height: 1.45;
}

/* First preview card: thumbnail + hover / focus enlarged view */
.pvxmd-md-frame__hover-zone {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative;
  border-radius: 2px;
  outline: none;
}
.pvxmd-md-frame__hover-zone:focus-visible {
  box-shadow: 0 0 0 2px var(--pvxmd-bg-deep), 0 0 0 4px var(--pvxmd-cyan);
}
.pvxmd-md-frame__snippet--thumb {
  padding: 0;
  overflow: hidden;
  cursor: zoom-in;
}
.pvxmd-md-frame__thumb {
  display: block;
  width: 100%;
  min-height: 112px;
  height: 128px;
  object-fit: cover;
  object-position: top center;
}
/* Reparented to document.body via JS — escapes .pvxmd-reveal transform stacking */
.pvxmd-md-frame__lightbox {
  position: fixed;
  z-index: 32000;
  /* left/top are set in JS while open; avoid default 0,0 so clearing inline styles cannot snap the flyout to the corner */
  margin: 0;
  padding: 0;
  background: rgba(14, 14, 17, 0.96);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.65);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.18s var(--pvxmd-ease),
    visibility 0.18s var(--pvxmd-ease);
}
.pvxmd-md-frame__lightbox--open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.pvxmd-md-frame__lightbox-video {
  display: block;
  width: min(88vw, 800px);
  max-width: min(800px, 88vw);
  max-height: min(82vh, 800px);
  height: auto;
  object-fit: contain;
}
@media (prefers-reduced-motion: reduce) {
  .pvxmd-md-frame__lightbox {
    transition: none;
  }
}

.pvxmd-md-frame--magenta { border-top-color: var(--pvxmd-magenta); }
.pvxmd-md-frame--magenta .pvxmd-md-frame__type {
  color: var(--pvxmd-magenta);
  border-color: rgba(229,53,171,.4);
  background: rgba(229,53,171,.08);
}
.pvxmd-md-frame--cyan { border-top-color: var(--pvxmd-cyan); }
.pvxmd-md-frame--cyan .pvxmd-md-frame__type {
  color: var(--pvxmd-cyan);
  border-color: rgba(0,212,255,.4);
  background: rgba(0,212,255,.08);
}
.pvxmd-md-frame--orange { border-top-color: var(--pvxmd-orange); }
.pvxmd-md-frame--orange .pvxmd-md-frame__type {
  color: var(--pvxmd-orange);
  border-color: rgba(249,115,22,.4);
  background: rgba(249,115,22,.08);
}
.pvxmd-md-frame--yellow { border-top-color: var(--pvxmd-yellow); }
.pvxmd-md-frame--yellow .pvxmd-md-frame__type {
  color: var(--pvxmd-yellow);
  border-color: rgba(250,204,21,.42);
  background: rgba(250,204,21,.1);
}
.pvxmd-md-frame--violet { border-top-color: var(--pvxmd-violet); }
.pvxmd-md-frame--violet .pvxmd-md-frame__type {
  color: var(--pvxmd-violet);
  border-color: rgba(167,139,250,.4);
  background: rgba(167,139,250,.1);
}
.pvxmd-md-frame--lime { border-top-color: var(--pvxmd-lime); }
.pvxmd-md-frame--lime .pvxmd-md-frame__type {
  color: var(--pvxmd-lime);
  border-color: rgba(163,230,53,.4);
  background: rgba(163,230,53,.1);
}

.pvxmd-md-frame--compact .pvxmd-md-frame__title {
  font-size: 0.8125rem;
}
.pvxmd-md-frame--compact .pvxmd-md-frame__snippet {
  min-height: 88px;
}

.pvxmd-pricing__product-clarity {
  max-width: 42rem;
  margin: 0 auto var(--pvxmd-sp-md);
  padding: 0 var(--pvxmd-sp-sm);
}
.pvxmd-pricing__product-clarity-text {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.65;
  color: var(--pvxmd-text-secondary);
  text-align: center;
}

@media (max-width: 1180px) {
  .pvxmd-md-previews__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .pvxmd-md-previews__grid {
    grid-template-columns: 1fr;
  }
}

/* ============================
   WHY THE BUNDLE (conversion)
   ============================ */
.pvxmd-bundle-why {
  text-align: center;
  background: var(--pvxmd-bg-strip);
  border-top: 1px solid var(--pvxmd-border);
  border-bottom: 1px solid var(--pvxmd-border);
}

.pvxmd-bundle-why__intro {
  max-width: 44rem;
}

.pvxmd-bundle-why__compare {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--pvxmd-sp-md);
  max-width: 1040px;
  margin: 0 auto var(--pvxmd-sp-xl);
  text-align: left;
}

.pvxmd-bundle-why__compare-card {
  background: var(--pvxmd-bg-card);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius);
  padding: var(--pvxmd-sp-md) var(--pvxmd-sp-md) var(--pvxmd-sp-lg);
  position: relative;
  transition:
    transform 0.32s var(--pvxmd-ease),
    box-shadow 0.32s var(--pvxmd-ease);
  will-change: transform;
  opacity: 0;
  transform: translate3d(0, 16px, 0);
}

.pvxmd-bundle-why__compare.pvxmd-reveal--visible .pvxmd-bundle-why__compare-card {
  animation: pvxmd-bundle-why-rise 0.48s var(--pvxmd-ease) forwards;
}

.pvxmd-bundle-why__compare.pvxmd-reveal--visible .pvxmd-bundle-why__compare-card:nth-child(1) {
  animation-delay: 0.06s;
}

.pvxmd-bundle-why__compare.pvxmd-reveal--visible .pvxmd-bundle-why__compare-card:nth-child(2) {
  animation-delay: 0.14s;
}

.pvxmd-bundle-why__compare-card--one {
  border-top: 2px solid rgba(250, 204, 21, 0.85);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset;
}

.pvxmd-bundle-why__compare-card--full {
  border-top: 2px solid var(--pvxmd-lime);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset;
}

.pvxmd-bundle-why__compare-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.42);
}

.pvxmd-bundle-why__compare-title {
  font-size: 1.0625rem;
  font-weight: 800;
  margin: 0 0 var(--pvxmd-gap-box-title-body);
  color: var(--pvxmd-text-primary);
}
.pvxmd-bundle-why .pvxmd-bundle-why__compare-title {
    font-weight: 800;
    font-family: var(--pvxmd-font-display);
    letter-spacing: normal;
    font-size: clamp(1.0625rem, 1.25vw + 0.72rem, 1.375rem);
    margin: 2rem 0;
}
.pvxmd-bundle-why__compare-card--one .pvxmd-bundle-why__compare-title {
  color: var(--pvxmd-yellow);
}

.pvxmd-bundle-why__compare-card--full .pvxmd-bundle-why__compare-title {
  color: var(--pvxmd-lime);
}

.pvxmd-bundle-why__compare-lead {
  margin: 0 0 var(--pvxmd-sp-sm);
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--pvxmd-text-secondary);
}

.pvxmd-bundle-why__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.pvxmd-bundle-why__list li {
  position: relative;
  padding-left: 1rem;
  font-size: 0.875rem;
  line-height: 1.45;
  color: var(--pvxmd-text-secondary);
}

.pvxmd-bundle-why__list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 5px;
  height: 5px;
  border-radius: 1px;
  background: var(--pvxmd-cyan);
  opacity: 0.75;
}

.pvxmd-bundle-why__compare-card--full .pvxmd-bundle-why__list li::before {
  background: var(--pvxmd-lime);
}

@keyframes pvxmd-bundle-why-rise {
  from {
    opacity: 0;
    transform: translate3d(0, 16px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.pvxmd-bundle-why__reasons {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--pvxmd-sp-md);
  max-width: 1120px;
  margin: 0 auto var(--pvxmd-sp-lg);
  text-align: left;
}

.pvxmd-bundle-why__reason {
  background: var(--pvxmd-bg-raised);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius);
  padding: var(--pvxmd-sp-md);
  transition:
    transform 0.32s var(--pvxmd-ease),
    box-shadow 0.32s var(--pvxmd-ease);
  will-change: transform;
  opacity: 0;
  transform: translate3d(0, 18px, 0);
}

.pvxmd-bundle-why__reasons.pvxmd-reveal--visible .pvxmd-bundle-why__reason {
  animation: pvxmd-bundle-why-rise 0.52s var(--pvxmd-ease) forwards;
}

.pvxmd-bundle-why__reasons.pvxmd-reveal--visible .pvxmd-bundle-why__reason:nth-child(1) {
  animation-delay: 0.05s;
}

.pvxmd-bundle-why__reasons.pvxmd-reveal--visible .pvxmd-bundle-why__reason:nth-child(2) {
  animation-delay: 0.1s;
}

.pvxmd-bundle-why__reasons.pvxmd-reveal--visible .pvxmd-bundle-why__reason:nth-child(3) {
  animation-delay: 0.15s;
}

.pvxmd-bundle-why__reasons.pvxmd-reveal--visible .pvxmd-bundle-why__reason:nth-child(4) {
  animation-delay: 0.2s;
}

.pvxmd-bundle-why__reasons.pvxmd-reveal--visible .pvxmd-bundle-why__reason:nth-child(5) {
  animation-delay: 0.25s;
}

.pvxmd-bundle-why__reasons.pvxmd-reveal--visible .pvxmd-bundle-why__reason:nth-child(6) {
  animation-delay: 0.3s;
}

.pvxmd-bundle-why__reason--cyan {
  border-top: 2px solid var(--pvxmd-cyan);
}

.pvxmd-bundle-why__reason--magenta {
  border-top: 2px solid var(--pvxmd-magenta);
}

.pvxmd-bundle-why__reason--lime {
  border-top: 2px solid var(--pvxmd-lime);
}

.pvxmd-bundle-why__reason--yellow {
  border-top: 2px solid var(--pvxmd-yellow);
}

.pvxmd-bundle-why__reason--violet {
  border-top: 2px solid var(--pvxmd-violet);
}

.pvxmd-bundle-why__reason--orange {
  border-top: 2px solid var(--pvxmd-orange);
}

.pvxmd-bundle-why__reason--media {
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 220px;
  height: 100%;
  /* No colored top accent — matches neutral border so this image tile differs from the five text cards */
  border-top: 1px solid var(--pvxmd-border);
}

.pvxmd-bundle-why__reason-media {
  position: relative;
  flex: 1;
  min-height: 200px;
}

.pvxmd-bundle-why__reason-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}

.pvxmd-bundle-why__reason:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.4);
}

.pvxmd-bundle-why__reason-title {
  font-size: 1rem;
  font-weight: 800;
  margin: 0 0 var(--pvxmd-gap-box-title-body);
  color: var(--pvxmd-text-primary);
}

.pvxmd-bundle-why__reason--cyan .pvxmd-bundle-why__reason-title {
  color: var(--pvxmd-cyan);
}
.pvxmd-bundle-why__reason--magenta .pvxmd-bundle-why__reason-title {
  color: var(--pvxmd-magenta);
}
.pvxmd-bundle-why__reason--lime .pvxmd-bundle-why__reason-title {
  color: var(--pvxmd-lime);
}
.pvxmd-bundle-why__reason--yellow .pvxmd-bundle-why__reason-title {
  color: var(--pvxmd-yellow);
}
.pvxmd-bundle-why__reason--violet .pvxmd-bundle-why__reason-title {
  color: var(--pvxmd-violet);
}

.pvxmd-bundle-why__reason-text {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--pvxmd-text-secondary);
}

.pvxmd-bundle-why__kicker {
  font-size: 1rem;
  font-weight: 700;
  color: var(--pvxmd-text-primary);
  margin: 0 auto var(--pvxmd-sp-md);
  max-width: 40rem;
  line-height: 1.45;
}

.pvxmd-bundle-why__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pvxmd-sp-sm);
  justify-content: center;
  align-items: center;
}

.pvxmd-btn--bundle-why {
  white-space: nowrap;
}

@media (max-width: 900px) {
  .pvxmd-bundle-why__reasons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .pvxmd-bundle-why__compare {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .pvxmd-bundle-why__reasons {
    grid-template-columns: 1fr;
  }

  .pvxmd-bundle-why__actions {
    flex-direction: column;
    width: 100%;
    max-width: 22rem;
    margin-left: auto;
    margin-right: auto;
  }

  .pvxmd-bundle-why__actions .pvxmd-btn--bundle-why {
    width: 100%;
    justify-content: center;
  }
}

/* ============================
   HOW IT WORKS
   ============================ */
.pvxmd-how {
  text-align: center;
}

.pvxmd-how__intro {
  max-width: 52rem;
  margin: 0 auto var(--pvxmd-sp-md);
  font-size: 1.0625rem;
  line-height: 1.7;
  color: var(--pvxmd-text-secondary);
}

.pvxmd-how__clarity-strip {
  max-width: 52rem;
  margin: 0 auto var(--pvxmd-sp-lg);
  padding: var(--pvxmd-sp-sm) var(--pvxmd-sp-md);
  border: 1px solid rgba(229, 53, 171, 0.28);
  border-radius: var(--pvxmd-radius);
  background: rgba(229, 53, 171, 0.05);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset;
  text-align: left;
}

.pvxmd-how__clarity-title {
  margin: 0 0 0.45rem;
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.35;
  color: var(--pvxmd-text-primary);
}

.pvxmd-how__clarity-text {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.58;
  color: var(--pvxmd-text-secondary);
}

.pvxmd-how__steps {
  max-width: 1180px;
  margin: 0 auto;
  padding-bottom: var(--pvxmd-sp-sm);
}

.pvxmd-how__table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: var(--pvxmd-radius-sm);
  border: 1px solid var(--pvxmd-border);
  background: var(--pvxmd-bg-deep);
}

.pvxmd-how__table {
  width: 100%;
  min-width: 38rem;
  border-collapse: collapse;
  border: none;
  background: var(--pvxmd-bg-surface);
  text-align: left;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.35);
}

/* Table title — outside bordered scroll so it is not framed by the table chrome */
.pvxmd-how__table-heading {
  margin: 0 0 var(--pvxmd-sp-sm);
  padding: 0 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.45;
  text-align: center;
  color: rgba(0, 212, 255, 0.92);
}

.pvxmd-how__th {
  padding: 11px 14px;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #c8cad8;
  background: linear-gradient(180deg, #23262f 0%, #1a1d26 100%);
  border-bottom: 1px solid rgba(0, 212, 255, 0.12);
  white-space: nowrap;
}

.pvxmd-how__th--step {
  width: 34%;
}

.pvxmd-how__tr {
  transition: background 0.22s var(--pvxmd-ease);
}

.pvxmd-how__tr--cyan {
  background: linear-gradient(90deg, rgba(0, 212, 255, 0.07) 0%, transparent 52%), var(--pvxmd-bg-card);
}

.pvxmd-how__tr--magenta {
  background: linear-gradient(90deg, rgba(229, 53, 171, 0.07) 0%, transparent 52%), var(--pvxmd-bg-card);
}

.pvxmd-how__tr--lime {
  background: linear-gradient(90deg, rgba(163, 230, 53, 0.07) 0%, transparent 52%), var(--pvxmd-bg-card);
}

.pvxmd-how__tr--yellow {
  background: linear-gradient(90deg, rgba(250, 204, 21, 0.07) 0%, transparent 52%), var(--pvxmd-bg-card);
}

.pvxmd-how__tr--orange {
  background: linear-gradient(90deg, rgba(249, 115, 22, 0.08) 0%, transparent 52%), var(--pvxmd-bg-card);
}

.pvxmd-how__tr--cyan .pvxmd-how__row-head {
  border-left: 4px solid var(--pvxmd-cyan);
}

.pvxmd-how__tr--magenta .pvxmd-how__row-head {
  border-left: 4px solid var(--pvxmd-magenta);
}

.pvxmd-how__tr--lime .pvxmd-how__row-head {
  border-left: 4px solid var(--pvxmd-lime);
}

.pvxmd-how__tr--yellow .pvxmd-how__row-head {
  border-left: 4px solid var(--pvxmd-yellow);
}

.pvxmd-how__tr--orange .pvxmd-how__row-head {
  border-left: 4px solid var(--pvxmd-orange);
}

.pvxmd-how__tr:hover {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.04) 0%, transparent 55%), var(--pvxmd-bg-raised);
}

.pvxmd-how__tr + .pvxmd-how__tr .pvxmd-how__row-head,
.pvxmd-how__tr + .pvxmd-how__tr .pvxmd-how__td {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.pvxmd-how__row-head {
  padding: 0;
  vertical-align: top;
  font-weight: 400;
}

.pvxmd-how__row-head-inner {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 14px 14px 18px;
}

.pvxmd-how__step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  font-size: 0.8125rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  font-family: var(--pvxmd-font-mono);
  color: var(--pvxmd-bg-deep);
  border-radius: var(--pvxmd-radius-sm);
}

.pvxmd-how__tr--cyan .pvxmd-how__step-num {
  background: var(--pvxmd-cyan);
}

.pvxmd-how__tr--magenta .pvxmd-how__step-num {
  background: var(--pvxmd-magenta);
}

.pvxmd-how__tr--lime .pvxmd-how__step-num {
  background: var(--pvxmd-lime);
}

.pvxmd-how__tr--yellow .pvxmd-how__step-num {
  background: var(--pvxmd-yellow);
}

.pvxmd-how__tr--orange .pvxmd-how__step-num {
  background: var(--pvxmd-orange);
}

.pvxmd-how__step-label {
  flex: 1;
  min-width: 0;
  font-size: 1.0625rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.35;
}

.pvxmd-how__tr--cyan .pvxmd-how__step-label {
  color: var(--pvxmd-cyan);
}

.pvxmd-how__tr--magenta .pvxmd-how__step-label {
  color: var(--pvxmd-magenta);
}

.pvxmd-how__tr--lime .pvxmd-how__step-label {
  color: var(--pvxmd-lime);
}

.pvxmd-how__tr--yellow .pvxmd-how__step-label {
  color: var(--pvxmd-yellow);
}

.pvxmd-how__tr--orange .pvxmd-how__step-label {
  color: var(--pvxmd-orange);
}

.pvxmd-how__td {
  padding: 14px 16px 14px 12px;
  vertical-align: top;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--pvxmd-text-secondary);
}

/* Trust row below steps */
.pvxmd-how__trust {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--pvxmd-sp-xs);
  margin-top: var(--pvxmd-sp-xl);
  padding-top: var(--pvxmd-sp-md);
  border-top: 1px solid var(--pvxmd-border);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.pvxmd-how__trust-pill {
  display: inline-flex;
  align-items: center;
  padding: 5px 14px;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
  color: var(--pvxmd-text-muted);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius-sm);
  background: var(--pvxmd-bg-surface);
}

.pvxmd-how__trust-pill:nth-child(1) {
  color: #b9f6d8;
  border-color: rgba(16,185,129,.45);
  background: rgba(16,185,129,.12);
}
.pvxmd-how__trust-pill:nth-child(2) {
  color: #fecfb3;
  border-color: rgba(249,115,22,.45);
  background: rgba(249,115,22,.12);
}
.pvxmd-how__trust-pill:nth-child(3) {
  color: #fde68a;
  border-color: rgba(250,204,21,.45);
  background: rgba(250,204,21,.12);
}
.pvxmd-how__trust-pill:nth-child(4) {
  color: #c4d9ff;
  border-color: rgba(96,165,250,.45);
  background: rgba(96,165,250,.12);
}
.pvxmd-how__trust-pill:nth-child(5) {
  color: #e9d5ff;
  border-color: rgba(167,139,250,.45);
  background: rgba(167,139,250,.12);
}

/* ============================
   EXAMPLES — sticky proof stack (ds7-inspired, dark)
   ============================ */
.pvxmd-examples {
  text-align: center;
}

/* Wider than default 680px intro so this block wraps to ~3 lines without shrinking type */
.pvxmd-examples .pvxmd-section__intro {
  max-width: min(56.5rem, calc(100% - 2rem));
}

.pvxmd-examples-sticky {
  position: relative;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 0 3.5rem;
  text-align: left;
  perspective: 1180px;
  perspective-origin: 50% 35%;
}

.pvxmd-examples-sticky .pvxmd-proof-slide + .pvxmd-proof-slide {
  margin-top: -2rem;
}

.pvxmd-proof-slide {
  position: sticky;
  margin-bottom: 0.85rem;
  padding: 0;
  border: 1px solid var(--pvxmd-border);
  border-radius: 0;
  box-shadow: none;
  min-height: min(400px, 56vh);
  transition: border-color 0.25s var(--pvxmd-ease);
}
.pvxmd-proof-slide:hover {
  box-shadow: none;
  border-color: var(--pvxmd-border-light);
}

.pvxmd-proof-slide:nth-child(1) { z-index: 1; top: calc(var(--pvxmd-header-h) + 8px); }
.pvxmd-proof-slide:nth-child(2) { z-index: 2; top: calc(var(--pvxmd-header-h) + 24px); }
.pvxmd-proof-slide:nth-child(3) { z-index: 3; top: calc(var(--pvxmd-header-h) + 40px); }
.pvxmd-proof-slide:nth-child(4) { z-index: 4; top: calc(var(--pvxmd-header-h) + 56px); }
.pvxmd-proof-slide:nth-child(5) { z-index: 5; top: calc(var(--pvxmd-header-h) + 72px); }

/* Solid card surfaces — flat fills, stronger hue separation between slides */
.pvxmd-proof-slide--magenta {
  background: #2a1622;
  border-top: 4px solid var(--pvxmd-magenta);
}
.pvxmd-proof-slide--cyan {
  background: #0d2330;
  border-top: 4px solid var(--pvxmd-cyan);
}
.pvxmd-proof-slide--orange {
  background: #2c1a0f;
  border-top: 4px solid var(--pvxmd-orange);
}
.pvxmd-proof-slide--yellow {
  background: #2d2610;
  border-top: 4px solid var(--pvxmd-yellow);
}
.pvxmd-proof-slide--violet {
  background: #241c34;
  border-top: 4px solid var(--pvxmd-violet);
}

/* Inner wrapper: layout + 3D scroll-in (transform here keeps sticky on the article) */
.pvxmd-proof-slide__inner {
  display: flex;
  flex-direction: column;
  gap: var(--pvxmd-sp-md);
  box-sizing: border-box;
  min-height: min(400px, 56vh);
  padding: var(--pvxmd-sp-lg) var(--pvxmd-sp-lg) var(--pvxmd-sp-md);
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

.pvxmd-examples-sticky:not(.pvxmd-reveal--visible) .pvxmd-proof-slide__inner {
  opacity: 0;
  transform: rotateX(12deg) translate3d(0, 30px, -22px) scale(0.962);
  transform-origin: 50% 88%;
}

.pvxmd-examples-sticky.pvxmd-reveal--visible .pvxmd-proof-slide__inner {
  opacity: 1;
  transform: rotateX(0deg) translate3d(0, 0, 0) scale(1);
  transition:
    opacity 0.36s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.36s cubic-bezier(0.16, 1, 0.3, 1);
}

.pvxmd-examples-sticky.pvxmd-reveal--visible .pvxmd-proof-slide:nth-child(1) .pvxmd-proof-slide__inner { transition-delay: 0ms; }
.pvxmd-examples-sticky.pvxmd-reveal--visible .pvxmd-proof-slide:nth-child(2) .pvxmd-proof-slide__inner { transition-delay: 52ms; }
.pvxmd-examples-sticky.pvxmd-reveal--visible .pvxmd-proof-slide:nth-child(3) .pvxmd-proof-slide__inner { transition-delay: 104ms; }
.pvxmd-examples-sticky.pvxmd-reveal--visible .pvxmd-proof-slide:nth-child(4) .pvxmd-proof-slide__inner { transition-delay: 156ms; }
.pvxmd-examples-sticky.pvxmd-reveal--visible .pvxmd-proof-slide:nth-child(5) .pvxmd-proof-slide__inner { transition-delay: 208ms; }

@media (scripting: none) {
  .pvxmd-proof-slide__inner {
    opacity: 1;
    transform: none;
  }
}

.pvxmd-proof-slide__meta {
  padding-bottom: var(--pvxmd-sp-md);
  border-bottom: 1px solid var(--pvxmd-border);
}

.pvxmd-proof-slide__cat {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--pvxmd-text-muted);
}
.pvxmd-proof-slide--magenta .pvxmd-proof-slide__cat { color: var(--pvxmd-magenta); }
.pvxmd-proof-slide--cyan .pvxmd-proof-slide__cat    { color: var(--pvxmd-cyan); }
.pvxmd-proof-slide--orange .pvxmd-proof-slide__cat  { color: var(--pvxmd-orange); }
.pvxmd-proof-slide--yellow .pvxmd-proof-slide__cat  { color: var(--pvxmd-yellow); }
.pvxmd-proof-slide--violet .pvxmd-proof-slide__cat  { color: var(--pvxmd-violet); }

.pvxmd-proof-slide__scenario {
  margin: 0;
  font-size: clamp(1.35rem, 3.2vw, 2.35rem);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.03em;
  color: var(--pvxmd-text-primary);
}

.pvxmd-proof-slide__split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: 1;
  min-height: 0;
  border: 1px solid var(--pvxmd-border);
  border-radius: 0;
  overflow: hidden;
}

.pvxmd-proof-slide__panel {
  padding: var(--pvxmd-sp-md) var(--pvxmd-sp-lg);
  min-height: 11rem;
}
.pvxmd-proof-slide__panel--left {
  border-right: 1px solid var(--pvxmd-border);
}
.pvxmd-proof-slide--magenta .pvxmd-proof-slide__panel--left { background: #201018; }
.pvxmd-proof-slide--cyan .pvxmd-proof-slide__panel--left    { background: #081a24; }
.pvxmd-proof-slide--orange .pvxmd-proof-slide__panel--left  { background: #221409; }
.pvxmd-proof-slide--yellow .pvxmd-proof-slide__panel--left  { background: #221c0a; }
.pvxmd-proof-slide--violet .pvxmd-proof-slide__panel--left  { background: #1a1428; }

.pvxmd-proof-slide__panel--right {
  background: #18181e;
}
.pvxmd-proof-slide--magenta .pvxmd-proof-slide__panel--right { background: #25141f; }
.pvxmd-proof-slide--cyan .pvxmd-proof-slide__panel--right    { background: #0c2030; }
.pvxmd-proof-slide--orange .pvxmd-proof-slide__panel--right  { background: #28160c; }
.pvxmd-proof-slide--yellow .pvxmd-proof-slide__panel--right  { background: #282010; }
.pvxmd-proof-slide--violet .pvxmd-proof-slide__panel--right  { background: #221a30; }

.pvxmd-proof-slide__compare-title {
  margin: 0 0 1.35rem;
  font-size: clamp(1.2rem, 2.5vw, 1.9rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.12;
}
.pvxmd-proof-slide__compare-title--weak {
  color: #fb7185;
}
.pvxmd-proof-slide--magenta .pvxmd-proof-slide__compare-title--strong { color: var(--pvxmd-magenta); }
.pvxmd-proof-slide--cyan .pvxmd-proof-slide__compare-title--strong    { color: var(--pvxmd-cyan); }
.pvxmd-proof-slide--orange .pvxmd-proof-slide__compare-title--strong  { color: var(--pvxmd-orange); }
.pvxmd-proof-slide--yellow .pvxmd-proof-slide__compare-title--strong  { color: var(--pvxmd-yellow); }
.pvxmd-proof-slide--violet .pvxmd-proof-slide__compare-title--strong { color: var(--pvxmd-violet); }

.pvxmd-proof-slide__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pvxmd-proof-slide__list li {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  margin: 0 0 0.55rem;
  padding-left: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--pvxmd-text-secondary);
}
.pvxmd-proof-slide__list li:last-child {
  margin-bottom: 0;
}

.pvxmd-proof-slide__li-text {
  flex: 1;
  min-width: 0;
}

.pvxmd-proof-slide__li-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.12em;
  line-height: 1;
}
.pvxmd-proof-slide__li-icon i {
  font-style: normal;
}

/* Typical AI: FA exclamation + solid accent border (no gradients) */
.pvxmd-proof-slide__li-icon--warn {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--pvxmd-radius-md);
  border: 2px solid #fb7185;
  font-size: 0.72rem;
  color: #fecdd3;
  background: #1a1215;
}
.pvxmd-proof-slide--magenta .pvxmd-proof-slide__li-icon--warn {
  color: #fbcfe8;
  border-color: var(--pvxmd-magenta);
  background: #201018;
}
.pvxmd-proof-slide--cyan .pvxmd-proof-slide__li-icon--warn {
  color: #cffafe;
  border-color: var(--pvxmd-cyan);
  background: #081a24;
}
.pvxmd-proof-slide--orange .pvxmd-proof-slide__li-icon--warn {
  color: #ffedd5;
  border-color: var(--pvxmd-orange);
  background: #221409;
}
.pvxmd-proof-slide--yellow .pvxmd-proof-slide__li-icon--warn {
  color: #fef9c3;
  border-color: var(--pvxmd-yellow);
  background: #221c0a;
}
.pvxmd-proof-slide--violet .pvxmd-proof-slide__li-icon--warn {
  color: #ede9fe;
  border-color: var(--pvxmd-violet);
  background: #1a1428;
}

/* With CodeConstitutions: check on solid accent */
.pvxmd-proof-slide__li-icon--ok {
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 5px;
  font-size: 0.58rem;
  color: #0a0a0c;
}
.pvxmd-proof-slide--magenta .pvxmd-proof-slide__li-icon--ok { background: var(--pvxmd-magenta); }
.pvxmd-proof-slide--cyan .pvxmd-proof-slide__li-icon--ok    { background: var(--pvxmd-cyan); }
.pvxmd-proof-slide--orange .pvxmd-proof-slide__li-icon--ok  { background: var(--pvxmd-orange); }
.pvxmd-proof-slide--yellow .pvxmd-proof-slide__li-icon--ok  { background: var(--pvxmd-yellow); }
.pvxmd-proof-slide--violet .pvxmd-proof-slide__li-icon--ok  { background: var(--pvxmd-violet); }

.pvxmd-proof-slide__example {
  margin-top: auto;
  padding-top: var(--pvxmd-sp-sm);
  border-top: 1px solid var(--pvxmd-border);
}
.pvxmd-proof-slide__example-label {
  display: inline-flex;
  align-items: center;
  margin-bottom: 8px;
  padding: 4px 11px;
  font-size: 0.625rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 0;
  border: 1px solid var(--pvxmd-border);
  color: var(--pvxmd-text-muted);
  background: #1a1a22;
}
.pvxmd-proof-slide--magenta .pvxmd-proof-slide__example-label {
  color: var(--pvxmd-magenta);
  border-color: #5c2148;
  background: #301828;
}
.pvxmd-proof-slide--cyan .pvxmd-proof-slide__example-label {
  color: var(--pvxmd-cyan);
  border-color: #1a5a6e;
  background: #0c2834;
}
.pvxmd-proof-slide--orange .pvxmd-proof-slide__example-label {
  color: var(--pvxmd-orange);
  border-color: #6b3a18;
  background: #3a2214;
}
.pvxmd-proof-slide--yellow .pvxmd-proof-slide__example-label {
  color: var(--pvxmd-yellow);
  border-color: #6b5a16;
  background: #3a3214;
}
.pvxmd-proof-slide--violet .pvxmd-proof-slide__example-label {
  color: var(--pvxmd-violet);
  border-color: #4c3d6e;
  background: #2a2240;
}

.pvxmd-proof-slide__example-text {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--pvxmd-text-primary);
  max-width: 58rem;
}

@media (max-width: 820px) {
  .pvxmd-examples-sticky .pvxmd-proof-slide + .pvxmd-proof-slide {
    margin-top: 0;
  }
  .pvxmd-proof-slide {
    position: relative;
    top: auto !important;
    min-height: 0;
    margin-bottom: var(--pvxmd-sp-xl);
    z-index: auto !important;
  }
  .pvxmd-proof-slide__inner {
    min-height: 0;
  }
  .pvxmd-proof-slide__split {
    grid-template-columns: 1fr;
  }
  .pvxmd-proof-slide__panel--left {
    border-right: none;
    border-bottom: 1px solid var(--pvxmd-border);
    min-height: 0;
  }
  .pvxmd-proof-slide__panel--right {
    min-height: 0;
  }
  .pvxmd-examples-sticky {
    padding-bottom: var(--pvxmd-sp-lg);
  }
}

@media (max-width: 640px) {
  .pvxmd-proof-slide__inner {
    padding: var(--pvxmd-sp-md);
  }
  .pvxmd-proof-slide__panel {
    padding: var(--pvxmd-sp-sm) var(--pvxmd-sp-sm);
  }
}

/* Badge row under examples */
.pvxmd-examples__badges {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: var(--pvxmd-sp-lg);
}

.pvxmd-examples__badge {
  display: inline-block;
  padding: 5px 14px;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  white-space: nowrap;
  color: var(--pvxmd-cyan);
  border: 1px solid rgba(0,212,255,.2);
  background: rgba(0,212,255,.04);
  border-radius: var(--pvxmd-radius-sm);
  transition: background 0.25s var(--pvxmd-ease), border-color 0.25s var(--pvxmd-ease);
}
.pvxmd-examples__badge:hover {
  background: rgba(0,212,255,.08);
  border-color: rgba(0,212,255,.35);
}

/* ============================
   SCENARIOS — pvxmd-scard
   ============================ */
.pvxmd-scenarios {
  text-align: center;
}
.pvxmd-scenarios__stack {
  display: flex;
  flex-direction: column;
  gap: var(--pvxmd-sp-md);
  max-width: 920px;
  margin: 0 auto;
}
.pvxmd-scenarios__badges {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: var(--pvxmd-sp-lg);
}

/* Scenario card */
.pvxmd-scard {
  background: var(--pvxmd-bg-card);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius);
  overflow: hidden;
  text-align: left;
  transition:
    transform 0.35s var(--pvxmd-ease),
    box-shadow 0.35s var(--pvxmd-ease),
    border-color 0.35s var(--pvxmd-ease);
  will-change: transform;
}
.pvxmd-scard:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(0,0,0,.5);
  border-color: var(--pvxmd-border-light);
}

/* Top accent colors */
.pvxmd-scard--magenta { border-top: 3px solid var(--pvxmd-magenta); }
.pvxmd-scard--cyan    { border-top: 3px solid var(--pvxmd-cyan); }
.pvxmd-scard--orange  { border-top: 3px solid var(--pvxmd-orange); }
.pvxmd-scard--violet  { border-top: 3px solid var(--pvxmd-violet); }
.pvxmd-scard--yellow  { border-top: 3px solid var(--pvxmd-yellow); }

.pvxmd-scard__header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 24px;
  border-bottom: 1px solid var(--pvxmd-border);
  background: rgba(255,255,255,.015);
}

.pvxmd-scard__num {
  font-size: 1.25rem;
  font-weight: 800;
  font-family: var(--pvxmd-font-mono);
  letter-spacing: 0.02em;
  flex-shrink: 0;
  line-height: 1;
  opacity: 0.95;
}
.pvxmd-scard--magenta .pvxmd-scard__num { color: var(--pvxmd-magenta); }
.pvxmd-scard--cyan    .pvxmd-scard__num { color: var(--pvxmd-cyan); }
.pvxmd-scard--orange  .pvxmd-scard__num { color: var(--pvxmd-orange); }
.pvxmd-scard--violet  .pvxmd-scard__num { color: var(--pvxmd-violet); }
.pvxmd-scard--yellow  .pvxmd-scard__num { color: var(--pvxmd-yellow); }

.pvxmd-scard__title {
  font-size: 1.0625rem;
  font-weight: 700;
  margin: 0;
}
.pvxmd-scard--magenta .pvxmd-scard__title { color: var(--pvxmd-magenta); }
.pvxmd-scard--cyan .pvxmd-scard__title    { color: var(--pvxmd-cyan); }
.pvxmd-scard--orange .pvxmd-scard__title  { color: var(--pvxmd-orange); }
.pvxmd-scard--violet .pvxmd-scard__title  { color: var(--pvxmd-violet); }
.pvxmd-scard--yellow .pvxmd-scard__title  { color: var(--pvxmd-yellow); }

.pvxmd-scard__body {
  padding: 0;
}

.pvxmd-scard__row {
  display: grid;
  grid-template-columns: minmax(13.5rem, 17rem) minmax(0, 1fr);
  align-items: start;
  column-gap: 18px;
  row-gap: 6px;
  padding: 14px 24px;
  border-bottom: 1px solid rgba(42,42,50,.5);
}
.pvxmd-scard__row:last-child {
  border-bottom: none;
}

/* Better output row accent */
.pvxmd-scard__row--better {
  background: rgba(163,230,53,.02);
}

/* File recommendation row */
.pvxmd-scard__row--file {
  background: rgba(0,212,255,.02);
}

/* Row tags */
.pvxmd-scard__tag {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 6px 12px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  white-space: nowrap;
  border-radius: var(--pvxmd-radius-sm);
  border: 1px solid;
  text-align: center;
  margin-top: 1px;
  line-height: 1.35;
}
.pvxmd-scard__tag--muted {
  color: var(--pvxmd-text-muted);
  border-color: var(--pvxmd-border);
  background: rgba(106,106,122,.06);
}
.pvxmd-scard__tag--danger {
  color: #f87171;
  border-color: rgba(248,113,113,.25);
  background: rgba(248,113,113,.06);
}
.pvxmd-scard__tag--file {
  color: var(--pvxmd-cyan);
  border-color: rgba(0,212,255,.25);
  background: rgba(0,212,255,.06);
}
.pvxmd-scard__tag--good {
  color: var(--pvxmd-lime);
  border-color: rgba(163,230,53,.25);
  background: rgba(163,230,53,.06);
}

.pvxmd-scard__text {
  font-size: 0.9375rem;
  color: var(--pvxmd-text-secondary);
  margin: 0;
  line-height: 1.6;
  min-width: 0;
}
.pvxmd-scard__text--strong {
  color: var(--pvxmd-text-primary);
}

.pvxmd-scard__file-name {
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--pvxmd-cyan);
  margin: 0;
  line-height: 1.6;
  min-width: 0;
}

/* ============================
   AUDIENCE — Card Grid
   ============================ */
.pvxmd-audience {
  text-align: center;
}
.pvxmd-audience__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--pvxmd-sp-md);
  max-width: 960px;
  margin: 0 auto;
  /* stretch (default): every card in a row shares the same height */
  align-items: stretch;
}

.pvxmd-audience-card {
  background: var(--pvxmd-bg-card);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius);
  padding: calc(var(--pvxmd-sp-lg) + 0.35rem) var(--pvxmd-sp-md) calc(var(--pvxmd-sp-lg) + 1rem);
  /* Stretch with row peers — do NOT use min-height:0 here: it lets the card
     shrink below its text; overflow stays visible and the next grid row draws on top. */
  align-self: stretch;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  row-gap: var(--pvxmd-gap-box-title-body);
  text-align: left;
  position: relative;
  transition:
    transform 0.3s var(--pvxmd-ease),
    box-shadow 0.3s var(--pvxmd-ease),
    border-color 0.3s var(--pvxmd-ease);
}
.pvxmd-audience-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--pvxmd-shadow-lg);
}
.pvxmd-audience .pvxmd-audience-card h3.pvxmd-audience-card__title {
    font-family: var(--pvxmd-font-display);
    letter-spacing: normal;
    font-size: clamp(1.25rem, 1.65vw + 0.3rem, 1.625rem);
    font-weight: 800;
    margin: 0 0 var(--pvxmd-gap-box-title-body);
    font-family: var(--pvxmd-font-display);
    letter-spacing: normal;
    margin: 0;
}
section#pvxmd-audience .pvxmd-audience__image.pvxmd-reveal.pvxmd-reveal--visible {
    max-width: 100%;
    height: 370px;
    width: 99%;
}

section#pvxmd-audience .pvxmd-audience__image.pvxmd-reveal.pvxmd-reveal--visible img {height: 370px;object-fit: unset;}
/* Color accents */
.pvxmd-audience-card--magenta { border-top: 3px solid var(--pvxmd-magenta); }
.pvxmd-audience-card--cyan    { border-top: 3px solid var(--pvxmd-cyan); }
.pvxmd-audience-card--orange  { border-top: 3px solid var(--pvxmd-orange); }
.pvxmd-audience-card--yellow  { border-top: 3px solid var(--pvxmd-yellow); }
.pvxmd-audience-card--violet  { border-top: 3px solid var(--pvxmd-violet); }
.pvxmd-audience-card--lime    { border-top: 3px solid var(--pvxmd-lime); }

.pvxmd-audience-card__title {
  grid-row: 1;
  align-self: start;
  font-size: clamp(1.1875rem, 2.05vw, 1.5rem);
  font-weight: 700;
  margin: 0;
  color: var(--pvxmd-text-primary);
}
.pvxmd-audience-card--magenta .pvxmd-audience-card__title { color: var(--pvxmd-magenta); }
.pvxmd-audience-card--cyan    .pvxmd-audience-card__title { color: var(--pvxmd-cyan); }
.pvxmd-audience-card--orange  .pvxmd-audience-card__title { color: var(--pvxmd-orange); }
.pvxmd-audience-card--yellow  .pvxmd-audience-card__title { color: var(--pvxmd-yellow); }
.pvxmd-audience-card--violet  .pvxmd-audience-card__title { color: var(--pvxmd-violet); }
.pvxmd-audience-card--lime    .pvxmd-audience-card__title { color: var(--pvxmd-lime); }

.pvxmd-audience-card__text {
  grid-row: 2;
  align-self: end;
  font-size: 0.875rem;
  color: var(--pvxmd-text-secondary);
  margin: 0;
  line-height: 1.6;
  min-width: 0;
}

/* Exclusion note */
.pvxmd-audience__note {
  max-width: 620px;
  margin: var(--pvxmd-sp-lg) auto 0;
  padding: var(--pvxmd-sp-sm) var(--pvxmd-sp-md);
  border: 1px solid var(--pvxmd-border);
  border-left: 3px solid var(--pvxmd-text-muted);
  border-radius: var(--pvxmd-radius);
  background: var(--pvxmd-bg-surface);
  text-align: left;
}
.pvxmd-audience__note p {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--pvxmd-text-muted);
  font-style: italic;
  line-height: 1.6;
}

/* Audience trust image */
.pvxmd-audience__image {
  max-width: min(100%, 840px);
  margin: var(--pvxmd-sp-lg) auto 0;
  border-radius: var(--pvxmd-radius);
  overflow: hidden;
  border: 1px solid var(--pvxmd-border);
  background: linear-gradient(135deg, rgba(163,230,53,.05), rgba(0,212,255,.05));
  aspect-ratio: 16 / 7;
  position: relative;
}
.pvxmd-audience__photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

/* ============================
   DIFFERENT — Staggered Cards
   ============================ */
.pvxmd-different {
  text-align: center;
}
.pvxmd-different__lead {
  max-width: 46rem;
  margin: 0 auto var(--pvxmd-sp-lg);
  padding: 0 var(--pvxmd-sp-sm);
  font-size: 1.0625rem;
  line-height: 1.65;
  color: var(--pvxmd-text-secondary);
  text-align: center;
}
.pvxmd-different__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 16px;
  max-width: 1180px;
  margin: 0 auto;
  align-items: start;
}

.pvxmd-diff-card {
  background: var(--pvxmd-bg-card);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius);
  padding: 0.45rem 0.85rem;
  min-height: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  transition:
    transform 0.3s var(--pvxmd-ease),
    box-shadow 0.3s var(--pvxmd-ease),
    border-color 0.3s var(--pvxmd-ease);
}
.pvxmd-diff-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--pvxmd-shadow-lg);
}

/* Stagger odd cards down for visual offset */
.pvxmd-diff-card:nth-child(even) {
  transform: translateY(10px);
}
.pvxmd-diff-card:nth-child(even):hover {
  transform: translateY(8px);
}

/* Color accents */
.pvxmd-diff-card--cyan    { border-left: 3px solid var(--pvxmd-cyan); }
.pvxmd-diff-card--magenta { border-left: 3px solid var(--pvxmd-magenta); }
.pvxmd-diff-card--lime    { border-left: 3px solid var(--pvxmd-lime); }
.pvxmd-diff-card--orange  { border-left: 3px solid var(--pvxmd-orange); }
.pvxmd-diff-card--yellow  { border-left: 3px solid var(--pvxmd-yellow); }
.pvxmd-diff-card--violet  { border-left: 3px solid var(--pvxmd-violet); }

.pvxmd-diff-card__icon {
  font-size: 0.75rem;
  flex-shrink: 0;
  margin-top: 0;
  align-self: center;
  opacity: 1;
}
.pvxmd-diff-card--cyan    .pvxmd-diff-card__icon { color: var(--pvxmd-cyan); }
.pvxmd-diff-card--magenta .pvxmd-diff-card__icon { color: var(--pvxmd-magenta); }
.pvxmd-diff-card--lime    .pvxmd-diff-card__icon { color: var(--pvxmd-lime); }
.pvxmd-diff-card--orange  .pvxmd-diff-card__icon { color: var(--pvxmd-orange); }
.pvxmd-diff-card--yellow  .pvxmd-diff-card__icon { color: var(--pvxmd-yellow); }
.pvxmd-diff-card--violet  .pvxmd-diff-card__icon { color: var(--pvxmd-violet); }

.pvxmd-diff-card__title {
  font-size: clamp(1rem, 1.25vw, 1.125rem);
  font-weight: 700;
  margin: 0;
  color: #a9adb8;
}

.pvxmd-diff-card--cyan    .pvxmd-diff-card__title { color: var(--pvxmd-cyan); }
.pvxmd-diff-card--magenta .pvxmd-diff-card__title { color: var(--pvxmd-magenta); }
.pvxmd-diff-card--lime    .pvxmd-diff-card__title { color: var(--pvxmd-lime); }
.pvxmd-diff-card--orange  .pvxmd-diff-card__title { color: var(--pvxmd-orange); }
.pvxmd-diff-card--yellow  .pvxmd-diff-card__title { color: var(--pvxmd-yellow); }
.pvxmd-diff-card--violet  .pvxmd-diff-card__title { color: var(--pvxmd-violet); }

.pvxmd-different__conclusion {
  max-width: 620px;
  margin: var(--pvxmd-sp-lg) auto 0;
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--pvxmd-text-secondary);
  line-height: 1.65;
  text-align: center;
  padding: var(--pvxmd-sp-md) var(--pvxmd-sp-lg);
  border: 1px solid rgba(229,53,171,.15);
  border-radius: var(--pvxmd-radius);
  background: linear-gradient(135deg, rgba(229,53,171,.03), rgba(0,212,255,.03));
}

/* ============================
   LEAD MAGNET — Premium Card
   ============================ */
.pvxmd-lead {
  background: var(--pvxmd-bg-deep);
}
section#pvxmd-lead {
    padding-top: 0;
}
.pvxmd-lead__card {
  max-width: 720px;
  margin: 0 auto;
  background-color: #0c3358;
  background-image: none;
  border: 1px solid #1a5088;
  border-top: 3px solid var(--pvxmd-magenta);
  border-radius: var(--pvxmd-radius);
  padding: calc(var(--pvxmd-sp-lg) + 0.25rem) calc(var(--pvxmd-sp-lg) + 0.25rem);
  text-align: left;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
  transition:
    transform 0.35s var(--pvxmd-ease),
    border-color 0.3s var(--pvxmd-ease),
    box-shadow 0.35s var(--pvxmd-ease);
}
.pvxmd-lead__card::before,
.pvxmd-lead__card::after {
  display: none;
}

.pvxmd-lead__card:hover {
  transform: translateY(-3px);
  border-color: #256aa8;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.42);
}

.pvxmd-lead__card:active {
  transform: translateY(-1px);
}

.pvxmd-lead__eyebrow {
  display: inline-block;
  font-family: var(--pvxmd-font-display);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pvxmd-cyan);
  border: 1px solid rgba(0, 212, 255, 0.35);
  background: rgba(0, 212, 255, 0.07);
  padding: 5px 14px;
  margin: 0 0 var(--pvxmd-sp-sm);
  border-radius: var(--pvxmd-radius-sm);
  position: relative;
  z-index: 1;
}

.pvxmd-lead__title {
  font-size: clamp(1.25rem, 2.8vw, 1.625rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin: 0 0 var(--pvxmd-sp-sm);
  position: relative;
  z-index: 1;
  color: #f0f4f8;
}

.pvxmd-lead__sub {
  font-size: 0.9375rem;
  color: rgba(200, 206, 218, 0.95);
  margin: 0 0 var(--pvxmd-sp-md);
  max-width: 38rem;
  line-height: 1.6;
  position: relative;
  z-index: 1;
}

.pvxmd-lead__chips {
  list-style: none;
  margin: 0 0 var(--pvxmd-sp-md);
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  position: relative;
  z-index: 1;
}

.pvxmd-lead__chip {
  display: inline-flex;
  align-items: center;
  font-family: var(--pvxmd-font-display);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: lowercase;
  white-space: nowrap;
  padding: 6px 11px;
  border-radius: var(--pvxmd-radius-sm);
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(10, 45, 82, 0.65);
  color: var(--pvxmd-text-primary);
}

.pvxmd-lead__bridge {
  font-size: 0.8125rem;
  color: rgba(216, 216, 226, 0.9);
  margin: 0 0 var(--pvxmd-sp-lg);
  max-width: 38rem;
  line-height: 1.55;
  position: relative;
  z-index: 1;
}

.pvxmd-lead__form {
  margin: 0;
  position: relative;
  z-index: 1;
}

.pvxmd-lead__form-inner {
  max-width: 32rem;
}

.pvxmd-lead__label {
  display: block;
  font-family: var(--pvxmd-font-display);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(200, 206, 218, 0.88);
  margin: 0 0 7px;
}

.pvxmd-lead__form-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: stretch;
}

.pvxmd-lead__input {
  min-width: 0;
  width: 100%;
  padding: 13px 16px;
  font-family: var(--pvxmd-font-body);
  font-size: 0.9375rem;
  color: var(--pvxmd-text-primary);
  background-color: #0a2d52;
  background-image: none;
  border: 1px solid #2a6a9e;
  border-radius: var(--pvxmd-radius);
  outline: none;
  transition: border-color var(--pvxmd-dur) var(--pvxmd-ease);
}
.pvxmd-lead__input:focus {
  border-color: var(--pvxmd-cyan);
}
.pvxmd-lead__input:focus-visible {
  border-color: var(--pvxmd-cyan);
}
.pvxmd-lead__input::placeholder {
  color: var(--pvxmd-text-muted);
}
.pvxmd-lead__input--error {
  border-color: #f87171;
  box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.12);
}

.pvxmd-lead__submit {
  white-space: nowrap;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  flex-shrink: 0;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.35);
  transition:
    transform 0.15s var(--pvxmd-ease),
    box-shadow 0.15s var(--pvxmd-ease);
}
.pvxmd-lead__submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(229, 53, 171, 0.35);
}
.pvxmd-lead__submit:active {
  transform: translateY(0);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.pvxmd-lead__privacy {
  font-size: 0.75rem;
  color: var(--pvxmd-text-muted);
  margin: var(--pvxmd-sp-sm) 0 0;
  letter-spacing: 0.02em;
}

/* Success state */
.pvxmd-lead__success {
  padding: var(--pvxmd-sp-md) 0 0;
  text-align: left;
  position: relative;
  z-index: 1;
  outline: none;
}
.pvxmd-lead__success:focus-visible {
  box-shadow: 0 0 0 2px rgba(0, 212, 255, 0.35);
  border-radius: var(--pvxmd-radius-sm);
}
.pvxmd-lead__success-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  font-size: 1.125rem;
  font-weight: 800;
  color: var(--pvxmd-bg-deep);
  background: var(--pvxmd-lime);
  border-radius: var(--pvxmd-radius);
  margin-bottom: var(--pvxmd-sp-sm);
}
.pvxmd-lead__success-title {
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--pvxmd-lime);
  margin: 0 0 var(--pvxmd-sp-xs);
}
.pvxmd-lead__success-text {
  font-size: 0.875rem;
  color: rgba(200, 206, 218, 0.95);
  margin: 0;
  line-height: 1.65;
  max-width: 36rem;
}

@keyframes pvxmd-successFadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.pvxmd-lead__success--visible {
  animation: pvxmd-successFadeIn 0.45s var(--pvxmd-ease) forwards;
}

/* ============================
   PRICING — Premium Cards
   ============================ */
.pvxmd-pricing {
  text-align: center;
  background: var(--pvxmd-bg-surface);
  border-top: 1px solid var(--pvxmd-border);
}

.pvxmd-price-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  max-width: 1120px;
  margin: 0 auto;
  align-items: stretch;
}

/* --- Pricing Card --- */
.pvxmd-pcard {
  background: var(--pvxmd-bg-card);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius);
  padding: 18px 16px 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  transition:
    transform 0.35s var(--pvxmd-ease),
    box-shadow 0.35s var(--pvxmd-ease),
    border-color 0.35s var(--pvxmd-ease);
  will-change: transform;
}
.pvxmd-pcard:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 40px rgba(0,0,0,.5);
}
.pvxmd-pcard:active {
  transform: translateY(-1px) scale(.985);
  box-shadow: var(--pvxmd-shadow-sm);
}

/* Top accent colors */
.pvxmd-pcard--magenta { border-top: 3px solid var(--pvxmd-magenta); }
.pvxmd-pcard--cyan    { border-top: 3px solid var(--pvxmd-cyan); }
.pvxmd-pcard--orange  { border-top: 3px solid var(--pvxmd-orange); }
.pvxmd-pcard--violet  { border-top: 3px solid var(--pvxmd-violet); }
.pvxmd-pcard--yellow  { border-top: 3px solid var(--pvxmd-yellow); }
.pvxmd-pcard--lime    { border-top: 3px solid var(--pvxmd-lime); }

/* Subtle accent glow on hover */
.pvxmd-pcard--magenta:hover { border-color: rgba(229,53,171,.35); box-shadow: 0 14px 40px rgba(0,0,0,.5), 0 0 0 1px rgba(229,53,171,.1); }
.pvxmd-pcard--cyan:hover    { border-color: rgba(0,212,255,.35);   box-shadow: 0 14px 40px rgba(0,0,0,.5), 0 0 0 1px rgba(0,212,255,.1); }
.pvxmd-pcard--orange:hover  { border-color: rgba(249,115,22,.35);  box-shadow: 0 14px 40px rgba(0,0,0,.5), 0 0 0 1px rgba(249,115,22,.1); }
.pvxmd-pcard--violet:hover  { border-color: rgba(167,139,250,.35); box-shadow: 0 14px 40px rgba(0,0,0,.5), 0 0 0 1px rgba(167,139,250,.1); }

/* --- Featured card (bundle) --- */
.pvxmd-pcard--featured {
  background:
    linear-gradient(135deg, rgba(163,230,53,.04) 0%, rgba(0,212,255,.04) 100%),
    var(--pvxmd-bg-card);
  border-color: rgba(163,230,53,.3);
  box-shadow: 0 0 0 1px rgba(163,230,53,.08), 0 4px 20px rgba(0,0,0,.35);
}
.pvxmd-pcard--featured:hover {
  border-color: rgba(163,230,53,.5);
  box-shadow: 0 18px 48px rgba(0,0,0,.55), 0 0 0 1px rgba(163,230,53,.15), 0 0 32px rgba(163,230,53,.06);
}

/* "Most Recommended" ribbon (featured bundle — cyan) */
.pvxmd-pcard__recommended {
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 14px;
  font-size: 0.625rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
  color: #041014;
  background: var(--pvxmd-cyan);
  border-radius: 0 0 var(--pvxmd-radius-sm) var(--pvxmd-radius-sm);
}
.pvxmd-pricing .pvxmd-price-grid h3.pvxmd-pcard__name {
    font-size: clamp(1.1rem, 1.4vw + 0.2rem, 1.375rem);
    font-weight: 800;
    font-family: var(--pvxmd-font-display);
    letter-spacing: normal;
    line-height: 1.25;
    margin-top: 0.5rem;
    margin-bottom: 0.6rem;
}
/* Badge */
.pvxmd-pcard__badge {
  display: inline-block;
  padding: 3px 10px;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  white-space: nowrap;
  border-radius: var(--pvxmd-radius-sm);
  border: 1px solid;
  margin-bottom: 12px;
}
.pvxmd-pcard--magenta .pvxmd-pcard__badge { color: var(--pvxmd-magenta); border-color: rgba(229,53,171,.25); background: rgba(229,53,171,.08); }
.pvxmd-pcard--cyan    .pvxmd-pcard__badge { color: var(--pvxmd-cyan);    border-color: rgba(0,212,255,.25);  background: rgba(0,212,255,.08); }
.pvxmd-pcard--orange  .pvxmd-pcard__badge { color: var(--pvxmd-orange);  border-color: rgba(249,115,22,.25); background: rgba(249,115,22,.08); }
.pvxmd-pcard--violet  .pvxmd-pcard__badge { color: var(--pvxmd-violet);  border-color: rgba(167,139,250,.25);background: rgba(167,139,250,.08); }
.pvxmd-pcard--lime    .pvxmd-pcard__badge { color: var(--pvxmd-lime);    border-color: rgba(163,230,53,.25); background: rgba(163,230,53,.08); }

/* Product name */
.pvxmd-pcard__name {
  font-size: clamp(0.9375rem, 1.15vw, 1.0625rem);
  font-weight: 700;
  color: var(--pvxmd-text-primary);
  margin: 0.75rem 0 1rem;
  min-height: 2.75em;
}

/* Price */
.pvxmd-pcard__price {
  font-size: 2.2rem;
  font-weight: 900;
  color: var(--pvxmd-text-primary);
  line-height: 1;
  margin-bottom: 0;
  letter-spacing: 0.04em;
}
.pvxmd-pcard__dollar {
  font-size: 1.25rem;
  font-weight: 700;
  vertical-align: super;
  margin-right: 2px;
  opacity: .6;
}

/* Description */
.pvxmd-pcard__desc {
  font-size: 0.8125rem;
  color: var(--pvxmd-text-secondary);
  margin: 0 0 10px;
  line-height: 1.45;
  flex: 0 0 auto;
}

/* Features */
.pvxmd-pcard__features {
  list-style: none;
  padding: 0;
  margin: 0 0 auto;
  width: 100%;
  padding-bottom: 16px;
}
.pvxmd-pcard__features li {
  padding: 6px 0;
  font-size: 0.75rem;
  color: var(--pvxmd-text-secondary);
  border-bottom: 1px solid rgba(42,42,50,.4);
  text-align: center;
}
.pvxmd-pcard__features li:last-child {
  border-bottom: none;
}
.pvxmd-pcard__features li::before {
  content: '✓ ';
  font-weight: 700;
  font-size: 0.6875rem;
}
.pvxmd-pcard--magenta .pvxmd-pcard__features li::before { color: var(--pvxmd-magenta); }
.pvxmd-pcard--cyan    .pvxmd-pcard__features li::before { color: var(--pvxmd-cyan); }
.pvxmd-pcard--orange  .pvxmd-pcard__features li::before { color: var(--pvxmd-orange); }
.pvxmd-pcard--violet  .pvxmd-pcard__features li::before { color: var(--pvxmd-violet); }
.pvxmd-pcard--lime    .pvxmd-pcard__features li::before { color: var(--pvxmd-lime); }

/* Buy button */
.pvxmd-btn--pcard {
  width: 100%;
  padding: 9px 16px;
  font-size: 0.8125rem;
  background: transparent;
  color: var(--pvxmd-text-primary);
  border: 1px solid var(--pvxmd-border-light);
  margin-bottom: 10px;
}
.pvxmd-btn--pcard:hover {
  background: rgba(255,255,255,.06);
  border-color: var(--pvxmd-text-muted);
}

/* Featured buy button */
.pvxmd-btn--pcard-featured {
  width: 100%;
  padding: 10px 16px;
  font-size: 0.875rem;
  background: var(--pvxmd-lime);
  color: var(--pvxmd-bg-deep);
  margin-bottom: 10px;
}
.pvxmd-btn--pcard-featured:hover {
  background: #93d525;
}

/* Card footer */
.pvxmd-pcard__footer {
  display: flex;
  justify-content: center;
  gap: 6px;
  flex-wrap: nowrap;
  width: 100%;
  padding-top: 8px;
  border-top: 1px solid rgba(42,42,50,.4);
}
.pvxmd-pcard__footer span {
  font-size: 0.5625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #5decff;
  white-space: nowrap;
  padding: 2px 6px;
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius-sm);
  background: var(--pvxmd-bg-surface);
}

/* Pricing refinement overrides */
.pvxmd-pcard--featured {
  background:
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(0,0,0,.22) 32%),
    linear-gradient(160deg, #5f7f28 0%, #3d5420 46%, #1f2e12 100%);
  border-color: rgba(12,18,8,.22);
  box-shadow: 0 16px 42px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);
}

.pvxmd-pcard--featured:hover {
  border-color: rgba(12,18,8,.3);
  box-shadow: 0 20px 52px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.1);
}

/* Third accent on bundle card: orange top bar (ribbon = cyan, badge = violet) */
.pvxmd-pcard--featured.pvxmd-pcard--lime {
  border-top-color: var(--pvxmd-orange);
}

.pvxmd-pcard--featured .pvxmd-pcard__badge {
  color: #f3e8ff;
  border-color: rgba(167,139,250,.55);
  background: rgba(55,32,78,.55);
}

.pvxmd-pcard__name {
  white-space: normal;
}

.pvxmd-pcard--magenta .pvxmd-pcard__name { color: var(--pvxmd-magenta); }
.pvxmd-pcard--cyan .pvxmd-pcard__name { color: var(--pvxmd-cyan); }
.pvxmd-pcard--orange .pvxmd-pcard__name { color: var(--pvxmd-orange); }
.pvxmd-pcard--violet .pvxmd-pcard__name { color: var(--pvxmd-violet); }
.pvxmd-pcard--yellow .pvxmd-pcard__name { color: var(--pvxmd-yellow); }
.pvxmd-pcard--featured .pvxmd-pcard__name {
  color: #f4fce8;
  margin-top: 1.1rem;
}

.pvxmd-pcard__price {
  white-space: nowrap;
}

.pvxmd-pcard--featured .pvxmd-pcard__price {
  color: #ff48e7;
}

.pvxmd-pcard--featured .pvxmd-pcard__dollar {
  color: #ff48e7;
  opacity: 0.92;
}

.pvxmd-pcard--featured .pvxmd-pcard__desc {
  color: rgba(236,252,220,.88);
}

.pvxmd-pcard__features li {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  column-gap: 9px;
  align-items: start;
  padding: 5px 0;
  font-size: 0.875rem;
  text-align: left;
}

.pvxmd-pcard__features li::before {
  content: '\2713';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  margin-top: 2px;
  border-radius: 3px;
  font-weight: 800;
  font-size: 0.55rem;
  color: #090b0d;
  background: var(--pvxmd-border-light);
}

.pvxmd-pcard--magenta .pvxmd-pcard__features li::before { background: var(--pvxmd-magenta); color: #090b0d; }
.pvxmd-pcard--cyan .pvxmd-pcard__features li::before { background: var(--pvxmd-cyan); color: #090b0d; }
.pvxmd-pcard--orange .pvxmd-pcard__features li::before { background: var(--pvxmd-orange); color: #090b0d; }
.pvxmd-pcard--violet .pvxmd-pcard__features li::before { background: var(--pvxmd-violet); color: #090b0d; }
.pvxmd-pcard--yellow .pvxmd-pcard__features li::before { background: var(--pvxmd-yellow); color: #090b0d; }
.pvxmd-pcard--featured .pvxmd-pcard__features li {
  color: rgba(236,252,220,.9);
  border-bottom-color: rgba(255,255,255,.1);
}
.pvxmd-pcard--featured .pvxmd-pcard__features li::before {
  background: rgba(220,255,114,.92);
  color: #060904;
}

.pvxmd-btn--pcard {
  color: #090b0d;
  border: 1px solid transparent;
}

.pvxmd-pcard--magenta .pvxmd-btn--pcard { background: var(--pvxmd-magenta); box-shadow: 0 10px 22px rgba(229,53,171,.18); }
.pvxmd-pcard--magenta .pvxmd-btn--pcard:hover { background: #ef4ab8; }
.pvxmd-pcard--cyan .pvxmd-btn--pcard { background: var(--pvxmd-cyan); box-shadow: 0 10px 22px rgba(0,212,255,.16); }
.pvxmd-pcard--cyan .pvxmd-btn--pcard:hover { background: #2bdeff; }
.pvxmd-pcard--orange .pvxmd-btn--pcard { background: var(--pvxmd-orange); box-shadow: 0 10px 22px rgba(249,115,22,.18); }
.pvxmd-pcard--orange .pvxmd-btn--pcard:hover { background: #ff8833; }
.pvxmd-pcard--violet .pvxmd-btn--pcard { background: var(--pvxmd-violet); box-shadow: 0 10px 22px rgba(167,139,250,.18); }
.pvxmd-pcard--violet .pvxmd-btn--pcard:hover { background: #b398ff; }
.pvxmd-pcard--yellow .pvxmd-btn--pcard { background: var(--pvxmd-yellow); box-shadow: 0 10px 22px rgba(250,204,21,.18); }
.pvxmd-pcard--yellow .pvxmd-btn--pcard:hover { background: #ffd84a; }

.pvxmd-btn--pcard-featured {
  background: #680498;
  color: #f8f4fc;
  border: 1px solid rgba(40,0,60,.6);
  box-shadow: 0 12px 28px rgba(104,4,152,.35);
}

.pvxmd-btn--pcard-featured:hover {
  background: #7a0cb0;
  border-color: rgba(60,0,90,.55);
}

.pvxmd-pcard--featured .pvxmd-pcard__footer {
  border-top-color: rgba(16,22,7,.14);
}

.pvxmd-pcard--featured .pvxmd-pcard__footer span {
  color: rgba(236,252,220,.82);
  border-color: rgba(255,255,255,.14);
  background: rgba(0,0,0,.2);
}

/* Reassurance row */
.pvxmd-pricing__trust {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--pvxmd-sp-xs);
  margin-top: var(--pvxmd-sp-xl);
  padding-top: var(--pvxmd-sp-md);
  border-top: 1px solid var(--pvxmd-border);
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.pvxmd-pricing__trust-pill {
  display: inline-flex;
  align-items: center;
  padding: 5px 14px;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
  color: var(--pvxmd-text-muted);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius-sm);
  background: var(--pvxmd-bg-card);
}

.pvxmd-pricing__trust-pill:nth-child(1) {
  color: #b8f3ff;
  border-color: rgba(0,212,255,.4);
  background: rgba(0,212,255,.1);
}
.pvxmd-pricing__trust-pill:nth-child(2) {
  color: #fbcfe8;
  border-color: rgba(229,53,171,.38);
  background: rgba(229,53,171,.1);
}
.pvxmd-pricing__trust-pill:nth-child(3) {
  color: #ecfccb;
  border-color: rgba(163,230,53,.38);
  background: rgba(163,230,53,.1);
}
.pvxmd-pricing__trust-pill:nth-child(4) {
  color: #ffedd5;
  border-color: rgba(249,115,22,.4);
  background: rgba(249,115,22,.1);
}

/* Recommendation note */
.pvxmd-pricing__rec {
  max-width: 560px;
  margin: var(--pvxmd-sp-md) auto 0;
  font-size: 0.9375rem;
  color: var(--pvxmd-text-secondary);
  text-align: center;
  line-height: 1.6;
}
.pvxmd-pricing__rec strong {
  color: var(--pvxmd-lime);
  font-weight: 700;
}

/* ============================
   PRICE BLOCK — strike + badge
   ============================ */
.pvxmd-pcard__price-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
}

.pvxmd-pcard__strike-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  margin-top: 4px;
}

.pvxmd-pcard__orig-price {
  font-size: 1.42rem;
  font-weight: 700;
  color: var(--pvxmd-magenta);
  text-decoration: line-through;
  text-decoration-thickness: max(1px, 0.055em);
  text-decoration-color: rgba(214, 222, 232, 0.58);
  letter-spacing: 0.01em;
}

.pvxmd-pcard--magenta .pvxmd-pcard__orig-price { color: var(--pvxmd-magenta); }
.pvxmd-pcard--cyan .pvxmd-pcard__orig-price { color: var(--pvxmd-cyan); }
.pvxmd-pcard--orange .pvxmd-pcard__orig-price { color: var(--pvxmd-orange); }
.pvxmd-pcard--violet .pvxmd-pcard__orig-price { color: var(--pvxmd-violet); }
.pvxmd-pcard--yellow .pvxmd-pcard__orig-price { color: var(--pvxmd-yellow); }
.pvxmd-pcard--lime .pvxmd-pcard__orig-price { color: var(--pvxmd-lime); }

.pvxmd-pcard__off-badge {
  font-size: 0.82rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #090b0d;
  background: #a3e635;
  border-radius: 4px;
  padding: 3px 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
}

.pvxmd-pcard--featured .pvxmd-pcard__orig-price {
  color: #c8f376;
}

.pvxmd-pcard--featured .pvxmd-pcard__off-badge {
  background: #ff48e7;
  color: #1a0a1a;
}

.pvxmd-pcard--featured .pvxmd-pcard__badge {
  margin-top: 12px;
}

/* ============================
   PURCHASE MODAL
   ============================ */
.pvxmd-modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--pvxmd-sp-md);
}
.pvxmd-modal[hidden] {
  display: none;
}

.pvxmd-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.7);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.pvxmd-modal__panel {
  position: relative;
  background: var(--pvxmd-bg-card);
  border: 1px solid var(--pvxmd-border-light);
  border-radius: var(--pvxmd-radius-md);
  padding: var(--pvxmd-sp-xl) var(--pvxmd-sp-lg);
  max-width: 440px;
  width: 100%;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0,0,0,.6);
  animation: pvxmd-modalIn 0.25s var(--pvxmd-ease) forwards;
}

@keyframes pvxmd-modalIn {
  from {
    opacity: 0;
    transform: translateY(16px) scale(.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.pvxmd-modal__close {
  position: absolute;
  top: 14px;
  right: 14px;
  background: none;
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius-sm);
  color: var(--pvxmd-text-muted);
  font-size: 1.25rem;
  width: 32px;
  height: 32px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color var(--pvxmd-dur) var(--pvxmd-ease), border-color var(--pvxmd-dur) var(--pvxmd-ease);
}
.pvxmd-modal__close:hover {
  color: var(--pvxmd-text-primary);
  border-color: var(--pvxmd-text-muted);
}

.pvxmd-modal__title {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--pvxmd-cyan);
  margin: 0 0 var(--pvxmd-sp-sm);
}

.pvxmd-modal__msg {
  font-size: 1rem;
  font-weight: 600;
  color: var(--pvxmd-text-primary);
  margin: 0 0 var(--pvxmd-sp-xs);
}

.pvxmd-modal__sub {
  font-size: 0.8125rem;
  color: var(--pvxmd-text-muted);
  margin: 0;
  line-height: 1.6;
}

/* ============================
   FAQ
   ============================ */
.pvxmd-faq {
  text-align: center;
}
.pvxmd-faq__list {
  max-width: 720px;
  margin: 0 auto;
  text-align: left;
}

.pvxmd-faq__item {
  border-bottom: 1px solid var(--pvxmd-border);
}
.pvxmd-faq__item:first-child {
  border-top: 1px solid rgba(0,212,255,.35);
}

.pvxmd-faq__q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pvxmd-sp-sm);
  padding: 18px 0;
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--pvxmd-text-primary);
  cursor: pointer;
  list-style: none;
  user-select: none;
  transition: color var(--pvxmd-dur) var(--pvxmd-ease);
}
.pvxmd-faq__q::-webkit-details-marker { display: none; }
.pvxmd-faq__q::marker { display: none; content: ''; }

/* Focus ring for keyboard */
.pvxmd-faq__q:focus-visible {
  outline: 2px solid var(--pvxmd-cyan);
  outline-offset: 2px;
  border-radius: var(--pvxmd-radius-sm);
}

/* Expand / collapse indicator — base; per-row colors below */
.pvxmd-faq__q::after {
  content: '+';
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 1.125rem;
  font-weight: 400;
  color: var(--pvxmd-text-muted);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius-sm);
  background: var(--pvxmd-bg-card);
  transition: transform var(--pvxmd-dur) var(--pvxmd-ease), color var(--pvxmd-dur) var(--pvxmd-ease), border-color var(--pvxmd-dur) var(--pvxmd-ease), background var(--pvxmd-dur) var(--pvxmd-ease);
}
.pvxmd-faq__item[open] .pvxmd-faq__q::after {
  content: '\2212';
  transform: rotate(180deg);
}

/* FAQ — colourful questions, + icons, and row rules (cycles 6 accents) */
.pvxmd-faq__item:nth-child(1) {
  border-bottom-color: rgba(0,212,255,.32);
}
.pvxmd-faq__item:nth-child(1) .pvxmd-faq__q {
  color: #8ee9ff;
}
.pvxmd-faq__item:nth-child(1) .pvxmd-faq__q:hover {
  color: #c4f4ff;
}
.pvxmd-faq__item:nth-child(1) .pvxmd-faq__q::after,
.pvxmd-faq__item:nth-child(1)[open] .pvxmd-faq__q::after {
  color: var(--pvxmd-cyan);
  border-color: rgba(0,212,255,.55);
  background: rgba(0,212,255,.12);
}

.pvxmd-faq__item:nth-child(2) {
  border-bottom-color: rgba(229,53,171,.32);
}
.pvxmd-faq__item:nth-child(2) .pvxmd-faq__q {
  color: #f9a8dc;
}
.pvxmd-faq__item:nth-child(2) .pvxmd-faq__q:hover {
  color: #fce7f6;
}
.pvxmd-faq__item:nth-child(2) .pvxmd-faq__q::after,
.pvxmd-faq__item:nth-child(2)[open] .pvxmd-faq__q::after {
  color: var(--pvxmd-magenta);
  border-color: rgba(229,53,171,.55);
  background: rgba(229,53,171,.12);
}

.pvxmd-faq__item:nth-child(3) {
  border-bottom-color: rgba(163,230,53,.32);
}
.pvxmd-faq__item:nth-child(3) .pvxmd-faq__q {
  color: #d9f99d;
}
.pvxmd-faq__item:nth-child(3) .pvxmd-faq__q:hover {
  color: #ecfccb;
}
.pvxmd-faq__item:nth-child(3) .pvxmd-faq__q::after,
.pvxmd-faq__item:nth-child(3)[open] .pvxmd-faq__q::after {
  color: var(--pvxmd-lime);
  border-color: rgba(163,230,53,.55);
  background: rgba(163,230,53,.12);
}

.pvxmd-faq__item:nth-child(4) {
  border-bottom-color: rgba(249,115,22,.32);
}
.pvxmd-faq__item:nth-child(4) .pvxmd-faq__q {
  color: #fdba74;
}
.pvxmd-faq__item:nth-child(4) .pvxmd-faq__q:hover {
  color: #ffedd5;
}
.pvxmd-faq__item:nth-child(4) .pvxmd-faq__q::after,
.pvxmd-faq__item:nth-child(4)[open] .pvxmd-faq__q::after {
  color: var(--pvxmd-orange);
  border-color: rgba(249,115,22,.55);
  background: rgba(249,115,22,.12);
}

.pvxmd-faq__item:nth-child(5) {
  border-bottom-color: rgba(167,139,250,.32);
}
.pvxmd-faq__item:nth-child(5) .pvxmd-faq__q {
  color: #ddd6fe;
}
.pvxmd-faq__item:nth-child(5) .pvxmd-faq__q:hover {
  color: #f5f3ff;
}
.pvxmd-faq__item:nth-child(5) .pvxmd-faq__q::after,
.pvxmd-faq__item:nth-child(5)[open] .pvxmd-faq__q::after {
  color: var(--pvxmd-violet);
  border-color: rgba(167,139,250,.55);
  background: rgba(167,139,250,.12);
}

.pvxmd-faq__item:nth-child(6) {
  border-bottom-color: rgba(250,204,21,.32);
}
.pvxmd-faq__item:nth-child(6) .pvxmd-faq__q {
  color: #fde047;
}
.pvxmd-faq__item:nth-child(6) .pvxmd-faq__q:hover {
  color: #fef9c3;
}
.pvxmd-faq__item:nth-child(6) .pvxmd-faq__q::after,
.pvxmd-faq__item:nth-child(6)[open] .pvxmd-faq__q::after {
  color: var(--pvxmd-yellow);
  border-color: rgba(250,204,21,.55);
  background: rgba(250,204,21,.12);
}

.pvxmd-faq__item:nth-child(7) {
  border-bottom-color: rgba(0,212,255,.32);
}
.pvxmd-faq__item:nth-child(7) .pvxmd-faq__q {
  color: #8ee9ff;
}
.pvxmd-faq__item:nth-child(7) .pvxmd-faq__q:hover {
  color: #c4f4ff;
}
.pvxmd-faq__item:nth-child(7) .pvxmd-faq__q::after,
.pvxmd-faq__item:nth-child(7)[open] .pvxmd-faq__q::after {
  color: var(--pvxmd-cyan);
  border-color: rgba(0,212,255,.55);
  background: rgba(0,212,255,.12);
}

.pvxmd-faq__item:nth-child(8) {
  border-bottom-color: rgba(229,53,171,.32);
}
.pvxmd-faq__item:nth-child(8) .pvxmd-faq__q {
  color: #f9a8dc;
}
.pvxmd-faq__item:nth-child(8) .pvxmd-faq__q:hover {
  color: #fce7f6;
}
.pvxmd-faq__item:nth-child(8) .pvxmd-faq__q::after,
.pvxmd-faq__item:nth-child(8)[open] .pvxmd-faq__q::after {
  color: var(--pvxmd-magenta);
  border-color: rgba(229,53,171,.55);
  background: rgba(229,53,171,.12);
}

.pvxmd-faq__item:nth-child(9) {
  border-bottom-color: rgba(163,230,53,.32);
}
.pvxmd-faq__item:nth-child(9) .pvxmd-faq__q {
  color: #d9f99d;
}
.pvxmd-faq__item:nth-child(9) .pvxmd-faq__q:hover {
  color: #ecfccb;
}
.pvxmd-faq__item:nth-child(9) .pvxmd-faq__q::after,
.pvxmd-faq__item:nth-child(9)[open] .pvxmd-faq__q::after {
  color: var(--pvxmd-lime);
  border-color: rgba(163,230,53,.55);
  background: rgba(163,230,53,.12);
}

.pvxmd-faq__a {
  padding: 0 0 20px;
  overflow: hidden;
}
.pvxmd-faq__a p {
  margin: 0;
  font-size: 0.9375rem;
  color: var(--pvxmd-text-secondary);
  line-height: 1.7;
  max-width: 620px;
}

/* ============================
   FINAL CTA
   ============================ */
.pvxmd-final {
  text-align: center;
  background:
    linear-gradient(180deg, var(--pvxmd-bg-surface) 0%, var(--pvxmd-bg-deep) 100%);
  border-top: 1px solid var(--pvxmd-border);
}
.pvxmd-final__inner {
  max-width: 700px;
  margin: 0 auto;
}
.pvxmd-final__title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: var(--pvxmd-lh-tight);
  margin: 0 0 var(--pvxmd-sp-sm);
}
.pvxmd-final__text {
  font-size: 1.0625rem;
  color: var(--pvxmd-text-secondary);
  margin: 0 0 var(--pvxmd-sp-lg);
  line-height: 1.65;
}
.pvxmd-final__actions {
  display: flex;
  gap: var(--pvxmd-sp-sm);
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: var(--pvxmd-sp-xl);
}

/* Trust pills */
.pvxmd-final__trust {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--pvxmd-sp-xs);
}
.pvxmd-final__trust-pill {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  white-space: nowrap;
  color: var(--pvxmd-text-muted);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius-sm);
  background: var(--pvxmd-bg-card);
}

/* ============================
   FOOTER
   ============================ */
.pvxmd-footer {
  padding: var(--pvxmd-sp-xl) 0 var(--pvxmd-sp-lg);
  border-top: 1px solid var(--pvxmd-border);
}
.pvxmd-footer__inner {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--pvxmd-sp-xs);
}

.pvxmd-footer__wordmark {
  display: inline-block;
  line-height: 0;
  text-decoration: none;
  transition: opacity var(--pvxmd-dur) var(--pvxmd-ease);
}
.pvxmd-footer__wordmark:hover {
  opacity: .7;
}
footer.pvxmd-footer img {
    max-width: 65%;
    margin: auto;
}
.pvxmd-footer__logo {
  display: block;
  height: clamp(1.75rem, 4.5vw, 2.375rem);
  width: auto;
  max-width: min(220px, 72vw);
  flex-shrink: 1;
}

.pvxmd-footer__tagline {
  font-size: 0.8125rem;
  color: var(--pvxmd-text-muted);
  margin: 0;
}

.pvxmd-footer__nav {
  display: flex;
  gap: var(--pvxmd-sp-md);
  flex-wrap: wrap;
  justify-content: center;
  margin: var(--pvxmd-sp-xs) 0;
}
.pvxmd-footer__link {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--pvxmd-text-secondary);
  text-decoration: none;
  transition: color var(--pvxmd-dur) var(--pvxmd-ease);
}
.pvxmd-footer__link:hover {
  color: var(--pvxmd-text-primary);
}

.pvxmd-footer__copy {
  font-size: 0.75rem;
  color: var(--pvxmd-text-muted);
  margin: 0;
  opacity: .6;
}

/* ============================
   GLOBAL FOCUS-VISIBLE
   ============================ */
.pvxmd-btn:focus-visible,
.pvxmd-header__link:focus-visible,
.pvxmd-header__logo:focus-visible,
.pvxmd-footer__link:focus-visible,
.pvxmd-footer__wordmark:focus-visible,
.pvxmd-lead__input:focus-visible {
  outline: 2px solid var(--pvxmd-cyan);
  outline-offset: 2px;
  border-radius: var(--pvxmd-radius-sm);
}

/* ============================
   COMPATIBILITY LOGO MARQUEE
   ============================ */
.pvxmd-compat {
  padding-top: calc(var(--pvxmd-sp-xl) + 0.25rem);
  padding-bottom: calc(var(--pvxmd-sp-xl) + 0.25rem);
  background:
    linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,0) 100%),
    var(--pvxmd-bg-deep);
}

.pvxmd-compat--hero {
  padding-top: calc(var(--pvxmd-sp-lg) + 0.25rem);
}

.pvxmd-compat--pricing {
  padding-bottom: calc(var(--pvxmd-sp-lg) + 0.5rem);
}

.pvxmd-compat .pvxmd-section__eyebrow {
  white-space: nowrap;
}

.pvxmd-compat__helper {
  max-width: 720px;
  margin: 0 auto var(--pvxmd-sp-lg);
  font-size: 0.96875rem;
  line-height: 1.7;
  color: var(--pvxmd-text-secondary);
  text-align: center;
}

.pvxmd-compat__slider-wrap {
  --pvxmd-compat-gap: 16px;
  position: relative;
  /* Stay within the container — calc(100% + Npx) + negative margins caused
     document-wide horizontal overflow (extra scrollbar) above the Missed section. */
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 18px 0;
  overflow: hidden;
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius);
  background:
    linear-gradient(180deg, rgba(255,255,255,.028) 0%, rgba(255,255,255,.012) 100%),
    var(--pvxmd-bg-strip);
  box-shadow: var(--pvxmd-shadow-sm);
}

.pvxmd-compat__fade {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 74px;
  z-index: 2;
  pointer-events: none;
}

.pvxmd-compat__fade--left {
  left: 0;
  background: linear-gradient(90deg, var(--pvxmd-bg-strip) 0%, rgba(19,19,22,0) 100%);
}

.pvxmd-compat__fade--right {
  right: 0;
  background: linear-gradient(270deg, var(--pvxmd-bg-strip) 0%, rgba(19,19,22,0) 100%);
}

.pvxmd-compat__viewport {
  overflow: hidden;
  width: 100%;
}

.pvxmd-compat__track {
  display: flex;
  align-items: center;
  gap: var(--pvxmd-compat-gap);
  width: max-content;
  will-change: transform;
  animation: pvxmd-compat-marquee 34s linear infinite;
}

.pvxmd-compat__slider-wrap:hover .pvxmd-compat__track,
.pvxmd-compat__slider-wrap:focus-within .pvxmd-compat__track {
  animation-play-state: paused;
}

.pvxmd-compat__item {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 176px;
  height: 82px;
  padding: 0 20px;
  border: 1px solid var(--pvxmd-border-light);
  border-radius: var(--pvxmd-radius-sm);
  background: linear-gradient(180deg, rgba(255,255,255,.045) 0%, rgba(255,255,255,.018) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  transition:
    transform var(--pvxmd-dur) var(--pvxmd-ease),
    border-color var(--pvxmd-dur) var(--pvxmd-ease),
    background var(--pvxmd-dur) var(--pvxmd-ease);
}

.pvxmd-compat__item:hover {
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.22);
  background: linear-gradient(180deg, rgba(255,255,255,.062) 0%, rgba(255,255,255,.028) 100%);
}

.pvxmd-compat__logo {
  display: block;
  width: min(100%, 146px);
  max-width: 100%;
  max-height: 40px;
  height: auto;
  object-fit: contain;
}

@keyframes pvxmd-compat-marquee {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(calc(-50% - (var(--pvxmd-compat-gap) / 2)), 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pvxmd-compat__fade {
    display: none;
  }

  .pvxmd-compat__viewport {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .pvxmd-compat__viewport::-webkit-scrollbar {
    display: none;
  }

  .pvxmd-compat__track {
    animation: none;
  }
}

@media (max-width: 860px) {
  .pvxmd-compat {
    padding-top: calc(var(--pvxmd-sp-lg) + 0.25rem);
    padding-bottom: calc(var(--pvxmd-sp-lg) + 0.5rem);
  }

  .pvxmd-compat__helper {
    margin-bottom: var(--pvxmd-sp-md);
    font-size: 0.9375rem;
  }

  .pvxmd-compat__slider-wrap {
    --pvxmd-compat-gap: 14px;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .pvxmd-compat__fade {
    width: 52px;
  }

  .pvxmd-compat__item {
    min-width: 158px;
    height: 74px;
    padding: 0 16px;
  }

  .pvxmd-compat__logo {
    width: min(100%, 130px);
    max-height: 34px;
  }
}

@media (max-width: 640px) {
  .pvxmd-compat__slider-wrap {
    --pvxmd-compat-gap: 12px;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 14px 0;
  }

  .pvxmd-compat__fade {
    width: 36px;
  }

  .pvxmd-compat__item {
    min-width: 132px;
    height: 64px;
    padding: 0 12px;
  }

  .pvxmd-compat__logo {
    width: min(100%, 108px);
    max-height: 28px;
  }
}

/* ============================
   5-LAYER QUALITY STACK
   ============================ */
.pvxmd-stack {
  position: relative;
  text-align: center;
  background:
    linear-gradient(180deg, #11131a 0%, #0d0f15 44%, #0a0c11 100%);
  border-top: 1px solid rgba(255,255,255,.04);
  border-bottom: 1px solid rgba(255,255,255,.04);
  isolation: isolate;
  overflow: clip;
}

.pvxmd-stack::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0,212,255,.045) 0%, rgba(0,212,255,0) 22%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.02) 0 1px, transparent 1px 184px);
  opacity: .35;
  pointer-events: none;
  z-index: 0;
}

.pvxmd-stack .pvxmd-container {
  position: relative;
  z-index: 1;
  max-width: 1280px;
}

.pvxmd-stack .pvxmd-section__title {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(1.875rem, 4.25vw, 3rem);
}

.pvxmd-stack .pvxmd-section__intro {
  max-width: 920px;
  font-size: 1.1rem;
  margin-bottom: calc(var(--pvxmd-sp-lg) + 0.5rem);
}

.pvxmd-stack .pvxmd-section__eyebrow {
  font-size: 0.75rem;
  padding: 6px 16px;
}

.pvxmd-stack__flow {
  --pvxmd-stack-gap: 18px;
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--pvxmd-stack-gap);
  list-style: none;
  margin: 0 0 var(--pvxmd-sp-lg);
  padding: 2rem 0 0;
  text-align: left;
}

.pvxmd-stack__flow::before {
  content: '';
  position: absolute;
  top: 0.75rem;
  left: calc((100% - (var(--pvxmd-stack-gap) * 4)) / 10);
  right: calc((100% - (var(--pvxmd-stack-gap) * 4)) / 10);
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(229,53,171,.82) 0%,
    rgba(0,212,255,.8) 24%,
    rgba(249,115,22,.8) 50%,
    rgba(250,204,21,.8) 76%,
    rgba(167,139,250,.84) 100%
  );
  box-shadow: 0 0 18px rgba(0,212,255,.12);
}
.pvxmd-stack__flow li.pvxmd-stack-card {
  gap: 20px;
}
.pvxmd-stack-card {
  --pvxmd-stack-accent: var(--pvxmd-cyan);
  --pvxmd-stack-rgb: 0, 212, 255;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 21rem;
  padding: 1.125rem 1.125rem 1.25rem;
  background:
    linear-gradient(180deg, rgba(var(--pvxmd-stack-rgb), .08) 0%, rgba(var(--pvxmd-stack-rgb), 0) 22%),
    linear-gradient(160deg, rgba(29,31,38,.98) 0%, rgba(22,23,30,.98) 54%, rgba(17,18,24,1) 100%);
  border: 1px solid var(--pvxmd-border);
  border-radius: var(--pvxmd-radius);
  box-shadow:
    var(--pvxmd-shadow-sm),
    inset 0 1px 0 rgba(255,255,255,.05);
  transition:
    transform var(--pvxmd-dur) var(--pvxmd-ease),
    box-shadow var(--pvxmd-dur) var(--pvxmd-ease),
    border-color var(--pvxmd-dur) var(--pvxmd-ease);
  overflow: visible;
  will-change: transform;
}

.pvxmd-stack-card::before {
  content: '';
  position: absolute;
  top: -1.5rem;
  left: 50%;
  width: 16px;
  height: 16px;
  transform: translateX(-50%) rotate(45deg);
  background: var(--pvxmd-stack-accent);
  border: 3px solid #0d0f15;
  box-shadow: 0 0 0 6px rgba(13,15,21,.94);
}

.pvxmd-stack-card:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--pvxmd-stack-rgb), .36);
  box-shadow:
    0 18px 40px rgba(0,0,0,.52),
    0 0 0 1px rgba(var(--pvxmd-stack-rgb), .12),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.pvxmd-stack-card--magenta {
  --pvxmd-stack-accent: var(--pvxmd-magenta);
  --pvxmd-stack-rgb: 229, 53, 171;
  border: 1px solid rgba(229,53,171,.2);
  border-top: 3px solid var(--pvxmd-magenta);
}

.pvxmd-stack-card--cyan {
  --pvxmd-stack-accent: var(--pvxmd-cyan);
  --pvxmd-stack-rgb: 0, 212, 255;
  border: 1px solid rgba(0,212,255,.2);
  border-top: 3px solid var(--pvxmd-cyan);
}

.pvxmd-stack-card--orange {
  --pvxmd-stack-accent: var(--pvxmd-orange);
  --pvxmd-stack-rgb: 249, 115, 22;
  border: 1px solid rgba(249,115,22,.22);
  border-top: 3px solid var(--pvxmd-orange);
}

.pvxmd-stack-card--yellow {
  --pvxmd-stack-accent: var(--pvxmd-yellow);
  --pvxmd-stack-rgb: 250, 204, 21;
  border: 1px solid rgba(250,204,21,.24);
  border-top: 3px solid var(--pvxmd-yellow);
}

.pvxmd-stack-card--violet {
  --pvxmd-stack-accent: var(--pvxmd-violet);
  --pvxmd-stack-rgb: 167, 139, 250;
  border: 1px solid rgba(167,139,250,.22);
  border-top: 3px solid var(--pvxmd-violet);
}

.pvxmd-stack-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 1.125rem;
}

.pvxmd-stack-card__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.875rem;
  padding: 5px 12px;
  font-family: var(--pvxmd-font-display);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--pvxmd-stack-accent);
  border: 1px solid rgba(var(--pvxmd-stack-rgb), .28);
  border-radius: var(--pvxmd-radius-sm);
  background: rgba(var(--pvxmd-stack-rgb), .08);
  white-space: nowrap;
}

.pvxmd-stack-card__stage {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  font-family: var(--pvxmd-font-mono);
  font-size: 0.9375rem;
  font-weight: 800;
  line-height: 1;
  color: #090b0d;
  border-radius: var(--pvxmd-radius-sm);
  background: var(--pvxmd-stack-accent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}

.pvxmd-stack-card__title {
  font-family: var(--pvxmd-font-box-title);
  font-size: 1.375rem;
  font-weight: 800;
  letter-spacing: var(--pvxmd-tracking-box-title);
  line-height: var(--pvxmd-lh-box-title);
  color: var(--pvxmd-stack-accent);
  margin: 0 0 0.875rem;
  min-height: 2.2em;
}

.pvxmd-stack-card__text {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.68;
  color: var(--pvxmd-text-secondary);
}

.pvxmd-stack__summary {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 24rem) minmax(0, 1fr);
  gap: 1.25rem 2rem;
  align-items: start;
  padding: 1.75rem 1.75rem 1.75rem 2rem;
  text-align: left;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--pvxmd-radius);
  background:
    linear-gradient(90deg, rgba(229,53,171,.06) 0%, rgba(0,212,255,.05) 26%, rgba(249,115,22,.05) 52%, rgba(250,204,21,.05) 78%, rgba(167,139,250,.06) 100%),
    linear-gradient(180deg, rgba(255,255,255,.045) 0%, rgba(255,255,255,.016) 100%),
    var(--pvxmd-bg-card);
  box-shadow:
    var(--pvxmd-shadow-sm),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.pvxmd-stack__summary::before {
  content: '';
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  width: 3px;
  background: linear-gradient(180deg, var(--pvxmd-magenta) 0%, var(--pvxmd-cyan) 24%, var(--pvxmd-orange) 50%, var(--pvxmd-yellow) 76%, var(--pvxmd-violet) 100%);
}

.pvxmd-stack__summary-title {
  margin: 0;
  font-family: var(--pvxmd-font-display);
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.24;
  color: var(--pvxmd-text-primary);
}

.pvxmd-stack__summary-text {
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.72;
  color: var(--pvxmd-text-secondary);
  max-width: 58ch;
}

@media (max-width: 1080px) {
  .pvxmd-stack__flow {
    grid-template-columns: 1fr;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 0 2rem;
    gap: 14px;
  }

  .pvxmd-stack__flow::before {
    top: 0.35rem;
    bottom: 0.35rem;
    left: 0.6875rem;
    right: auto;
    width: 1px;
    height: auto;
  }

  .pvxmd-stack-card {
    min-height: 0;
  }

  .pvxmd-stack-card::before {
    top: 1.2rem;
    left: -1.375rem;
    transform: rotate(45deg);
  }

  .pvxmd-stack__summary {
    grid-template-columns: 1fr;
  }

  .pvxmd-stack__summary-text {
    max-width: none;
  }
}

@media (max-width: 640px) {
  .pvxmd-stack .pvxmd-section__intro {
    margin-bottom: var(--pvxmd-sp-lg);
  }

  .pvxmd-stack__flow {
    padding-left: 1.75rem;
    gap: 12px;
  }

  .pvxmd-stack__flow::before {
    left: 0.5625rem;
  }

  .pvxmd-stack-card {
    padding: 0.9375rem 0.9375rem 1rem;
  }

  .pvxmd-stack-card::before {
    left: -1.1875rem;
    top: 1.125rem;
    width: 12px;
    height: 12px;
  }

  .pvxmd-stack-card__top {
    margin-bottom: 0.875rem;
  }

  .pvxmd-stack-card__title {
    font-size: 1.0625rem;
    min-height: 0;
  }

  .pvxmd-stack__summary {
    padding: 1.25rem 1rem 1.25rem 1.25rem;
  }

  .pvxmd-stack__summary-title {
    font-size: 1.125rem;
  }

  .pvxmd-stack__summary-text {
    font-size: 0.9375rem;
  }
}

/* ============================
   REVEAL ANIMATION
   ============================ */
.pvxmd-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity var(--pvxmd-dur-slow) var(--pvxmd-ease),
    transform var(--pvxmd-dur-slow) var(--pvxmd-ease);
}
.pvxmd-reveal--visible {
  opacity: 1;
  transform: translateY(0);
}

/* Lead card: never fade opacity (reads as glassy over dark page); slide only */
.pvxmd-lead__card.pvxmd-reveal {
  opacity: 1;
  transform: translateY(20px);
  transition: transform var(--pvxmd-dur-slow) var(--pvxmd-ease);
}
.pvxmd-lead__card.pvxmd-reveal--visible {
  opacity: 1;
  transform: translateY(0);
}

/* Staggered delays for sequential children */
.pvxmd-reveal--d1 { transition-delay: 0.07s; }
.pvxmd-reveal--d2 { transition-delay: 0.14s; }
.pvxmd-reveal--d3 { transition-delay: 0.21s; }
.pvxmd-reveal--d4 { transition-delay: 0.28s; }

/* ============================
   REDUCED MOTION
   ============================ */
@media (prefers-reduced-motion: reduce) {
  .pvxmd-reveal,
  .pvxmd-hero-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .pvxmd-lead__card.pvxmd-reveal {
    transform: none;
  }
  .pvxmd-proof-slide__inner {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .pvxmd-examples-sticky {
    perspective: none;
  }
  .pvxmd-btn,
  .pvxmd-card,
  .pvxmd-bcard,
  .pvxmd-compare__panel,
  .pvxmd-problem-card,
  .pvxmd-depth-card,
  .pvxmd-missed-card,
  .pvxmd-stack-card,
  .pvxmd-transformation__col,
  .pvxmd-how__tr,
  .pvxmd-chip,
  .pvxmd-preview-card,
  .pvxmd-proof-slide,
  .pvxmd-audience-card,
  .pvxmd-diff-card,
  .pvxmd-lead__card,
  .pvxmd-pcard {
    transition: none;
  }
  .pvxmd-modal__panel {
    animation: none;
  }
  .pvxmd-header__toggle-bar {
    transition: none;
  }
  .pvxmd-float-tag {
    animation: none;
    opacity: 1;
  }
  .pvxmd-bundle-why__compare-card,
  .pvxmd-bundle-why__reason {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none;
  }
  .pvxmd-lead__success--visible {
    animation: none;
  }
  .pvxmd-hero__vibecoding {
    animation: none;
    background-position: 50% 0;
  }
  .pvxmd-header {
    transition: none;
  }
  .pvxmd-fcard {
    transition: none;
  }
  .pvxmd-scard {
    transition: none;
  }
  .pvxmd-bundle__qa-spotlight {
    transition: none;
  }
  .pvxmd-compare__panel {
    transition: none;
  }
}

/* ============================
   RESPONSIVE — large tablet pricing
   ============================ */
@media (max-width: 1024px) {
  .pvxmd-section {
    padding: calc(var(--pvxmd-sp-2xl) - 1rem) 0;
  }

  .pvxmd-header__inner {
    gap: var(--pvxmd-sp-sm);
  }

  .pvxmd-header__nav {
    gap: 0.75rem;
    margin-left: 2rem;
  }

  .pvxmd-header__link {
    padding-inline: 8px;
  }

  .pvxmd-btn--nav {
    padding-inline: 14px;
    font-size: 0.76rem;
  }

  .pvxmd-hero__headline {
    font-size: 3rem;
    max-width: 760px;
  }

  .pvxmd-hero__sub {
    max-width: 600px;
    line-height: 1.68;
  }

  .pvxmd-hero__pills {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
  }

  .pvxmd-hero-preview {
    max-width: 980px;
  }

  .pvxmd-preview-card {
    min-height: 204px;
  }

  .pvxmd-stack__flow {
    gap: 12px;
  }

  .pvxmd-stack-card {
    padding: 1.1rem 1rem 1.05rem;
  }

  .pvxmd-files__layout {
    grid-template-columns: 280px 1fr;
    gap: calc(var(--pvxmd-sp-lg) - 0.25rem);
  }

  .pvxmd-audience__grid {
    gap: 14px;
  }

  .pvxmd-price-grid {
    gap: 14px;
  }

  .pvxmd-pcard {
    padding-inline: 1rem;
  }
}

@media (max-width: 1100px) {
  .pvxmd-price-grid {
    grid-template-columns: repeat(3, 1fr);
    max-width: 820px;
  }
}

/* ============================
   RESPONSIVE — tablet
   ============================ */
@media (max-width: 860px) {
  .pvxmd-header__inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.625rem;
  }

  .pvxmd-body .pvxmd-header__logo-img {
    height: 28px;
    max-width: min(118px, 30vw);
  }

  .pvxmd-btn.pvxmd-nav-mobile-cta {
    display: inline-flex !important;
    grid-column: 3;
    justify-self: end;
    margin-left: auto;
    margin-right: 0;
    height: 38px;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 8px;
    font-size: 0.76rem;
    line-height: 1;
    white-space: nowrap;
  }

  .pvxmd-header__toggle {
    grid-column: 4;
    display: flex;
    justify-self: end;
    align-self: center;
    margin-left: 2px;
  }

  .pvxmd-header__nav {
    position: fixed;
    top: var(--pvxmd-header-h);
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: 0;
    grid-template-columns: 1fr;
    align-content: start;
    background: var(--pvxmd-bg-deep);
    padding: var(--pvxmd-sp-md);
    gap: var(--pvxmd-sp-xs);
    transform: translateX(100%);
    transition: transform var(--pvxmd-dur) var(--pvxmd-ease);
    border-top: 1px solid var(--pvxmd-border);
    overflow-y: auto;
    z-index: 1200;
  }

  .pvxmd-header__nav--open {
    transform: translateX(0);
  }

  .pvxmd-header__list {
    flex-direction: column;
    gap: 0;
  }

  .pvxmd-header__link {
    padding: 14px 12px;
    font-size: 1rem;
    border-bottom: 1px solid var(--pvxmd-border);
    border-radius: 0;
  }

  .pvxmd-header__link--active::after {
    display: none;
  }

  a.pvxmd-btn.pvxmd-btn--nav {
    margin-left: 0;
  }

  .pvxmd-header__nav .pvxmd-btn--nav {
    margin-top: var(--pvxmd-sp-xs);
    width: 100%;
    min-height: 44px;
    text-align: center;
    justify-content: center;
    font-size: 0.875rem;
  }

  .pvxmd-hero__emphasis {
    white-space: normal;
  }

  .pvxmd-hero__headline {
    font-size: 2.35rem;
    max-width: 34rem;
  }

  .pvxmd-hero__sub {
    max-width: 34rem;
  }

  .pvxmd-hero__actions {
    gap: 0.75rem;
  }

  .pvxmd-hero__pills {
    max-width: 34rem;
  }

  .pvxmd-hero-img {
    margin-top: calc(var(--pvxmd-sp-md) + 0.25rem);
  }

  .pvxmd-br-desktop {
    display: none;
  }
  .pvxmd-problem__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .pvxmd-bundle__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .pvxmd-transformation__grid {
    grid-template-columns: 1fr;
  }

  .pvxmd-hero-preview__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    padding: 18px;
  }

  .pvxmd-float-tag {
    font-size: 0.625rem;
    padding: 4px 9px;
  }

  .pvxmd-float-tag--magenta2,
  .pvxmd-float-tag--cyan2 {
    display: none;
  }

  /* Audience → 2 col */
  .pvxmd-audience__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  /* Different → 1 col, remove stagger offset */
  .pvxmd-different__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 100%;
    gap: 12px;
  }
  .pvxmd-diff-card:nth-child(even) {
    transform: translateY(8px);
  }
  .pvxmd-diff-card:nth-child(even):hover {
    transform: translateY(6px);
  }
  /* Files section → stack image + cards */
  .pvxmd-files__layout {
    grid-template-columns: 1fr;
    max-width: 640px;
  }

  .pvxmd-files__image-block {
    width: min(100%, 320px);
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 3 / 4;
    position: static;
    max-height: none;
  }
  /* Scenarios — slightly narrower tag column */
  .pvxmd-scard__row {
    grid-template-columns: minmax(12rem, 15rem) minmax(0, 1fr);
    padding: 12px 20px;
    column-gap: 14px;
  }
  /* Pricing → 2 col */
  .pvxmd-price-grid {
    grid-template-columns: repeat(2, 1fr);
    max-width: 640px;
  }

  .pvxmd-pcard {
    min-width: 0;
  }

  .pvxmd-pcard__recommended,
  .pvxmd-pcard__badge,
  .pvxmd-pcard__footer span {
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  .pvxmd-section {
    padding: calc(var(--pvxmd-sp-xl) + 0.5rem) 0;
  }

  .pvxmd-section__intro {
    font-size: 1.03125rem;
    margin-bottom: calc(var(--pvxmd-sp-lg) - 0.25rem);
  }

  .pvxmd-header__inner {
    gap: 0.75rem;
  }

  .pvxmd-btn.pvxmd-nav-mobile-cta {
    height: 36px;
    min-height: 36px;
    padding: 7px 13px;
    font-size: 0.72rem;
  }

  .pvxmd-hero__eyebrow {
    margin-bottom: calc(var(--pvxmd-sp-sm) + 0.125rem);
  }

  .pvxmd-hero__headline {
    font-size: 2.625rem;
    line-height: 1.06;
    max-width: 680px;
  }

  .pvxmd-hero__emphasis {
    font-size: 1.125rem;
    line-height: 1.45;
    max-width: 34rem;
    white-space: normal;
  }

  .pvxmd-hero__sub {
    max-width: 36rem;
    margin-bottom: calc(var(--pvxmd-sp-md) + 0.25rem);
  }

  .pvxmd-btn--hero {
    min-width: min(100%, 14rem);
    padding-inline: 1.5rem;
  }

  .pvxmd-hero__microcopy {
    margin-bottom: calc(var(--pvxmd-sp-md) + 0.125rem);
  }

  .pvxmd-hero__pills {
    gap: 0.625rem;
    margin-bottom: calc(var(--pvxmd-sp-lg) + 0.25rem);
  }

  .pvxmd-float-tag--yellow,
  .pvxmd-float-tag--violet {
    display: none;
  }

  .pvxmd-hero-preview__grid {
    gap: 12px;
    padding: 16px;
  }

  .pvxmd-preview-card {
    min-height: 184px;
    padding: 18px 16px;
  }

  .pvxmd-stack__flow {
    max-width: 760px;
    margin-inline: auto;
  }

  .pvxmd-stack-card__text {
    line-height: 1.62;
  }

  .pvxmd-md-previews__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pvxmd-bundle__qa-spotlight {
    gap: calc(var(--pvxmd-sp-md) - 0.125rem);
  }

  .pvxmd-compare__panel {
    padding: calc(var(--pvxmd-sp-md) + 0.125rem);
  }

  .pvxmd-price-grid {
    max-width: 720px;
  }

  .pvxmd-pcard__recommended {
    font-size: 0.59375rem;
    padding-inline: 12px;
  }

  .pvxmd-pcard__badge {
    font-size: 0.625rem;
    padding-inline: 9px;
  }

  .pvxmd-pcard__desc {
    font-size: 0.9125rem;
  }

  .pvxmd-faq__q {
    font-size: 1rem;
  }

  .pvxmd-final__text {
    font-size: 1rem;
  }
}

/* ============================
   RESPONSIVE — mobile
   ============================ */
@media (max-width: 640px) {
  :root {
    --pvxmd-sp-2xl: 3.5rem;
    --pvxmd-sp-xl: 2.5rem;
    --pvxmd-sp-lg: 1.75rem;
  }

  /* Mobile nav */
  .pvxmd-btn.pvxmd-nav-mobile-cta {
    margin-left: auto;
    margin-right: 6px;
    height: 35px;
    min-height: 35px;
    padding: 0 12px;
    font-size: 0.7rem;
    border-radius: 7px;
    white-space: nowrap;
  }

  .pvxmd-header__toggle {
    margin-left: 0;
  }

  /* Stack hero actions */
  .pvxmd-hero__actions {
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .pvxmd-btn--hero {
    width: min(100%, 20rem);
    min-height: 46px;
  }

  .pvxmd-hero__headline {
    font-size: clamp(1.72rem, 7.6vw, 2.02rem);
    line-height: 1.08;
    max-width: none;
    letter-spacing: -0.03em;
  }

  .pvxmd-hero__headline-line--top {
    white-space: nowrap;
  }

  .pvxmd-hero__headline-line--bottom {
    display: inline-block;
    max-width: 12.8ch;
  }

  /* Hide only the three supplemental hero tags on small screens */
  .pvxmd-float-tag--lime2,
  .pvxmd-float-tag--orange2,
  .pvxmd-float-tag--violet2 {
    display: none;
  }

  /* Preview panel 2x2 on mobile */
  .pvxmd-hero-preview__grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 12px;
  }

  .pvxmd-preview-card {
    padding: 14px 12px;
    min-height: 152px;
  }

  .pvxmd-preview-card__title {
    font-size: 0.875rem;
    white-space: normal;
    line-height: 1.15;
  }
  .pvxmd-preview-card__dot {
    width: 10px;
    height: 10px;
  }
  .pvxmd-preview-card__header {
    gap: 7px;
    margin-bottom: 10px;
    padding-bottom: 9px;
  }
  .pvxmd-preview-card__list li {
    font-size: 0.8rem;
    padding: 5px 0;
  }
  .pvxmd-preview-card__rows {
    gap: 8px;
  }
  .pvxmd-preview-card__row {
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 9px;
    min-height: 38px;
    padding: 7px 8px;
  }
  .pvxmd-preview-card__marker {
    width: 26px;
    height: 26px;
    font-size: 0.8125rem;
  }
  .pvxmd-preview-card__row-text {
    font-size: 0.75rem;
    line-height: 1.25;
  }
  .pvxmd-preview-card__tag {
    width: 28px;
    height: 28px;
    font-size: 1rem;
    margin-right: 8px;
  }
  .pvxmd-preview-card__list--tags {
    gap: 7px;
  }
  .pvxmd-preview-card__mini {
    padding: 5px 9px;
    font-size: 0.75rem;
  }

  /* Problem cards stack on mobile */
  .pvxmd-problem__grid {
    grid-template-columns: 1fr;
  }

  .pvxmd-problem .pvxmd-container {
    padding-top: 1.5rem;
  }

  .pvxmd-problem .pvxmd-section__eyebrow {
    margin-top: 0;
  }
  /* Bundle cards stack on mobile */
  .pvxmd-bundle__grid {
    grid-template-columns: 1fr;
  }

  .pvxmd-md-previews__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .pvxmd-how__steps {
    max-width: 100%;
  }

  .pvxmd-how__table-scroll {
    overflow-x: visible;
  }

  .pvxmd-how__table {
    min-width: 0;
    table-layout: fixed;
  }

  .pvxmd-how__th {
    padding: 10px 12px;
  }

  .pvxmd-how__th--step,
  .pvxmd-how__row-head {
    width: 41%;
  }

  .pvxmd-how__row-head-inner {
    gap: 8px;
    padding: 12px 10px 12px 12px;
  }

  .pvxmd-how__step-num {
    width: 30px;
    height: 30px;
    font-size: 0.75rem;
  }

  .pvxmd-how__step-label {
    font-size: 0.95rem;
    line-height: 1.28;
    text-wrap: balance;
  }

  .pvxmd-how__td {
    padding: 12px 12px 12px 10px;
    font-size: 0.875rem;
    line-height: 1.5;
  }

  .pvxmd-how__intro {
    font-size: 1rem;
  }

  /* CTA strip stack */
  .pvxmd-cta-strip__inner {
    flex-direction: column;
    text-align: center;
  }
  .pvxmd-cta-strip__text {
    white-space: normal;
  }

  /* Audience → single col */
  .pvxmd-audience__grid {
    grid-template-columns: 1fr;
    max-width: 440px;
  }

  /* Different → single col */
  .pvxmd-different__grid {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
  .pvxmd-diff-card:nth-child(even) {
    transform: none;
  }
  .pvxmd-diff-card:nth-child(even):hover {
    transform: translateY(-2px);
  }

  /* Lead form stack */
  .pvxmd-lead__form-row {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .pvxmd-lead__submit {
    width: 100%;
    justify-self: stretch;
  }
  .pvxmd-lead__input {
    max-width: 100%;
  }
  .pvxmd-lead__card {
    padding: calc(var(--pvxmd-sp-lg) + 0.25rem) var(--pvxmd-sp-md);
  }

  /* Pricing → 1 col */
  .pvxmd-price-grid {
    grid-template-columns: 1fr;
    max-width: min(420px, 100%);
  }

  .pvxmd-pcard__name {
    min-height: auto;
  }

  .pvxmd-pcard {
    padding: 1.125rem 0.9375rem 1rem;
  }

  .pvxmd-pcard__recommended {
    font-size: 0.5625rem;
    letter-spacing: 0.08em;
  }

  .pvxmd-pcard__badge {
    max-width: 100%;
  }

  .pvxmd-pcard__desc {
    line-height: 1.55;
  }

  .pvxmd-btn--pcard,
  .pvxmd-btn--pcard-featured {
    width: 100%;
    min-height: 44px;
    padding-inline: 0.875rem;
    font-size: 0.8125rem;
  }

  .pvxmd-pcard__footer {
    gap: 4px;
  }

  .pvxmd-pcard__footer span {
    padding-inline: 5px;
  }

  /* Final CTA actions stack */
  .pvxmd-final__actions {
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: calc(var(--pvxmd-sp-lg) + 0.125rem);
  }

  .pvxmd-final__actions .pvxmd-btn {
    width: min(100%, 20rem);
  }

  /* Footer compact */
  .pvxmd-footer__nav {
    gap: var(--pvxmd-sp-sm);
  }

  /* Hero image compact */
  .pvxmd-hero-img {
    aspect-ratio: 16 / 7.15;
    max-width: 100%;
  }

  /* Files section fully stacked */
  .pvxmd-files__layout {
    max-width: 100%;
  }
  .pvxmd-files__image-block {
    width: min(100%, 280px);
    max-height: none;
  }

  .pvxmd-files__cards {
    gap: 12px;
  }

  /* Audience image compact */
  .pvxmd-audience__image {
    max-width: 100%;
    aspect-ratio: 11 / 6;
  }

  /* Scenario cards mobile */
  .pvxmd-scard__header {
    padding: 14px 16px;
    gap: 10px;
  }
  .pvxmd-scard__row {
    grid-template-columns: 1fr;
    padding: 12px 16px;
    column-gap: 0;
    row-gap: 8px;
  }
  .pvxmd-scard__title {
    font-size: 0.9375rem;
  }

  .pvxmd-faq__q {
    padding: 16px 0;
    font-size: 0.96875rem;
  }

  .pvxmd-faq__a {
    padding-bottom: 14px;
  }

  .pvxmd-final__trust {
    gap: 0.5rem;
  }

  .pvxmd-footer {
    padding-top: calc(var(--pvxmd-sp-lg) + 0.25rem);
  }
}

@media (max-width: 480px) {
  .pvxmd-header__inner {
    gap: 0.5rem;
  }

  .pvxmd-body .pvxmd-header__logo-img {
    max-width: min(104px, 34vw);
    height: 24px;
  }

  .pvxmd-header__toggle {
    padding: 4px;
  }

  .pvxmd-btn.pvxmd-nav-mobile-cta {
    height: 34px;
    min-height: 34px;
    padding-inline: 11px;
    font-size: 0.68rem;
  }

  .pvxmd-problem .pvxmd-container {
    padding-top: 1.125rem;
  }

  .pvxmd-how__th {
    padding: 10px 10px;
    font-size: 0.6875rem;
    letter-spacing: 0.1em;
  }

  .pvxmd-how__th--step,
  .pvxmd-how__row-head {
    width: 40%;
  }

  .pvxmd-how__row-head-inner {
    gap: 7px;
    padding: 11px 8px 11px 10px;
  }

  .pvxmd-how__step-num {
    width: 28px;
    height: 28px;
    font-size: 0.71875rem;
  }

  .pvxmd-how__step-label {
    font-size: 0.9rem;
  }

  .pvxmd-how__td {
    padding: 11px 10px 11px 8px;
    font-size: 0.84375rem;
  }

  .pvxmd-hero__headline {
    font-size: 1.64rem;
    line-height: 1.08;
  }

  .pvxmd-hero__emphasis {
    font-size: 1.03125rem;
    line-height: 1.5;
  }

  .pvxmd-hero__sub {
    font-size: 0.9375rem;
    line-height: 1.65;
  }

  .pvxmd-hero__microcopy {
    font-size: 0.6875rem;
  }

  .pvxmd-pill {
    padding: 5px 11px;
    font-size: 0.6875rem;
  }

  .pvxmd-hero-preview__grid {
    grid-template-columns: 1fr;
  }

  .pvxmd-preview-card {
    min-height: 0;
  }

  .pvxmd-float-tag {
    font-size: 0.5625rem;
    padding: 4px 8px;
  }

  .pvxmd-float-tag--orange,
  .pvxmd-float-tag--lime {
    display: none;
  }

  .pvxmd-stack__flow {
    padding-left: 1.5rem;
  }

  .pvxmd-stack-card {
    padding: 0.875rem 0.875rem 0.9375rem;
  }

  .pvxmd-bcard,
  .pvxmd-depth-card,
  .pvxmd-compare__panel,
  .pvxmd-pcard {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .pvxmd-pcard__price {
    font-size: 2.35rem;
  }

  .pvxmd-pcard__footer {
    flex-wrap: wrap;
    justify-content: center;
  }

  .pvxmd-final__title {
    font-size: 2rem;
  }

  .pvxmd-final__text {
    font-size: 0.96875rem;
  }

  .pvxmd-footer__tagline {
    max-width: 22rem;
  }
}

@media (max-width: 390px) {
  .pvxmd-hero__headline {
    font-size: 1.54rem;
  }

  .pvxmd-btn--hero,
  .pvxmd-final__actions .pvxmd-btn {
    width: 100%;
  }

  .pvxmd-pcard__recommended {
    font-size: 0.53125rem;
    padding-inline: 10px;
  }

  .pvxmd-pcard__badge,
  .pvxmd-final__trust-pill {
    font-size: 0.625rem;
  }

  .pvxmd-faq__q {
    gap: 0.75rem;
    font-size: 0.9375rem;
  }
}