:root {
  --voltr-green: #54d74d;
  --redesign-green: #54d74d;
  --redesign-green-dark: var(--volt-on, #111111);
  --voltr-paper: #f8f7f3;
  --voltr-panel: #eeefea;
  --voltr-white: #fffefa;
  --voltr-ink: #10110f;
  --voltr-muted: #666a63;
  --voltr-line: #d7d9d2;
}

::selection { background: var(--voltr-green); color: var(--voltr-ink); }
body { background: var(--voltr-paper); }
.accent,
.disp-italic,
.movement-manifesto-foot a,
.managed-program-callout > span,
.managed-program-callout > a,
.faq-sticky a { color: var(--voltr-green); }
.hero-ambient,
.hero-trustedby { display: none; }

/* Navigation */
.nav {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 50%;
  width: min(calc(100% - 40px), 1200px);
  min-height: 64px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 30px;
  padding: 8px 12px 8px 18px;
  overflow: visible;
  border: 1px solid transparent;
  border-radius: 18px;
  background: transparent;
  box-shadow: none;
  transform: translateX(-50%);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition:
    background-color 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease,
    -webkit-backdrop-filter 220ms ease,
    backdrop-filter 220ms ease;
}
.nav.nav-liquid {
  border-color: rgba(255, 255, 255, 0.72);
  background-color: rgba(255, 254, 250, 0.8);
  box-shadow:
    0 20px 54px -34px rgba(16, 17, 15, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
  -webkit-backdrop-filter: blur(22px) saturate(145%);
  backdrop-filter: blur(22px) saturate(145%);
}
.nav-brand { min-width: 112px; }
.nav-links {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 28px;
}
.nav-links > li { display: flex; align-items: center; }
.nav-links > li > a,
.nav-resources summary,
.nav-login {
  min-height: auto;
  padding: 8px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #30332e;
  font-size: 13px;
  font-weight: 640;
  transition: color 180ms ease;
}
.nav-links > li > a:hover,
.nav-links > li > a:focus-visible,
.nav-resources summary:hover,
.nav-resources summary:focus-visible,
.nav-resources details[open] summary,
.nav-login:hover,
.nav-login:focus-visible { background: transparent; color: var(--voltr-green); }
.nav-resources,
.nav-resource-details { position: relative; }
.nav-resources summary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  list-style: none;
}
.nav-resources summary::-webkit-details-marker { display: none; }
.nav-resources summary::after { display: none !important; content: none !important; }
.nav-resources summary span,
.nav-resources details[open] summary span { transform: none !important; }
.nav-resources summary svg {
  width: 12px;
  height: 12px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5;
  transition: transform 180ms ease;
}
.nav-resources details[open] summary svg { transform: rotate(180deg); }
.nav-resource-menu {
  position: absolute;
  z-index: 40;
  top: calc(100% + 17px);
  right: 0;
  left: auto;
  display: none;
  width: min(580px, calc(100vw - 48px));
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.86);
  border-radius: 18px;
  background: rgba(250, 249, 245, 0.94);
  box-shadow: 0 28px 72px -38px rgba(16, 17, 15, 0.5);
  transform: none;
  animation: none !important;
  -webkit-backdrop-filter: blur(24px) saturate(145%);
  backdrop-filter: blur(24px) saturate(145%);
}
.nav-resource-details[open] .nav-resource-menu { display: grid; }
.nav-resource-featured {
  display: flex;
  min-height: 248px;
  flex-direction: column;
  justify-content: space-between;
  padding: 26px;
  background: var(--voltr-green);
  color: var(--voltr-ink);
  text-decoration: none;
}
.nav-resource-kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.nav-resource-kicker img { width: 26px; height: 26px; border-radius: 50%; }
.nav-resource-featured > strong {
  max-width: 250px;
  font-size: 24px;
  line-height: 1.04;
  letter-spacing: -0.04em;
}
.nav-resource-read { font-size: 12px; font-weight: 720; }
.nav-resource-list { display: grid; align-content: start; padding: 25px; }
.nav-resource-label {
  margin-bottom: 7px;
  color: #858981;
  font-family: var(--mono);
  font-size: 8px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.nav-resource-list > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(16, 17, 15, 0.09);
  color: var(--voltr-ink);
  text-decoration: none;
}
.nav-resource-list > a span { display: grid; gap: 4px; }
.nav-resource-list strong { font-size: 13px; }
.nav-resource-list small { color: #777b73; font-size: 10px; }
.nav-resource-list i,
.nav-resource-read i { font-style: normal; }
.nav-resource-footer {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: space-between;
  padding: 14px 25px;
  border-top: 1px solid rgba(16, 17, 15, 0.09);
  color: #72766e;
  font-size: 11px;
}
.nav-resource-footer a { color: var(--voltr-ink); font-weight: 730; text-decoration: none; }
.nav-cta-group { display: flex; align-items: center; gap: 20px; }
.nav-cta {
  min-height: 44px;
  padding-inline: 20px;
  border-radius: 9px;
  background: var(--voltr-green);
  color: var(--voltr-ink);
}
.nav-cta:hover,
.nav-cta:focus-visible,
.btn.btn-primary.landing-primary-cta:hover,
.btn.btn-primary.landing-primary-cta:focus-visible {
  background: var(--voltr-green);
  color: var(--voltr-ink);
  box-shadow: var(--btn-volt-shadow-hover);
  transform: translateY(-1px);
}

/* Hero and trusted logo rail */
.hero { position: relative; min-height: 680px; padding: 124px 0 56px; background: var(--voltr-paper); }
.hero-shell { display: grid; min-height: 500px; align-items: center; }
.hero-copy {
  width: 100%;
  max-width: 1120px;
  margin-inline: auto;
  text-align: center;
}
.hero-badge {
  width: max-content;
  margin: 0 auto 26px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.hero-h1 {
  margin: 0;
  font-family: var(--font);
  font-size: clamp(66px, 7.5vw, 110px);
  font-weight: 650;
  line-height: 1;
  letter-spacing: -0.067em;
  text-transform: none;
}
.hero .lead {
  max-width: 760px;
  margin: 30px auto 0;
  color: #666a63;
  font-size: clamp(18px, 1.55vw, 22px);
  line-height: 1.52;
}
.hero-ctas {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  margin-top: 32px;
}
.btn.btn-primary.landing-primary-cta {
  min-width: 0;
  min-height: 44px;
  justify-content: center;
  gap: 12px;
  padding: 0 16px 0 20px;
  border: 1px solid color-mix(in srgb, var(--volt) 60%, var(--border));
  border-radius: 9px;
  background: var(--voltr-green);
  color: var(--voltr-ink);
  box-shadow: var(--btn-volt-shadow);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
.btn.btn-primary.landing-primary-cta .landing-primary-cta-arrow {
  display: inline-block;
  width: auto;
  height: auto;
  flex: 0 0 auto;
  font-size: 17px;
  font-weight: 760;
  line-height: 1;
  transform: translateY(-1px);
}
.hero-text-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--voltr-ink);
  font-size: 15px;
  font-weight: 720;
  text-decoration: none;
}
.hero-text-link > span {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid var(--voltr-line);
  border-radius: 50%;
}
.hero-text-link svg { width: 16px; height: 16px; }
.logo-carousel { padding: 26px 0 52px; border: 0; background: var(--voltr-paper); }
.logo-carousel-label { margin-bottom: 22px; color: #858981; }
.logo-carousel-viewport { border: 0; }
.logo-carousel-track:hover,
.logo-carousel-track:focus-within { animation-play-state: paused; }

/* Real product bento */
.conviction-product { overflow: visible; padding: 112px 0 120px; background: var(--voltr-paper); }
.conviction-product-head {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.55fr);
  align-items: end;
  gap: 42px;
  margin-bottom: 44px;
}
.conviction-product-head .eyebrow {
  grid-column: 1 / -1;
  align-self: start;
  margin: 0 0 -12px;
}
.conviction-product-head h2 {
  grid-column: 1;
  margin: 0;
  font-family: var(--font);
  font-size: clamp(58px, 6.3vw, 86px);
  font-weight: 650;
  line-height: 0.92;
  letter-spacing: -0.065em;
}
.conviction-product-head > p {
  grid-column: 2;
  margin: 0 0 8px;
  color: var(--voltr-muted);
  font-size: 15px;
  line-height: 1.65;
}
.product-gallery-scroll {
  position: relative;
  min-height: calc(620px + 210vh);
}
.product-gallery {
  position: sticky;
  top: 88px;
  z-index: 2;
  overflow: hidden;
  border: 1px solid var(--voltr-line);
  border-radius: 28px;
  background: var(--voltr-white);
}
.product-gallery-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid var(--voltr-line);
}
.product-gallery-tabs button {
  display: flex;
  min-height: 68px;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  padding: 0 24px;
  border: 0;
  border-right: 1px solid var(--voltr-line);
  background: transparent;
  color: #6b6f67;
  font-family: var(--ui);
  font-size: 14px;
  font-weight: 650;
  text-align: left;
}
.product-gallery-tabs button:last-child { border-right: 0; }
.product-gallery-tabs button span {
  color: #9a9e96;
  font-family: var(--mono);
  font-size: 8px;
  letter-spacing: 0.08em;
}
.product-gallery-tabs button.is-active {
  background: #eeefea;
  color: var(--voltr-ink);
  box-shadow: inset 0 3px 0 var(--voltr-green);
}
.product-gallery-tabs button.is-active span { color: var(--voltr-green); }
.product-gallery-stage { background: #e7e8e3; }
.product-gallery-panel {
  display: grid;
  min-height: clamp(500px, calc(100vh - 172px), 620px);
  grid-template-columns: minmax(290px, 0.36fr) minmax(0, 0.64fr);
  align-items: stretch;
}
.product-gallery-panel[hidden] { display: none; }
.product-gallery-panel.is-active { animation: product-panel-enter 420ms ease both; }
@keyframes product-panel-enter {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
.product-gallery-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 52px 44px;
  border-right: 1px solid var(--voltr-line);
  background: var(--voltr-white);
}
.product-gallery-copy > span {
  color: var(--voltr-green);
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 750;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.product-gallery-copy h3 {
  max-width: 430px;
  margin: 22px 0 0;
  font-family: var(--font);
  font-size: clamp(38px, 4vw, 56px);
  font-weight: 680;
  line-height: 0.97;
  letter-spacing: -0.058em;
}
.product-gallery-copy p {
  max-width: 420px;
  margin: 24px 0 0;
  color: var(--voltr-muted);
  font-size: 14px;
  line-height: 1.65;
}
.product-gallery-media {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
}
.product-gallery-media-desktop {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
}
.product-gallery-media-desktop img {
  display: block;
  width: 100%;
  max-width: 820px;
  height: auto;
  border: 6px solid #f7f6f2;
  border-radius: 18px;
  box-shadow: 0 34px 72px -46px rgba(16, 17, 15, 0.62);
}
.product-gallery-panel-phone { grid-template-columns: minmax(0, 0.55fr) minmax(340px, 0.45fr); }
.product-gallery-media-phone {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-top: 48px;
  background: var(--voltr-green);
}
.product-gallery-media-phone img {
  display: block;
  width: min(340px, 76%);
  height: auto;
  margin-bottom: -260px;
  border: 9px solid #292c2f;
  border-radius: 48px;
  background: #fff;
  box-shadow: 0 36px 70px -42px rgba(16, 17, 15, 0.66);
}
.product-gallery-stat { display: grid; gap: 8px; margin-top: 42px; }
.product-gallery-stat strong {
  font-size: clamp(48px, 5.5vw, 74px);
  line-height: 0.9;
  letter-spacing: -0.075em;
}
.product-gallery-stat small { max-width: 250px; color: #747870; font-size: 10px; line-height: 1.4; }
.product-gallery-panel-community { grid-template-columns: minmax(0, 0.48fr) minmax(0, 0.52fr); }
.product-gallery-media-phones {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 18px;
  padding: 40px 22px 0;
}
.product-gallery-media-phones img {
  display: block;
  width: min(42%, 260px);
  height: auto;
  margin-bottom: -210px;
  border: 8px solid #292c2f;
  border-radius: 40px;
  background: #fff;
  box-shadow: 0 32px 68px -44px rgba(16, 17, 15, 0.65);
}
.product-gallery-media-phones img:nth-child(2) { margin-bottom: -150px; }

/* Community highlights */
.community-highlights-section { overflow: hidden; padding: 118px 0 112px; background: #e5e6e1; }
.community-highlights-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 40px;
  margin: 0;
}
.community-highlights-head > div:first-child { display: grid; gap: 14px; }
.community-highlights-head h2 {
  margin: 0;
  color: var(--voltr-ink);
  font-size: clamp(56px, 7vw, 96px);
  line-height: 0.9;
  letter-spacing: -0.065em;
  text-transform: uppercase;
}
.community-highlights-head .creator-reel-controls { display: flex; gap: 10px; }
.community-highlights-head .creator-reel-controls button {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid #bfc2ba;
  border-radius: 50%;
  background: transparent;
  color: var(--voltr-ink);
  cursor: pointer;
}
.community-highlights-head .creator-reel-controls button:hover,
.community-highlights-head .creator-reel-controls button:focus-visible {
  border-color: var(--voltr-green);
  background: var(--voltr-green);
}
.community-highlights-head .creator-reel-controls button:focus-visible { outline: 2px solid #20251f; outline-offset: 3px; }
.community-highlights-head .creator-reel-controls button:disabled { opacity: .35; cursor: default; }
.creator-loop-rail.community-highlights-rail {
  display: flex;
  width: min(calc(100% - 48px), 1280px);
  max-width: 1280px;
  gap: 16px;
  margin: 52px auto 0;
  padding: 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-padding-inline: 0;
  scroll-snap-type: inline proximity;
  scrollbar-width: none;
}
.creator-loop-rail.community-highlights-rail::-webkit-scrollbar { display: none; }
.community-highlights-rail figure,
.community-highlights-rail figure:nth-child(even),
.community-highlights-rail figure:first-child {
  flex: 0 0 calc((100% - 48px) / 4);
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border-radius: 24px;
  scroll-snap-align: start;
}
.community-highlights-rail video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 9 / 16;
  border: 0;
  border-radius: 24px;
  background: #cfd1cb;
  object-fit: cover;
}
.creator-loop-rail.community-highlights-rail.is-live-reel {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: visible;
}
.community-highlights-rail.is-live-reel figure {
  position: relative;
  aspect-ratio: 9 / 16;
  isolation: isolate;
}
.community-highlights-rail.is-live-reel video { height: 100%; }
.community-highlights-rail video.is-incoming {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0;
  filter: blur(4px);
  transform: scale(1.025);
  transition: opacity 650ms ease, filter 650ms ease, transform 650ms ease;
}
.community-highlights-rail video.is-incoming.is-revealing { opacity: 1; filter: none; transform: none; }
.community-highlights-rail:focus-visible { outline: 2px solid #4dd848; outline-offset: 8px; border-radius: 24px; }
@media (max-width: 980px) {
  .creator-loop-rail.community-highlights-rail.is-live-reel { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .creator-loop-rail.community-highlights-rail.is-live-reel { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .community-highlights-rail.is-live-reel figure,
  .community-highlights-rail.is-live-reel video { border-radius: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .community-highlights-rail video.is-incoming { transition: none; filter: none; transform: none; }
}
.community-highlights-rail figcaption,
.community-highlights-footer .creator-reel-progress,
.community-highlights-footer > p { display: none; }
.community-highlights-footer {
  display: flex;
  justify-content: center;
  margin-top: 48px;
  padding-top: 0;
  border: 0;
}
a.creator-network-cta {
  color: var(--voltr-ink);
  font-size: clamp(22px, 2.3vw, 32px);
  font-weight: 740;
  letter-spacing: -0.04em;
  text-decoration: none;
}
a.creator-network-cta:hover,
a.creator-network-cta:focus-visible { color: var(--voltr-green); }

/* Scroll-led movement section */
.movement-manifesto {
  position: relative;
  min-height: 260vh;
  overflow: clip;
  padding: 0;
  background: var(--voltr-paper);
}
.movement-manifesto > .container { min-height: inherit; }
.movement-manifesto-layout {
  position: sticky;
  top: 0;
  display: grid;
  min-height: 100vh;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  align-items: start;
  gap: clamp(48px, 5vw, 80px);
  padding: clamp(84px, 10vh, 104px) 0 clamp(112px, 16vh, 136px);
}
.movement-manifesto-head {
  position: static;
  align-self: center;
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
}
.movement-manifesto-head .eyebrow { margin: 0; }
.movement-manifesto-head h2 {
  max-width: 590px;
  margin: 0;
  font-family: var(--font);
  font-size: clamp(46px, 4.4vw, 62px);
  font-weight: 650;
  line-height: 0.94;
  letter-spacing: -0.062em;
}
.movement-title-accent {
  color: var(--voltr-green);
}
.movement-anchor {
  display: grid;
  max-width: 560px;
  grid-template-columns: 1fr;
  gap: 20px;
  margin-top: 10px;
}
.movement-progress {
  display: grid;
  grid-template-columns: 30px minmax(120px, 1fr) 30px;
  align-items: center;
  gap: 12px;
  color: #989c94;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.12em;
}
.movement-progress > span:not(.movement-progress-track) {
  display: grid;
  min-height: 24px;
  place-items: center;
}
.movement-progress > span:first-child { color: var(--voltr-green); }
.movement-progress-track {
  position: relative;
  height: 6px;
  overflow: visible;
  border-radius: 999px;
  background: #dcddd7;
  box-shadow: inset 0 0 0 1px rgba(16, 17, 15, 0.035);
}
.movement-progress-track > i {
  position: relative;
  display: block;
  width: 33.3333%;
  height: 100%;
  border-radius: inherit;
  background: var(--voltr-green);
  transition: width 360ms ease;
}
.movement-progress-track > i::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 12px;
  height: 12px;
  border: 3px solid var(--voltr-white);
  border-radius: 50%;
  background: var(--voltr-green);
  box-shadow: 0 1px 4px rgba(16, 17, 15, 0.22);
  content: '';
  transform: translate(50%, -50%);
}
.movement-anchor > p {
  max-width: 520px;
  margin: 0;
  color: var(--voltr-muted);
  font-size: 16px;
  line-height: 1.55;
  transition: opacity 180ms ease;
}
.movement-manifesto-story {
  position: relative;
  min-width: 0;
  min-height: min(62vh, 560px);
  align-self: center;
  overflow: visible;
  padding: 0 18px 0 0;
}
.movement-lines {
  position: relative;
  min-height: min(62vh, 560px);
  margin: 0;
}
.movement-lines p {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  display: grid;
  min-height: 0;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  margin: 0;
  color: #d0d2cc;
  font-family: var(--font);
  font-size: clamp(38px, 4.1vw, 56px);
  font-weight: 640;
  line-height: 1;
  letter-spacing: -0.055em;
  opacity: var(--movement-opacity, 0);
  filter: blur(var(--movement-blur, 0));
  transform: translateY(calc(-50% + var(--movement-y, 0px)));
  transition: color 360ms ease, filter 360ms ease, opacity 360ms ease, transform 440ms cubic-bezier(0.22, 1, 0.36, 1);
}
.movement-lines p > .movement-step {
  align-self: center;
  margin: 0;
  color: #b7bab2;
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: 0.1em;
}
.movement-lines p > .movement-line-text {
  min-width: 0;
  margin: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.movement-lines p > .movement-line-text > .movement-line-last {
  margin: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-decoration-line: underline;
  text-decoration-color: rgba(78, 218, 70, 0.55);
  text-decoration-thickness: 0.075em;
  text-underline-offset: 0.13em;
  text-decoration-skip-ink: none;
}
.movement-lines p.is-active,
.movement-lines p.is-active:nth-child(2) {
  color: var(--voltr-ink);
  transform: translateY(calc(-50% + var(--movement-y, 0px)));
}
.movement-lines p.is-active > .movement-step { color: var(--voltr-green); }
.movement-lines p.is-active .movement-line-last { text-decoration-color: var(--voltr-green); }

@media (prefers-reduced-motion: reduce) {
  .movement-manifesto,
  .movement-manifesto > .container { min-height: 0; }
  .movement-manifesto-layout {
    position: static;
    min-height: 0;
    padding-block: 112px 88px;
  }
  .movement-manifesto-story,
  .movement-lines {
    min-height: 0;
    overflow: visible;
  }
  .movement-lines { display: grid; gap: 48px; }
  .movement-lines p,
  .movement-lines p.is-active,
  .movement-lines p.is-active:nth-child(2) {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    min-height: 180px;
    opacity: 1;
    transform: none;
  }
}

/* Two-row field proof */
.field-proof { overflow: hidden; padding: 88px 0 68px; background: #e7e8e3; }
.field-proof-head {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.55fr);
  align-items: end;
  gap: 56px;
}
.field-proof-head h2 {
  margin: 18px 0 0;
  font-family: var(--font);
  font-weight: 650;
  font-size: clamp(50px, 5.7vw, 76px);
  line-height: 0.94;
  letter-spacing: -0.067em;
}
.field-proof-head > p {
  max-width: 390px;
  margin: 0 0 8px;
  color: var(--voltr-muted);
  font-size: 15px;
  line-height: 1.62;
}
.proof-marquee-stack { display: grid; gap: 14px; margin-top: 44px; }
.proof-marquee-row {
  position: relative;
  overflow: hidden;
}
.proof-marquee-row::before,
.proof-marquee-row::after {
  position: absolute;
  z-index: 2;
  top: -28px;
  bottom: -28px;
  width: clamp(22px, 3.5vw, 54px);
  background: rgba(231, 232, 227, 0.92);
  content: "";
  filter: blur(8px);
  pointer-events: none;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
.proof-marquee-row::before {
  left: -16px;
  box-shadow:
    24px 0 28px 12px rgba(231, 232, 227, 0.78),
    54px 0 48px 10px rgba(231, 232, 227, 0.32);
}
.proof-marquee-row::after {
  right: -16px;
  box-shadow:
    -24px 0 28px 12px rgba(231, 232, 227, 0.78),
    -54px 0 48px 10px rgba(231, 232, 227, 0.32);
}
.proof-row-track {
  --proof-card-width: 320px;
  --proof-set-width: 1002px;
  display: flex;
  position: relative;
  left: 50%;
  width: max-content;
  gap: 14px;
  animation: proof-row-left 52s linear infinite;
}
.proof-marquee-row-reverse .proof-row-track { animation-name: proof-row-right; animation-duration: 58s; }
.proof-marquee-row:focus-within .proof-row-track { animation-play-state: paused; }
@keyframes proof-row-left {
  from { transform: translateX(-50%); }
  to { transform: translateX(calc(-50% - var(--proof-set-width))); }
}
@keyframes proof-row-right {
  from { transform: translateX(calc(-50% - var(--proof-set-width))); }
  to { transform: translateX(-50%); }
}
.proof-mini-card {
  display: flex;
  position: relative;
  width: var(--proof-card-width);
  min-height: 172px;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 22px;
  overflow: hidden;
  border: 1px solid rgba(16, 17, 15, 0.07);
  border-radius: 20px;
  background: #f3f3ef;
  color: var(--voltr-ink);
}
.proof-mini-card > header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: #696d65;
  font-family: var(--mono);
  font-size: 7px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.proof-mini-card > header b { display: none; }
.proof-mini-card blockquote {
  margin: 24px 0 18px;
  font-size: 18px;
  font-weight: 670;
  line-height: 1.12;
  letter-spacing: -0.045em;
}
.proof-mini-card > footer { display: flex; align-items: center; gap: 10px; margin-top: auto; }
.proof-mini-card > footer img { width: 30px; height: 30px; border-radius: 50%; }
.proof-mini-card > footer span { display: grid; gap: 2px; }
.proof-mini-card > footer strong { font-size: 11px; }
.proof-mini-card > footer small { display: none; }
.proof-mini-metric > strong {
  margin-top: 24px;
  color: var(--voltr-green);
  font-size: 44px;
  line-height: 0.9;
  letter-spacing: -0.075em;
}
.proof-mini-metric > p {
  max-width: 250px;
  margin: auto 0 0;
  font-size: 13px;
  font-weight: 620;
  line-height: 1.32;
  letter-spacing: -0.025em;
}
.proof-mini-green,
.proof-mini-dark { border-color: rgba(16, 17, 15, 0.07); background: #f3f3ef; color: var(--voltr-ink); }
.proof-mini-card:nth-child(3n + 2) { background: #eceee8; }

/* Clear pricing hierarchy */
.pricing { padding: 120px 0 112px; background: var(--voltr-paper); }
.pricing-head-calculator {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 54px;
  margin-bottom: 48px;
}
.pricing-head h2 {
  margin: 18px 0 0;
  font-family: var(--font);
  font-weight: 650;
  font-size: clamp(58px, 6.7vw, 90px);
  line-height: 0.92;
  letter-spacing: -0.067em;
  text-transform: none;
}
.pricing-head h2 .accent { white-space: nowrap; }
.pricing-head .lead { max-width: 630px; margin-top: 24px; color: var(--voltr-muted); font-size: 16px; }
.toggle-container { background: #eceee9; box-shadow: inset 0 0 0 1px var(--voltr-line); }
.toggle-btn.active,
.toggle-slider { background: var(--voltr-green); }
.toggle-saving { color: var(--voltr-ink); }
.pricing-showcase {
  display: grid;
  grid-template-columns: minmax(330px, 0.78fr) minmax(0, 1.22fr);
  overflow: hidden;
  border: 1px solid var(--voltr-line);
  border-radius: 30px;
  background: var(--voltr-white);
}
.pricing-free-spotlight {
  display: flex;
  min-height: 580px;
  flex-direction: column;
  padding: 42px;
  background: var(--voltr-green);
  color: var(--voltr-ink);
}
.pricing-free-spotlight > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.pricing-free-spotlight > header span {
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.pricing-free-spotlight > header strong { font-size: 20px; }
.pricing-free-price { display: flex; align-items: baseline; gap: 12px; margin-top: 50px; }
.pricing-free-price b {
  font-size: clamp(82px, 8vw, 116px);
  line-height: 0.82;
  letter-spacing: -0.09em;
}
.pricing-free-price small { font-size: 12px; font-weight: 700; }
.pricing-free-spotlight h3 {
  max-width: 370px;
  margin: 48px 0 0;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1;
  letter-spacing: -0.05em;
}
.pricing-free-spotlight ul {
  display: grid;
  gap: 13px;
  margin: 25px 0 0;
  padding: 0;
  list-style: none;
}
.pricing-free-spotlight li {
  position: relative;
  padding-left: 20px;
  font-size: 13px;
  line-height: 1.4;
}
.pricing-free-spotlight li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "✓";
  font-weight: 800;
}
.pricing-free-spotlight > a {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: auto;
  padding: 0 19px;
  border-radius: 10px;
  background: var(--voltr-ink);
  color: var(--voltr-paper);
  font-size: 14px;
  font-weight: 740;
  text-decoration: none;
}
.pricing-free-spotlight > p { margin: 12px 0 0; font-size: 10px; text-align: center; }
.pricing-paid-stack { display: grid; align-content: start; padding: 0 38px; }
.pricing-paid-intro {
  display: flex;
  min-height: 82px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: #777b73;
  font-size: 11px;
}
.pricing-paid-intro a { color: var(--voltr-ink); font-weight: 720; text-decoration: none; }
.pricing-paid-plan {
  display: grid;
  min-height: 124px;
  grid-template-columns: minmax(150px, 0.78fr) minmax(220px, 1.22fr) auto;
  align-items: center;
  gap: 24px;
  border-top: 1px solid var(--voltr-line);
}
.pricing-paid-plan > div { display: grid; gap: 7px; }
.pricing-paid-plan > div > span { font-size: 21px; font-weight: 720; letter-spacing: -0.035em; }
.pricing-paid-plan > div small { color: #777b73; font-size: 10px; }
.pricing-paid-plan i {
  margin-left: 6px;
  color: var(--voltr-green);
  font-family: var(--mono);
  font-size: 7px;
  font-style: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pricing-paid-plan ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  color: #62665e;
  font-size: 10px;
  list-style: none;
}
.pricing-paid-plan > p {
  display: flex;
  align-items: baseline;
  justify-content: end;
  gap: 5px;
  margin: 0;
}
.pricing-paid-plan > p strong { font-size: 36px; letter-spacing: -0.065em; }
.pricing-paid-plan > p small { color: #777b73; font-size: 9px; }
.pricing-paid-plan-featured { box-shadow: inset 4px 0 0 var(--voltr-green); }
.pricing-paid-stack > footer {
  display: flex;
  min-height: 98px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-top: 1px solid var(--voltr-line);
}
.pricing-paid-stack > footer > span {
  max-width: 400px;
  color: #62665e;
  font-size: 11px;
  line-height: 1.5;
}
.pricing-paid-stack > footer a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 12px;
  padding: 0 17px;
  border-radius: 9px;
  background: var(--voltr-green);
  color: var(--voltr-ink);
  font-size: 12px;
  font-weight: 740;
  text-decoration: none;
  white-space: nowrap;
}
.pricing-builder-disclosure { margin-top: 18px; border: 0; background: transparent; }
.pricing-builder-disclosure > summary {
  display: flex;
  min-height: 78px;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 18px 24px;
  border: 1px solid var(--voltr-line);
  border-radius: 16px;
  background: var(--voltr-white);
  cursor: pointer;
  list-style: none;
}
.pricing-builder-disclosure > summary::-webkit-details-marker { display: none; }
.pricing-builder-disclosure > summary:focus-visible {
  outline: 2px solid var(--voltr-green);
  outline-offset: 2px;
}
.pricing-builder-disclosure > summary > span { display: grid; gap: 6px; }
.pricing-builder-disclosure > summary strong { font-size: 15px; }
.pricing-builder-disclosure > summary small { color: #777b73; font-size: 10px; }
.pricing-builder-disclosure > summary b { color: var(--voltr-ink); font-size: 12px; }
.pricing-builder-disclosure > summary i { margin-left: 8px; color: var(--voltr-green); font-style: normal; }
.pricing-builder-disclosure[open] > summary { border-radius: 16px 16px 0 0; }
.pricing-builder-disclosure:not([open]) > .pricing-builder { display: none !important; }
.pricing-builder-disclosure[open] > .pricing-builder {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(340px, 0.8fr);
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--voltr-line);
  border-top: 0;
  border-radius: 0 0 24px 24px;
  background: var(--voltr-white);
}
.pricing-builder-controls { padding: 40px; }
.pricing-builder-result {
  min-height: 0;
  padding: 40px;
  border-left: 1px solid var(--voltr-line);
  background: #eceee9;
}
.pricing-builder-result > h3 { color: var(--voltr-ink); }
.pricing-range-labels button:hover,
.pricing-range-labels button:focus-visible { color: var(--voltr-green); }
.managed-program-callout {
  display: grid;
  min-height: 124px;
  grid-template-columns: 120px minmax(0, 1fr) auto;
  align-items: center;
  gap: 34px;
  margin-top: 48px;
  padding: 24px 28px;
  border-top: 1px solid var(--voltr-line);
  border-bottom: 1px solid var(--voltr-line);
}
.managed-program-callout > span {
  font-family: var(--mono);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.managed-program-callout h3 { margin: 0; font-size: 22px; letter-spacing: -0.04em; }
.managed-program-callout p { margin: 8px 0 0; color: #777b73; font-size: 11px; }
.managed-program-callout > a { font-size: 13px; font-weight: 740; text-decoration: none; }

/* FAQ */
.faq { padding: 112px 0 118px; background: #e9ebe6; }
.faq-layout {
  display: grid;
  max-width: 1200px;
  grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.18fr);
  align-items: start;
  gap: 90px;
}
.faq-sticky {
  position: static;
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
}
.faq-sticky .eyebrow { display: block; margin: 0 0 26px; }
.faq-sticky h2 {
  margin: 0;
  font-family: var(--font);
  font-weight: 650;
  font-size: clamp(58px, 7vw, 90px);
  line-height: 0.9;
  letter-spacing: -0.067em;
  text-transform: none;
}
.faq-sticky p {
  max-width: 330px;
  margin: 36px 0 0;
  color: var(--voltr-muted);
  font-size: 15px;
  line-height: 1.55;
}
.faq-sticky a {
  font-weight: 670;
  text-decoration-color: currentColor;
  text-underline-offset: 3px;
}
.faq-list { display: grid; gap: 0; border-top: 0; }
.faq-item { border: 0; border-bottom: 1px solid #cfd2ca; border-radius: 0; background: transparent; }
.faq-item:first-child { border-top: 1px solid #cfd2ca; }
.faq-q { min-height: 84px; padding: 20px 2px; font-size: 17px; }
.faq-toggle { width: 30px; height: 30px; border: 0; background: rgba(16, 17, 15, 0.05); }
.faq-a { padding-right: 55px; }

/* Footer */
.conviction-footer { background: var(--voltr-paper); }
.footer.marketing-footer.conviction-footer .footer-inner {
  grid-template-columns: minmax(200px, 0.62fr) minmax(330px, 0.88fr) minmax(270px, 0.8fr);
  gap: 64px;
}
.footer-directory {
  display: grid;
  width: min(100%, 500px);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-self: end;
  gap: 70px;
}
.footer-utility {
  display: grid;
  justify-items: end;
  align-content: start;
  gap: 26px;
}
.footer-utility .footer-bottom-legal {
  justify-content: flex-end;
  gap: 18px;
}
.footer-utility .footer-social { justify-self: end; }
.marketing-footer .footer-links strong { margin-bottom: 16px; }
.marketing-footer .footer-links a { min-height: 31px; }
.marketing-footer .footer-copy,
.footer-wordmark { grid-column: 1 / -1; }
.marketing-footer .footer-copy {
  grid-template-columns: 1fr;
  margin-top: 4px;
  padding-top: 24px;
}
.footer.marketing-footer::before {
  display: block;
  top: auto;
  right: -80px;
  bottom: -230px;
  left: auto;
  width: 560px;
  height: 600px;
  opacity: 0.018;
  transform: rotate(8deg);
}
.footer.marketing-footer::after { display: none; }
.back-to-top { background: var(--voltr-green); color: var(--voltr-ink); }

@media (max-width: 1100px) {
  .nav-links { gap: 19px; }
  .conviction-product-head { grid-template-columns: minmax(0, 1.25fr) minmax(240px, 0.75fr); }
  .product-gallery-panel { grid-template-columns: minmax(270px, 0.4fr) minmax(0, 0.6fr); }
  .product-gallery-copy { padding: 42px 34px; }
  .product-gallery-media-desktop { padding-left: 28px; }
  .pricing-paid-plan {
    grid-template-columns: minmax(135px, 0.8fr) minmax(160px, 1.2fr) auto;
    gap: 16px;
  }
}

@media (max-width: 980px) {
  .nav { grid-template-columns: auto 1fr auto; }
  .nav-links,
  .nav-cta-group { display: none; }
  .hamburger { display: grid; grid-column: 3; }
  .hero { min-height: 670px; padding-top: 120px; }
  .product-gallery-scroll { min-height: 0; }
  .product-gallery { position: relative; top: auto; }
  .product-gallery-tabs button { min-height: 62px; padding-inline: 18px; }
  .product-gallery-panel { min-height: 570px; grid-template-columns: minmax(250px, 0.43fr) minmax(0, 0.57fr); }
  .product-gallery-copy { padding: 36px 28px; }
  .product-gallery-copy h3 { font-size: 40px; }
  .product-gallery-media-desktop { padding: 28px; }
  .product-gallery-media-phone img { width: min(300px, 80%); }
  .community-highlights-rail figure,
  .community-highlights-rail figure:nth-child(even),
  .community-highlights-rail figure:first-child { flex-basis: calc((100% - 32px) / 3); }
  .movement-manifesto-layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr); gap: 36px; }
  .movement-manifesto-head { grid-template-columns: 1fr; gap: 24px; }
  .movement-anchor { grid-template-columns: 1fr; }
  .movement-lines { margin-left: 0; }
  .field-proof-head { grid-template-columns: 1fr; gap: 28px; }
  .pricing-head-calculator { grid-template-columns: 1fr; gap: 28px; }
  .pricing-head-calculator .builder-billing { justify-self: start; }
  .pricing-showcase { grid-template-columns: 1fr; }
  .pricing-free-spotlight { min-height: 520px; }
  .pricing-builder-disclosure[open] > .pricing-builder { grid-template-columns: 1fr; }
  .pricing-builder-result { border-top: 1px solid var(--voltr-line); border-left: 0; }
  .faq-layout { grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1.3fr); gap: 50px; }
  .conviction-footer .footer-inner { gap: 45px; }
}

@media (max-width: 720px) {
  .nav {
    top: 0;
    width: calc(100% - 20px);
    min-height: 58px;
    padding: 7px 10px 7px 14px;
    border-radius: 16px;
  }
  .nav-cta-group { display: none !important; }
  .hero { min-height: 640px; padding: 112px 0 56px; }
  .hero-shell { min-height: 460px; }
  .hero-h1 {
    font-size: clamp(42px, 12vw, 52px);
    letter-spacing: -0.045em;
  }
  .hero .lead { margin-top: 24px; font-size: 16px; }
  .hero-ctas { align-items: stretch; flex-direction: column-reverse; gap: 16px; }
  .hero-text-link { justify-content: center; }
  .logo-carousel { padding-bottom: 38px; }
  .conviction-product,
  .community-highlights-section,
  .movement-manifesto,
  .field-proof,
  .pricing,
  .faq { padding-top: 84px; padding-bottom: 84px; }
  .conviction-product-head {
    grid-template-columns: 1fr;
    gap: 22px;
    margin-bottom: 38px;
  }
  .conviction-product-head .eyebrow,
  .conviction-product-head > p { grid-column: 1; }
  .conviction-product-head h2,
  .field-proof-head h2,
  .pricing-head h2 { font-size: 52px; }
  .product-gallery { border-radius: 22px; }
  .product-gallery-tabs {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .product-gallery-tabs::-webkit-scrollbar { display: none; }
  .product-gallery-tabs button {
    min-width: 128px;
    min-height: 58px;
    flex: 0 0 auto;
    padding-inline: 16px;
  }
  .product-gallery-panel,
  .product-gallery-panel-phone,
  .product-gallery-panel-community {
    min-height: 0;
    grid-template-columns: 1fr;
  }
  .product-gallery-copy {
    padding: 34px 26px;
    border-right: 0;
    border-bottom: 1px solid var(--voltr-line);
  }
  .product-gallery-copy h3 { margin-top: 18px; font-size: 38px; }
  .product-gallery-copy p { margin-top: 18px; }
  .product-gallery-copy ul { margin-top: 26px; }
  .product-gallery-media-desktop { min-height: 0; padding: 22px; }
  .product-gallery-media-desktop img { width: 100%; }
  .product-gallery-media-phone { min-height: 440px; padding-top: 34px; }
  .product-gallery-media-phone img { width: min(286px, 72%); margin-bottom: -190px; }
  .product-gallery-media-phones { min-height: 430px; padding-top: 30px; }
  .product-gallery-media-phones img { width: min(43%, 210px); margin-bottom: -100px; }
  .product-gallery-media-phones img:nth-child(2) { margin-bottom: -50px; }
  .community-highlights-head { align-items: start; flex-direction: column; }
  .community-highlights-head .creator-reel-controls { display: none; }
  .community-highlights-head h2 { font-size: 52px; }
  .community-highlights-rail figure,
  .community-highlights-rail figure:nth-child(even),
  .community-highlights-rail figure:first-child { flex-basis: min(72vw, 320px); }
  .movement-manifesto {
    min-height: 0;
    overflow: visible;
  }
  .movement-manifesto > .container { min-height: 0; }
  .movement-manifesto-layout {
    position: static;
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 48px;
    padding: 0;
  }
  .movement-manifesto-head { position: static; grid-template-columns: 1fr; gap: 28px; }
  .movement-manifesto-head h2 { font-size: 54px; }
  .movement-anchor { max-width: none; grid-template-columns: 1fr; }
  .movement-manifesto-story {
    min-height: 0;
    overflow: visible;
    padding: 0 0 24px;
  }
  .movement-lines {
    min-height: 0;
    margin: 18px 0 0;
  }
  .movement-lines p {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    min-height: 30vh;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    font-size: 42px;
    opacity: 0.22;
    transform: none;
  }
  .movement-lines p.is-active,
  .movement-lines p.is-active:nth-child(2) {
    opacity: 1;
    transform: none;
  }
  .field-proof-head { gap: 24px; }
  .proof-marquee-row {
    overflow-x: auto;
    scroll-padding-inline: calc((100vw - 280px) / 2);
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .proof-marquee-row::-webkit-scrollbar { display: none; }
  .proof-row-track {
    --proof-card-width: 280px;
    --proof-set-width: 882px;
    left: 0;
    padding-inline: calc((100vw - var(--proof-card-width)) / 2);
    animation: none;
    transform: none;
  }
  .proof-mini-card { min-height: 180px; padding: 21px; }
  .proof-mini-card { scroll-snap-align: center; }
  .proof-mini-card blockquote { font-size: 18px; }
  .proof-mini-metric > strong { font-size: 46px; }
  .pricing-head h2 .accent { white-space: normal; }
  .pricing-free-spotlight { min-height: 560px; padding: 32px 26px; }
  .pricing-paid-stack { padding: 0 24px; }
  .pricing-paid-intro { min-height: 76px; }
  .pricing-paid-plan {
    min-height: 160px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    padding: 18px 0;
  }
  .pricing-paid-plan ul { grid-column: 1 / -1; grid-row: 2; }
  .pricing-paid-plan > p { grid-column: 2; grid-row: 1; }
  .pricing-paid-stack > footer {
    align-items: stretch;
    flex-direction: column;
    padding: 24px 0;
  }
  .pricing-paid-stack > footer a { justify-content: space-between; }
  .pricing-builder-disclosure > summary {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }
  .pricing-builder-controls,
  .pricing-builder-result { padding: 26px 22px; }
  .managed-program-callout { grid-template-columns: 1fr; gap: 16px; padding: 28px 4px; }
  .faq-layout { grid-template-columns: 1fr; gap: 52px; }
  .faq-sticky { position: static; }
  .faq-sticky h2 { font-size: 58px; }
  .faq-sticky p { margin-top: 26px; }
  .conviction-footer .footer-inner { grid-template-columns: 1fr; gap: 48px; }
  .footer-directory { width: 100%; justify-self: stretch; gap: 40px; }
  .marketing-footer .footer-copy { grid-template-columns: 1fr; justify-items: start; }
  .footer-bottom-legal,
  .footer-social { justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
  .proof-row-track,
  .logo-carousel-track { animation: none !important; }
  .proof-marquee-row,
  .logo-carousel-viewport { overflow-x: auto; }
}

/* Final alignment and conversion surfaces */
.hero-h1 { margin-inline: auto; }

.pricing-head-calculator {
  max-width: 880px;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 28px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.pricing-head-calculator > div:first-child {
  max-width: 880px;
  margin-inline: auto;
  text-align: center;
}
.pricing-head .lead { margin-right: auto; margin-left: auto; }
.pricing-head-calculator .builder-billing { justify-self: center; }

.pricing-plan-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.pricing-plan-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 604px;
  flex-direction: column;
  padding: 28px 26px 26px;
  border: 1px solid var(--voltr-line);
  border-radius: 22px;
  background: var(--voltr-white);
}
.pricing-plan-badge {
  position: absolute;
  top: 30px;
  right: 26px;
  color: var(--voltr-green);
  font-family: var(--mono);
  font-size: 7px;
  font-weight: 780;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.pricing-plan-featured {
  border-color: var(--voltr-green);
  background: var(--voltr-white);
  color: var(--voltr-ink);
}
.pricing-plan-card.is-active {
  border-color: var(--voltr-green);
  background: var(--voltr-green);
  color: var(--voltr-ink);
  box-shadow: 0 24px 54px -42px rgba(84, 215, 77, 0.72);
}
.pricing-plan-card.is-active .pricing-plan-badge {
  color: var(--voltr-ink);
}
.pricing-plan-card > header {
  display: grid;
  min-height: 60px;
  align-content: start;
  gap: 5px;
}
.pricing-plan-card > header strong {
  font-size: 22px;
  letter-spacing: -0.035em;
}
.pricing-plan-card > header span {
  color: #777b73;
  font-size: 10px;
}
.pricing-plan-card.is-active > header span,
.pricing-plan-card.is-active > p,
.pricing-plan-card.is-active .pricing-plan-price small { color: rgba(16, 17, 15, 0.66); }
.pricing-plan-card.is-active > ul {
  border-color: rgba(16, 17, 15, 0.18);
  color: var(--voltr-ink);
}
.pricing-plan-price {
  display: flex;
  align-items: baseline;
  gap: 7px;
  margin-top: 20px;
}
.pricing-plan-price b {
  font-size: clamp(46px, 4vw, 62px);
  line-height: 0.9;
  letter-spacing: -0.07em;
}
.pricing-plan-price small { color: #777b73; font-size: 9px; }
.pricing-plan-card > p {
  min-height: 58px;
  margin: 24px 0 0;
  color: #62665e;
  font-size: 13px;
  line-height: 1.5;
}
.pricing-plan-card > ul {
  display: grid;
  gap: 0;
  margin: 24px 0 0;
  padding: 12px 0 0;
  border-top: 1px solid var(--voltr-line);
  color: #3e413c;
  font-size: 13px;
  line-height: 1.35;
  list-style: none;
}
.pricing-plan-card > ul li {
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(16, 17, 15, 0.08);
}
.pricing-plan-card > ul li:last-child { border-bottom: 0; }
.pricing-plan-card > ul li > span { color: #676b63; }
.pricing-plan-card > ul li > strong {
  max-width: 48%;
  color: var(--voltr-ink);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  text-align: right;
}
.pricing-plan-card.is-active > ul {
  border-color: rgba(16, 17, 15, 0.18);
  color: var(--voltr-ink);
}
.pricing-plan-card.is-active > ul li { border-color: rgba(16, 17, 15, 0.14); }
.pricing-plan-card.is-active > ul li > span { color: rgba(16, 17, 15, 0.68); }
.pricing-plan-edit {
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: 100%;
  margin-top: auto;
  padding: 0 15px;
  border: 1px solid var(--voltr-line);
  border-radius: 10px;
  background: transparent;
  color: var(--voltr-ink);
  font: inherit;
  font-size: 13px;
  font-weight: 720;
  cursor: pointer;
}
.pricing-plan-edit:hover,
.pricing-plan-edit:focus-visible { border-color: var(--voltr-green); }
.pricing-plan-card.is-active .pricing-plan-edit {
  border-color: var(--voltr-ink);
  background: var(--voltr-ink);
  color: var(--voltr-paper);
}
.pricing-plan-free { background: var(--voltr-white); }

.pricing-plan-editor[hidden] { display: none !important; }
.pricing-plan-editor {
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid var(--voltr-line);
  border-radius: 24px;
  background: var(--voltr-white);
  box-shadow: 0 28px 72px -60px rgba(16, 17, 15, 0.65);
}
.pricing-editor-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 34px;
  padding: 26px 30px;
  border-bottom: 1px solid var(--voltr-line);
}
.pricing-editor-head > div:first-child { display: grid; gap: 5px; }
.pricing-editor-head .builder-kicker {
  color: var(--voltr-green);
  font-family: var(--mono);
  font-size: 8px;
  font-weight: 760;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.pricing-editor-head h3 {
  color: var(--voltr-ink);
  font-size: 24px;
  font-weight: 680;
  letter-spacing: -0.04em;
}
.pricing-editor-head p {
  color: #6f736b;
  font-size: 12px;
  line-height: 1.5;
}
.pricing-editor-actions {
  display: grid;
  grid-template-columns: minmax(170px, 220px) auto;
  align-items: end;
  gap: 8px;
}
.pricing-editor-actions > label {
  grid-column: 1;
  color: #777b73;
  font-family: var(--mono);
  font-size: 7px;
  font-weight: 720;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.pricing-preset-select-wrap {
  position: relative;
  grid-column: 1;
}
.pricing-preset-select-wrap select {
  width: 100%;
  min-height: 44px;
  appearance: none;
  padding: 0 40px 0 14px;
  border: 1px solid var(--voltr-line);
  border-radius: 10px;
  background: var(--voltr-paper);
  color: var(--voltr-ink);
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.pricing-preset-select-wrap > span {
  position: absolute;
  top: 50%;
  right: 14px;
  color: #6f736b;
  font-size: 16px;
  pointer-events: none;
  transform: translateY(-58%);
}
.pricing-editor-close {
  grid-column: 2;
  grid-row: 2;
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid var(--voltr-line);
  border-radius: 10px;
  background: var(--voltr-white);
  color: var(--voltr-ink);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.pricing-preset-select-wrap select:hover,
.pricing-preset-select-wrap select:focus-visible,
.pricing-editor-close:hover,
.pricing-editor-close:focus-visible { border-color: var(--voltr-green); }

.pricing-plan-editor > .pricing-builder {
  display: grid !important;
  grid-template-columns: minmax(0, 1.16fr) minmax(350px, 0.84fr);
  gap: 0;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: var(--voltr-white);
  box-shadow: none;
}
.pricing-plan-editor .pricing-builder-controls {
  display: block;
  padding: 34px 38px 38px;
  border: 0;
  border-radius: 0;
  background: var(--voltr-white);
}
.pricing-plan-editor .builder-control:first-child {
  padding-top: 0;
  border-top: 0;
}
.pricing-plan-editor .builder-control-head strong { font-size: 14px; }
.pricing-plan-editor .builder-control-head output {
  color: var(--voltr-ink);
  font-size: 12px;
}
.pricing-plan-editor .builder-counter,
.pricing-plan-editor .amplification-options button { background: var(--voltr-paper); }
.pricing-plan-editor .amplification-options button.is-active {
  background: var(--voltr-white);
  box-shadow: inset 0 0 0 2px var(--voltr-green);
}
.pricing-plan-editor .pricing-builder-result {
  display: flex !important;
  min-height: 0;
  flex-direction: column;
  gap: 0;
  padding: 38px;
  border: 0;
  border-left: 1px solid rgba(16, 17, 15, 0.14);
  border-radius: 0;
  background: var(--voltr-green);
  color: var(--voltr-ink);
}
.pricing-plan-editor .pricing-builder-result > * { grid-column: auto; grid-row: auto; }
.pricing-plan-editor .pricing-builder-result .result-badge {
  color: var(--voltr-ink);
  font-size: 8px;
  font-weight: 760;
}
.pricing-plan-editor .pricing-builder-result > h3 {
  margin: 4px 0 0;
  color: var(--voltr-ink);
  font-size: 56px;
  line-height: 0.92;
}
.pricing-plan-editor .pricing-builder-result .result-tagline {
  margin-top: 16px;
  color: rgba(16, 17, 15, 0.72);
}
.pricing-plan-editor .pricing-builder-result .result-price { margin-top: 22px; }
.pricing-plan-editor .pricing-builder-result .result-price-value { color: var(--voltr-ink); }
.pricing-plan-editor .pricing-builder-result .result-price-period,
.pricing-plan-editor .pricing-builder-result .result-price-note,
.pricing-plan-editor .pricing-builder-result .result-checkout-note,
.pricing-plan-editor .pricing-builder-result .result-common { color: rgba(16, 17, 15, 0.62); }
.pricing-plan-editor .pricing-builder-result .result-plan-details {
  margin-top: 28px;
  padding: 0;
}
.pricing-plan-editor .pricing-builder-result .result-includes-label { color: rgba(16, 17, 15, 0.62); }
.pricing-plan-editor .pricing-builder-result .result-features {
  display: grid;
  gap: 0;
  margin-top: 12px;
}
.pricing-plan-editor .pricing-builder-result .result-features li {
  padding: 11px 0;
  border-top: 1px solid rgba(16, 17, 15, 0.16);
  color: var(--voltr-ink);
}
.pricing-plan-editor .pricing-builder-result .result-features li span { color: var(--voltr-ink); }
.pricing-plan-editor .pricing-builder-result .result-common { margin-top: 22px; }
.pricing-plan-editor .pricing-builder-result .card-btn-primary {
  width: 100%;
  margin-top: auto;
  border-radius: 9px;
  background: var(--voltr-ink);
  color: var(--voltr-paper);
}

.pricing-guidance { margin-top: 14px; }

.pricing-guidance .managed-program-callout {
  min-height: 126px;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto 1fr;
  gap: 8px 24px;
  margin: 0;
  padding: 24px 26px;
  border: 0;
  border: 1px solid rgba(16, 17, 15, 0.12);
  border-radius: 20px;
  background: var(--voltr-green);
  color: var(--voltr-ink);
}
.pricing-guidance .managed-program-callout > span {
  grid-column: 1;
  color: rgba(16, 17, 15, 0.66);
}
.pricing-guidance .managed-program-callout > div { grid-column: 1; }
.pricing-guidance .managed-program-callout p { color: rgba(16, 17, 15, 0.68); }
.pricing-guidance .managed-program-callout > a {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  color: var(--voltr-ink);
}

.conviction-cta {
  padding: 96px 0;
  background: var(--voltr-paper);
}
.conviction-cta .final-cta-inner {
  position: relative;
  display: grid;
  max-width: 1200px;
  overflow: hidden;
  grid-template-columns: minmax(0, 1.35fr) minmax(270px, 0.65fr);
  grid-template-rows: auto 1fr;
  align-items: end;
  gap: 22px 84px;
  padding: 68px 70px;
  border: 1px solid var(--voltr-line);
  border-radius: 28px;
  background: var(--voltr-white);
  color: var(--voltr-ink);
  text-align: left;
}
.conviction-cta .final-cta-inner > * {
  position: relative;
  z-index: 1;
}
.conviction-cta .eyebrow {
  grid-column: 1;
  margin: 0;
  color: var(--voltr-muted);
}
.conviction-cta h2 {
  grid-column: 1;
  max-width: 760px;
  margin: 0;
  color: var(--voltr-ink);
  font-family: var(--font);
  font-weight: 650;
  font-size: clamp(56px, 6.2vw, 84px);
  line-height: 0.9;
  letter-spacing: -0.067em;
  text-transform: none;
}
.conviction-cta .final-cta-inner > div {
  grid-column: 2;
  grid-row: 1 / span 2;
  display: grid;
  justify-items: start;
  justify-content: center;
  gap: 26px;
}
.conviction-cta .disp-italic { color: var(--voltr-green); }
.conviction-cta p {
  max-width: 330px;
  margin: 0;
  color: var(--voltr-muted);
  font-size: 17px;
  line-height: 1.55;
}
.conviction-footer,
.marketing-footer.conviction-footer { padding-top: 72px; }
.conviction-footer .footer-inner {
  column-gap: 72px;
  row-gap: 48px;
}
.conviction-footer .footer-brand-block { max-width: 340px; }
.conviction-footer .footer-copy { margin-top: 0; }
.footer-wordmark {
  margin-top: 0;
  font-size: clamp(120px, 22vw, 300px);
  line-height: 0.72;
  text-align: center;
}

/* Keep the editorial resource panel in the current Voltr color system. */
.nav-resource-menu {
  border-color: rgba(16, 17, 15, 0.1);
  background: var(--voltr-white);
  -webkit-backdrop-filter: blur(24px) saturate(130%);
  backdrop-filter: blur(24px) saturate(130%);
}
.nav-resource-menu .nav-resource-featured,
.nav-resource-menu .nav-resource-featured:hover,
.nav-resource-menu .nav-resource-featured:focus-visible {
  background: var(--voltr-green);
  color: var(--voltr-ink);
}
.nav-resource-menu .nav-resource-featured > strong,
.nav-resource-menu .nav-resource-featured .nav-resource-read,
.nav-resource-menu .nav-resource-featured .nav-resource-kicker {
  color: var(--voltr-ink);
}
.nav-resource-menu .nav-resource-featured .nav-resource-kicker { opacity: 0.66; }

@media (max-width: 980px) {
  .pricing-plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pricing-plan-editor > .pricing-builder { grid-template-columns: 1fr; }
  .pricing-plan-editor .pricing-builder-result {
    border-top: 1px solid var(--voltr-line);
    border-left: 0;
  }
  .conviction-cta .final-cta-inner {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .conviction-cta .final-cta-inner > div {
    grid-column: 1;
    grid-row: auto;
  }
}

@media (max-width: 720px) {
  .pricing-head-calculator { gap: 22px; }
  .pricing-plan-grid { grid-template-columns: 1fr; }
  .pricing-plan-card {
    min-height: 0;
    padding: 28px 24px;
  }
  .pricing-plan-card > p { min-height: 0; }
  .pricing-editor-head {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 20px;
  }
  .pricing-editor-actions { width: 100%; }
  .pricing-plan-editor .pricing-builder-controls,
  .pricing-plan-editor .pricing-builder-result { padding: 28px 22px; }
  .pricing-plan-editor .builder-control-row {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .pricing-plan-editor .builder-counter-control + .builder-counter-control {
    padding-left: 0;
    border-left: 0;
  }
  .pricing-plan-editor .amplification-options { grid-template-columns: 1fr; }
  .managed-program-callout { padding: 24px; }
  .pricing-guidance .managed-program-callout {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .pricing-guidance .managed-program-callout > a {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }
  .faq { padding-bottom: 52px; }
  .conviction-cta {
    padding: 0 0 56px;
    background: #e9ebe6;
  }
  .conviction-cta .final-cta-inner {
    width: calc(100% - 20px);
    padding: 36px 24px 38px;
    border-radius: 22px;
  }
  .conviction-cta .final-cta-inner h2.section-intro-title {
    font-size: clamp(32px, 6.6vw, 48px);
  }
  .conviction-cta .final-cta-inner > div {
    width: 100%;
    justify-content: start;
    gap: 22px;
  }
  .conviction-cta p {
    max-width: none;
    font-size: 15px;
  }
  .conviction-cta .btn {
    width: 100%;
    min-width: 0;
  }
  .conviction-footer .footer-inner { row-gap: 40px; }
  .footer-wordmark { font-size: clamp(96px, 31vw, 150px); }
}

@media (max-width: 360px) {
  .conviction-cta .final-cta-inner h2.section-intro-title { font-size: 30px; }
}

/* Product bento */
.feature-bento {
  padding: 122px 0 116px;
  overflow: clip;
  background: #eceeea;
}
.feature-bento-head {
  display: grid;
  max-width: 760px;
  justify-items: center;
  gap: 18px;
  margin: 0 auto 64px;
  text-align: center;
}
.feature-bento-head .eyebrow { color: #797d75; }
.feature-bento-head h2 {
  max-width: 720px;
  margin: 0;
  color: var(--voltr-ink);
  font-family: var(--font);
  font-size: clamp(50px, 5.3vw, 76px);
  font-weight: 680;
  line-height: 0.96;
  letter-spacing: -0.062em;
}
.feature-bento-head p {
  max-width: 610px;
  margin: 0;
  color: var(--voltr-muted);
  font-size: 15px;
  line-height: 1.55;
}
.feature-bento-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
}
.feature-bento-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #d9dbd5;
  border-radius: 22px;
  background: var(--voltr-white);
  box-shadow: 0 18px 44px -42px rgba(16, 17, 15, 0.58);
}
.feature-bento-wide {
  min-height: 470px;
  grid-column: span 6;
}
.feature-bento-small {
  min-height: 392px;
  grid-column: span 4;
}
.feature-bento-card-head {
  display: grid;
  gap: 9px;
  padding: 30px 32px 24px;
}
.feature-bento-card-head > span {
  color: var(--voltr-green);
  font-family: var(--mono);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.feature-bento-card-head h3 {
  max-width: 480px;
  margin: 0;
  color: var(--voltr-ink);
  font-family: var(--font);
  font-size: 28px;
  font-weight: 680;
  line-height: 1.02;
  letter-spacing: -0.045em;
}
.feature-bento-small .feature-bento-card-head h3 { font-size: 24px; }
.feature-bento-card-head p {
  max-width: 500px;
  margin: 0;
  color: var(--voltr-muted);
  font-size: 12px;
  line-height: 1.55;
}
.feature-ui {
  position: relative;
  min-width: 0;
  margin: auto 14px 14px;
  overflow: hidden;
  border: 1px solid #e0e2dc;
  border-radius: 15px;
  background: #f6f7f4;
}
.feature-ui strong,
.feature-ui b,
.feature-ui span,
.feature-ui small,
.feature-ui dt,
.feature-ui dd { font-family: var(--font); }
.feature-ui-discovery { padding: 12px; }
.feature-search {
  display: grid;
  min-height: 44px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 0 13px;
  border: 1px solid #e2e4de;
  border-radius: 10px;
  background: var(--voltr-white);
  color: #757970;
}
.feature-search > span { color: var(--voltr-ink); font-size: 18px; }
.feature-search strong { overflow: hidden; font-size: 10px; font-weight: 560; text-overflow: ellipsis; white-space: nowrap; }
.feature-search kbd {
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border: 1px solid #dfe1dc;
  border-radius: 5px;
  background: #f8f9f6;
  color: #8c9087;
  font: 9px var(--mono);
}
.feature-ui-meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 2px 9px;
  color: #858980;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.feature-network-count { text-align: right; }
.feature-network-count strong { color: var(--voltr-ink); font-size: 12px; letter-spacing: -0.02em; }
.feature-network-count small { font-size: 7px; }
.feature-creator-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.feature-creator-card {
  display: grid;
  min-width: 0;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  padding: 10px;
  border: 1px solid #e1e3dd;
  border-radius: 10px;
  background: var(--voltr-white);
}
.feature-avatar {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 8px;
  color: var(--voltr-ink);
  font-size: 8px;
  font-weight: 760;
}
.feature-avatar-coral { background: #ffc8ba; }
.feature-avatar-blue { background: #b9d9ff; }
.feature-avatar-mint { background: #bcebdc; }
.feature-avatar-gold { background: #f3c66f; }
.feature-creator-card > div:nth-child(2) { min-width: 0; }
.feature-creator-card > div:nth-child(2) strong,
.feature-creator-card > div:nth-child(2) small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.feature-creator-card > div:nth-child(2) strong { color: var(--voltr-ink); font-size: 9px; }
.feature-creator-card > div:nth-child(2) small { margin-top: 2px; color: #858980; font-size: 6px; }
.feature-creator-card > b {
  padding: 4px 6px;
  border-radius: 999px;
  background: rgba(84, 215, 77, 0.16);
  color: var(--volt-on, #111111);
  font-size: 6px;
  font-weight: 760;
  text-transform: uppercase;
}
.feature-creator-card dl {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 3px 0 0;
  padding-top: 8px;
  border-top: 1px solid #eceee9;
}
.feature-creator-card dl div { display: grid; gap: 2px; }
.feature-creator-card dt { color: #92968d; font-size: 6px; letter-spacing: 0.08em; text-transform: uppercase; }
.feature-creator-card dd { margin: 0; color: var(--voltr-ink); font-size: 9px; font-weight: 700; }
.feature-ui-workflows { padding: 12px 14px 7px; }
.feature-workflow-title {
  display: flex;
  min-height: 40px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 4px 10px;
  border-bottom: 1px solid #e1e3dd;
}
.feature-workflow-title > div { display: flex; align-items: center; gap: 8px; }
.feature-workflow-title i { width: 8px; height: 8px; border-radius: 50%; background: var(--voltr-green); box-shadow: 0 0 0 4px rgba(84, 215, 77, 0.14); }
.feature-workflow-title strong { color: var(--voltr-ink); font-size: 10px; }
.feature-workflow-title > span { color: #777b73; font-size: 7px; text-transform: uppercase; letter-spacing: 0.08em; }
.feature-workflow-head,
.feature-workflow-row {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(60px, 0.65fr) minmax(90px, 0.8fr);
  align-items: center;
  gap: 10px;
}
.feature-workflow-head {
  padding: 9px 8px 6px;
  color: #999d94;
  font-size: 6px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.feature-workflow-row { min-height: 45px; padding: 6px 8px; border-top: 1px solid #e6e8e2; }
.feature-workflow-row:first-of-type { border-top: 0; }
.feature-workflow-row > div:first-child { display: grid; min-width: 0; gap: 2px; }
.feature-workflow-row > div:first-child strong { color: var(--voltr-ink); font-size: 9px; }
.feature-workflow-row > div:first-child small { overflow: hidden; color: #8a8e85; font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }
.feature-workflow-row > span { justify-self: start; padding: 4px 6px; border-radius: 999px; font-size: 6px; font-weight: 760; text-transform: uppercase; }
.status-sending { background: #fff0cc; color: #996700; }
.status-live { background: rgba(84, 215, 77, 0.14); color: var(--volt-on, #111111); }
.feature-delivery { display: grid; gap: 4px; }
.feature-delivery strong { color: var(--voltr-ink); font-size: 8px; }
.feature-delivery > span { display: block; height: 2px; overflow: hidden; border-radius: 99px; background: #dfe2db; }
.feature-delivery > span i { display: block; height: 100%; background: var(--voltr-green); }
.feature-ui-ads { padding: 10px 12px 8px; }
.feature-ads-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 4px 2px 9px; }
.feature-ads-head span { color: #8d9188; font-size: 7px; letter-spacing: 0.08em; text-transform: uppercase; }
.feature-ads-head strong { color: var(--volt-on, #111111); font-size: 7px; }
.feature-ad-row {
  display: grid;
  min-height: 43px;
  grid-template-columns: 16px 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  padding: 6px 2px;
  border-top: 1px solid #e1e3dd;
}
.feature-ad-row > span { color: #999d94; font: 6px var(--mono); }
.feature-post-swatch { display: block; width: 28px; height: 28px; border-radius: 7px; }
.swatch-coral { background: #ffc8ba; }
.swatch-blue { background: #b9d9ff; }
.swatch-mint { background: #bcebdc; }
.feature-ad-row > div { display: grid; min-width: 0; gap: 2px; }
.feature-ad-row > div strong { overflow: hidden; color: var(--voltr-ink); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.feature-ad-row > div small { color: #8b8f86; font-size: 6px; }
.feature-ad-row button {
  padding: 6px 8px;
  border: 0;
  border-radius: 6px;
  background: var(--voltr-green);
  color: var(--voltr-ink);
  font: 700 7px var(--font);
  pointer-events: none;
}
.feature-ui-attribution { padding: 16px 14px 12px; }
.feature-attribution-path { display: grid; grid-template-columns: 1fr 18px 1fr 18px 1fr; align-items: center; gap: 4px; }
.feature-attribution-path > div {
  display: grid;
  min-width: 0;
  min-height: 92px;
  align-content: center;
  justify-items: center;
  gap: 4px;
  padding: 9px 5px;
  border: 1px solid #e0e2dc;
  border-radius: 10px;
  background: var(--voltr-white);
  text-align: center;
}
.feature-attribution-path > div span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: rgba(84, 215, 77, 0.16); color: var(--volt-on, #111111); font-size: 7px; font-weight: 800; }
.feature-attribution-path > div strong { color: var(--voltr-ink); font-size: 8px; }
.feature-attribution-path > div small { color: #8b8f86; font-size: 6px; }
.feature-attribution-path > i { display: block; height: 1px; background: var(--voltr-green); }
.feature-attribution-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; padding-top: 10px; border-top: 1px solid #e0e2dc; }
.feature-attribution-footer span { display: flex; align-items: center; gap: 6px; color: #747870; font-size: 6px; text-transform: uppercase; letter-spacing: 0.08em; }
.feature-attribution-footer span i { width: 6px; height: 6px; border-radius: 50%; background: var(--voltr-green); box-shadow: 0 0 0 3px rgba(84, 215, 77, 0.14); }
.feature-attribution-footer strong { color: var(--voltr-ink); font-size: 7px; }
.feature-ui-community { padding: 10px; }
.feature-community-tabs { display: grid; grid-template-columns: 1fr 1fr; align-items: center; padding: 3px; border-radius: 9px; background: #e8eae4; text-align: center; }
.feature-community-tabs strong,
.feature-community-tabs span { padding: 7px; border-radius: 7px; font-size: 7px; }
.feature-community-tabs strong { background: var(--voltr-white); color: var(--voltr-ink); box-shadow: 0 2px 8px rgba(16, 17, 15, 0.06); }
.feature-community-tabs span { color: #787c74; }
.feature-community-row { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 11px 2px; border-bottom: 1px solid #e1e3dd; }
.feature-community-row > div:nth-child(2) { display: grid; min-width: 0; gap: 2px; }
.feature-community-row > div:nth-child(2) strong { color: var(--voltr-ink); font-size: 8px; }
.feature-community-row > div:nth-child(2) small { color: #8b8f86; font-size: 6px; }
.feature-community-row b { padding: 4px 6px; border-radius: 999px; background: rgba(84, 215, 77, 0.14); color: var(--volt-on, #111111); font-size: 6px; }
.feature-community-program { display: grid; gap: 5px; padding: 11px 2px 2px; }
.feature-community-program > span { color: #8c9087; font-size: 6px; letter-spacing: 0.08em; text-transform: uppercase; }
.feature-community-program strong { color: var(--voltr-ink); font-size: 9px; }
.feature-community-program > div { height: 3px; overflow: hidden; margin-top: 2px; border-radius: 99px; background: #dfe2db; }
.feature-community-program > div i { display: block; width: 50%; height: 100%; background: var(--voltr-green); }
.feature-community-program small { color: #7d8178; font-size: 6px; text-align: right; }

/* Three clear pricing paths */
.pricing-choice-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 18px;
  margin-top: 58px;
}
.pricing-choice-card {
  display: flex;
  height: 820px;
  min-width: 0;
  min-height: 820px;
  flex-direction: column;
  padding: 34px;
  border: 1px solid var(--voltr-line);
  border-radius: 26px;
  background: var(--voltr-white);
  color: var(--voltr-ink);
}
.pricing-choice-free { background: var(--voltr-white); }
.pricing-choice-build {
  border-color: rgba(84, 215, 77, 0.62);
  background: var(--voltr-white);
  box-shadow: none;
}
.pricing-choice-managed {
  border-color: var(--voltr-line);
  background: var(--voltr-white);
  color: var(--voltr-ink);
}
.pricing-choice-card > header {
  display: grid;
  min-height: 180px;
  align-content: start;
  gap: 12px;
}
.pricing-choice-kicker {
  color: var(--voltr-green);
  font-family: var(--mono);
  font-size: 8px;
  font-weight: 780;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.pricing-choice-card h3 {
  margin: 0;
  font-family: var(--font);
  font-size: 34px;
  font-weight: 690;
  line-height: 1;
  letter-spacing: -0.045em;
}
.pricing-choice-card header > p,
.pricing-build-tagline {
  margin: 0;
  color: var(--voltr-muted);
  font-size: 13px;
  line-height: 1.55;
}
.pricing-choice-managed header > p { color: var(--voltr-muted); }
.pricing-choice-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 8px;
}
.pricing-choice-price strong {
  color: var(--voltr-green);
  font-size: 68px;
  line-height: 0.88;
  letter-spacing: -0.075em;
}
.pricing-choice-price small { color: #73776f; font-size: 9px; }
.pricing-choice-build .pricing-choice-price small,
.pricing-choice-managed .pricing-choice-price small { color: #73776f; }
.pricing-choice-price-custom strong { font-size: 47px; }
.pricing-choice-features {
  display: grid;
  gap: 0;
  margin: 20px 0 24px;
  padding: 0;
  border-top: 1px solid var(--voltr-line);
  list-style: none;
}
.pricing-choice-features li {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  min-height: 38px;
  align-items: center;
  gap: 9px;
  padding: 7px 0;
  border-bottom: 1px solid rgba(215, 217, 210, 0.72);
  color: #4f534c;
  font-size: 11.5px;
  line-height: 1.45;
}
.pricing-choice-build .pricing-choice-features,
.pricing-choice-managed .pricing-choice-features { border-top-color: var(--voltr-line); }
.pricing-choice-build .pricing-choice-features li,
.pricing-choice-managed .pricing-choice-features li {
  border-bottom-color: rgba(215, 217, 210, 0.72);
  color: #4f534c;
}
.pricing-choice-managed .pricing-choice-features b { color: inherit; }
.pricing-choice-features li > span,
.pricing-builder-inline .result-features li > span {
  color: var(--voltr-green);
  font-size: 14px;
  font-weight: 900;
}
.pricing-choice-build .pricing-choice-features li > span { color: var(--voltr-green); }
.pricing-choice-features b { font-weight: 570; }
.pricing-choice-features-config {
  margin: 16px 0 12px;
}
.pricing-choice-features-config li.is-editable {
  grid-template-columns: 16px minmax(0, 1fr) minmax(128px, 154px);
}
.pricing-choice-features-config label {
  color: #4f534c;
  font-weight: 570;
}
.pricing-inline-slider {
  display: grid;
  min-width: 0;
  gap: 5px;
}
.pricing-inline-slider output {
  overflow: hidden;
  color: #686c64;
  font-size: 8.5px;
  font-weight: 680;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pricing-slider-track {
  --range-progress: 0%;
  display: block;
  position: relative;
  height: 14px;
}
.pricing-slider-track::before,
.pricing-slider-track::after {
  position: absolute;
  top: 6px;
  left: 0;
  height: 3px;
  border-radius: 99px;
  content: '';
  pointer-events: none;
}
.pricing-slider-track::before {
  right: 0;
  background: #dcdfd8;
}
.pricing-slider-track::after {
  width: var(--range-progress);
  background: var(--voltr-green);
}
.pricing-slider-track input[type='range'] {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: 14px;
  position: relative;
  z-index: 1;
  margin: 0;
  border: 0;
  outline: 0;
  background: transparent;
  cursor: ew-resize;
}
.pricing-slider-track input[type='range']::-webkit-slider-runnable-track {
  height: 3px;
  background: transparent;
}
.pricing-slider-track input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 13px;
  height: 13px;
  margin-top: -5px;
  border: 2px solid var(--voltr-white);
  border-radius: 50%;
  background: var(--voltr-green);
  box-shadow: 0 0 0 1px rgba(84, 215, 77, 0.46);
}
.pricing-slider-track input[type='range']::-moz-range-track {
  height: 3px;
  background: transparent;
}
.pricing-slider-track input[type='range']::-moz-range-thumb {
  width: 11px;
  height: 11px;
  border: 2px solid var(--voltr-white);
  border-radius: 50%;
  background: var(--voltr-green);
  box-shadow: 0 0 0 1px rgba(84, 215, 77, 0.46);
}
.pricing-slider-track input[type='range']:focus-visible::-webkit-slider-thumb {
  box-shadow: 0 0 0 2px var(--voltr-white), 0 0 0 4px var(--voltr-green);
}
.pricing-slider-track input[type='range']:focus-visible::-moz-range-thumb {
  box-shadow: 0 0 0 2px var(--voltr-white), 0 0 0 4px var(--voltr-green);
}
.pricing-inline-team {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
.pricing-inline-mini {
  display: grid;
  min-width: 0;
  gap: 4px;
}
.pricing-inline-mini > span:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  color: #7b7f77;
  font-family: var(--mono);
  font-size: 6.5px;
  font-weight: 760;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pricing-inline-mini output { color: var(--voltr-ink); font-family: var(--font); font-size: 8px; letter-spacing: 0; }
.pricing-team-row { min-height: 58px !important; }
.pricing-choice-features-config[hidden],
.pricing-config-edit[hidden] { display: none !important; }
.pricing-config-edit {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--voltr-ink);
  font: inherit;
  font-size: 11px;
  font-weight: 720;
  cursor: pointer;
}
.pricing-config-edit span:last-child { color: var(--voltr-green); font-size: 16px; }
.pricing-config-edit:hover,
.pricing-config-edit:focus-visible { color: var(--voltr-green); }
.pricing-config-editor {
  display: grid;
  gap: 10px;
  margin-top: 27px;
}
.pricing-config-editor[hidden] { display: none; }
.pricing-config-editor-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.pricing-config-editor-head > strong {
  font-size: 13px;
  font-weight: 680;
}
.pricing-config-editor-head button {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--voltr-green);
  font: inherit;
  font-size: 11px;
  font-weight: 740;
  cursor: pointer;
}
.pricing-choice-cta {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 18px;
  width: min(240px, 100%);
  align-self: center;
  position: relative;
  margin-top: auto;
  padding: 0 17px;
  border: 1px solid var(--voltr-ink);
  border-radius: 11px;
  background: var(--voltr-ink);
  color: var(--voltr-white);
  font-size: 13px;
  font-weight: 740;
  text-decoration: none;
}
.pricing-choice-cta > span {
  position: absolute;
  right: 17px;
}
.pricing-choice-cta-dark {
  border-color: var(--voltr-ink);
  background: var(--voltr-ink);
  color: var(--voltr-white);
}
.pricing-choice-managed .pricing-choice-cta-dark {
  border-color: var(--voltr-ink);
  background: var(--voltr-ink);
  color: var(--voltr-white);
}
.pricing-choice-cta:hover,
.pricing-choice-cta:focus-visible {
  border-color: var(--voltr-green);
  background: var(--voltr-green);
  color: var(--voltr-ink);
}
.pricing-build-head {
  display: grid;
  gap: 12px;
}
.pricing-choice-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.pricing-build-preset {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  text-align: right;
}
.pricing-build-preset b {
  font-family: var(--mono);
  font-size: 8px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.pricing-build-preset small {
  color: var(--voltr-green);
  font-family: var(--mono);
  font-size: 7px;
  font-weight: 760;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.pricing-build-preset small::before {
  margin-right: 6px;
  color: #9a9d96;
  content: '·';
}
.pricing-build-current {
  margin-top: 10px;
}
.pricing-build-current strong {
  font-size: 68px;
}
.pricing-build-current small { font-size: 9px; }
.pricing-build-head > p { min-height: 40px; margin: 0; color: var(--voltr-muted); font-size: 13px; line-height: 1.5; }
.pricing-builder-inline,
.pricing-choice-build .pricing-builder {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  margin: 16px 0 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.pricing-config-features {
  display: grid;
  gap: 9px;
}
.pricing-config-panel {
  padding: 13px 14px;
  border-radius: 13px;
  background: #f1f2ee;
  color: #4f534c;
}
.pricing-config-panel strong,
.pricing-config-panel label {
  color: var(--voltr-ink);
  font-size: 11px;
  font-weight: 680;
}
.pricing-config-panel-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
}
.pricing-config-panel-head output {
  color: #686c64;
  font-size: 9px;
  font-weight: 640;
  text-align: right;
}
.pricing-config-outreach .pricing-range { height: 18px; margin-top: 7px; }
.pricing-config-outreach .pricing-range-labels { margin-top: 2px; }
.pricing-config-outreach .pricing-range-labels button { font-size: 7px; }
.pricing-config-team {
  display: grid;
  gap: 10px;
}
.pricing-config-team-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.pricing-config-control {
  display: grid;
  gap: 6px;
}
.pricing-config-control > span {
  color: #73776f;
  font-size: 8px;
  font-weight: 640;
}
.pricing-config-stepper {
  width: 100%;
  min-height: 34px;
  border: 1px solid var(--voltr-line);
  border-radius: 9px;
  background: var(--voltr-white);
}
.pricing-config-stepper button { width: 34px; min-height: 32px; }
.pricing-config-stepper output { font-size: 13px; }
.pricing-config-ads {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}
.pricing-config-select {
  width: 100%;
  min-height: 34px;
  padding: 0 30px 0 10px;
  border: 1px solid var(--voltr-line);
  border-radius: 9px;
  background-color: var(--voltr-white);
  color: var(--voltr-ink);
  font: inherit;
  font-size: 10px;
  font-weight: 640;
}
.pricing-config-select:focus-visible {
  border-color: var(--voltr-green);
  outline: 2px solid var(--voltr-green);
  outline-offset: 2px;
}
.pricing-config-included {
  display: grid;
  gap: 9px;
  padding: 6px 2px 0;
}
.pricing-config-included > strong {
  color: #73776f;
  font-family: var(--mono);
  font-size: 7px;
  font-weight: 760;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.pricing-config-included ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pricing-config-included li {
  display: grid;
  grid-template-columns: 13px minmax(0, 1fr);
  align-items: start;
  gap: 5px;
  color: #575b54;
  font-size: 9px;
  line-height: 1.3;
}
.pricing-config-included li span {
  color: var(--voltr-green);
  font-weight: 900;
}
.pricing-config-footer {
  display: grid;
  grid-template-columns: 1fr;
  align-items: end;
  justify-items: center;
  gap: 12px;
  margin-top: auto;
  padding-top: 0;
}
.pricing-config-summary { display: grid; gap: 5px; }
.pricing-config-footer .result-price-note,
.pricing-config-footer .result-common,
.pricing-config-footer .result-addons {
  margin: 0;
  color: #73776f;
  font-size: 8px;
  line-height: 1.4;
}
.pricing-config-footer .result-price-note { display: none; }
.pricing-choice-build .pricing-config-footer .result-price-note { color: rgba(16, 17, 15, 0.62); }
.pricing-config-footer .result-common { display: none; }
.pricing-config-footer .pricing-choice-cta {
  width: min(240px, 100%);
  gap: 8px;
  margin-top: 0;
  padding-inline: 13px;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .pricing-choice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pricing-choice-build { grid-column: 1 / -1; grid-row: 1; }
}

@media (max-width: 980px) {
  .feature-bento { padding: 96px 0 90px; }
  .feature-bento-head { margin-bottom: 50px; }
  .feature-bento-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .feature-bento-wide { grid-column: span 6; }
  .feature-bento-small { grid-column: span 2; }
  .feature-bento-card-head { padding: 27px 28px 22px; }
  .feature-creator-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .feature-bento { padding: 78px 0 76px; }
  .feature-bento-head { gap: 14px; margin-bottom: 36px; }
  .feature-bento-head h2 { font-size: 46px; }
  .feature-bento-head p { font-size: 13px; }
  .feature-bento-grid { grid-template-columns: 1fr; gap: 12px; }
  .feature-bento-wide,
  .feature-bento-small { min-height: 0; grid-column: auto; }
  .feature-bento-card { border-radius: 19px; }
  .feature-bento-card-head { padding: 24px 22px 18px; }
  .feature-bento-card-head h3,
  .feature-bento-small .feature-bento-card-head h3 { font-size: 25px; }
  .feature-ui { margin: 0 10px 10px; }
  .feature-creator-grid { grid-template-columns: 1fr; }
  .feature-creator-card { grid-template-columns: 30px minmax(0, 1fr) auto 104px; }
  .feature-creator-card dl { grid-column: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0 0 0 8px; border-top: 0; border-left: 1px solid #eceee9; }
  .feature-ui-attribution { padding-block: 13px; }

  .pricing-choice-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 40px; }
  .pricing-choice-build { grid-column: auto; grid-row: auto; }
  .pricing-choice-card { height: auto; min-height: 0; padding: 25px; border-radius: 22px; }
  .pricing-build-title-row { gap: 12px; }
  .pricing-build-title-row h3 { max-width: 190px; }
  .pricing-build-current strong { font-size: 62px; }
  .pricing-choice-build .pricing-builder-inline { margin-top: 22px; }
  .pricing-config-panel { padding: 13px; }
  .pricing-config-ads { grid-template-columns: 1fr; gap: 7px; }
  .pricing-config-footer { grid-template-columns: 1fr; gap: 14px; }
}

@media (max-width: 480px) {
  .feature-bento-head h2 { font-size: 40px; }
  .feature-creator-card { grid-template-columns: 30px minmax(0, 1fr) auto; }
  .feature-creator-card dl { grid-column: 1 / -1; padding: 8px 0 0; border-top: 1px solid #eceee9; border-left: 0; }
  .feature-workflow-head,
  .feature-workflow-row { grid-template-columns: minmax(0, 1.45fr) minmax(54px, 0.55fr) minmax(76px, 0.75fr); gap: 6px; }
  .feature-workflow-row { padding-inline: 3px; }
  .feature-workflow-row > div:first-child small { display: none; }
  .feature-attribution-path { grid-template-columns: 1fr 10px 1fr 10px 1fr; gap: 2px; }
  .feature-attribution-path > div { min-height: 86px; }
  .feature-attribution-footer { align-items: flex-start; flex-direction: column; gap: 7px; }
  .pricing-choice-features-config li.is-editable {
    grid-template-columns: 16px minmax(0, 1fr);
  }
  .pricing-choice-features-config li.is-editable > .pricing-inline-slider,
  .pricing-choice-features-config li.is-editable > .pricing-inline-team {
    grid-column: 2;
    width: 100%;
  }
  .pricing-team-row { min-height: 78px !important; }
}

/* Footer hierarchy and responsive spacing */
@media (max-width: 1100px) {
  .footer.marketing-footer.conviction-footer .footer-inner {
    grid-template-columns: minmax(190px, 0.72fr) minmax(330px, 1.28fr);
  }
  .footer-utility {
    grid-column: 1 / -1;
    grid-template-columns: 1fr auto;
    align-items: center;
    justify-items: start;
    gap: 24px;
  }
  .footer-utility .footer-bottom-legal { justify-content: flex-start; }
  .footer-utility .footer-social { justify-self: end; }
}

@media (max-width: 720px) {
  .footer.marketing-footer.conviction-footer .footer-inner {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  .footer-directory {
    width: 100%;
    justify-self: start;
    gap: 34px;
  }
  .footer-utility {
    grid-column: 1;
    grid-template-columns: 1fr;
    justify-items: start;
    gap: 22px;
  }
  .footer-utility .footer-bottom-legal,
  .footer-utility .footer-social { justify-self: start; }
  .footer-utility .footer-bottom-legal {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 12px 18px;
  }
  .footer.marketing-footer::before {
    right: -190px;
    bottom: -260px;
    opacity: 0.014;
  }
}

/* Real product feature system */
.feature-bento {
  padding: 124px 0 118px;
  background: #f1f2ef;
}
.feature-bento-head {
  max-width: 850px;
  gap: 16px;
  margin-bottom: 62px;
}
.feature-bento-head .eyebrow { color: #6f746c; }
.feature-bento-head h2 {
  max-width: 820px;
  font-size: clamp(54px, 5.45vw, 78px);
  line-height: 0.94;
}
.feature-bento-head p {
  max-width: 680px;
  color: #676c64;
  font-size: 16px;
  line-height: 1.5;
}
.feature-bento-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
}
.feature-bento-card {
  min-height: 0;
  border-color: #d8dbd4;
  border-radius: 22px;
  background: var(--voltr-white);
  box-shadow: 0 26px 56px -52px rgba(16, 17, 15, 0.7);
}
.feature-bento-product {
  min-height: 532px;
  grid-column: span 6;
}
.feature-bento-compact {
  min-height: 486px;
  grid-column: span 4;
}
.feature-bento-card-head {
  gap: 10px;
  padding: 32px 34px 26px;
}
.feature-bento-card-head > span {
  font-size: 8px;
  letter-spacing: 0.14em;
}
.feature-bento-card-head h3,
.feature-bento-small .feature-bento-card-head h3 {
  max-width: 520px;
  font-size: clamp(28px, 2.35vw, 36px);
  font-weight: 680;
  line-height: 0.98;
  letter-spacing: -0.052em;
}
.feature-bento-compact .feature-bento-card-head h3 {
  max-width: 330px;
  font-size: 30px;
}
.feature-bento-card-head p {
  max-width: 520px;
  color: #676c64;
  font-size: 13px;
  line-height: 1.5;
}
.feature-product-frame {
  position: relative;
  display: grid;
  min-width: 0;
  flex: 1;
  margin: auto 16px 16px;
  overflow: hidden;
  border: 1px solid #e0e2dc;
  border-radius: 15px;
  background: #eceee9;
}
.feature-product-frame img {
  display: block;
  max-width: 100%;
}
.feature-product-dashboard {
  aspect-ratio: 16 / 9;
  align-items: end;
  background: #f4f5f2;
}
.feature-product-dashboard img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.feature-product-phone {
  min-height: 292px;
  place-items: start center;
  padding: 24px 20px 0;
}
.feature-product-phone img {
  width: min(210px, 74%);
  height: auto;
  filter: drop-shadow(0 22px 26px rgba(16, 17, 15, 0.13));
}
.feature-product-phone-pair {
  min-height: 292px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  justify-items: center;
  gap: 4px;
  padding: 28px 14px 0;
}
.feature-product-phone-pair img {
  width: min(178px, 100%);
  height: auto;
  filter: drop-shadow(0 20px 24px rgba(16, 17, 15, 0.12));
}
.feature-product-phone-pair img:first-child { transform: translateY(18px); }
.feature-system-map {
  display: grid;
  flex: 1;
  align-content: end;
  gap: 20px;
  margin: auto 16px 16px;
  padding: 24px;
  border: 1px solid #e0e2dc;
  border-radius: 15px;
  background: #eceee9;
}
.feature-system-count {
  display: grid;
  gap: 5px;
}
.feature-system-count strong {
  color: var(--voltr-green);
  font-family: var(--font);
  font-size: clamp(40px, 3.25vw, 52px);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -0.065em;
}
.feature-system-count span {
  color: #686d65;
  font-size: 10px;
  line-height: 1.35;
}
.feature-system-network {
  display: grid;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid #d5d8d1;
}
.feature-system-core {
  display: flex;
  align-items: center;
  gap: 8px;
}
.feature-system-core img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}
.feature-system-core strong {
  color: var(--voltr-ink);
  font-size: 14px;
  font-weight: 700;
}
.feature-system-partners {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}
.feature-system-partners span {
  display: flex;
  min-width: 0;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px;
  border: 1px solid #d9dcd5;
  border-radius: 9px;
  background: var(--voltr-white);
  color: #42463f;
  font-size: 8px;
  font-weight: 650;
  text-align: center;
}
.feature-system-partners img {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  object-fit: contain;
}

@media (max-width: 980px) {
  .feature-bento { padding: 98px 0 92px; }
  .feature-bento-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .feature-bento-product { min-height: 0; grid-column: span 6; }
  .feature-bento-compact { grid-column: span 3; }
  .feature-bento-system { grid-column: span 6; }
  .feature-bento-card-head { padding: 29px 30px 24px; }
  .feature-bento-compact .feature-bento-card-head h3 { font-size: 29px; }
  .feature-system-map { grid-template-columns: minmax(210px, 0.75fr) minmax(300px, 1.25fr); align-items: end; }
}

@media (max-width: 720px) {
  .feature-bento { padding: 78px 0 74px; }
  .feature-bento-head { margin-bottom: 38px; }
  .feature-bento-head h2 { font-size: 47px; }
  .feature-bento-head p { font-size: 14px; }
  .feature-bento-grid { grid-template-columns: 1fr; }
  .feature-bento-product,
  .feature-bento-compact,
  .feature-bento-system { min-height: 0; grid-column: auto; }
  .feature-bento-card-head { padding: 25px 24px 20px; }
  .feature-bento-card-head h3,
  .feature-bento-small .feature-bento-card-head h3,
  .feature-bento-compact .feature-bento-card-head h3 { font-size: 29px; }
  .feature-bento-card-head p { font-size: 12px; }
  .feature-product-frame,
  .feature-system-map { margin: 0 10px 10px; }
  .feature-product-phone,
  .feature-product-phone-pair { min-height: 300px; }
  .feature-product-phone img { width: min(200px, 68%); }
  .feature-product-phone-pair { padding-inline: 22px; }
  .feature-product-phone-pair img { width: min(174px, 100%); }
  .feature-system-map { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .feature-bento-head h2 { font-size: 42px; }
  .feature-product-dashboard { aspect-ratio: 1.22 / 1; }
  .feature-product-dashboard img { object-position: 26% top; }
  .feature-product-phone-pair { min-height: 280px; gap: 0; padding-inline: 10px; }
  .feature-product-phone-pair img { width: min(154px, 100%); }
  .feature-system-partners { grid-template-columns: 1fr; }
  .feature-system-partners span { justify-content: flex-start; }
}

/* Product bento: current Voltr UI, with the interface carrying the hierarchy. */
.product-bento {
  padding: 124px 0 118px;
  overflow: clip;
  background: #eef0ed;
}
.product-bento-head {
  display: grid;
  max-width: 760px;
  justify-items: center;
  gap: 16px;
  margin: 0 auto 56px;
  text-align: center;
}
.product-bento-head .eyebrow { color: #747970; }
.product-bento-head h2 {
  max-width: 740px;
  margin: 0;
  color: var(--voltr-ink);
  font-family: var(--font);
  font-size: clamp(52px, 5.2vw, 74px);
  font-weight: 650;
  line-height: 0.94;
  letter-spacing: -0.066em;
}
.product-bento-head p {
  max-width: 620px;
  margin: 0;
  color: #676c64;
  font-size: 16px;
  line-height: 1.5;
}
.product-bento-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
}
.product-bento-card {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #d8dbd4;
  border-radius: 24px;
  background: var(--voltr-white);
}
.product-bento-outreach,
.product-bento-discovery {
  min-height: 506px;
  grid-column: span 6;
}
.product-bento-amplify,
.product-bento-community,
.product-bento-coaching {
  min-height: 430px;
  grid-column: span 4;
}
.product-bento-card-head {
  display: grid;
  gap: 8px;
  padding: 28px 30px 22px;
}
.product-bento-card-head h3 {
  margin: 0;
  color: var(--voltr-ink);
  font-family: var(--font);
  font-size: 22px;
  font-weight: 680;
  line-height: 1.04;
  letter-spacing: -0.045em;
}
.product-bento-card-head p {
  max-width: 520px;
  margin: 0;
  color: #676c64;
  font-size: 13px;
  line-height: 1.48;
}
.product-bento-ui {
  position: relative;
  display: grid;
  min-width: 0;
  flex: 1;
  margin: auto 14px 14px;
  overflow: hidden;
  border: 1px solid #e0e2dc;
  border-radius: 16px;
  background: #f3f4f1;
}
.product-bento-ui img {
  display: block;
  max-width: 100%;
}
.product-bento-ui-dashboard {
  min-height: 330px;
  align-items: end;
}
.product-bento-ui-dashboard img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.product-bento-ui-phone {
  min-height: 330px;
  place-items: start center;
  padding: 20px 18px 0;
}
.product-bento-ui-phone img {
  width: min(224px, 76%);
  height: auto;
  filter: drop-shadow(0 22px 28px rgba(16, 17, 15, 0.13));
}
.product-bento-amplify .product-bento-ui-dashboard { min-height: 260px; }
.product-bento-ui-amplify img { object-position: 36% top; }
.product-bento-community .product-bento-ui-phone img,
.product-bento-coaching .product-bento-ui-phone img { width: min(196px, 72%); }

/* Footer: one directory layer followed by the utility row. */
.footer.marketing-footer.conviction-footer {
  padding-top: 58px;
}
.footer.marketing-footer.conviction-footer::before,
.footer.marketing-footer.conviction-footer::after {
  display: none;
}
.footer.marketing-footer.conviction-footer .footer-inner {
  display: grid;
  grid-template-areas:
    "brand directory"
    "utility utility";
  grid-template-columns: minmax(190px, 260px) minmax(540px, 1fr);
  column-gap: clamp(42px, 5vw, 72px);
  row-gap: 0;
}
.conviction-footer .footer-brand-block {
  grid-area: brand;
  max-width: 340px;
  align-content: start;
}
.footer-directory {
  grid-area: directory;
  display: grid;
  width: 100%;
  max-width: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-self: stretch;
  gap: clamp(36px, 5vw, 74px);
}
.marketing-footer .footer-social-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
}
.marketing-footer .footer-social-link svg {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  opacity: 0.62;
  transition: opacity 180ms ease;
}
.marketing-footer .footer-social-link:hover svg,
.marketing-footer .footer-social-link:focus-visible svg { opacity: 1; }
.footer.marketing-footer.conviction-footer .footer-copy {
  grid-area: utility;
  display: flex;
  width: 100%;
  align-items: center;
  flex-wrap: nowrap;
  gap: 18px;
  margin-top: 40px;
  padding-top: 0;
  border-top: 0;
  white-space: nowrap;
}
@media (max-width: 980px) {
  .product-bento { padding: 98px 0 92px; }
  .product-bento-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .product-bento-outreach,
  .product-bento-discovery { grid-column: span 6; }
  .product-bento-amplify,
  .product-bento-community,
  .product-bento-coaching { grid-column: span 3; }
  .product-bento-coaching { grid-column: span 6; }

  .footer.marketing-footer.conviction-footer .footer-inner {
    grid-template-areas:
      "brand directory"
      "utility utility";
    grid-template-columns: minmax(170px, 220px) minmax(430px, 1fr);
    column-gap: 36px;
  }
  .footer-directory { gap: 30px; }
}

@media (max-width: 720px) {
  .product-bento { padding: 80px 0 76px; }
  .product-bento-head { margin-bottom: 38px; }
  .product-bento-head h2 { font-size: 46px; }
  .product-bento-head p { font-size: 14px; }
  .product-bento-grid { grid-template-columns: 1fr; gap: 12px; }
  .product-bento-outreach,
  .product-bento-discovery,
  .product-bento-amplify,
  .product-bento-community,
  .product-bento-coaching {
    min-height: 0;
    grid-column: auto;
  }
  .product-bento-card { border-radius: 20px; }
  .product-bento-card-head { padding: 25px 24px 20px; }
  .product-bento-ui { margin: auto 10px 10px; }
  .product-bento-ui-dashboard { min-height: 280px; }
  .product-bento-ui-phone { min-height: 300px; }

  .footer.marketing-footer.conviction-footer .footer-inner {
    grid-template-areas:
      "brand"
      "directory"
      "utility";
    grid-template-columns: 1fr;
    gap: 0;
  }
  .footer-directory {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 30px;
  }
  .footer.marketing-footer.conviction-footer .footer-copy {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #dcddd7;
    white-space: normal;
  }
}

@media (max-width: 520px) {
  .product-bento-head h2 { font-size: 41px; }
  .product-bento-ui-dashboard { min-height: 250px; }
  .product-bento-ui-dashboard img { object-position: 26% top; }
  .footer-directory {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 20px;
  }
  .footer.marketing-footer.conviction-footer {
    padding: 48px 0 24px;
  }
  .marketing-footer .footer-links strong { margin-bottom: 10px; }
  .marketing-footer .footer-links a { min-height: 29px; }
  .footer-legal-links {
    display: grid !important;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 20px;
  }
  .footer-legal-links strong { grid-column: 1 / -1; }
}

/* Final focused pass: Resources, product bento, proof, and pricing. */

/* Resources stays editorial and compact instead of becoming a second landing page. */
.nav-resource-menu {
  top: calc(100% + 15px);
  width: min(620px, calc(100vw - 40px));
  grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
  gap: 12px;
  padding: 11px;
  overflow: visible;
  border: 1px solid rgba(16, 17, 15, 0.1);
  border-radius: 22px;
  background: rgba(250, 249, 245, 0.98);
  box-shadow: 0 28px 72px -38px rgba(16, 17, 15, 0.5);
  -webkit-backdrop-filter: blur(22px) saturate(120%);
  backdrop-filter: blur(22px) saturate(120%);
}
.nav-resource-featured,
.nav-resource-menu .nav-resource-featured,
.nav-resource-menu .nav-resource-featured:hover,
.nav-resource-menu .nav-resource-featured:focus-visible {
  min-height: 248px;
  padding: 22px;
  border: 1px solid rgba(16, 17, 15, 0.07);
  border-radius: 14px;
  background: #eef0eb !important;
  color: var(--voltr-ink) !important;
}
.nav-resource-kicker {
  color: #666b63 !important;
  font-size: 8px;
}
.nav-resource-kicker img { width: 24px; height: 24px; }
.nav-resource-featured-copy { display: grid; gap: 9px; margin: 26px 0; }
.nav-resource-featured-copy strong {
  max-width: 220px;
  color: var(--voltr-ink);
  font-size: 21px;
  line-height: 1.02;
  letter-spacing: -0.045em;
}
.nav-resource-featured-copy small {
  max-width: 220px;
  color: #6d716a;
  font-size: 10px;
  line-height: 1.45;
}
.nav-resource-featured-copy strong,
.nav-resource-featured-copy small,
.nav-resource-read,
.nav-resource-kicker,
.nav-resource-list strong,
.nav-resource-list small {
  transition: color 160ms ease;
}
.nav-resource-read {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--voltr-ink) !important;
  font-size: 11.5px;
  font-weight: 680;
}
.nav-resource-list {
  display: grid;
  align-content: start;
  padding: 16px 16px 10px;
}
.nav-resource-list-head {
  display: grid;
  gap: 4px;
  padding: 2px 6px 13px;
}
.nav-resource-label { margin: 0; }
.nav-resource-list-head > strong {
  color: var(--voltr-ink);
  font-size: 16px;
  font-weight: 660;
  line-height: 1.2;
  letter-spacing: -0.025em;
}
.nav-resource-list > a {
  display: grid;
  min-height: 64px;
  grid-template-columns: minmax(0, 1fr) 30px;
  align-items: center;
  gap: 14px;
  padding: 12px 6px;
  border-top: 1px solid rgba(16, 17, 15, 0.1);
  border-bottom: 0;
  border-radius: 10px;
  color: var(--voltr-ink);
}
.nav-resource-list > a > span { gap: 5px; }
.nav-resource-list strong {
  font-size: 14px;
  font-weight: 680;
  line-height: 1.2;
}
.nav-resource-list small {
  color: #6f736b;
  font-size: 10.5px;
  line-height: 1.35;
}
.nav-resource-list > a > i {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(16, 17, 15, 0.1);
  border-radius: 9px;
  background: #f1f2ee;
  color: #858981;
  font-size: 13px;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}
.nav-resource-list > a:hover,
.nav-resource-list > a:focus-visible {
  background: transparent;
  color: var(--voltr-green);
}
.nav-resource-list > a:hover strong,
.nav-resource-list > a:hover small,
.nav-resource-list > a:focus-visible strong,
.nav-resource-list > a:focus-visible small {
  color: var(--voltr-green);
}
.nav-resource-list > a:hover > i,
.nav-resource-list > a:focus-visible > i {
  border-color: rgba(84, 215, 77, 0.58);
  background: #fffefa;
  color: var(--voltr-green);
  transform: translate(2px, -2px);
}
.nav-resource-menu .nav-resource-featured:hover .nav-resource-kicker,
.nav-resource-menu .nav-resource-featured:hover .nav-resource-featured-copy strong,
.nav-resource-menu .nav-resource-featured:hover .nav-resource-featured-copy small,
.nav-resource-menu .nav-resource-featured:hover .nav-resource-read,
.nav-resource-menu .nav-resource-featured:focus-visible .nav-resource-kicker,
.nav-resource-menu .nav-resource-featured:focus-visible .nav-resource-featured-copy strong,
.nav-resource-menu .nav-resource-featured:focus-visible .nav-resource-featured-copy small,
.nav-resource-menu .nav-resource-featured:focus-visible .nav-resource-read {
  color: var(--voltr-green) !important;
}
.nav-resource-list > a[href^="#"]:hover > i,
.nav-resource-list > a[href^="#"]:focus-visible > i { transform: translateY(2px); }
.nav-resource-footer { display: none; }
.nav-resources summary svg { width: 11px; height: 11px; stroke-width: 1.75; }

/* Five real product windows, each with one job and one clear promise. */
.product-bento {
  padding: 118px 0 112px;
  background: #eef0ed;
}
.product-bento-head {
  display: grid;
  max-width: 820px;
  justify-items: center;
  gap: 16px;
  margin: 0 auto 54px;
  text-align: center;
}
.product-bento-head h2 {
  max-width: 800px;
  font-size: clamp(54px, 6.1vw, 82px);
  line-height: 0.94;
}
.product-bento-head p {
  max-width: 690px;
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
}
.product-bento-grid { gap: 14px; }
.product-bento-card {
  border-color: rgba(16, 17, 15, 0.1);
  border-radius: 22px;
  background: #faf9f5;
}
.product-bento-outreach { min-height: 488px; grid-column: span 7; }
.product-bento-discovery { min-height: 488px; grid-column: span 5; }
.product-bento-amplify { min-height: 388px; grid-column: span 6; }
.product-bento-community,
.product-bento-coaching { min-height: 388px; grid-column: span 3; }
.product-bento-card-head {
  gap: 7px;
  padding: 26px 28px 20px;
}
.product-bento-index {
  margin-bottom: 5px;
  color: var(--voltr-green);
  font-family: var(--mono);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.product-bento-card-head h3 {
  max-width: 520px;
  font-size: clamp(23px, 2.1vw, 30px);
  font-weight: 670;
  line-height: 0.98;
  letter-spacing: -0.052em;
}
.product-bento-card-head p {
  max-width: 520px;
  color: #656a62;
  font-size: 12px;
  line-height: 1.48;
}
.product-bento-ui {
  margin: auto 10px 10px;
  border-color: rgba(16, 17, 15, 0.08);
  border-radius: 14px;
  background: #f1f2ef;
}
.product-bento-outreach .product-bento-ui-dashboard { min-height: 330px; }
.product-bento-outreach .product-bento-ui-dashboard img {
  object-fit: cover;
  object-position: center top;
}
.product-bento-discovery .product-bento-ui-phone {
  min-height: 338px;
  padding-top: 12px;
}
.product-bento-discovery .product-bento-ui-phone img { width: min(220px, 76%); }
.product-bento-amplify .product-bento-ui-dashboard { min-height: 250px; }
.product-bento-amplify .product-bento-ui-dashboard img {
  object-fit: cover;
  object-position: 24% top;
}
.product-bento-community .product-bento-card-head,
.product-bento-coaching .product-bento-card-head { padding-inline: 22px; }
.product-bento-community .product-bento-card-head h3,
.product-bento-coaching .product-bento-card-head h3 { font-size: 25px; }
.product-bento-community .product-bento-ui-phone,
.product-bento-coaching .product-bento-ui-phone {
  min-height: 248px;
  padding: 10px 8px 0;
}
.product-bento-community .product-bento-ui-phone img,
.product-bento-coaching .product-bento-ui-phone img { width: min(164px, 82%); }

/* Field proof reads like evidence: quiet cards, moving rows, soft edges. */
.field-proof { padding: 118px 0 104px; background: #e8e9e4; }
.field-proof-head {
  display: grid;
  max-width: 1180px;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr);
  align-items: end;
  gap: 72px;
  margin: 0;
  text-align: left;
}
.field-proof-head h2 {
  margin-top: 16px;
  font-size: clamp(52px, 5.8vw, 78px);
  line-height: 0.93;
}
.field-proof-head > p {
  max-width: 430px;
  margin: 0 0 7px;
  color: #626860;
  font-size: 15px;
  line-height: 1.62;
}
.proof-marquee-stack { gap: 14px; margin-top: 58px; }
.proof-marquee-row { display: flex; justify-content: center; }
.proof-row-track {
  --proof-card-width: 286px;
  --proof-set-width: 886px;
  gap: 14px;
  animation-duration: 64s;
}
.proof-marquee-row-reverse .proof-row-track { animation-duration: 70s; }
.proof-mini-card {
  width: var(--proof-card-width);
  min-height: 170px;
  padding: 22px;
  border-color: rgba(16, 17, 15, 0.12);
  border-radius: 12px;
  background: #f7f7f3;
}
.proof-mini-green,
.proof-mini-dark,
.proof-mini-card:nth-child(3n + 2) { background: #f2f3ee; color: var(--voltr-ink); }
.proof-mini-card > header {
  padding-bottom: 11px;
  border-bottom: 1px solid rgba(16, 17, 15, 0.1);
  color: #777b73;
}
.proof-mini-card blockquote {
  margin: 18px 0 17px;
  font-size: 15px;
  line-height: 1.32;
}
.proof-mini-metric > strong {
  margin-top: 18px;
  color: var(--voltr-green);
  font-size: 44px;
}
.proof-mini-metric > p { max-width: 225px; font-size: 12px; line-height: 1.42; }
.proof-mini-card > footer img { width: 27px; height: 27px; }
.proof-mini-card > footer strong { font-size: 10px; }
.proof-marquee-row::before,
.proof-marquee-row::after {
  top: -36px;
  bottom: -36px;
  width: clamp(34px, 5vw, 78px);
  background: rgba(232, 233, 228, 0.76);
  filter: blur(11px);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.proof-marquee-row::before {
  left: -34px;
  box-shadow: 36px 0 42px 24px rgba(232, 233, 228, 0.78);
}
.proof-marquee-row::after {
  right: -34px;
  box-shadow: -36px 0 42px 24px rgba(232, 233, 228, 0.78);
}
.proof-marquee-row:hover .proof-row-track,
.proof-marquee-row:focus-within .proof-row-track { animation-play-state: running !important; }

/* Pricing is one clean comparison, with controls only where capacity changes. */
.pricing { padding: 122px 0 116px; background: #f2f3ef; }
.pricing-head-calculator {
  display: grid;
  max-width: 820px;
  justify-items: center;
  gap: 28px;
  margin: 0 auto 52px;
  text-align: center;
}
.pricing-head h2 { font-size: clamp(58px, 6.3vw, 84px); }
.pricing-head h2 .accent { white-space: normal; }
.pricing-head .lead {
  max-width: 640px;
  margin: 22px auto 0;
  font-size: 15px;
  line-height: 1.55;
}
.pricing-head-calculator .builder-billing { margin: 0; }
.pricing-choice-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 14px;
}
.pricing-choice-card,
.pricing-choice-free,
.pricing-choice-build,
.pricing-choice-managed {
  height: auto;
  min-height: 720px;
  padding: 32px;
  border: 1px solid rgba(16, 17, 15, 0.15);
  border-radius: 18px;
  background: #fff;
  color: var(--voltr-ink);
  box-shadow: none;
}
.pricing-choice-build { border-color: rgba(84, 215, 77, 0.82); }
.pricing-choice-card > header { min-height: 176px; padding: 0; }
.pricing-choice-card h3 {
  min-height: 0;
  margin: 0;
  color: var(--voltr-ink);
  font-size: 29px;
  font-weight: 670;
  line-height: 1.02;
  letter-spacing: -0.05em;
}
.pricing-choice-card header > p,
.pricing-choice-managed header > p {
  max-width: 310px;
  margin-top: 14px;
  color: #686d65;
  font-size: 12px;
  line-height: 1.5;
}
.pricing-choice-price { margin-top: 12px; }
.pricing-choice-price strong,
.pricing-choice-price-custom strong {
  color: var(--voltr-ink);
  font-size: 60px;
  line-height: 0.9;
  letter-spacing: -0.07em;
}
.pricing-choice-price-custom strong { font-size: 48px; }
.pricing-choice-build .pricing-choice-price strong { color: var(--voltr-green); }
.pricing-choice-price small,
.pricing-choice-build .pricing-choice-price small,
.pricing-choice-managed .pricing-choice-price small { color: #74786f; }
.pricing-choice-features,
.pricing-choice-build .pricing-choice-features,
.pricing-choice-managed .pricing-choice-features {
  gap: 0;
  margin: 0 0 24px;
  padding: 0;
  border-top: 1px solid rgba(16, 17, 15, 0.14);
}
.pricing-choice-features li,
.pricing-choice-build .pricing-choice-features li,
.pricing-choice-managed .pricing-choice-features li {
  min-height: 39px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(16, 17, 15, 0.1);
  color: #4f544d;
  font-size: 11.5px;
  line-height: 1.32;
}
.pricing-choice-features li > span,
.pricing-choice-build .pricing-choice-features li > span,
.pricing-choice-managed .pricing-choice-features li > span {
  color: var(--voltr-green);
  font-size: 13px;
}
.pricing-choice-features b { font-weight: 570; }
.pricing-choice-build .pricing-builder-inline {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  margin: 0;
}
.pricing-choice-features-config li.is-editable {
  display: grid;
  min-height: 62px;
  grid-template-columns: 16px minmax(0, 1fr) auto;
  grid-template-rows: auto 20px;
  align-items: center;
  column-gap: 9px;
  row-gap: 5px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.pricing-choice-features-config li.is-editable > span {
  grid-column: 1;
  grid-row: 1;
}
.pricing-choice-features-config li.is-editable > label {
  grid-column: 2;
  grid-row: 1;
  color: #3f443d;
  font-weight: 630;
}
.pricing-choice-features-config li.is-editable:not(.pricing-team-row) > .pricing-inline-slider { display: contents; }
.pricing-inline-slider output {
  display: inline-flex;
  min-height: 22px;
  grid-column: 3;
  grid-row: 1;
  align-items: center;
  justify-self: end;
  padding: 0 7px;
  overflow: visible;
  border: 1px solid rgba(16, 17, 15, 0.1);
  border-radius: 7px;
  background: #f2f3ef;
  color: #30342f;
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
  white-space: nowrap;
}
.pricing-slider-track {
  display: block;
  position: relative;
  width: 100%;
  height: 20px;
  grid-column: 2 / -1;
  grid-row: 2;
}
.pricing-slider-track::before {
  position: absolute;
  top: 8px;
  right: 0;
  left: 0;
  height: 4px;
  border-radius: 999px;
  background: #dfe1dc;
  content: "";
}
.pricing-slider-track::after {
  position: absolute;
  top: 8px;
  left: 0;
  width: var(--range-progress, 0%);
  height: 4px;
  border-radius: 999px;
  background: var(--voltr-green);
  content: "";
}
.pricing-slider-track input[type="range"] {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 20px;
  margin: 0;
  appearance: none;
  background: transparent;
  cursor: pointer;
}
.pricing-slider-track input[type="range"]:focus-visible {
  border-radius: 999px;
  outline: 2px solid rgba(84, 215, 77, 0.72);
  outline-offset: 3px;
}
.pricing-slider-track input[type="range"]::-webkit-slider-runnable-track { height: 4px; background: transparent; }
.pricing-slider-track input[type="range"]::-webkit-slider-thumb {
  width: 17px;
  height: 17px;
  margin-top: -6.5px;
  appearance: none;
  border: 3px solid #fff;
  border-radius: 50%;
  background: var(--voltr-green);
  box-shadow: 0 0 0 1px rgba(16, 17, 15, 0.18), 0 3px 8px rgba(16, 17, 15, 0.14);
  transition: box-shadow 150ms ease, transform 150ms ease;
}
.pricing-slider-track input[type="range"]:hover::-webkit-slider-thumb,
.pricing-slider-track input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 2px rgba(84, 215, 77, 0.22), 0 4px 10px rgba(16, 17, 15, 0.16);
  transform: scale(1.05);
}
.pricing-slider-track input[type="range"]::-moz-range-track { height: 4px; background: transparent; }
.pricing-slider-track input[type="range"]::-moz-range-thumb {
  width: 17px;
  height: 17px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: var(--voltr-green);
  box-shadow: 0 0 0 1px rgba(16, 17, 15, 0.18), 0 3px 8px rgba(16, 17, 15, 0.14);
}
.pricing-team-row {
  min-height: 76px !important;
  grid-template-columns: 16px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
}
.pricing-team-row > b {
  grid-column: 2;
  grid-row: 1;
  color: #3f443d;
  font-weight: 630;
}
.pricing-inline-team {
  display: grid;
  width: 100%;
  grid-column: 2;
  grid-row: 2;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.pricing-inline-mini { display: grid; gap: 4px; }
.pricing-inline-mini > span:first-child {
  display: flex;
  min-height: 20px;
  align-items: center;
  justify-content: space-between;
  color: #666b63;
  font-family: var(--mono);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.pricing-inline-mini output {
  display: grid;
  min-width: 22px;
  height: 20px;
  place-items: center;
  padding: 0 6px;
  border: 1px solid rgba(16, 17, 15, 0.1);
  border-radius: 6px;
  background: #f2f3ef;
  color: var(--voltr-ink);
  font-family: var(--font);
  font-size: 10px;
  letter-spacing: 0;
}
.pricing-inline-mini .pricing-slider-track {
  grid-column: auto;
  grid-row: auto;
}
.pricing-choice-features-config li.pricing-ads-row { border-bottom: 0; }
.pricing-choice-features-config li.pricing-inherits-row {
  display: grid;
  min-height: 39px;
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  margin-top: 4px;
  padding: 9px 0;
  border: 0;
}
.pricing-config-footer {
  display: grid;
  width: 100%;
  margin-top: auto;
  padding: 0;
  border: 0;
}
.pricing-config-summary { display: none; }
.pricing-choice-cta,
.pricing-choice-cta-dark,
.pricing-choice-managed .pricing-choice-cta-dark,
.pricing-config-footer .pricing-choice-cta {
  display: flex;
  width: 100%;
  max-width: none;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: auto 0 0;
  border: 0;
  border-radius: 10px;
  background: var(--voltr-ink);
  color: #fff;
  font-size: 12px;
  box-shadow: none;
}
.pricing-choice-cta > span { position: absolute; right: 18px; }

.pricing-choice-build .pricing-choice-cta {
  background: var(--voltr-green);
  color: var(--voltr-ink);
}

@media (max-width: 920px) {
  .field-proof-head {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .field-proof-head > p { max-width: 600px; }
}

@media (max-width: 1080px) {
  .product-bento-outreach,
  .product-bento-discovery { grid-column: span 6; }
  .product-bento-amplify { grid-column: span 6; }
  .product-bento-community,
  .product-bento-coaching { grid-column: span 3; }

  .pricing-choice-grid { grid-template-columns: 1fr; }
  .pricing-choice-card,
  .pricing-choice-free,
  .pricing-choice-build,
  .pricing-choice-managed { min-height: 0; }
  .pricing-choice-card > header { min-height: 0; margin-bottom: 28px; }
  .pricing-choice-build { grid-column: auto; grid-row: auto; }
}

@media (max-width: 720px) {
  .product-bento { padding: 82px 0 78px; }
  .product-bento-head { margin-bottom: 38px; }
  .product-bento-head h2 { font-size: 46px; }
  .product-bento-grid { gap: 12px; }
  .product-bento-outreach,
  .product-bento-discovery,
  .product-bento-amplify,
  .product-bento-community,
  .product-bento-coaching { min-height: 0; grid-column: auto; }
  .product-bento-card-head,
  .product-bento-community .product-bento-card-head,
  .product-bento-coaching .product-bento-card-head { padding: 24px 22px 18px; }
  .product-bento-card-head h3,
  .product-bento-community .product-bento-card-head h3,
  .product-bento-coaching .product-bento-card-head h3 { font-size: 26px; }
  .product-bento-outreach .product-bento-ui-dashboard,
  .product-bento-amplify .product-bento-ui-dashboard { min-height: 250px; }
  .product-bento-discovery .product-bento-ui-phone { min-height: 310px; }
  .product-bento-community .product-bento-ui-phone,
  .product-bento-coaching .product-bento-ui-phone { min-height: 290px; }
  .product-bento-community .product-bento-ui-phone img,
  .product-bento-coaching .product-bento-ui-phone img { width: min(190px, 72%); }

  .field-proof { padding: 84px 0 72px; }
  .field-proof-head { padding-inline: 20px; }
  .field-proof-head h2 { font-size: 48px; }
  .proof-marquee-stack { margin-top: 38px; }
  .proof-row-track { --proof-card-width: 250px; --proof-set-width: 786px; gap: 12px; }
  .proof-mini-card { min-height: 150px; }

  .pricing { padding: 84px 0 78px; }
  .pricing-head-calculator { margin-bottom: 38px; }
  .pricing-head h2 { font-size: 52px; }
  .pricing-choice-grid { gap: 12px; }
  .pricing-choice-card,
  .pricing-choice-free,
  .pricing-choice-build,
  .pricing-choice-managed { padding: 25px; border-radius: 21px; }
  .pricing-choice-card h3 { font-size: 28px; }
  .pricing-choice-features-config li.is-editable {
    grid-template-columns: 16px minmax(0, 1fr) auto;
  }
}

/* Product system: proof, workflow, and real Voltr screens. */
.voltr-system {
  overflow: hidden;
  padding: clamp(94px, 8vw, 132px) 0 clamp(108px, 9vw, 148px);
  color: #11120f;
  background: #eef0eb;
}

.voltr-system-head {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .55fr);
  align-items: end;
  gap: clamp(46px, 8vw, 128px);
}

.voltr-system-head h2 {
  max-width: 900px;
  margin: 24px 0 0;
  font-size: clamp(56px, 5.7vw, 86px);
  font-weight: 650;
  letter-spacing: -.064em;
  line-height: .94;
}

.voltr-system-head > p {
  max-width: 460px;
  margin: 0 0 4px;
  color: #656b63;
  font-size: clamp(16px, 1.25vw, 19px);
  line-height: 1.55;
}

.voltr-proof-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-rows: 240px;
  gap: 14px;
  margin-top: clamp(54px, 6vw, 82px);
}

.voltr-proof-tile {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  padding: 24px;
  border: 1px solid #d2d6cf;
  border-radius: 20px;
  background: #f8f8f5;
}

.voltr-proof-tile-index { grid-column: span 6; grid-row: span 2; padding: 30px; }
.voltr-proof-tile-capacity,
.voltr-proof-tile-platforms { grid-column: span 3; }
.voltr-proof-tile-record { grid-column: span 6; }

.voltr-proof-tile > span,
.voltr-feature-card > header > span {
  color: #72786f;
  font-family: var(--font-mono, monospace);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.voltr-proof-tile > strong {
  display: block;
  margin-top: 16px;
  color: #11120f;
  font-size: clamp(40px, 3.8vw, 58px);
  font-weight: 680;
  letter-spacing: -.065em;
  line-height: .92;
}

.voltr-proof-tile-index > strong { font-size: clamp(72px, 8vw, 108px); }
.voltr-proof-tile-capacity > strong { font-size: clamp(39px, 3.8vw, 54px); white-space: nowrap; }
.voltr-proof-tile-platforms > strong { max-width: 230px; font-size: clamp(32px, 3.1vw, 45px); }
.voltr-proof-tile-record > strong { max-width: 370px; font-size: clamp(31px, 3vw, 42px); line-height: .96; }

.voltr-proof-tile > strong small {
  margin-left: 5px;
  color: #656b63;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: -.02em;
}

.voltr-proof-tile > p {
  position: relative;
  z-index: 2;
  max-width: 330px;
  margin: 11px 0 0;
  color: #5f655d;
  font-size: 13px;
  line-height: 1.42;
}

.voltr-creator-mosaic {
  position: relative;
  display: flex;
  min-height: 215px;
  align-items: flex-end;
  gap: 10px;
  margin-top: auto;
  padding-top: 24px;
}

.voltr-creator-mosaic figure {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 16px;
  background: #e7e9e4;
  box-shadow: 0 14px 28px rgba(17, 18, 15, .1);
}
.voltr-creator-mosaic figure:nth-child(1) { height: 154px; }
.voltr-creator-mosaic figure:nth-child(2) { height: 192px; }
.voltr-creator-mosaic figure:nth-child(3) { height: 172px; }
.voltr-creator-mosaic figure:nth-child(4) { height: 206px; }
.voltr-creator-mosaic figure img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 24%; }

.voltr-signal-chips {
  position: absolute;
  right: 12px;
  bottom: 12px;
  left: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.voltr-signal-chips b {
  min-height: 27px;
  padding: 7px 10px 0;
  border: 1px solid rgba(17, 18, 15, .1);
  border-radius: 999px;
  background: rgba(255, 255, 255, .93);
  color: #3e433d;
  font-size: 9px;
  font-weight: 720;
  box-shadow: 0 5px 12px rgba(17, 18, 15, .08);
}

.voltr-proof-product-window {
  min-height: 78px;
  margin-top: auto;
  overflow: hidden;
  border: 1px solid #d0d4cd;
  border-radius: 12px 12px 0 0;
  background: #eef0eb;
}
.voltr-proof-product-window > b {
  display: block;
  padding: 7px 9px;
  border-bottom: 1px solid #d0d4cd;
  background: #fff;
  color: #70766e;
  font-family: var(--font-mono, monospace);
  font-size: 7px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.voltr-proof-product-window img { display: block; width: 100%; height: 62px; object-fit: cover; object-position: left 7%; }

.voltr-channel-flow {
  display: grid;
  min-height: 84px;
  grid-template-columns: 42px minmax(54px, 1fr) 42px;
  align-items: center;
  gap: 8px;
  margin-top: auto;
}
.voltr-channel-flow > span {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid #d1d5ce;
  border-radius: 50%;
  background: #fff;
}
.voltr-channel-flow > span img { width: 21px; height: 21px; object-fit: contain; }
.voltr-channel-flow figure {
  position: relative;
  width: 58px;
  height: 76px;
  justify-self: center;
  overflow: visible;
  margin: 0;
}
.voltr-channel-flow figure::before,
.voltr-channel-flow figure::after {
  position: absolute;
  top: 50%;
  width: 22px;
  height: 1px;
  background: #54d74d;
  content: '';
}
.voltr-channel-flow figure::before { right: 100%; }
.voltr-channel-flow figure::after { left: 100%; }
.voltr-channel-flow figure img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  border: 3px solid #fff;
  border-radius: 12px;
  object-fit: cover;
  object-position: center 24%;
  box-shadow: 0 10px 22px rgba(17, 18, 15, .13);
}

.voltr-record-chain {
  display: flex;
  align-items: center;
  margin-top: auto;
  padding-top: 18px;
}
.voltr-record-chain b {
  display: inline-grid;
  min-width: 52px;
  min-height: 29px;
  place-items: center;
  padding: 0 9px;
  border: 1px solid #d0d4cd;
  border-radius: 999px;
  background: #fff;
  color: #4b504a;
  font-size: 8.5px;
  font-weight: 720;
  white-space: nowrap;
}
.voltr-record-chain b:last-child { border-color: #54d74d; background: rgba(84, 215, 77, .13); color: var(--volt-on, #111111); }
.voltr-record-chain i { display: block; min-width: 5px; height: 1px; flex: 1; background: #54d74d; }

.voltr-workflow {
  margin-top: clamp(60px, 7vw, 92px);
  padding: clamp(40px, 4vw, 52px) 0 clamp(44px, 4vw, 56px);
  border-top: 1px solid #cfd3cc;
  border-bottom: 1px solid #cfd3cc;
}

.voltr-workflow-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .55fr);
  align-items: end;
  column-gap: 64px;
}

.voltr-workflow-head > span { grid-column: 1 / -1; }
.voltr-workflow-head h3 {
  margin: 18px 0 0;
  font-size: clamp(38px, 4vw, 54px);
  font-weight: 660;
  letter-spacing: -.058em;
  line-height: .98;
}
.voltr-workflow-head p { margin: 0 0 4px; color: #676d65; font-size: 14px; line-height: 1.5; }

.voltr-workflow-steps {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  margin: 38px 0 0;
  padding: 0;
  list-style: none;
}

.voltr-workflow-steps::before {
  content: '';
  position: absolute;
  top: 17px;
  right: 8%;
  left: 8%;
  height: 1px;
  background: #54d74d;
}

.voltr-workflow-steps li { position: relative; min-width: 0; }
.voltr-workflow-steps li > span {
  position: relative;
  z-index: 1;
  display: grid;
  width: 35px;
  height: 35px;
  place-items: center;
  border: 1px solid #54d74d;
  border-radius: 50%;
  background: #f8f8f5;
  color: var(--volt-on, #111111);
  font-family: var(--font-mono, monospace);
  font-size: 9px;
  font-weight: 700;
}
.voltr-workflow-steps strong { display: block; max-width: 180px; margin-top: 16px; font-size: 16px; font-weight: 690; letter-spacing: -.035em; line-height: 1.12; }
.voltr-workflow-steps p { max-width: 180px; margin: 7px 0 0; color: #676d65; font-size: 11.5px; line-height: 1.45; }

.voltr-feature-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .6fr);
  align-items: end;
  column-gap: 72px;
  margin-top: clamp(88px, 9vw, 132px);
  padding-bottom: 38px;
}
.voltr-feature-head > span { grid-column: 1 / -1; }
.voltr-feature-head h3 { margin: 18px 0 0; font-size: clamp(44px, 5vw, 70px); font-weight: 660; letter-spacing: -.062em; line-height: .95; }
.voltr-feature-head p { margin: 0 0 4px; color: #666c64; font-size: 15px; line-height: 1.52; }

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

.voltr-feature-card {
  display: grid;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #cfd3cc;
  border-radius: 22px;
  background: #f9f9f6;
}

.voltr-feature-card > header { padding: 32px 32px 28px; }
.voltr-feature-card h4 {
  max-width: 690px;
  margin: 15px 0 0;
  font-size: clamp(29px, 3vw, 43px);
  font-weight: 670;
  letter-spacing: -.054em;
  line-height: 1;
}
.voltr-feature-card > header > p { max-width: 660px; margin: 17px 0 0; color: #626860; font-size: 14px; line-height: 1.52; }

.voltr-feature-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 24px; }
.voltr-feature-chips b {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 11px;
  border: 1px solid #d1d5ce;
  border-radius: 999px;
  background: #fff;
  color: #4c514b;
  font-size: 9px;
  font-weight: 700;
}

.voltr-feature-card figure { min-width: 0; margin: 0; overflow: hidden; border-top: 1px solid #d1d5ce; background: #e5e8e2; }
.voltr-feature-card figure img { display: block; }

.voltr-feature-card-workflow { grid-column: span 8; grid-template-rows: auto minmax(360px, 1fr); }
.voltr-feature-card-workflow figure { min-height: 390px; }
.voltr-feature-card-workflow figure img { width: 100%; height: 100%; object-fit: cover; object-position: left top; }

.voltr-feature-card-discover { grid-column: span 4; grid-template-rows: auto minmax(0, 1fr); }
.voltr-feature-card-discover figure { display: grid; min-height: 480px; place-items: start center; padding: 30px 24px 0; }
.voltr-feature-card-discover figure img {
  width: min(280px, 88%);
  height: auto;
  border: 1px solid #d0d4cd;
  border-radius: 24px 24px 0 0;
  box-shadow: 0 22px 42px rgba(17, 18, 15, .13);
}

.voltr-feature-card-amplify { grid-column: span 7; grid-template-rows: auto minmax(350px, 1fr); }
.voltr-feature-card-amplify figure { min-height: 380px; }
.voltr-feature-card-amplify figure img { width: 100%; height: 100%; object-fit: cover; object-position: 38% top; }

.voltr-feature-card-relationships { grid-column: span 5; grid-template-rows: auto minmax(0, 1fr); }
.voltr-feature-card-relationships figure { display: flex; min-height: 430px; align-items: flex-start; justify-content: center; gap: 14px; padding: 30px 20px 0; }
.voltr-feature-card-relationships figure img {
  width: calc(50% - 7px);
  height: 470px;
  border: 1px solid #d0d4cd;
  border-radius: 20px 20px 0 0;
  object-fit: cover;
  object-position: top center;
  box-shadow: 0 18px 34px rgba(17, 18, 15, .1);
}

/* Pricing: four fixed plans with monthly as the default buying state. */
.pricing-plans { padding: clamp(82px, 7vw, 104px) 0 clamp(98px, 8vw, 132px); background: #f4f5f1; }
.pricing-plans > .container { max-width: 1480px; padding-inline: 32px; }
.pricing-plans .pricing-head-calculator {
  max-width: 760px;
  align-items: center;
  gap: 18px;
  margin: 0 auto 40px;
  text-align: center;
}
.pricing-plans .pricing-head-calculator > div:first-child { display: grid; justify-items: center; }
.pricing-plans .pricing-head h2 { max-width: 760px; margin-top: 14px; font-size: clamp(50px, 5.4vw, 68px); line-height: .94; }
.pricing-plans .pricing-head .lead { max-width: 620px; margin-top: 16px; font-size: 14px; }
.pricing-plans .builder-billing { justify-self: center; }

.pricing-plans .plan-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: 16px;
}

.pricing-plans .plan-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  padding: 29px 24px 31px;
  border: 1px solid #d6d9d3;
  border-radius: 19px;
  background: #fbfbf8;
  box-shadow: 0 18px 48px rgba(17, 17, 17, .045);
}

.pricing-plans .plan-card-popular { border: 2px solid #54d74d; padding: 28px 23px 30px; }
.pricing-plans .plan-popular-badge {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  display: inline-flex;
  min-height: 27px;
  align-items: center;
  padding: 0 13px;
  border-radius: 999px;
  background: #54d74d;
  color: #11120f;
  font-size: 10px;
  font-weight: 760;
  transform: translate(-50%, -52%);
  white-space: nowrap;
}

.pricing-plans .plan-card > header { display: flex; min-height: 176px; flex-direction: column; }
.pricing-plans .plan-card h3 { margin: 0; font-size: 23px; font-weight: 730; letter-spacing: -.04em; }
.pricing-plans .plan-card-popular h3 { color: #3fcf3d; }
.pricing-plans .plan-price { display: flex; min-height: 72px; align-items: flex-end; margin-top: 5px; }
.pricing-plans .plan-price strong { color: #151613; font-size: clamp(54px, 4.5vw, 70px); font-weight: 700; letter-spacing: -.07em; line-height: .96; }
.pricing-plans .plan-card-popular .plan-price strong { color: #3fcf3d; }
.pricing-plans .plan-price small { margin: 0 0 9px 7px; color: #5f645d; font-size: 14px; }
.pricing-plans .plan-price-custom strong { font-size: clamp(47px, 3.9vw, 61px); }
.pricing-plans .plan-card > header > p:not(.plan-billing-note) { min-height: 43px; margin: 15px 0 0; color: #5e635c; font-size: 14.5px; line-height: 1.47; }
.pricing-plans .plan-cta {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 55px;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  border: 1px solid #c9cdc6;
  border-radius: 999px;
  background: #fff;
  color: #11120f;
  font-size: 14px;
  font-weight: 780;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  transition: background-color 150ms ease, border-color 150ms ease;
}
.pricing-plans .plan-card-popular .plan-cta { border-color: #54d74d; background: #54d74d; }
.pricing-plans .plan-cta:hover { border-color: #aeb4ab; background: #f3f4f0; }
.pricing-plans .plan-card-popular .plan-cta:hover { border-color: #3fcf3d; background: #48cf43; }
.pricing-plans .plan-cta:active { background: #eceee9; transform: none; }
.pricing-plans .plan-card-popular .plan-cta:active { background: #42c93e; }
.pricing-plans .plan-cta:focus-visible { outline: 3px solid rgba(84, 215, 77, .48); outline-offset: 4px; }

.pricing-plans .plan-trial-note { min-height: 28px; margin: 10px 0 0; color: #7b8078; font-size: 11px; line-height: 1.35; text-align: center; }
.pricing-plans .plan-trial-note span { margin: 0 3px; }
.pricing-plans .plan-managed-note { color: #686d65; }

.pricing-plans .plan-features { display: grid; flex: 1; grid-template-rows: repeat(8, minmax(48px, 1fr)); gap: 0; margin: 27px 0 0; padding: 0; list-style: none; }
.pricing-plans .plan-features li {
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 12px 0;
  border-bottom: 1px solid #dfe2dc;
  color: #50554e;
  font-size: 13px;
  line-height: 1.38;
}
.pricing-plans .plan-features li > span { color: #31bc36; font-size: 15px; font-weight: 820; line-height: 1.12; }
.pricing-plans .plan-features li b { font-weight: 620; }
.pricing-plans .plan-features li:last-child { border-bottom: 0; }
.pricing-plans .plan-features .plan-inherits {
  min-height: 43px;
  margin-bottom: 5px;
  padding: 10px 0;
  border: 0;
  color: #1b1d1a;
}
.pricing-plans .plan-features .plan-inherits b { font-weight: 760; }
.pricing-plans .plan-card[data-plan-card="pro"] .plan-capacity { grid-row: 8; }

.pricing-plans .creator-access {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  max-width: 1000px;
  margin: 42px auto 0;
  padding: 30px 0 0;
  border-top: 1px solid #d6d9d3;
}
.creator-access h3 { margin: 0; color: var(--volt-on, #111111); font-size: 24px; font-weight: 680; letter-spacing: -.04em; }
.creator-access h3 span { color: var(--voltr-green); font-style: italic; font-weight: 450; }
.creator-access p { max-width: 550px; margin: 7px 0 0; color: #697164; font-size: 13px; line-height: 1.5; }
.creator-access > .creator-network-cta { justify-self: end; }

@media (max-width: 1160px) {
  .voltr-proof-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 230px;
  }
  .voltr-proof-tile-index { grid-column: span 1; grid-row: span 2; }
  .voltr-proof-tile-capacity,
  .voltr-proof-tile-platforms { grid-column: span 1; }
  .voltr-proof-tile-record { grid-column: span 2; }
  .pricing-plans .plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
}

@media (max-width: 900px) {
  .voltr-system-head,
  .voltr-workflow-head,
  .voltr-feature-head { grid-template-columns: 1fr; gap: 26px; }
  .voltr-system-head > p,
  .voltr-workflow-head p,
  .voltr-feature-head p { margin: 0; }
  .voltr-workflow-steps {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: visible;
    padding-bottom: 0;
  }
  .voltr-workflow-steps::before { right: 8%; left: 8%; }
  .voltr-feature-card-workflow,
  .voltr-feature-card-discover,
  .voltr-feature-card-amplify,
  .voltr-feature-card-relationships { grid-column: span 12; }
  .voltr-feature-card-discover figure { min-height: 500px; }
  .voltr-feature-card-discover figure img { width: min(310px, 70%); }
}

@media (max-width: 680px) {
  .voltr-system { padding: 82px 0 96px; }
  .voltr-system-head h2 { font-size: 48px; }
  .voltr-system-head > p { font-size: 15px; }
  .voltr-proof-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    margin-right: 0;
    overflow: visible;
    padding: 0;
  }
  .voltr-proof-tile,
  .voltr-proof-tile-index,
  .voltr-proof-tile-capacity,
  .voltr-proof-tile-platforms,
  .voltr-proof-tile-record {
    grid-column: 1;
    grid-row: auto;
    min-width: 0;
    min-height: 280px;
  }
  .voltr-proof-tile-index { min-height: 470px; padding: 24px; }
  .voltr-proof-tile-record { min-height: 300px; }
  .voltr-record-chain { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .voltr-record-chain i { display: none; }
  .voltr-record-chain b { min-width: 0; }
  .voltr-workflow { margin-top: 64px; padding: 38px 0 42px; border-radius: 0; }
  .voltr-workflow-head h3 { font-size: 40px; }
  .voltr-workflow-steps { grid-template-columns: 1fr; gap: 0; margin-top: 34px; }
  .voltr-workflow-steps::before {
    top: 17px;
    right: auto;
    bottom: 28px;
    left: 17px;
    width: 1px;
    height: auto;
  }
  .voltr-workflow-steps li {
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr);
    column-gap: 16px;
    padding-bottom: 26px;
  }
  .voltr-workflow-steps li:last-child { padding-bottom: 0; }
  .voltr-workflow-steps li > span { grid-row: 1 / span 2; }
  .voltr-workflow-steps strong { grid-column: 2; max-width: none; margin-top: 1px; }
  .voltr-workflow-steps p { grid-column: 2; max-width: none; margin-top: 6px; }
  .voltr-feature-head { margin-top: 80px; padding-bottom: 30px; }
  .voltr-feature-head h3 { font-size: 44px; }
  .voltr-feature-card { border-radius: 18px; }
  .voltr-feature-card > header { padding: 26px 23px 24px; }
  .voltr-feature-card h4 { font-size: 32px; }
  .voltr-feature-card > header > p { font-size: 13px; }
  .voltr-feature-card-workflow { grid-template-rows: auto 300px; }
  .voltr-feature-card-workflow figure { min-height: 300px; }
  .voltr-feature-card-workflow figure img { object-position: 17% top; }
  .voltr-feature-card-discover figure { min-height: 420px; }
  .voltr-feature-card-discover figure img { width: min(260px, 78%); }
  .voltr-feature-card-amplify { grid-template-rows: auto 310px; }
  .voltr-feature-card-amplify figure { min-height: 310px; }
  .voltr-feature-card-amplify figure img { object-position: 32% top; }
  .voltr-feature-card-relationships figure { min-height: 370px; gap: 9px; padding: 22px 11px 0; }
  .voltr-feature-card-relationships figure img { width: calc(50% - 5px); height: 400px; border-radius: 16px 16px 0 0; }

  .pricing-plans { padding: 78px 0 96px; }
  .pricing-plans > .container { padding-inline: 22px; }
  .pricing-plans .pricing-head-calculator { margin-bottom: 42px; }
  .pricing-plans .pricing-head h2 { font-size: 48px; }
  .pricing-plans .plan-grid { grid-template-columns: 1fr; gap: 18px; }
  .pricing-plans .plan-card,
  .pricing-plans .plan-card-popular { min-height: 0; padding: 27px 23px 30px; border-radius: 18px; }
  .pricing-plans .plan-card-popular { padding-top: 31px; }
  .pricing-plans .plan-card > header { min-height: 0; }
  .pricing-plans .plan-card > header > p:not(.plan-billing-note) { min-height: 0; }
  .pricing-plans .plan-cta { margin-top: 24px; }
  .pricing-plans .plan-features { flex: none; grid-template-rows: none; grid-auto-rows: auto; }
  .pricing-plans .plan-card[data-plan-card="pro"] .plan-capacity { grid-row: auto; }
  .pricing-plans .plan-features li { min-height: 46px; font-size: 13.5px; }
  .pricing-plans .creator-access { grid-template-columns: 1fr; gap: 15px; margin-top: 30px; padding-top: 26px; }
  .creator-access h3 { font-size: 23px; }
  .creator-access > .creator-network-cta { grid-column: 1; justify-self: start; margin-top: 2px; }
}

@media (prefers-reduced-motion: reduce) {
  .pricing-plans .plan-cta { transition: none; }
}
/* End product system and fixed-plan pricing. */

/* Unified editorial product story. */
.customer-proof-strip {
  border-top: 1px solid #d5d8d1;
  border-bottom: 1px solid #d5d8d1;
  background: #f7f7f3;
}

.customer-proof-inner {
  display: grid;
  min-height: 126px;
  grid-template-columns: minmax(190px, .65fr) minmax(0, 2fr);
  align-items: stretch;
}

.customer-proof-inner > p {
  display: flex;
  align-items: center;
  margin: 0;
  padding-right: 30px;
  color: #73786f;
  font-family: var(--font-mono, monospace);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1.45;
  text-transform: uppercase;
}

.customer-proof-logos {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}

.customer-proof-logos li {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  padding: 24px 18px;
  border-left: 1px solid #d5d8d1;
}

.customer-proof-logos img { display: block; width: auto; max-width: 104px; max-height: 48px; object-fit: contain; }
.customer-proof-logos li:nth-child(2) img { max-width: 88px; }
.customer-proof-logos li:nth-child(3) img { max-width: 94px; max-height: 42px; }
.customer-proof-logos li:nth-child(4) img { max-width: 58px; max-height: 52px; }
.customer-proof-weld { gap: 10px; }
.customer-proof-weld img { width: 31px; height: 31px; }
.customer-proof-weld b { color: #191a17; font-size: 17px; font-weight: 760; letter-spacing: -.04em; }

.voltr-system {
  overflow: hidden;
  padding: clamp(108px, 9vw, 148px) 0 clamp(112px, 10vw, 164px);
  color: #11120f;
  background: #f0f1ed;
}

.voltr-editorial-head {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .55fr);
  align-items: end;
  gap: clamp(48px, 8vw, 132px);
}

.voltr-editorial-head h2 {
  max-width: 900px;
  margin: 24px 0 0;
  font-size: clamp(60px, 6.3vw, 92px);
  font-weight: 650;
  letter-spacing: -.068em;
  line-height: .91;
}

.voltr-editorial-head h2 .disp-italic { color: #4dd848; }

.voltr-editorial-head > p {
  max-width: 430px;
  margin: 0 0 5px;
  color: #646a62;
  font-size: clamp(16px, 1.25vw, 19px);
  line-height: 1.56;
}

.voltr-chapters {
  margin-top: clamp(72px, 7vw, 104px);
  border-top: 1px solid #cbd0c8;
}

.voltr-chapter {
  display: grid;
  grid-template-columns: minmax(310px, .78fr) minmax(0, 1.35fr);
  align-items: center;
  gap: clamp(48px, 7vw, 104px);
  min-height: 710px;
  padding: clamp(74px, 7vw, 104px) 0;
  border-bottom: 1px solid #cbd0c8;
}

.voltr-chapter-operate,
.voltr-chapter-retain { grid-template-columns: minmax(0, 1.35fr) minmax(310px, .78fr); }
.voltr-chapter-operate .voltr-chapter-copy,
.voltr-chapter-retain .voltr-chapter-copy { grid-column: 2; grid-row: 1; justify-self: end; }
.voltr-chapter-operate .voltr-chapter-visual,
.voltr-chapter-retain .voltr-chapter-visual { grid-column: 1; grid-row: 1; }

.voltr-chapter-copy { width: 100%; max-width: 470px; }
.voltr-chapter-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #656b63;
  font-family: var(--font-mono, monospace);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.voltr-chapter-kicker b {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid #50d64a;
  border-radius: 50%;
  color: var(--volt-on, #111111);
  font-size: 8px;
}

.voltr-chapter-copy h3 {
  margin: 24px 0 0;
  font-size: clamp(44px, 4.3vw, 60px);
  font-weight: 660;
  letter-spacing: -.061em;
  line-height: .96;
}

.voltr-chapter-copy > p {
  margin: 24px 0 0;
  color: #626860;
  font-size: 15.5px;
  line-height: 1.62;
}

.voltr-chapter-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 38px 0 0;
  padding-top: 20px;
  border-top: 1px solid #cbd0c8;
}
.voltr-chapter-facts div { min-width: 0; padding-right: 18px; }
.voltr-chapter-facts div + div { padding-right: 0; padding-left: 20px; border-left: 1px solid #cbd0c8; }
.voltr-chapter-facts dt {
  color: #151613;
  font-size: 19px;
  font-weight: 690;
  letter-spacing: -.045em;
  line-height: 1.05;
}
.voltr-chapter-facts dd { margin: 7px 0 0; color: #757b72; font-size: 10.5px; line-height: 1.42; }

.voltr-chapter-visual {
  position: relative;
  min-width: 0;
  min-height: 600px;
  overflow: hidden;
  margin: 0;
  border: 1px solid #cbd0c8;
  border-radius: 28px;
  background: #dfe3dc;
}

.voltr-chapter-visual figcaption {
  position: absolute;
  top: 25px;
  right: 28px;
  left: 28px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #646a62;
  font-family: var(--font-mono, monospace);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.voltr-chapter-visual figcaption b { color: #151613; font-weight: 760; }

.voltr-discover-stage .voltr-stage-watermark {
  position: absolute;
  top: 86px;
  left: 50%;
  color: #c6ccc4;
  font-size: clamp(128px, 13vw, 198px);
  font-weight: 690;
  letter-spacing: -.09em;
  line-height: 1;
  transform: translateX(-50%);
  white-space: nowrap;
}
.voltr-discover-stage > img {
  position: absolute;
  bottom: -72px;
  left: 50%;
  z-index: 2;
  display: block;
  width: min(280px, 48%);
  height: auto;
  border: 1px solid rgba(17, 18, 15, .12);
  border-radius: 32px 32px 0 0;
  box-shadow: 0 30px 54px rgba(17, 18, 15, .17);
  transform: translateX(-50%);
}

.voltr-product-stage {
  display: grid;
  place-items: center;
  padding: 66px 34px 32px;
}
.voltr-product-stage > img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(17, 18, 15, .12);
  border-radius: 15px;
  box-shadow: 0 26px 48px rgba(17, 18, 15, .14);
}
.voltr-product-stage-dark { border-color: #2b2d29; background: #11120f; }
.voltr-product-stage-dark figcaption { color: #888e84; }
.voltr-product-stage-dark figcaption b { color: #f5f6f2; }
.voltr-product-stage-dark > img { border-color: rgba(255, 255, 255, .18); box-shadow: 0 28px 54px rgba(0, 0, 0, .36); }

.voltr-relationship-stage {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 20px;
  padding: 78px 32px 0;
  border-color: #2b2d29;
  background: #11120f;
}
.voltr-relationship-stage figcaption { color: #888e84; }
.voltr-relationship-stage figcaption b { color: #f5f6f2; }
.voltr-relationship-stage > img {
  display: block;
  width: min(260px, 42%);
  height: auto;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 26px 26px 0 0;
  box-shadow: 0 28px 54px rgba(0, 0, 0, .34);
  transform: translateY(82px);
}

@media (max-width: 1160px) {
  .voltr-chapter { min-height: 620px; gap: 46px; }
  .voltr-chapter-copy h3 { font-size: 46px; }
  .voltr-chapter-visual { min-height: 520px; }
  .voltr-discover-stage > img { width: min(250px, 50%); }
  .voltr-relationship-stage > img { width: min(220px, 43%); }
}

@media (max-width: 900px) {
  .customer-proof-inner { grid-template-columns: 170px minmax(0, 1fr); }
  .customer-proof-logos li { padding: 22px 10px; }
  .voltr-editorial-head { grid-template-columns: 1fr; gap: 30px; }
  .voltr-editorial-head > p { margin: 0; }
  .voltr-chapter,
  .voltr-chapter-operate,
  .voltr-chapter-retain { grid-template-columns: 1fr; gap: 46px; min-height: 0; padding: 70px 0; }
  .voltr-chapter-operate .voltr-chapter-copy,
  .voltr-chapter-retain .voltr-chapter-copy { grid-column: 1; grid-row: 1; justify-self: start; }
  .voltr-chapter-operate .voltr-chapter-visual,
  .voltr-chapter-retain .voltr-chapter-visual { grid-column: 1; grid-row: 2; }
  .voltr-chapter-copy { max-width: 610px; }
  .voltr-chapter-visual { min-height: 540px; }
}

@media (max-width: 680px) {
  .customer-proof-inner { display: block; min-height: 0; padding: 28px 0 22px; }
  .customer-proof-inner > p { justify-content: center; padding: 0 0 22px; text-align: center; }
  .customer-proof-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #d5d8d1; }
  .customer-proof-logos li { min-height: 82px; border-left: 0; border-bottom: 1px solid #d5d8d1; }
  .customer-proof-logos li:nth-child(even) { border-left: 1px solid #d5d8d1; }
  .customer-proof-logos li:nth-child(n + 3) { border-bottom: 0; }
  .voltr-system { padding: 82px 0 102px; }
  .voltr-editorial-head h2 { font-size: 48px; line-height: .94; }
  .voltr-editorial-head > p { font-size: 15px; }
  .voltr-chapters { margin-top: 58px; }
  .voltr-chapter,
  .voltr-chapter-operate,
  .voltr-chapter-retain { gap: 34px; padding: 56px 0; }
  .voltr-chapter-copy h3 { margin-top: 20px; font-size: 38px; }
  .voltr-chapter-copy > p { margin-top: 18px; font-size: 14px; line-height: 1.58; }
  .voltr-chapter-facts { grid-template-columns: 1fr; margin-top: 28px; padding-top: 17px; }
  .voltr-chapter-facts div { padding-right: 0; }
  .voltr-chapter-facts div + div { margin-top: 15px; padding: 15px 0 0; border-top: 1px solid #cbd0c8; border-left: 0; }
  .voltr-chapter-visual { min-height: 430px; border-radius: 20px; }
  .voltr-chapter-visual figcaption { top: 19px; right: 20px; left: 20px; }
  .voltr-discover-stage .voltr-stage-watermark { top: 78px; font-size: 112px; }
  .voltr-discover-stage > img { bottom: -48px; width: 210px; border-radius: 25px 25px 0 0; }
  .voltr-product-stage { min-height: 330px; padding: 56px 14px 14px; }
  .voltr-product-stage > img { border-radius: 10px; }
  .voltr-relationship-stage { min-height: 430px; gap: 10px; padding: 68px 12px 0; }
  .voltr-relationship-stage > img { width: min(170px, 45%); border-radius: 20px 20px 0 0; transform: translateY(62px); }
}
/* End unified editorial product story. */

/* Connected artwork bento. */
.voltr-system {
  padding: clamp(94px, 8vw, 132px) 0 clamp(96px, 8vw, 136px);
  background: #eef0eb;
}

.voltr-connected-head {
  display: grid;
  max-width: 980px;
  justify-items: center;
  margin: 0 auto;
  text-align: center;
}
.voltr-connected-head h2 {
  max-width: 960px;
  margin: 20px 0 0;
  font-size: clamp(48px, 5.2vw, 72px);
  font-weight: 660;
  letter-spacing: -.067em;
  line-height: 1;
}
.voltr-connected-head h2 .disp-italic { color: #4dd848; }
.voltr-connected-head > p {
  max-width: 680px;
  margin: 25px 0 0;
  color: #626860;
  font-size: 16px;
  line-height: 1.58;
}

.voltr-system > .container {
  display: flex;
  flex-direction: column;
}
.voltr-connected-head { order: 2; }
.voltr-connected-bento { display: contents; }

.voltr-capability-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: stretch;
  gap: 16px;
  margin-top: clamp(40px, 4.5vw, 62px);
  order: 3;
}
.voltr-capability {
  --cap-inline-padding: 28px;
  display: flex;
  min-width: 0;
  grid-column: span 2;
  flex-direction: column;
  overflow: hidden;
  padding: 28px var(--cap-inline-padding) 14px;
  border: 1px solid #dfe4db;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 2px 4px #24331a03;
}
.voltr-capability:nth-child(n + 4) { grid-column: span 3; }
.voltr-capability-community {
  --community-line: #ececea;
  --community-ink: #30352e;
  --community-muted: #8d918b;
  border-color: #fff;
  background: #fff;
  background-image: none;
  box-shadow: none;
  isolation: isolate;
}
.voltr-capability > h3 { margin: 0; color: var(--volt-on, #111111); font-size: clamp(20px, 1.8vw, 25px); font-weight: 650; letter-spacing: -.035em; line-height: 1.12; }
.voltr-capability > p { margin: 12px 0 0; color: #67705f; font-size: 13.5px; line-height: 1.55; }
.cap-visual { position: relative; min-width: 0; height: 238px; flex: 0 0 238px; margin-top: auto; padding-top: 26px; }
.cap-visual svg:not(.cap-chart) { width: 18px; height: 18px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.65; }
.cap-discovery { height: auto; flex-basis: 248px; padding-top: 18px; }
.cap-search { position: relative; display: flex; min-height: 46px; align-items: center; gap: 9px; padding: 6px 10px; border: 1px solid #dce2d5; border-radius: 13px; background: #fff; color: #87907f; font-size: 10px; }
.cap-visual svg.cap-search-icon { width: 13px; height: 13px; flex: 0 0 13px; }
.cap-search-query { min-width: 0; flex: 1; overflow: hidden; color: var(--volt-on, #111111); font-size: 10.5px; line-height: 1.35; text-overflow: clip; white-space: nowrap; }
.cap-search-query > i { display: inline-block; width: 1px; height: 12px; margin-left: 2px; background: #54d74d; vertical-align: -2px; }
[data-discovery-animating="false"] .cap-search-query > i { visibility: hidden; }
.cap-discovery-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
/* Same icon geometry and segmented treatment as the app's creator search. */
.cap-platform-switch { display: inline-flex; height: 30px; flex-shrink: 0; align-items: center; gap: 2px; margin-left: 0; padding: 2px; border: 1px solid #e2e6df; border-radius: 999px; background: #f2f4ef; }
.cap-platform-switch button { display: inline-flex; width: 27px; height: 26px; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 999px; background: transparent; cursor: pointer; transition: background-color .12s, box-shadow .12s; }
.cap-platform-switch button:hover { background: #ffffff80; }
.cap-platform-switch button[aria-pressed="true"] { background: #fff; box-shadow: 0 1px 3px #00000014; }
.cap-platform-switch button:focus-visible { outline: 2px solid var(--volt-on, #111111); outline-offset: 2px; }
.cap-visual .cap-platform-switch svg { width: 15px; height: 15px; stroke: none; opacity: .4; }
.cap-platform-switch button[aria-pressed="true"] svg { opacity: 1; }
.cap-creator-results { margin-top: 9px; }
.cap-creator-row { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-top: 1px solid #e9ece5; }
.cap-avatar { display: grid; width: 31px; height: 31px; flex: 0 0 31px; border-radius: 50%; background: #e3eedd; color: var(--volt-on, #111111); font-size: 9px; font-style: normal; font-weight: 650; place-items: center; }
.cap-avatar-sand { background: #f0e7d7; color: #907855; }
.cap-avatar-lilac { background: #e9e5ef; color: #797082; }
/* Fictional generated portraits, stored in three equal square sprite panels. */
.cap-avatar-photo { width: 36px; height: 36px; flex-basis: 36px; border: 2px solid #fff; background-image: url('/creator-demo-avatars.jpg'); background-repeat: no-repeat; background-size: 300% 100%; box-shadow: 0 1px 4px #26332112; }
[data-discovery-selected="instagram"] .cap-avatar-photo { background-image: url('/creator-demo-avatars-meta.jpg'); }
.cap-avatar-emma { background-position: 0 50%; }
.cap-avatar-kai { background-position: 50% 50%; }
.cap-avatar-jules { background-position: 100% 50%; }
.cap-creator-row > span { display: grid; gap: 3px; }
.cap-creator-row b { color: var(--volt-on, #111111); font-size: 11.5px; font-weight: 620; }
.cap-creator-row small { color: #87917d; font-size: 8px; line-height: 1.4; }
.cap-creator-row em { display: flex; align-items: center; gap: 3px; margin-left: auto; color: var(--volt-on, #111111); font-size: 7.5px; font-style: normal; white-space: nowrap; }
.cap-creator-row em svg { width: 12px !important; height: 12px !important; }
.cap-creator-row:last-child em { color: #909989; }
.cap-automation { display: flex; width: 100%; max-width: 330px; height: auto; min-height: 248px; flex: 1; flex-direction: column; justify-content: center; align-self: center; margin: 0; padding: 8px 0; }
.cap-automation-head { display: flex; align-items: center; gap: 10px; min-height: 50px; margin-bottom: 2px; }
.cap-automation-head > i:first-child { display: grid; width: 44px; height: 44px; flex: 0 0 44px; border-radius: 13px; background: #fff; place-items: center; }
.cap-automation-head > i:first-child > img { width: 29px; height: 32px; object-fit: contain; }
.cap-automation-head > span { display: grid; gap: 4px; }
.cap-automation-head b { color: var(--volt-on, #111111); font-size: 19px; font-weight: 700; }
.cap-automation-head small { color: #87917d; font-size: 9.5px; }
.cap-automation-head > em { display: flex; align-items: center; gap: 5px; margin-left: auto; padding: 6px 8px; border-radius: 999px; background: #edf9ea; color: var(--volt-on, #111111); font-size: 8px; font-style: normal; font-weight: 600; white-space: nowrap; }
.cap-automation-head > em > i { width: 5px; height: 5px; border-radius: 50%; background: #54d74d; }
.cap-automation-row { display: flex; align-items: center; gap: 11px; min-height: 55px; padding: 2px 1px; border-top: 1px solid #e4e9de; color: var(--volt-on, #111111); }
.cap-automation-row > svg { width: 28px !important; height: 28px !important; padding: 6px; border-radius: 8px; background: #f2f8ef; color: #54d74d; }
.cap-automation-row > span:not(.voltr-demo-toggle) { display: grid; min-width: 0; gap: 5px; }
.cap-automation-row b { font-size: 11.5px; font-weight: 600; }
.cap-automation-row small { color: #8b9582; font-size: 8.5px; line-height: 1.4; }
.cap-automation-row .voltr-demo-toggle { margin-right: 1px; margin-left: auto; flex-shrink: 0; }
.cap-automation-footer { display: flex; align-items: center; gap: 9px; min-height: 40px; padding: 4px 1px 0; border-top: 1px solid #e4e9de; color: var(--volt-on, #111111); font-size: 8.5px; line-height: 1.35; }
.cap-automation-footer > svg { color: #54d74d; }
.cap-ads { display: flex; height: auto; min-height: 248px; flex: 1; flex-direction: column; align-items: center; justify-content: center; margin: 0; padding: 4px 0 0; }
.cap-ad-videos { display: flex; align-items: center; justify-content: center; gap: 10px; }
.cap-ad-clip { position: relative; overflow: hidden; width: 80px; height: 114px; border: 3px solid #fff; border-radius: 10px; background: #edf1e8; box-shadow: 0 3px 10px #24331a14; }
.cap-ad-clip > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cap-ad-clip > span { position: absolute; bottom: 5px; left: 5px; display: grid; width: 20px; height: 20px; border: 1px solid #ffffff70; border-radius: 50%; background: #17211455; place-items: center; }
.cap-visual .cap-ad-clip svg { width: 11px; height: 11px; fill: #fff; stroke: #fff; }
.cap-visual .cap-flow-arrow { width: 20px; height: 18px; margin: 2px 0; color: #b0bca7; stroke-width: 1.2; }
.cap-approval { display: flex; min-height: 34px; align-items: center; gap: 8px; padding: 0 12px; border: 1px solid #dce9d4; border-radius: 10px; background: #f1f9ed; color: var(--volt-on, #111111); font-size: 10.5px; font-weight: 600; }
.cap-visual .cap-approval svg { width: 16px; height: 16px; color: var(--volt-on, #111111); }
.cap-approval > i { display: grid; width: 17px; height: 17px; margin-left: 5px; border-radius: 50%; background: #4dd343; color: #fff; font-size: 10px; font-style: normal; place-items: center; }
.cap-visual svg.cap-ad-branches { width: 270px; max-width: 100%; height: 30px; color: #9bab90; stroke-width: 1.5; }
.cap-ad-destinations { display: grid; width: 100%; max-width: 270px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding-top: 6px; }
.cap-ad-destinations > div { display: flex; align-items: center; justify-content: center; gap: 8px; }
.cap-ad-destinations img { width: 22px; height: 24px; flex-shrink: 0; object-fit: contain; }
.cap-ad-destinations span { display: grid; min-width: 0; gap: 3px; }
.cap-ad-destinations b { color: var(--volt-on, #111111); font-size: 11px; font-weight: 650; }
.cap-ad-destinations small { color: #87917d; font-size: 7.5px; line-height: 1.4; }
.cap-commerce-stack { min-width: 0; overflow: hidden; margin: auto calc(4px - var(--cap-inline-padding)) 0; padding-top: 22px; background: #fff; }
.cap-commerce-stack img { display: block; width: 100%; height: auto; object-fit: contain; clip-path: inset(7% 4.6% round 26px); }
.cap-community { height: auto; flex: 0 0 auto; margin-top: 22px; padding-top: 0; }
.cap-community-head { display: flex; align-items: center; gap: 10px; padding-bottom: 12px; border-bottom: 1px solid var(--community-line); color: var(--community-ink); }
.cap-community-head > span { display: grid; gap: 4px; font-size: 13px; font-weight: 620; }
.cap-community-head small { color: var(--community-muted); font-size: 9px; font-weight: 450; }
.cap-community-head > div { display: flex; margin-left: auto; padding-left: 5px; }
.cap-community-head .cap-avatar { width: 30px; height: 30px; flex-basis: 30px; margin-left: -5px; border: 2px solid #fff; font-size: 8px; }
.cap-community-dashboard { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 8px; margin-top: 12px; }
.cap-community-leaderboard,
.cap-community-program { min-width: 0; border: 1px solid var(--community-line); border-radius: 12px; background: #fff; }
.cap-community-leaderboard { grid-row: 1 / span 2; padding: 13px 13px 8px; }
.cap-community-leaderboard > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-bottom: 8px; }
.cap-community-leaderboard > header > span { display: grid; gap: 3px; }
.cap-community-leaderboard > header small,
.cap-community-program header small { color: #8c9684; font-family: var(--font-mono, monospace); font-size: 6.5px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; }
.cap-community-leaderboard > header b { color: var(--volt-on, #111111); font-size: 12px; font-weight: 650; }
.cap-community-leaderboard > header > em { display: flex; align-items: center; gap: 4px; color: var(--volt-on, #111111); font-size: 7px; font-style: normal; font-weight: 600; }
.cap-community-leaderboard > header > em i { width: 5px; height: 5px; border-radius: 50%; background: #54d74d; box-shadow: 0 0 0 3px #54d74d1f; }
.cap-community-leaderboard ol { display: grid; margin: 0; padding: 0; list-style: none; }
.cap-community-leaderboard li { display: flex; min-width: 0; align-items: center; gap: 7px; min-height: 45px; border-top: 1px solid #f0f0ee; }
.cap-community-leaderboard li > b { width: 10px; flex: 0 0 10px; color: #8a9482; font-size: 8px; font-weight: 650; text-align: center; }
.cap-community-leaderboard li > .cap-avatar { width: 28px; height: 28px; flex-basis: 28px; border-width: 1px; }
.cap-community-leaderboard li > span { display: grid; min-width: 0; gap: 2px; }
.cap-community-leaderboard li strong { overflow: hidden; color: var(--volt-on, #111111); font-size: 9.5px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.cap-community-leaderboard li span small { overflow: hidden; color: #929b8a; font-size: 6.5px; text-overflow: ellipsis; white-space: nowrap; }
.cap-community-leaderboard li > em { display: grid; margin-left: auto; color: var(--volt-on, #111111); font-size: 9px; font-style: normal; font-weight: 650; text-align: right; }
.cap-community-leaderboard li > em small { color: #9ca494; font-size: 5.5px; font-weight: 500; letter-spacing: .06em; }
.cap-community-program { display: flex; min-height: 91px; flex-direction: column; padding: 11px 12px 9px; }
.cap-community-program header { display: flex; align-items: center; gap: 5px; }
.cap-community-program header svg { width: 13px !important; height: 13px !important; color: var(--volt-on, #111111); stroke-width: 1.6 !important; }
.cap-community-program header em { margin-left: auto; color: #8d9786; font-size: 6.5px; font-style: normal; }
.cap-community-program > b { margin-top: 8px; color: var(--volt-on, #111111); font-size: 10px; font-weight: 650; }
.cap-community-program > span { margin-top: 3px; color: #7e8976; font-size: 7px; }
.cap-community-program footer { display: flex; justify-content: space-between; gap: 6px; margin-top: auto; color: #899382; font-size: 6.5px; }
.cap-community-program footer em { color: var(--volt-on, #111111); font-style: normal; }
.cap-community-progress { height: 3px; overflow: hidden; margin: 8px 0 5px; border-radius: 999px; background: #edf0e9; }
.cap-community-progress i { display: block; width: 70%; height: 100%; border-radius: inherit; background: #54d74d; }
.cap-avatar-brand { background: #eef7e8; border-radius: 8px; }
.cap-avatar-brand { width: 36px; height: 36px; flex-basis: 36px; }
.cap-avatar-brand img { width: 22px; height: 22px; object-fit: contain; }
.cap-community-download { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 12px; padding: 15px 0 7px; border-top: 1px solid var(--community-line); }
.cap-community-download > span { display: grid; gap: 5px; }
.cap-community-download b { color: var(--community-ink); font-size: 12px; font-weight: 600; }
.cap-community-download small { color: var(--community-muted); font-size: 10px; }
.cap-community-download a { display: block; flex: 0 0 120px; border-radius: 5px; }
.cap-community-download a:focus-visible { outline: 2px solid var(--volt-on, #111111); outline-offset: 4px; }
.cap-community-download img { display: block; width: 120px; height: 40px; }
.voltr-index-inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  margin-top: 20px;
  color: #666e60;
  font-size: 10px;
}
.voltr-index-inline > span { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
.voltr-index-inline strong { color: #54d74d; font-size: 26px; font-weight: 650; font-variant-numeric: tabular-nums; letter-spacing: -.05em; }

@media (max-width: 980px) {
  .voltr-capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .voltr-capability { --cap-inline-padding: 20px; padding: 24px var(--cap-inline-padding) 14px; }
  .voltr-capability, .voltr-capability:nth-child(n + 4) { grid-column: span 1; }
  .voltr-capability:last-child { grid-column: 1 / -1; }
  .voltr-capability > h3 { font-size: 21px; }
  .voltr-capability > p { font-size: 12px; }
  .cap-creator-row em { font-size: 6.5px; }
}

@media (max-width: 680px) {
  .voltr-connected-head h2 { font-size: 46px; }
  .voltr-connected-head > p { font-size: 14.5px; }
  .voltr-capability-grid { grid-template-columns: 1fr; margin-top: 36px; }
  .voltr-capability, .voltr-capability:nth-child(n + 4), .voltr-capability:last-child { --cap-inline-padding: 24px; grid-column: auto; padding: 25px var(--cap-inline-padding) 14px; }
  .voltr-capability > h3 { font-size: 25px; }
  .voltr-capability > p { margin-top: 10px; font-size: 13px; }
  .cap-visual { flex-basis: 235px; }
  .cap-discovery { flex-basis: 248px; }
  .cap-automation, .cap-ads { flex-basis: auto; }
  .cap-community { height: auto; flex-basis: auto; min-height: 0; padding-bottom: 8px; }
  .cap-creator-row em { font-size: 7.5px; }
  .cap-community-dashboard { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cap-community-leaderboard { grid-column: 1 / -1; grid-row: auto; }
  .cap-community-download { align-items: flex-start; flex-direction: column; gap: 11px; }
  .cap-community-download a { flex-basis: auto; }
}

.voltr-product-demo {
  position: relative;
  min-width: 0;
  grid-column: 1 / -1;
  margin: 0 0 clamp(84px, 7vw, 108px);
  order: 1;
}
.voltr-system .section-anchor { order: 4; }
.voltr-product-demo-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: end;
  padding: 0 6px 32px;
}
.voltr-product-demo-head > div > span {
  color: #737970;
  font-family: var(--font-mono, monospace);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.voltr-product-demo-head h3 {
  max-width: 760px;
  margin: 14px 0 0;
  color: #11120f;
  font-size: clamp(40px, 4.6vw, 64px);
  font-weight: 680;
  letter-spacing: -.067em;
  line-height: .92;
}
/* No visible header pill; keyboard users can still pause the illustration. */
.voltr-demo-pause { position: absolute; width: 1px; height: 1px; overflow: hidden; margin: -1px; padding: 0; border: 0; clip-path: inset(50%); white-space: nowrap; font: inherit; font-size: 11px; }
.voltr-demo-pause:focus-visible { top: 0; right: 6px; z-index: 6; width: auto; height: 40px; overflow: visible; margin: 0; padding: 0 14px; border: 1px solid #d4d4d4; border-radius: 999px; background: #fff; color: #111; clip-path: none; outline: 2px solid #54d74d; outline-offset: 4px; }
.voltr-demo-shell {
  /* Mirror the app's Inter/Geist typography and neutral/Volt token palette. */
  --demo-bg: #fbfaf9;
  --demo-surface: #ffffff;
  --demo-subtle: #f5f4f2;
  --demo-border: rgba(0, 0, 0, .08);
  --demo-ink: #111111;
  --demo-muted: #555555;
  --demo-faint: #6b6b6b;
  --demo-label: #666666;
  --demo-volt: #54d74d;
  --demo-volt-soft: rgba(84, 215, 77, .08);
  --font-mono: 'Geist Mono', 'JetBrains Mono', monospace;
  position: relative;
  overflow: hidden;
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.45;
  border: 1px solid #c6cbc3;
  border-radius: 27px;
  background: #f6f7f3;
  box-shadow: 0 32px 70px rgba(17, 17, 17, .12), 0 4px 12px rgba(17, 17, 17, .06);
}
.voltr-demo-browserbar {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: 42px;
  padding: 0 17px;
  border-bottom: 1px solid var(--demo-border);
  background: var(--demo-subtle);
  color: var(--demo-faint);
  font-size: 10px;
}
.voltr-demo-window-controls,
.voltr-demo-browser-actions { display: flex; align-items: center; gap: 6px; }
.voltr-demo-window-controls i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff645c;
}
.voltr-demo-window-controls i:nth-child(2) { background: #ffbd42; }
.voltr-demo-window-controls i:nth-child(3) { background: #2bc94f; }
.voltr-demo-browser-actions { justify-self: end; }
.voltr-demo-browser-actions i {
  width: 15px;
  height: 6px;
  border: 1px solid var(--demo-border);
  border-radius: 4px;
}
.voltr-demo-app {
  position: relative;
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  min-height: 640px;
  background: var(--demo-bg);
}
.voltr-demo-sidebar {
  display: flex;
  overflow: hidden;
  min-height: 0;
  flex-direction: column;
  padding: 0 10px 12px;
  border-right: 1px solid var(--demo-border);
  background: var(--demo-surface);
}
.voltr-demo-brand {
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 42px;
  margin: 0 -10px 9px;
  padding: 0 14px;
  border-bottom: 1px solid var(--demo-border);
  color: var(--demo-ink);
  font-size: 15px;
}
.voltr-demo-brand img { width: 19px; height: 19px; object-fit: contain; }
.voltr-demo-brand strong { font-weight: 600; letter-spacing: -.03em; }
.voltr-demo-sidebar-toggle { width: 12px; height: 12px; margin-left: auto; fill: none; stroke: var(--demo-label); stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; }
.voltr-demo-nav-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 11px 8px 4px;
  color: var(--demo-label);
  font-family: var(--font-mono, monospace);
  font-size: 7.5px;
  font-weight: 400;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.voltr-demo-nav-label::after { width: 4px; height: 4px; margin-right: 3px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; content: ''; transform: rotate(45deg); }
.voltr-demo-nav-item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 26px;
  margin-bottom: 2px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--demo-label);
  font-size: 10px;
  letter-spacing: -.01em;
}
.voltr-demo-nav-item > svg {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  fill: none;
  stroke: var(--demo-faint);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}
.voltr-demo-nav-item.is-active {
  border-color: var(--demo-border);
  background: #fff;
  box-shadow: 0 1px 2px -1px rgba(61, 46, 37, .1), 0 2px 4px rgba(61, 46, 37, .07);
  color: var(--demo-ink);
  font-weight: 500;
}
.voltr-demo-nav-item.is-active > svg { stroke: var(--demo-volt, #54d74d); }
.voltr-demo-nav-item > i[data-demo-nav-badge] {
  display: grid;
  min-width: 14px;
  height: 14px;
  margin-left: auto;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--demo-volt-soft);
  color: var(--demo-volt, #54d74d);
  font-family: var(--font-mono, monospace);
  font-size: 6px;
  font-style: normal;
  font-weight: 800;
  opacity: 0;
  place-items: center;
  transform: scale(.72);
  transition: opacity 180ms ease, transform 180ms ease;
}
.voltr-demo-nav-item > i[data-demo-nav-badge].is-visible { opacity: 1; transform: scale(1); }
.voltr-demo-profile {
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr) 11px;
  gap: 8px;
  align-items: center;
  margin-top: auto;
  padding: 9px 8px 0;
  border-top: 1px solid var(--demo-border);
}
.voltr-demo-profile > i {
  display: grid;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: var(--demo-subtle);
  color: var(--demo-muted);
  font-size: 7px;
  font-style: normal;
  font-weight: 800;
  place-items: center;
}
.voltr-demo-profile > span,
.voltr-demo-profile strong,
.voltr-demo-profile small { display: block; min-width: 0; }
.voltr-demo-profile strong { overflow: hidden; color: var(--demo-muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.voltr-demo-profile small { margin-top: 2px; color: var(--demo-faint); font-size: 6px; }
.voltr-demo-profile > svg { width: 10px; fill: none; stroke: var(--demo-faint); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.voltr-demo-workspace { min-width: 0; background: var(--demo-bg); }
.voltr-demo-topbar {
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  border-bottom: 1px solid var(--demo-border);
  background: rgba(255, 255, 253, .94);
}
.voltr-demo-topbar > span { color: var(--demo-muted); font-size: 9px; font-weight: 750; }
.voltr-demo-topbar > div { display: flex; align-items: center; gap: 6px; }
.voltr-demo-search {
  display: flex;
  width: 118px;
  height: 25px;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
  border: 1px solid var(--demo-border);
  border-radius: 7px;
  color: var(--demo-label);
  font-size: 6px;
}
.voltr-demo-search svg { width: 10px; height: 10px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 1.8; }
.voltr-demo-topbar-icon {
  position: relative;
  display: grid;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  color: var(--demo-faint);
  place-items: center;
}
.voltr-demo-topbar-icon > svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.voltr-demo-bell > i {
  position: absolute;
  top: -1px;
  right: -1px;
  display: grid;
  min-width: 11px;
  height: 11px;
  padding: 0 2px;
  border: 1.5px solid #fff;
  border-radius: 999px;
  background: #db554b;
  color: #fff;
  font-size: 5px;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  place-items: center;
}
.voltr-demo-avatar {
  display: grid;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: var(--demo-subtle);
  color: var(--demo-muted);
  font-size: 6px;
  font-weight: 800;
  place-items: center;
}
.voltr-demo-view-stack { display: grid; min-height: 640px; }
.voltr-demo-view {
  grid-area: 1 / 1;
  min-width: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(5px);
  transition: opacity 180ms ease, transform 255ms ease, visibility 0s linear 180ms;
}
.voltr-demo-view.is-active { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.voltr-demo-main { padding: clamp(18px, 2.1vw, 28px); }
.voltr-demo-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.voltr-demo-metrics article {
  display: flex;
  min-width: 0;
  min-height: 80px;
  flex-direction: column;
  justify-content: center;
  padding: 14px 15px;
  border: 1px solid var(--demo-border);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 5px 12px rgba(17, 17, 17, .04);
}
.voltr-demo-metrics span {
  display: block;
  overflow: hidden;
  color: var(--demo-label);
  font-family: var(--font-mono, monospace);
  font-size: 8px;
  font-weight: 400;
  letter-spacing: .04em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.voltr-demo-metrics strong {
  display: block;
  margin-top: 9px;
  color: var(--demo-muted);
  font-size: clamp(17px, 1.7vw, 24px);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.045em;
  line-height: 1;
}
.voltr-demo-viewbar {
  display: flex;
  min-height: 31px;
  align-items: center;
  justify-content: space-between;
  margin-top: 11px;
}
.voltr-demo-tabs {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px;
  border: 1px solid var(--demo-border);
  border-radius: 8px;
  background: var(--demo-subtle);
  color: var(--demo-faint);
  font-size: 9.5px;
}
.voltr-demo-tabs > b,
.voltr-demo-tabs > span {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
  border-radius: 6px;
  font-weight: 700;
}
.voltr-demo-tabs > b { background: #fff; box-shadow: 0 1px 3px rgba(17, 17, 17, .08); color: var(--demo-ink); }
.voltr-demo-tabs i {
  display: grid;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  border-radius: 8px;
  background: var(--demo-subtle);
  color: var(--demo-faint);
  font-size: 6px;
  font-style: normal;
  place-items: center;
}
.voltr-demo-tabs > b i { background: var(--demo-volt, #54d74d); color: var(--demo-ink); }
.voltr-demo-range {
  display: inline-flex;
  min-width: 55px;
  height: 28px;
  align-items: center;
  justify-content: space-between;
  padding: 0 9px;
  border: 1px solid var(--demo-border);
  border-radius: 8px;
  background: #fff;
  color: var(--demo-muted);
  font-size: 8px;
}
.voltr-demo-range svg { width: 9px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.voltr-demo-agent {
  overflow: hidden;
  margin-top: 10px;
  border: 1px solid var(--demo-border);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(17, 17, 17, .045);
}
.voltr-demo-agent > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 15px 17px;
  border-bottom: 1px solid var(--demo-border);
}
.voltr-demo-agent-title { display: flex; align-items: center; gap: 10px; }
.voltr-demo-agent-title > i {
  display: grid;
  width: 29px;
  height: 29px;
  border-radius: 8px;
  background: var(--demo-volt-soft);
  font-style: normal;
  place-items: center;
}
.voltr-demo-agent-title > i img { width: 18px; height: 19px; object-fit: contain; }
.voltr-demo-agent-title > span { display: block; }
.voltr-demo-agent-title strong { display: block; color: var(--demo-ink); font-size: 12.5px; }
.voltr-demo-agent-title small { display: block; margin-top: 4px; color: var(--demo-faint); font-size: 8px; }
.voltr-demo-table-head,
.voltr-demo-workflow {
  display: grid;
  grid-template-columns: minmax(188px, 1.45fr) 65px 80px minmax(102px, .8fr) 54px 86px;
  gap: 9px;
  align-items: center;
}
.voltr-demo-table-head {
  min-height: 34px;
  padding: 0 18px;
  border-bottom: 1px solid var(--demo-border);
  color: var(--demo-label);
  font-family: var(--font-mono, monospace);
  font-size: 6px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.voltr-demo-workflow {
  position: relative;
  min-height: 68px;
  padding: 11px 16px;
  border-bottom: 1px solid var(--demo-border);
  background: #fff;
  transition: background 300ms ease, transform 300ms ease;
}
.voltr-demo-workflow:last-child { border-bottom: 0; }
.voltr-demo-workflow::before {
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 0;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--demo-volt, #54d74d);
  content: '';
  opacity: 0;
  transform: scaleY(.35);
  transition: opacity 220ms ease, transform 300ms cubic-bezier(.22, 1, .36, 1);
}
.voltr-demo-workflow.is-processing::before { opacity: 1; transform: scaleY(1); }
.voltr-demo-workflow.is-processing { animation: voltr-demo-row-wake .86s ease both; }
.voltr-demo-workflow-name { display: flex; min-width: 0; align-items: center; gap: 9px; }
.voltr-demo-workflow-name > i { display: grid; width: 18px; color: var(--demo-volt, #54d74d); place-items: center; }
.voltr-demo-workflow-name > i svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.voltr-demo-workflow-name > i svg.is-filled { fill: currentColor; stroke: none; }
.voltr-demo-workflow-name > span { min-width: 0; }
.voltr-demo-workflow-name strong { display: block; color: var(--demo-ink); font-size: 11px; }
.voltr-demo-workflow-name small {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 3px;
  color: var(--demo-faint);
  font-size: 8px;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.voltr-demo-status {
  justify-self: start;
  padding: 5px 7px;
  border-radius: 8px;
  background: var(--demo-subtle);
  color: var(--demo-faint);
  font-family: var(--font-mono, monospace);
  font-size: 6px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  transition: color 240ms ease, background 240ms ease;
}
.voltr-demo-status.is-live { background: var(--demo-volt-soft); color: var(--demo-volt, #54d74d); }
.voltr-demo-audience { color: var(--demo-muted); font-size: 8px; }
.voltr-demo-checked { color: var(--demo-faint); font-size: 7px; }
.voltr-demo-delivery strong { display: block; color: var(--demo-ink); font-size: 10px; font-variant-numeric: tabular-nums; }
.voltr-demo-delivery small { display: block; margin-top: 3px; color: var(--demo-label); font-size: 7px; }
.voltr-demo-toggle {
  position: relative;
  width: 38px;
  height: 22px;
  flex: 0 0 38px;
  border-radius: 999px;
  background: var(--demo-subtle, #eceae6);
  transition: background 260ms ease;
}
.voltr-demo-toggle i {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(17, 17, 17, .18);
  transition: transform 260ms ease;
}
.voltr-demo-toggle.is-on { background: var(--demo-volt, #54d74d); }
.voltr-demo-toggle.is-on i { transform: translateX(16px); }
.voltr-demo-row-actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.voltr-demo-row-actions > b {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 0 7px;
  border: 1px solid var(--demo-border);
  border-radius: 7px;
  background: #fff;
  color: var(--demo-muted);
  font-size: 6px;
}
.voltr-demo-event {
  position: absolute;
  right: 14px;
  top: 47px;
  z-index: 5;
  display: flex;
  width: min(295px, calc(100% - 218px));
  min-width: 228px;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  border: 1px solid var(--demo-border);
  border-radius: 12px;
  background: rgba(255, 255, 253, .96);
  box-shadow: 0 16px 35px rgba(17, 17, 17, .14);
  opacity: 0;
  transform: translateY(-7px) scale(.985);
}
.voltr-demo-event::before {
  position: absolute;
  top: -5px;
  right: 35px;
  width: 9px;
  height: 9px;
  border-top: 1px solid var(--demo-border);
  border-left: 1px solid var(--demo-border);
  background: #fff;
  content: '';
  transform: rotate(45deg);
}
.voltr-demo-event.is-fresh { animation: voltr-demo-event-in 3.3s cubic-bezier(.22, .61, .36, 1) both; }
.voltr-demo-event-icon {
  position: relative;
  display: flex;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: var(--demo-volt-soft);
  color: var(--demo-volt, #54d74d);
}
.voltr-demo-event-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  width: 15px;
  height: 15px;
  margin: 0;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  transform: translate(-50%, -50%);
}
.voltr-demo-event[data-demo-event-kind="samples"] [data-demo-event-icon="samples"],
.voltr-demo-event[data-demo-event-kind="discovery"] [data-demo-event-icon="discovery"],
.voltr-demo-event[data-demo-event-kind="ads"] [data-demo-event-icon="ads"],
.voltr-demo-event[data-demo-event-kind="community"] [data-demo-event-icon="community"],
.voltr-demo-event[data-demo-event-kind="coaching"] [data-demo-event-icon="coaching"],
.voltr-demo-event[data-demo-event-kind="attribution"] [data-demo-event-icon="attribution"] { display: block; }
.voltr-demo-event > span:not(.voltr-demo-event-icon) { display: block; }
.voltr-demo-event small {
  display: block;
  color: var(--demo-faint);
  font-family: var(--font-mono, monospace);
  font-size: 6px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.voltr-demo-event strong { display: block; margin-top: 3px; color: var(--demo-ink); font-size: 9px; line-height: 1.25; }

/* Real app views share one stable frame. Only their content changes. */
.voltr-demo-community-heading { display: flex; align-items: center; gap: 10px; min-height: 40px; margin-bottom: 15px; }
.voltr-demo-community-heading > span { display: grid; gap: 4px; }
.voltr-demo-community-heading strong { color: var(--demo-ink); font-size: 15px; }
.voltr-demo-community-heading small { color: var(--demo-faint); font-size: 9px; }
.voltr-demo-community-board { display: grid; grid-template-columns: 147px minmax(0, 1fr) 116px; height: 510px; overflow: hidden; border: 1px solid var(--demo-border); border-radius: 13px; background: #fff; }
.voltr-demo-channels { min-width: 0; padding: 13px 8px; border-right: 1px solid var(--demo-border); background: var(--demo-subtle); }
.voltr-demo-channel-label { display: block; margin: 7px 6px 8px; color: var(--demo-label); font-family: var(--font-mono, monospace); font-size: 6.5px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; }
.voltr-demo-channels > div { display: flex; align-items: center; gap: 6px; min-height: 29px; padding: 0 7px; border: 1px solid transparent; border-radius: 6px; color: var(--demo-muted); font-size: 8px; white-space: nowrap; }
.voltr-demo-channels > div > b { width: 12px; color: var(--demo-faint); font-size: 13px; font-weight: 500; }
.voltr-demo-channels svg, .voltr-demo-chat svg { display: block; width: 13px; height: 13px; flex: 0 0 13px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.voltr-demo-channels small { margin-left: auto; color: var(--demo-faint); font-size: 7px; }
.voltr-demo-channels .is-selected { border-color: var(--demo-border); background: #fff; color: var(--demo-ink); font-weight: 650; box-shadow: 0 2px 3px #1d311008; }
.voltr-demo-channels .is-selected > b { color: var(--demo-volt, #54d74d); }
.voltr-demo-chat { display: flex; min-width: 0; flex-direction: column; overflow: hidden; }
.voltr-demo-chat-heading { display: flex; align-items: center; gap: 8px; min-height: 53px; padding: 0 17px; border-bottom: 1px solid var(--demo-border); color: var(--demo-ink); }
.voltr-demo-chat-heading > b { color: var(--demo-faint); font-size: 20px; font-weight: 500; }
.voltr-demo-chat-heading > span { font-size: 10px; font-weight: 650; }
.voltr-demo-chat-heading small { display: block; margin-top: 3px; color: var(--demo-faint); font-size: 7px; font-weight: 400; }
.voltr-demo-chat-heading > svg { margin-left: auto; color: var(--demo-faint); }
.voltr-demo-pinned { display: flex; align-items: center; gap: 8px; min-height: 49px; margin: 10px 13px 0; padding: 9px 10px; border-radius: 7px; background: var(--demo-subtle); color: var(--demo-faint); }
.voltr-demo-pinned > span { flex: 1; }
.voltr-demo-pinned strong { display: block; color: var(--demo-muted); font-size: 8px; font-weight: 600; }
.voltr-demo-pinned small { display: block; margin-top: 3px; color: var(--demo-faint); font-size: 6.5px; }
.voltr-demo-pinned > b { color: var(--demo-faint); font-family: var(--font-mono, monospace); font-size: 5.5px; font-weight: 500; text-transform: uppercase; }
.voltr-demo-chat-feed { min-height: 0; padding: 18px 15px 12px; }
.voltr-demo-message { display: flex; align-items: flex-start; gap: 9px; padding-bottom: 18px; }
.voltr-demo-message > .cap-avatar { width: 25px; height: 25px; flex-basis: 25px; font-size: 7px; }
.voltr-demo-message > div { min-width: 0; flex: 1; }
.voltr-demo-message b { color: var(--demo-ink); font-size: 9px; font-weight: 650; }
.voltr-demo-message b > small { margin-left: 6px; color: var(--demo-faint); font-size: 6px; font-weight: 400; }
.voltr-demo-message p { margin: 5px 0 0; color: var(--demo-muted); font-size: 9px; line-height: 1.55; }
.voltr-demo-attachment { display: flex; align-items: center; gap: 12px; margin-top: 9px; padding: 7px; border: 1px solid var(--demo-border); border-radius: 8px; background: var(--demo-bg); }
.voltr-demo-attachment > img { display: block; width: 45px; height: 64px; border-radius: 4px; object-fit: cover; }
.voltr-demo-attachment > span { display: grid; gap: 7px; }
.voltr-demo-attachment b { font-size: 8px; }
.voltr-demo-attachment small { color: var(--demo-faint); font-size: 7px; }
.voltr-demo-attachment em { color: var(--demo-volt, #54d74d); font-size: 7px; font-style: normal; }
.voltr-demo-reaction { display: inline-block; margin-top: 8px; padding: 4px 6px; border-radius: 5px; background: var(--demo-volt-soft); color: var(--demo-muted); font-size: 6.5px; }
.voltr-demo-composer { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 37px; margin: auto 13px 13px; padding: 0 11px; border: 1px solid var(--demo-border); border-radius: 7px; color: var(--demo-faint); font-size: 8px; }
.voltr-demo-composer svg { color: var(--demo-muted); }
.voltr-demo-members { padding: 13px 9px; border-left: 1px solid var(--demo-border); background: var(--demo-bg); }
.voltr-demo-members > div { display: flex; align-items: center; gap: 6px; margin: 14px 4px; }
.voltr-demo-members .cap-avatar { width: 24px; height: 24px; flex-basis: 24px; font-size: 6px; }
.voltr-demo-members > div > span { color: var(--demo-muted); font-size: 8px; font-weight: 600; }
.voltr-demo-members small { display: block; margin-top: 3px; color: var(--demo-faint); font-size: 6px; font-weight: 400; }
.voltr-demo-member-total { display: block; margin: 17px 5px; color: var(--demo-faint); font-size: 7px; }
.voltr-demo-arrival { display: grid; grid-template-rows: 0fr; opacity: 0; transform: translateY(8px); transition: grid-template-rows 315ms cubic-bezier(.22, 1, .36, 1), opacity 225ms ease, transform 315ms ease; }
.voltr-demo-arrival > div { min-height: 0; overflow: hidden; }
.voltr-demo-arrival.is-arrived { grid-template-rows: 1fr; opacity: 1; transform: none; }
.voltr-demo-ads-tabs { display: flex; width: fit-content; align-items: center; gap: 3px; min-height: 34px; margin: -5px 0 18px; padding: 3px; border: 1px solid var(--demo-border); border-radius: 8px; background: var(--demo-subtle); color: var(--demo-muted); font-size: 9.5px; white-space: nowrap; }
.voltr-demo-ads-tabs > * { display: flex; min-height: 26px; align-items: center; padding: 0 12px; border-radius: 6px; }
.voltr-demo-ads-tabs > b { background: var(--demo-surface); box-shadow: 0 1px 3px rgba(0, 0, 0, .08); color: var(--demo-ink); font-weight: 700; }
.voltr-demo-ad-metrics article { min-height: 75px; }
.voltr-demo-amplify { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 18px; }
.voltr-demo-ad-card { min-width: 0; overflow: hidden; border: 1px solid var(--demo-border); border-radius: 12px; background: #fff; }
.voltr-demo-ad-card > header { padding: 15px; border-bottom: 1px solid var(--demo-border); }
.voltr-demo-ad-card > header strong { display: block; color: var(--demo-ink); font-size: 11px; font-weight: 650; }
.voltr-demo-ad-card > header small { display: block; margin-top: 4px; color: var(--demo-faint); font-size: 7px; }
.voltr-demo-ranked-post { display: flex; align-items: center; gap: 10px; min-height: 84px; padding: 12px; border-bottom: 1px solid var(--demo-border); }
.voltr-demo-ranked-post:last-child { border-bottom: 0; }
.voltr-demo-ranked-post > b { color: var(--demo-faint); font-family: var(--font-mono, monospace); font-size: 8px; font-weight: 500; }
.voltr-demo-ranked-post > img { width: 37px; height: 55px; flex: 0 0 37px; border-radius: 5px; object-fit: cover; }
.voltr-demo-ranked-post > span { display: grid; min-width: 0; gap: 5px; flex: 1; }
.voltr-demo-ranked-post strong { color: var(--demo-ink); font-size: 9px; font-weight: 600; }
.voltr-demo-ranked-post small { color: var(--demo-faint); font-size: 7px; }
.voltr-demo-ranked-post em { color: var(--demo-volt, #54d74d); font-size: 7px; font-style: normal; }
.voltr-demo-ranked-post > i { color: var(--demo-faint); font-size: 6px; font-style: normal; }
.voltr-demo-mini-button { display: inline-flex; align-items: center; justify-content: center; min-height: 24px; padding: 0 9px; border: 1px solid var(--demo-border); border-radius: 6px; background: var(--demo-subtle); color: var(--demo-muted) !important; font-size: 7px !important; font-weight: 600; white-space: nowrap; }
.voltr-demo-pipeline > header > span { display: inline-flex; gap: 12px; margin-top: 11px; padding: 5px 7px; border-radius: 5px; background: var(--demo-subtle); color: var(--demo-muted); font-size: 7px; font-weight: 650; }
.voltr-demo-pipeline > header > span > b { color: var(--demo-faint); font-weight: 400; }
.voltr-demo-pipeline-stage { display: flex; align-items: center; justify-content: space-between; min-height: 29px; padding: 0 14px; border-top: 1px solid var(--demo-border); background: var(--demo-bg); color: var(--demo-faint); font-size: 7px; }
.voltr-demo-pipeline-stage > span { display: inline-flex; align-items: center; gap: 5px; }
.voltr-demo-pipeline-stage > span::before { width: 4px; height: 4px; border-radius: 50%; background: var(--demo-border); content: ''; }
.voltr-demo-pipeline-stage > .is-ready { color: var(--demo-volt, #54d74d); }
.voltr-demo-pipeline-stage > .is-ready::before { background: var(--demo-volt, #54d74d); }
.voltr-demo-pipeline-stage > b { font-size: 6px; font-weight: 500; }
.voltr-demo-pipeline-row { display: flex; align-items: center; gap: 8px; min-height: 56px; padding: 10px 13px; }
.voltr-demo-pipeline-row .cap-avatar { width: 25px; height: 25px; flex-basis: 25px; font-size: 7px; }
.voltr-demo-pipeline-row > span { flex: 1; min-width: 0; }
.voltr-demo-pipeline-row strong { display: block; color: var(--demo-ink); font-size: 9px; font-weight: 600; }
.voltr-demo-pipeline-row small { display: block; margin-top: 4px; color: var(--demo-faint); font-size: 7px; }
.voltr-demo-pipeline-row > em { color: var(--demo-faint); font-size: 6px; font-style: normal; }
.voltr-demo-ready-post { background: var(--demo-volt-soft); }
.voltr-demo-awaiting-post.is-resolved { display: none; }
.voltr-product-demo[data-demo-running="false"] .voltr-demo-event,
.voltr-product-demo[data-demo-running="false"] .voltr-demo-workflow { animation-play-state: paused; }

@keyframes voltr-demo-row-wake {
  0% { background: var(--demo-surface); }
  22% { background: var(--demo-volt-soft); }
  100% { background: var(--demo-surface); }
}
@keyframes voltr-demo-event-in {
  0% { opacity: 0; transform: translateY(-7px) scale(.985); }
  12%, 82% { opacity: 1; transform: translateY(0) scale(1); }
  100% { opacity: 0; transform: translateY(-3px) scale(.995); }
}

@media (max-width: 980px) {
  .voltr-product-demo-head { gap: 18px; }
  .voltr-demo-app { grid-template-columns: 142px minmax(0, 1fr); }
  .voltr-demo-sidebar { padding-right: 8px; padding-left: 8px; }
  .voltr-demo-nav-item { gap: 6px; padding-right: 6px; padding-left: 6px; }
  .voltr-demo-main { padding: 18px; }
  .voltr-demo-table-head,
  .voltr-demo-workflow { grid-template-columns: minmax(170px, 1.45fr) 62px minmax(100px, .8fr) 78px; }
  .voltr-demo-table-head > :nth-child(3),
  .voltr-demo-table-head > :nth-child(5),
  .voltr-demo-audience,
  .voltr-demo-checked { display: none; }
  .voltr-demo-row-actions > b { display: none; }
  .voltr-demo-community-board { grid-template-columns: 127px minmax(0, 1fr); }
  .voltr-demo-members { display: none; }
  .voltr-demo-amplify { gap: 10px; }
  .voltr-demo-ranked-post { gap: 7px; padding: 10px; }
  .voltr-demo-ranked-post > b, .voltr-demo-ranked-post > i { display: none; }
  .voltr-demo-pipeline-row { padding-right: 9px; padding-left: 9px; }
}

@media (max-width: 680px) {
  .voltr-product-demo { grid-column: 1; grid-row: auto; margin: 0 0 48px; }
  .voltr-product-demo-head { grid-template-columns: 1fr; gap: 14px; padding: 0 2px 21px; }
  .voltr-product-demo-head h3 { font-size: 39px; }
  .voltr-demo-pause { justify-self: start; }
  .voltr-demo-shell { border-radius: 18px; box-shadow: 0 20px 44px rgba(17, 17, 17, .11); }
  .voltr-demo-browserbar { min-height: 34px; padding: 0 11px; font-size: 8px; }
  .voltr-demo-app { display: block; min-height: 440px; }
  .voltr-demo-sidebar { display: none; }
  .voltr-demo-topbar { min-height: 36px; padding: 0 10px; }
  .voltr-demo-search { display: none; }
  .voltr-demo-view-stack { min-height: 650px; }
  .voltr-demo-main { padding: 14px; }
  .voltr-demo-community-heading { gap: 8px; margin-bottom: 13px; }
  .voltr-demo-community-heading strong { font-size: 12px; }
  .voltr-demo-community-heading small { font-size: 7px; }
  .voltr-demo-community-board { grid-template-columns: minmax(0, 1fr); height: 540px; }
  .voltr-demo-channels { display: none; }
  .voltr-demo-message p { font-size: 10px; }
  .voltr-demo-amplify { grid-template-columns: minmax(0, 1fr); }
  .voltr-demo-amplify > .voltr-demo-ad-card:first-child { display: none; }
  .voltr-demo-ads-tabs { gap: 3px; min-height: 30px; margin: 0 0 13px; font-size: 8px; }
  .voltr-demo-ads-tabs > * { min-height: 24px; padding: 0 9px; }
  .voltr-demo-ads-tabs > span:nth-last-child(-n + 2) { display: none; }
  .voltr-demo-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .voltr-demo-metrics article { padding: 11px 10px 10px; border-radius: 9px; }
  .voltr-demo-metrics span { font-size: 5.5px; }
  .voltr-demo-metrics strong { margin-top: 6px; font-size: 17px; }
  .voltr-demo-viewbar { margin-top: 8px; }
  .voltr-demo-agent { margin-top: 8px; border-radius: 10px; }
  .voltr-demo-agent > header { padding: 11px; }
  .voltr-demo-agent > header > span { display: none; }
  .voltr-demo-agent-title > i { width: 25px; height: 25px; }
  .voltr-demo-agent-title strong { font-size: 10px; }
  .voltr-demo-agent-title small { font-size: 6.5px; }
  .voltr-demo-table-head { display: none; }
  .voltr-demo-workflow { grid-template-columns: minmax(0, 1fr) 62px 38px; gap: 7px; min-height: 69px; padding: 9px 10px; }
  .voltr-demo-workflow-name > i { width: 14px; }
  .voltr-demo-workflow-name strong { font-size: 9px; }
  .voltr-demo-workflow-name small { font-size: 6px; }
  .voltr-demo-status,
  .voltr-demo-audience { display: none; }
  .voltr-demo-delivery strong { font-size: 8px; }
  .voltr-demo-delivery small { font-size: 6px; }
  .voltr-demo-event { top: 40px; right: 8px; width: min(250px, calc(100% - 16px)); min-width: 0; padding: 8px 9px; }
  .voltr-demo-event::before { right: 29px; }
  .voltr-demo-event strong { font-size: 8px; }
}

@media (max-width: 420px) {
  .voltr-demo-app { min-height: 416px; }
  .voltr-demo-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  .voltr-demo-workflow.is-processing,
  .voltr-demo-event.is-fresh { animation: none; }
  .voltr-demo-event.is-fresh { opacity: 1; transform: none; }
  .voltr-demo-nav-item > i[data-demo-nav-badge],
  .voltr-demo-view,
  .voltr-demo-arrival,
  .voltr-demo-toggle i,
  .voltr-demo-workflow { transition: none; }
}
/* End connected artwork bento. */


/* Product index accordion. */
.product-index {
  display: block;
  grid-template-columns: none;
  overflow: hidden;
  margin-top: 0;
  padding: clamp(94px, 8vw, 132px) 0 clamp(104px, 9vw, 148px);
  border: 0;
  color: #11120f;
  background: #f1f2ee;
}

.product-index-head {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.55fr);
  align-items: end;
  gap: clamp(48px, 8vw, 132px);
  padding-bottom: clamp(58px, 6vw, 88px);
}

.product-index-head h2 {
  margin: 26px 0 0;
  max-width: 920px;
  font-size: clamp(58px, 5.6vw, 86px);
  font-weight: 650;
  letter-spacing: -0.064em;
  line-height: 0.94;
}

.product-index-head > p {
  margin: 0 0 5px;
  max-width: 460px;
  color: #686d65;
  font-size: clamp(16px, 1.25vw, 19px);
  line-height: 1.55;
}

.product-index-accordion { border-top: 1px solid #bcc1b9; }

.product-index-item {
  min-height: 0;
  padding: 0;
  border-bottom: 1px solid #bcc1b9;
  transition: border-color 180ms ease;
}

.product-index .product-index-item + .product-index-item {
  padding-left: 0;
  border-left: 0;
}

.product-index-item.is-active { border-color: #969c93; }

.product-index-trigger {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) 210px 30px;
  align-items: center;
  gap: 22px;
  width: 100%;
  min-height: 108px;
  padding: 24px 0;
  border: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  cursor: pointer;
}

.product-index-trigger:focus-visible {
  outline: 2px solid var(--voltr-green, #54d74d);
  outline-offset: 4px;
  box-shadow: none;
}

.product-index-number,
.product-index-category,
.product-index-copy > span {
  font-family: var(--font-mono, monospace);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1.25;
  text-transform: uppercase;
}

.product-index-number { color: #979c94; transition: color 180ms ease; }
.product-index-item.is-active .product-index-number { color: var(--voltr-green, #54d74d); }

.product-index-title {
  max-width: 900px;
  font-size: clamp(31px, 3vw, 47px);
  font-weight: 650;
  letter-spacing: -0.052em;
  line-height: 1;
  transition: transform 220ms ease;
}

.product-index-trigger:hover .product-index-title { transform: translateX(6px); }

.product-index-category {
  justify-self: end;
  color: #686d65;
  text-align: right;
}

.product-index-toggle {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  justify-self: end;
}

.product-index-toggle::before,
.product-index-toggle::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 1.5px;
  background: #151613;
  transform: translate(-50%, -50%);
  transition: transform 240ms ease, background-color 180ms ease;
}

.product-index-toggle::after { transform: translate(-50%, -50%) rotate(90deg); }
.product-index-item.is-active .product-index-toggle::before,
.product-index-item.is-active .product-index-toggle::after { background: var(--voltr-green, #54d74d); }
.product-index-item.is-active .product-index-toggle::after { transform: translate(-50%, -50%) rotate(0deg); }

.product-index-panel {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows 560ms cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 560ms;
}

.product-index-item.is-active .product-index-panel {
  grid-template-rows: 1fr;
  visibility: visible;
  transition: grid-template-rows 620ms cubic-bezier(0.22, 1, 0.36, 1), visibility 0s;
}

.product-index-panel-inner {
  display: grid;
  grid-template-columns: minmax(280px, 0.68fr) minmax(0, 1.32fr);
  gap: clamp(48px, 7vw, 110px);
  overflow: hidden;
  min-height: 0;
  padding: 0 0 0 80px;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 180ms ease, transform 320ms ease, padding-bottom 320ms ease;
}

.product-index-item.is-active .product-index-panel-inner {
  padding-bottom: 52px;
  opacity: 1;
  transform: translateY(0);
  transition-delay: 100ms, 80ms, 0ms;
}

.product-index-copy {
  align-self: center;
  padding: 44px 0;
}

.product-index-copy > span { color: var(--voltr-green, #54d74d); }

.product-index-copy > p {
  margin: 24px 0 0;
  max-width: 460px;
  color: #5f645c;
  font-size: clamp(16px, 1.2vw, 19px);
  line-height: 1.55;
}

.product-index-capabilities {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 0;
  margin-top: 38px;
  padding-top: 21px;
  border-top: 1px solid #cdd1ca;
}

.product-index-capabilities span {
  display: inline-flex;
  align-items: center;
  color: #343833;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.35;
}

.product-index-capabilities span:not(:last-child)::after {
  content: '';
  width: 3px;
  height: 3px;
  margin: 0 13px;
  border-radius: 50%;
  background: var(--voltr-green, #54d74d);
}

.product-index-media {
  overflow: hidden;
  height: 520px;
  margin: 0;
  border: 1px solid #cdd1ca;
  background: #e4e6e0;
}

.product-index-media-desktop img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
}

.product-index-media-phone {
  display: grid;
  place-items: start center;
  padding: 34px 34px 0;
}

.product-index-media-phone img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 560px;
  object-fit: contain;
  object-position: center top;
}

.product-index-media-pair {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: clamp(18px, 3vw, 42px);
  padding: 34px 28px 0;
}

.product-index-media-pair img {
  display: block;
  width: auto;
  max-width: calc(50% - 22px);
  height: 520px;
  object-fit: contain;
  object-position: center top;
}

@media (max-width: 980px) {
  .product-index-head { grid-template-columns: 1fr; gap: 28px; }
  .product-index-head > p { margin: 0; }

  .product-index-trigger { grid-template-columns: 46px minmax(0, 1fr) 150px 28px; gap: 18px; }
  .product-index-panel-inner { grid-template-columns: 1fr; gap: 0; padding-left: 64px; }
  .product-index-copy { padding: 26px 0 38px; }
  .product-index-copy > p { max-width: 680px; }
  .product-index-media { height: 480px; }
  .product-index-media-phone img { height: 520px; }
  .product-index-media-pair img { height: 480px; }
}

@media (max-width: 640px) {
  .product-index { padding: 82px 0 96px; }
  .product-index-head { padding-bottom: 52px; }
  .product-index-head h2 { margin-top: 20px; font-size: 48px; }
  .product-index-head > p { font-size: 15px; }

  .product-index-trigger {
    grid-template-areas:
      "number title toggle"
      ". category toggle";
    grid-template-columns: 28px minmax(0, 1fr) 24px;
    gap: 6px 12px;
    min-height: 96px;
    padding: 20px 0;
  }

  .product-index-number { grid-area: number; align-self: start; margin-top: 5px; }
  .product-index-title { grid-area: title; font-size: 28px; line-height: 1.02; }
  .product-index-category { grid-area: category; justify-self: start; margin-top: 4px; text-align: left; }
  .product-index-toggle { grid-area: toggle; }
  .product-index-trigger:hover .product-index-title { transform: none; }

  .product-index-panel-inner { padding-left: 40px; }
  .product-index-item.is-active .product-index-panel-inner { padding-bottom: 34px; }
  .product-index-copy { padding: 22px 0 30px; }
  .product-index-copy > p { margin-top: 18px; font-size: 15px; }
  .product-index-capabilities { gap: 9px 0; margin-top: 28px; padding-top: 17px; }
  .product-index-capabilities span { font-size: 10px; }
  .product-index-capabilities span:not(:last-child)::after { margin: 0 9px; }

  .product-index-media { height: 390px; }
  .product-index-media-phone { padding: 24px 16px 0; }
  .product-index-media-phone img { height: 438px; }
  .product-index-media-pair { gap: 8px; padding: 24px 8px 0; }
  .product-index-media-pair img { max-width: calc(50% - 4px); height: 390px; }
}

@media (prefers-reduced-motion: reduce) {
  .product-index-item,
  .product-index-title,
  .product-index-toggle::before,
  .product-index-toggle::after,
  .product-index-panel,
  .product-index-panel-inner { transition: none; }
}
/* End product index accordion. */


/* Responsive navbar handoff. */
@media (max-width: 1120px) {
  .nav {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .nav-cta-group { display: none !important; }

  .hamburger {
    display: inline-flex !important;
    grid-column: 3;
  }
}
/* End responsive navbar handoff. */

/* Product evidence feature story and customer proof rail. */
.feature-story-card.feature-system-card-primary {
  min-height: 0;
}

.feature-story-card > .feature-system-card-head {
  padding-bottom: 34px;
}

.feature-story {
  width: calc(100% - 40px);
  margin: 0 20px 20px;
  overflow: hidden;
  border: 1px solid #d4d8d1;
  border-radius: 20px;
  background: #f5f6f2;
}

.feature-story-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom: 1px solid #d4d8d1;
  background: #fbfaf7;
}

.feature-story-tab {
  appearance: none;
  position: relative;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  column-gap: 12px;
  min-height: 92px;
  padding: 18px 22px;
  border: 0;
  border-right: 1px solid #d4d8d1;
  background: transparent;
  color: var(--voltr-ink);
  text-align: left;
  cursor: pointer;
}

.feature-story-tab:last-child { border-right: 0; }

.feature-story-tab::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: transparent;
}

.feature-story-tab.is-active {
  background: #fff;
}

.feature-story-tab.is-active::after {
  background: var(--voltr-green);
}

.feature-story-tab:focus-visible {
  z-index: 1;
  outline: 2px solid var(--voltr-green);
  outline-offset: -4px;
}

.feature-story-tab > span {
  grid-row: 1 / span 2;
  align-self: start;
  padding-top: 3px;
  color: #8a9088;
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.feature-story-tab.is-active > span { color: var(--volt-on, #111111); }

.feature-story-tab strong {
  font-family: var(--font);
  font-size: 18px;
  font-weight: 680;
  line-height: 1.15;
  letter-spacing: -0.025em;
}

.feature-story-tab small {
  margin-top: 5px;
  color: #747a72;
  font-size: 11px;
  line-height: 1.25;
}

.feature-story-panel {
  display: none;
  min-height: 520px;
  grid-template-columns: minmax(290px, 0.7fr) minmax(0, 1.3fr);
}

.feature-story-panel.is-active { display: grid; }

.feature-story-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 48px 46px;
  border-right: 1px solid #d4d8d1;
  background: #f5f6f2;
}

.feature-story-copy > span {
  color: var(--volt-on, #111111);
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.feature-story-copy h4 {
  max-width: 430px;
  margin: 18px 0 0;
  color: var(--voltr-ink);
  font-family: var(--font);
  font-size: clamp(38px, 3.5vw, 54px);
  font-weight: 680;
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.feature-story-copy > p {
  max-width: 430px;
  margin: 21px 0 0;
  color: #646a62;
  font-size: 14px;
  line-height: 1.55;
}

.feature-story-copy ul {
  display: grid;
  gap: 0;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

.feature-story-copy li {
  position: relative;
  padding: 13px 0 13px 26px;
  border-top: 1px solid #d8dcd5;
  color: #424740;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.35;
}

.feature-story-copy li:last-child { border-bottom: 1px solid #d8dcd5; }

.feature-story-copy li::before {
  content: '✓';
  position: absolute;
  top: 12px;
  left: 2px;
  color: var(--voltr-green);
  font-size: 14px;
  font-weight: 800;
}

.feature-story-product {
  display: grid;
  min-width: 0;
  min-height: 472px;
  grid-template-rows: 48px minmax(0, 1fr);
  margin: 24px;
  overflow: hidden;
  border: 1px solid #d4d8d1;
  border-radius: 14px;
  background: #fff;
}

.feature-story-product figcaption,
.feature-companion-product figcaption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 18px;
  border-bottom: 1px solid #d4d8d1;
  background: #fbfaf7;
  color: #737970;
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.feature-story-product figcaption strong,
.feature-companion-product figcaption strong {
  color: var(--voltr-ink);
  font-size: 10px;
}

.feature-story-media {
  position: relative;
  min-height: 0;
  overflow: hidden;
}

.feature-story-product-mobile .feature-story-media {
  display: grid;
  place-items: center;
  padding: 28px;
  background: #e8eae5;
}

.feature-story-product-mobile img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 390px;
  border: 1px solid #cfd4cc;
  border-radius: 18px;
  object-fit: contain;
  box-shadow: 0 18px 42px rgba(17, 18, 16, 0.13);
}

.feature-story-product-desktop img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.feature-companion-card.feature-system-card-support {
  min-height: 660px;
}

.feature-companion-product {
  display: grid;
  min-height: 400px;
  grid-template-rows: 48px minmax(0, 1fr);
  padding: 0;
  background: #e8eae5;
}

.feature-companion-layout {
  display: grid;
  min-height: 0;
  grid-template-columns: minmax(190px, 0.82fr) minmax(210px, 1fr);
  align-items: stretch;
}

.feature-companion-screen {
  display: grid;
  min-width: 0;
  place-items: end center;
  padding: 22px 18px 0;
  overflow: hidden;
  border-right: 1px solid #d4d8d1;
  background: #e8eae5;
}

.feature-companion-screen img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 360px;
  border: 1px solid #cfd4cc;
  border-bottom: 0;
  border-radius: 16px 16px 0 0;
  object-fit: cover;
  object-position: center top;
  box-shadow: 0 16px 34px rgba(17, 18, 16, 0.12);
}

.feature-companion-notes {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
  background: #f5f6f2;
}

.feature-companion-notes span {
  position: relative;
  padding: 18px 0 18px 28px;
  border-top: 1px solid #d4d8d1;
  color: #363b35;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.35;
}

.feature-companion-notes span:last-child { border-bottom: 1px solid #d4d8d1; }

.feature-companion-notes span::before {
  content: '✓';
  position: absolute;
  top: 17px;
  left: 2px;
  color: var(--voltr-green);
  font-size: 14px;
  font-weight: 800;
}

.field-proof {
  overflow: hidden;
  padding: 118px 0 104px;
  background: #e8e9e4;
}

.field-proof .proof-marquee-stack {
  display: grid;
  gap: 12px;
  margin-top: 48px;
}

.field-proof .proof-marquee-row {
  display: block;
  position: relative;
  overflow: hidden;
}

.field-proof .proof-marquee-row::before,
.field-proof .proof-marquee-row::after {
  display: block;
  position: absolute;
  z-index: 2;
  top: -36px;
  bottom: -36px;
  width: clamp(34px, 5vw, 78px);
  background: rgba(232, 233, 228, 0.78);
  content: '';
  filter: blur(11px);
  pointer-events: none;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.field-proof .proof-marquee-row::before {
  left: -34px;
  box-shadow: 36px 0 42px 24px rgba(232, 233, 228, 0.8);
}

.field-proof .proof-marquee-row::after {
  right: -34px;
  box-shadow: -36px 0 42px 24px rgba(232, 233, 228, 0.8);
}

.field-proof .proof-row-track {
  display: flex;
  position: static;
  left: auto;
  width: max-content;
  animation: proof-customer-row-left 46s linear infinite;
  will-change: transform;
}

.field-proof .proof-marquee-row-reverse .proof-row-track {
  animation-name: proof-customer-row-right;
  animation-duration: 52s;
}

.field-proof .proof-marquee-row:hover .proof-row-track,
.field-proof .proof-marquee-row:focus-within .proof-row-track {
  animation-play-state: paused;
}

.field-proof .proof-row-set {
  display: flex;
  flex: 0 0 auto;
  align-items: stretch;
  gap: 12px;
  padding-right: 12px;
}

.field-proof .proof-customer-card {
  display: grid;
  position: relative;
  width: clamp(320px, 28vw, 380px);
  min-height: 230px;
  box-sizing: border-box;
  flex: 0 0 auto;
  grid-template-rows: auto minmax(0, 1fr) auto;
  padding: 22px;
  overflow: hidden;
  border: 1px solid rgba(16, 17, 15, 0.09);
  border-radius: 18px;
  box-shadow: none;
  transition: border-color 180ms ease, background-color 180ms ease;
}

.field-proof .proof-customer-card:hover { border-color: rgba(16, 17, 15, 0.18); }

@keyframes proof-customer-row-left {
  from { transform: translateX(0); }
  to { transform: translateX(-33.333333%); }
}

@keyframes proof-customer-row-right {
  from { transform: translateX(-33.333333%); }
  to { transform: translateX(0); }
}

.proof-customer-card > header {
  display: flex;
  min-height: 12px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.proof-customer-card > header span {
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-family: var(--mono);
  font-size: 0;
  font-weight: 700;
  letter-spacing: 0.11em;
  opacity: 0.7;
  text-transform: uppercase;
}

.proof-customer-card > header > span::after {
  content: 'Customer testimonial';
  font-size: 7px;
}

.proof-customer-card > header b {
  display: inline-flex;
  min-width: 72px;
  justify-content: flex-end;
  color: transparent;
  font-size: 0;
  font-weight: 700;
  opacity: 1;
  white-space: nowrap;
}

.proof-customer-card > header b::after {
  color: #c8952e;
  content: '★★★★★';
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
}

.proof-customer-card-weld {
  background: #f3f4f0 !important;
  color: var(--voltr-ink);
}

.proof-customer-card blockquote {
  align-self: center;
  max-width: 330px;
  margin: 18px 0;
  font-family: var(--font);
  font-size: clamp(20px, 1.7vw, 23px);
  font-weight: 660;
  line-height: 1.1;
  letter-spacing: -0.04em;
}

.proof-customer-card > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 0;
}

.proof-customer-person {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
}

.proof-customer-person > img {
  display: block;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  object-fit: contain;
}

.proof-customer-mark {
  display: inline-flex;
  width: 42px;
  height: 34px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(16, 17, 15, 0.12);
  border-radius: 9px;
  background: #fff;
  color: var(--voltr-ink);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.proof-customer-person > span {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.proof-customer-card-weld .proof-customer-person > img {
  padding: 3px;
  border-radius: 9px;
  background: #fff;
}

.proof-customer-card-emm .proof-customer-person > img { width: 46px; }
.proof-customer-card-celo .proof-customer-person > img { width: 42px; }

.proof-customer-card > footer strong { font-size: 10.5px; }
.proof-customer-card > footer small { color: inherit; font-size: 8.5px; opacity: 0.56; }

.proof-customer-card > footer b {
  flex: 0 0 auto;
  color: #737970;
  font-family: var(--mono);
  font-size: 0;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.proof-customer-card > footer b::after {
  content: 'Voltr customer';
  font-size: 7.5px;
}

.proof-customer-card-emm { background: #fafaf7 !important; color: var(--voltr-ink); }

.proof-customer-card-celo {
  background: #f2f3ee !important;
  color: var(--voltr-ink);
}

.proof-customer-card-dr-cals {
  background: #eceeea !important;
  color: var(--voltr-ink);
}

.proof-customer-card-hypr {
  background: #f6f6f2 !important;
  color: var(--voltr-ink);
}

.field-proof-disclosure {
  margin-top: 30px;
  color: #767c74;
  font-size: 9px;
  line-height: 1.55;
}

@media (max-width: 1040px) {
  .feature-story-panel {
    grid-template-columns: minmax(260px, 0.75fr) minmax(0, 1.25fr);
  }

  .feature-story-copy { padding: 40px 34px; }
  .feature-story-product { margin: 18px; }

  .feature-companion-layout {
    grid-template-columns: minmax(165px, 0.72fr) minmax(190px, 1fr);
  }

  .feature-companion-notes { padding: 22px; }

}

@media (max-width: 760px) {
  .feature-story-card > .feature-system-card-head { padding-bottom: 26px; }

  .feature-story {
    width: calc(100% - 24px);
    margin: 0 12px 12px;
    border-radius: 17px;
  }

  .feature-story-tab {
    grid-template-columns: 1fr;
    min-height: 70px;
    justify-items: center;
    gap: 4px;
    padding: 12px 7px;
    text-align: center;
  }

  .feature-story-tab > span {
    display: none;
  }

  .feature-story-tab strong { font-size: 15px; }
  .feature-story-tab small { margin-top: 0; font-size: 8px; }

  .feature-story-panel {
    min-height: 0;
    grid-template-columns: 1fr;
  }

  .feature-story-copy {
    padding: 34px 28px 30px;
    border-right: 0;
    border-bottom: 1px solid #d4d8d1;
  }

  .feature-story-copy h4 { font-size: 39px; }
  .feature-story-copy ul { margin-top: 24px; }

  .feature-story-product {
    min-height: 360px;
    margin: 12px;
  }

  .feature-story-product-mobile img { height: 320px; }

  .feature-companion-card.feature-system-card-support { min-height: 0; }
  .feature-companion-product { min-height: 430px; }
  .feature-companion-layout { grid-template-columns: minmax(165px, 0.75fr) minmax(170px, 1fr); }
  .feature-companion-screen img { height: 350px; }
  .feature-companion-notes { padding: 18px; }
  .feature-companion-notes span { padding-right: 0; font-size: 11px; }

  .field-proof .proof-marquee-stack { gap: 12px; margin-top: 38px; }
  .field-proof .proof-marquee-row {
    overflow: hidden;
  }
  .field-proof .proof-marquee-row::before,
  .field-proof .proof-marquee-row::after { display: none; }
  .field-proof .proof-row-track {
    width: max-content;
    box-sizing: border-box;
    animation: proof-customer-row-left 38s linear infinite;
    will-change: transform;
  }
  .field-proof .proof-marquee-row-reverse .proof-row-track {
    animation: proof-customer-row-right 44s linear infinite;
  }
  .field-proof .proof-marquee-row:hover .proof-row-track,
  .field-proof .proof-marquee-row:focus-within .proof-row-track {
    animation-play-state: running;
  }
  .field-proof .proof-row-set {
    gap: 12px;
    padding: 0 12px 0 20px;
  }
  .field-proof .proof-row-set:nth-child(n + 2) { display: flex; }
  .field-proof .proof-customer-card {
    width: calc(100vw - 48px);
    min-height: 232px;
    padding: 22px;
  }
}

@media (max-width: 520px) {
  .feature-story-tab small { display: none; }
  .feature-story-tab { min-height: 58px; }

  .feature-story-copy {
    padding: 30px 23px 26px;
  }

  .feature-story-copy h4 { font-size: 35px; }
  .feature-story-copy > p { font-size: 13px; }
  .feature-story-copy li { font-size: 11px; }

  .feature-story-product {
    min-height: 320px;
    grid-template-rows: 44px minmax(0, 1fr);
  }

  .feature-story-product-mobile .feature-story-media { padding: 18px; }
  .feature-story-product-mobile img { height: 280px; }

  .feature-companion-product {
    min-height: 0;
    grid-template-rows: 44px auto;
  }

  .feature-companion-layout { grid-template-columns: 1fr; }

  .feature-companion-screen {
    min-height: 330px;
    padding-top: 18px;
    border-right: 0;
    border-bottom: 1px solid #d4d8d1;
  }

  .feature-companion-screen img { height: 320px; }
  .feature-companion-notes { padding: 20px 23px; }

  .field-proof { padding: 84px 0 76px; }
  .field-proof .proof-row-set { padding-left: 18px; }
  .field-proof .proof-customer-card {
    width: calc(100vw - 36px);
    min-height: 236px;
    padding: 22px;
    border-radius: 18px;
  }
  .proof-customer-card > header { min-height: 12px; }
  .proof-customer-card > header b { display: none; }
  .proof-customer-card blockquote { margin: 18px 0; font-size: 22px; line-height: 1.11; }
  .proof-customer-card > footer { align-items: center; gap: 12px; }
  .proof-customer-person { gap: 9px; }
  .proof-customer-person > img { width: 32px; height: 32px; }
  .proof-customer-card-emm .proof-customer-person > img { width: 42px; }
  .proof-customer-card-celo .proof-customer-person > img { width: 39px; }
  .field-proof-disclosure { margin-top: 24px; padding-inline: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .feature-story-tab { scroll-behavior: auto; }
  .field-proof .proof-marquee-row {
    overflow-x: auto;
    scroll-padding-inline: 18px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .field-proof .proof-marquee-row::-webkit-scrollbar { display: none; }
  .field-proof .proof-row-track {
    padding-inline: 18px;
    animation: none !important;
    transform: none;
    will-change: auto;
  }
  .field-proof .proof-row-set { padding: 0 12px 0 0; }
  .field-proof .proof-row-set:nth-child(n + 2) { display: none; }
  .field-proof .proof-customer-card { scroll-snap-align: center; }
}
/* End product evidence feature story and customer proof rail. */

/* Restrained feature polish. Applied only after visual comparison. */
.product-bento.feature-system-polish {
  padding: 108px 0 116px;
}

.feature-system-polish .feature-system-head {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
  gap: 56px;
  margin-bottom: 36px;
}

.feature-system-polish .feature-system-head h2 {
  max-width: 790px;
  font-size: clamp(56px, 5.7vw, 82px);
  line-height: .94;
}

.feature-system-polish .feature-system-head-copy > p {
  margin-top: 21px;
  font-size: 16px;
}

.feature-system-polish .feature-system-metric {
  min-height: 164px;
  padding: 24px 26px 23px;
  border-color: #c9cec6;
  border-radius: 16px;
}

.feature-system-polish .feature-system-metric strong {
  margin-top: 13px;
  font-size: clamp(44px, 4.1vw, 58px);
}

.feature-system-polish .feature-system-grid { gap: 18px; }

.feature-system-polish .feature-system-card {
  border-color: #c9cec6;
  border-radius: 20px;
}

.feature-system-polish .feature-system-card-primary {
  min-height: 668px;
}

.feature-system-polish .feature-system-card-head {
  padding: 34px 36px 25px;
}

.feature-system-polish .feature-system-card-primary > .feature-system-card-head {
  column-gap: 64px;
}

.feature-system-polish .feature-system-card-head h3 {
  font-size: clamp(40px, 4vw, 58px);
}

.feature-system-polish .feature-system-visual {
  width: calc(100% - 32px);
  margin: 0 16px 16px;
  border-color: #cbd0c8;
  border-radius: 12px;
}

.feature-system-polish .feature-commerce {
  min-height: 470px;
}

.feature-system-polish .feature-commerce-stages {
  min-height: 49px;
}

.feature-system-polish .feature-commerce-stages span.is-active {
  color: var(--volt-on, #111111);
}

.feature-system-polish .feature-commerce-map {
  grid-template-columns: minmax(260px, 1.05fr) 54px minmax(145px, .52fr) 54px minmax(280px, 1.1fr);
  padding: 25px 27px 22px;
}

.feature-system-polish .feature-commerce-source,
.feature-system-polish .feature-commerce-actions {
  border-color: #c6cbc3;
  border-radius: 6px;
}

.feature-system-polish .feature-commerce-hub {
  min-height: 184px;
  border-color: #10110f;
  border-radius: 8px;
  background: #10110f;
  box-shadow: inset 0 3px 0 var(--voltr-green);
}

.feature-system-polish .feature-commerce-hub > span {
  width: 66px;
  height: 66px;
  border: 0;
  border-radius: 8px;
}

.feature-system-polish .feature-commerce-hub strong { color: #fff; }
.feature-system-polish .feature-commerce-hub small { color: #a9afa6; }

.feature-system-polish .feature-commerce-connector {
  border-color: #6f756d;
}

.feature-system-polish .feature-commerce-connector i {
  border-color: #6f756d;
}

.feature-system-polish .feature-commerce-actions > div {
  min-height: 67px;
  padding-inline: 15px;
}

.feature-system-polish .feature-commerce-actions b {
  display: flex;
  align-items: center;
  gap: 6px;
}

.feature-system-polish .feature-commerce-actions b::before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--voltr-green);
  content: "";
}

.feature-system-polish .feature-commerce-outcomes {
  min-height: 78px;
}

.feature-system-polish .feature-system-card-support {
  min-height: 492px;
}

.feature-system-polish .feature-system-card-support .feature-system-card-head h3 {
  font-size: clamp(36px, 3.2vw, 47px);
}

.feature-system-polish .feature-product-fragment {
  min-height: 274px;
}

.feature-system-polish .feature-product-fragment-crop img {
  filter: none;
}

@media (max-width: 920px) {
  .product-bento.feature-system-polish { padding: 92px 0 100px; }
  .feature-system-polish .feature-system-head { grid-template-columns: 1fr; gap: 22px; }
  .feature-system-polish .feature-system-card-primary > .feature-system-card-head { display: block; }
  .feature-system-polish .feature-system-card-primary > .feature-system-card-head p { margin-top: 17px; }
  .feature-system-polish .feature-system-card-support { grid-column: 1 / -1; }
}

@media (max-width: 680px) {
  .product-bento.feature-system-polish { padding: 78px 0 84px; }
  .feature-system-polish .feature-system-head h2 { font-size: clamp(46px, 13vw, 62px); }
  .feature-system-polish .feature-system-card,
  .feature-system-polish .feature-system-card-primary,
  .feature-system-polish .feature-system-card-support { min-height: 0; }
  .feature-system-polish .feature-system-card-head { padding: 27px 23px 21px; }
  .feature-system-polish .feature-system-card-head h3,
  .feature-system-polish .feature-system-card-support .feature-system-card-head h3 { font-size: 34px; }
  .feature-system-polish .feature-system-visual { width: calc(100% - 24px); margin: 0 12px 12px; }
  .feature-system-polish .feature-commerce-map { padding: 18px; }
  .feature-system-polish .feature-commerce-proof strong {
    font-size: 8px;
    white-space: normal;
  }
}

/* Creator commerce bento. Compact product states replace screenshot crops. */
.product-bento.commerce-bento {
  padding: 136px 0 148px;
  background: #eef0ed;
  color: #101110;
  overflow: hidden;
}

.commerce-bento .container {
  width: min(1320px, calc(100% - 48px));
}

.commerce-bento-head {
  width: min(820px, 100%);
  margin: 0 auto 64px;
  text-align: center;
}

.commerce-bento-head .eyebrow,
.commerce-card-head > span,
.commerce-ui-label,
.discover-index > span {
  color: var(--volt-on, #111111);
  font-family: var(--font-mono, monospace);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .15em;
  line-height: 1.2;
  text-transform: uppercase;
}

.commerce-bento-head h2 {
  margin: 18px 0 20px;
  font-size: clamp(48px, 5.4vw, 78px);
  font-weight: 650;
  letter-spacing: -.065em;
  line-height: .94;
  text-wrap: balance;
}

.commerce-bento-head p {
  width: min(720px, 100%);
  margin: 0 auto;
  color: #666a65;
  font-size: 18px;
  line-height: 1.55;
  text-wrap: balance;
}

.commerce-bento-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
}

.commerce-card {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  padding: 34px;
  border: 1px solid #d9dcd6;
  border-radius: 26px;
  background: #fbfaf7;
  overflow: hidden;
}

.commerce-card-outreach { grid-column: span 7; }
.commerce-card-discover { grid-column: span 5; }
.commerce-card-amplify { grid-column: span 6; }
.commerce-card-community,
.commerce-card-coaching { grid-column: span 3; }

.commerce-card-head {
  position: relative;
  z-index: 2;
  min-height: 158px;
  padding: 0 4px;
}

.commerce-card-community .commerce-card-head,
.commerce-card-coaching .commerce-card-head {
  min-height: 190px;
}

.commerce-card-head h3 {
  max-width: 700px;
  margin: 12px 0 10px;
  color: #101110;
  font-size: clamp(30px, 2.7vw, 43px);
  font-weight: 650;
  letter-spacing: -.052em;
  line-height: .98;
  text-wrap: balance;
}

.commerce-card-community .commerce-card-head h3,
.commerce-card-coaching .commerce-card-head h3 {
  font-size: 31px;
}

.commerce-card-head p {
  max-width: 670px;
  margin: 0;
  color: #6a6e69;
  font-size: 14px;
  line-height: 1.5;
}

.commerce-card-stage {
  position: relative;
  box-sizing: border-box;
  flex: 1;
  min-width: 0;
  border: 1px solid #d9dcd6;
  border-radius: 20px;
  background-color: #f1f3f0;
  overflow: hidden;
}

.commerce-card-stage::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: radial-gradient(#d5d8d2 0.8px, transparent 0.8px);
  background-size: 18px 18px;
  opacity: .36;
  content: "";
  pointer-events: none;
}

.commerce-card-stage > * {
  position: relative;
  z-index: 1;
}

.commerce-outreach-ui {
  display: grid;
  min-height: 310px;
  grid-template-columns: minmax(165px, .9fr) 72px minmax(260px, 1.28fr);
  align-items: center;
  padding: 30px;
}

.outreach-signal-card,
.outreach-workflows > div,
.amplify-source,
.amplify-destinations > div,
.discover-search,
.discover-index,
.discover-results,
.discover-proof,
.commerce-community-ui,
.commerce-coaching-ui {
  border: 1px solid #d7dad4;
  background: #fffefa;
  box-shadow: 0 12px 28px rgba(16, 17, 16, .055);
}

.outreach-signal-card {
  padding: 24px;
  border-radius: 17px;
}

.outreach-signal-card > strong {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 18px 0 12px;
  font-size: 20px;
  letter-spacing: -.03em;
  line-height: 1.05;
}

.outreach-signal-card img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.outreach-signal-card p,
.outreach-signal-card small {
  display: block;
  margin: 0;
  color: #515550;
  font-size: 12px;
  line-height: 1.45;
}

.outreach-signal-card small { margin-top: 5px; color: #8a8e89; }

.commerce-flow-line {
  height: 1px;
  background: #aeb3ad;
}

.commerce-bolt-hub {
  position: absolute;
  top: 50%;
  left: calc(34.5% - 2px);
  display: grid;
  width: 66px;
  height: 66px;
  border: 8px solid #e7f8e4;
  border-radius: 19px;
  background: #fffefa;
  box-shadow: 0 10px 24px rgba(16, 17, 16, .07);
  place-items: center;
  transform: translate(-50%, -50%);
}

.commerce-bolt-hub img {
  width: 34px;
  height: 34px;
  object-fit: contain;
}

.outreach-workflows {
  display: grid;
  gap: 10px;
}

.outreach-workflows > div {
  display: grid;
  min-height: 64px;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 13px;
  border-radius: 14px;
}

.workflow-icon {
  display: grid;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: #e5f8e3;
  color: var(--volt-on, #111111);
  font-size: 16px;
  place-items: center;
}

.outreach-workflows p,
.outreach-workflows strong,
.outreach-workflows small {
  display: block;
  margin: 0;
}

.outreach-workflows strong { font-size: 13px; line-height: 1.2; }
.outreach-workflows small { margin-top: 3px; color: #858984; font-size: 9px; }

.outreach-workflows b,
.amplify-destinations b,
.discover-results b,
.community-ui-head b,
.coaching-ui-steps b {
  color: var(--volt-on, #111111);
  font-family: var(--font-mono, monospace);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.commerce-discover-ui {
  min-height: 310px;
  padding: 20px;
}

.discover-search {
  display: flex;
  min-height: 46px;
  align-items: center;
  gap: 10px;
  padding: 0 15px;
  border-radius: 14px;
  color: #636762;
  font-size: 11px;
}

.discover-search span { color: var(--volt-on, #111111); font-size: 21px; line-height: 1; }

.discover-platforms {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}

.discover-platforms span {
  display: grid;
  width: 36px;
  height: 32px;
  border: 1px solid #d8dbd5;
  border-radius: 9px;
  background: #fffefa;
  place-items: center;
}

.discover-platforms img { width: 19px; height: 19px; object-fit: contain; }

.discover-index {
  position: absolute;
  top: 76px;
  right: 20px;
  width: min(250px, calc(100% - 142px));
  padding: 14px 16px;
  border-radius: 15px;
}

.discover-index > span { display: flex; align-items: center; gap: 6px; font-size: 8px; }
.discover-index i,
.community-ui-head i {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #54d74d;
  box-shadow: 0 0 0 5px rgba(84, 215, 77, .12);
}

.discover-index strong {
  display: block;
  margin: 7px 0 1px;
  font-size: clamp(28px, 3.1vw, 43px);
  font-weight: 650;
  letter-spacing: -.055em;
  line-height: .9;
}

.discover-index small { color: #868a85; font-size: 8px; }

.discover-results {
  margin-top: 64px;
  border-radius: 14px 14px 0 0;
  box-shadow: none;
  overflow: hidden;
}

.discover-results > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 55px;
  padding: 8px 12px;
}

.discover-results > div + div { border-top: 1px solid #e0e2dd; }

.creator-avatar {
  display: grid;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: #dff5dd;
  color: var(--volt-on, #111111);
  font-size: 11px;
  font-weight: 700;
  place-items: center;
}

.creator-avatar-sand { background: #e8eae6; color: #5f635e; }

.discover-results p,
.discover-results strong,
.discover-results small { display: block; margin: 0; }
.discover-results strong { font-size: 11px; }
.discover-results small { margin-top: 3px; color: #8a8e89; font-size: 8px; }

.discover-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 0;
  border-radius: 0 0 14px 14px;
  box-shadow: none;
  overflow: hidden;
}

.discover-proof span { padding: 9px 10px; }
.discover-proof span + span { border-left: 1px solid #e0e2dd; }
.discover-proof small,
.discover-proof strong { display: block; }
.discover-proof small { color: #969a95; font-size: 7px; text-transform: uppercase; }
.discover-proof strong { margin-top: 3px; font-size: 9px; }

.commerce-amplify-ui {
  display: grid;
  min-height: 310px;
  grid-template-columns: minmax(175px, .9fr) 64px minmax(180px, 1fr);
  align-items: center;
  gap: 0;
  padding: 26px 26px 86px;
}

.amplify-source {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 11px;
  padding: 17px;
  border-radius: 16px;
}

.amplify-video-icon {
  display: grid;
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: #151615;
  color: #54d74d;
  font-size: 18px;
  place-items: center;
}

.amplify-source p,
.amplify-source small,
.amplify-source strong { display: block; margin: 0; }
.amplify-source small { color: #838782; font-size: 8px; }
.amplify-source strong { margin-top: 4px; font-size: 12px; }
.amplify-source > b { grid-column: 1 / -1; color: var(--volt-on, #111111); font-family: var(--font-mono, monospace); font-size: 9px; }

.commerce-amplify-ui .commerce-bolt-hub { left: 42.4%; width: 58px; height: 58px; border-width: 7px; border-radius: 17px; }
.commerce-amplify-ui .commerce-bolt-hub img { width: 29px; height: 29px; }

.amplify-destinations { display: grid; gap: 10px; }
.amplify-destinations > div {
  display: grid;
  min-height: 54px;
  grid-template-columns: 27px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 8px 13px;
  border-radius: 14px;
}
.amplify-destinations img { width: 25px; height: 25px; object-fit: contain; }
.amplify-destinations strong { font-size: 11px; }

.amplify-revenue {
  position: absolute;
  right: 26px;
  bottom: 22px;
  left: 26px;
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 0 15px;
  border-top: 1px solid #d8dbd5;
  background: #fffefa;
}

.amplify-revenue p,
.amplify-revenue small,
.amplify-revenue strong { display: block; margin: 0; }
.amplify-revenue p > small { color: #919590; font-size: 7px; letter-spacing: .1em; text-transform: uppercase; }
.amplify-revenue p > strong { margin-top: 3px; font-size: 10px; }
.amplify-revenue > b { color: var(--volt-on, #111111); font-size: 21px; letter-spacing: -.04em; }
.amplify-revenue > b small { color: #858984; font-family: var(--font-mono, monospace); font-size: 6px; letter-spacing: .08em; text-align: right; text-transform: uppercase; }

.commerce-community-ui,
.commerce-coaching-ui {
  min-height: 310px;
  padding: 16px;
  border-radius: 20px;
  box-shadow: none;
}

.commerce-community-ui::before,
.commerce-coaching-ui::before { display: none; }

.community-ui-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e1e3de;
}

.community-ui-head p,
.community-ui-head strong,
.community-ui-head small { display: block; margin: 0; }
.community-ui-head strong { font-size: 12px; }
.community-ui-head small { margin-top: 3px; color: #8a8e89; font-size: 8px; }
.community-ui-head b { display: flex; align-items: center; gap: 7px; }

.community-ui-tabs {
  display: flex;
  gap: 6px;
  margin: 12px 0 14px;
}

.community-ui-tabs span {
  padding: 6px 9px;
  border: 1px solid #dfe1dc;
  border-radius: 8px;
  color: #6f736e;
  font-size: 8px;
}

.community-ui-tabs span:first-child {
  border-color: #54d74d;
  color: var(--volt-on, #111111);
}

.community-ui-message {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  padding: 11px 0;
}

.community-ui-message + .community-ui-message { border-top: 1px solid #e4e6e1; }
.community-ui-message > span {
  display: grid;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #e7e9e5;
  color: #565a55;
  font-size: 8px;
  font-weight: 700;
  place-items: center;
}
.community-ui-message:first-of-type > span { background: #def5dc; color: var(--volt-on, #111111); }
.community-ui-message p,
.community-ui-message strong,
.community-ui-message small { display: block; margin: 0; }
.community-ui-message strong { font-size: 10px; }
.community-ui-message small { margin-top: 3px; color: #70746f; font-size: 8px; line-height: 1.4; }

.community-ui-foot,
.coaching-ui-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e1e3de;
  color: #858984;
  font-size: 8px;
}
.community-ui-foot span { color: var(--volt-on, #111111); font-weight: 700; }

.coaching-ui-progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.coaching-ui-progress p,
.coaching-ui-progress small,
.coaching-ui-progress strong { display: block; margin: 0; }
.coaching-ui-progress small { color: #8f938e; font-size: 7px; letter-spacing: .1em; text-transform: uppercase; }
.coaching-ui-progress strong { margin-top: 4px; font-size: 11px; }
.coaching-ui-progress > b { color: var(--volt-on, #111111); font-size: 22px; letter-spacing: -.04em; }

.coaching-ui-bar {
  height: 4px;
  margin: 13px 0 16px;
  border-radius: 2px;
  background: #e1e3df;
  overflow: hidden;
}
.coaching-ui-bar i { display: block; width: 50%; height: 100%; background: #54d74d; }

.coaching-ui-steps { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.coaching-ui-steps li {
  display: grid;
  min-height: 53px;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 7px 9px;
  border: 1px solid #dfe1dc;
  border-radius: 11px;
}
.coaching-ui-steps li.is-current { border-color: #54d74d; }
.coaching-ui-steps li > span {
  display: grid;
  width: 28px;
  height: 28px;
  border: 1px solid #d9dcd6;
  border-radius: 8px;
  color: #7a7e79;
  font-size: 8px;
  place-items: center;
}
.coaching-ui-steps li.is-complete > span { border-color: #54d74d; background: #54d74d; color: #101110; }
.coaching-ui-steps li.is-current > span { border-color: #54d74d; color: var(--volt-on, #111111); }
.coaching-ui-steps p,
.coaching-ui-steps strong,
.coaching-ui-steps small { display: block; margin: 0; }
.coaching-ui-steps strong { font-size: 9px; }
.coaching-ui-steps small { margin-top: 3px; color: #8d918c; font-size: 7px; }
.coaching-ui-steps li.is-complete b { font-size: 12px; }
.coaching-ui-foot strong { color: #2c302c; font-size: 8px; }

@media (max-width: 1100px) {
  .commerce-card-outreach,
  .commerce-card-discover,
  .commerce-card-amplify { grid-column: span 12; }
  .commerce-card-community,
  .commerce-card-coaching { grid-column: span 6; }
  .commerce-card-community .commerce-card-head,
  .commerce-card-coaching .commerce-card-head { min-height: 158px; }
  .commerce-bolt-hub { left: 34%; }
  .commerce-amplify-ui .commerce-bolt-hub { left: 41%; }
}

@media (max-width: 760px) {
  .product-bento.commerce-bento { padding: 96px 0 104px; }
  .commerce-bento .container { width: min(100% - 28px, 1320px); }
  .commerce-bento-head { margin-bottom: 42px; text-align: left; }
  .commerce-bento-head h2 { margin-top: 14px; font-size: 46px; }
  .commerce-bento-head p { font-size: 15px; text-wrap: pretty; }
  .commerce-bento-grid { display: block; }
  .commerce-card { margin-top: 14px; padding: 22px; border-radius: 22px; }
  .commerce-card:first-child { margin-top: 0; }
  .commerce-card-head,
  .commerce-card-community .commerce-card-head,
  .commerce-card-coaching .commerce-card-head { min-height: auto; padding-bottom: 24px; }
  .commerce-card-head h3,
  .commerce-card-community .commerce-card-head h3,
  .commerce-card-coaching .commerce-card-head h3 { font-size: 33px; }
  .commerce-outreach-ui,
  .commerce-amplify-ui {
    display: grid;
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 18px;
  }
  .commerce-flow-line { display: none; }
  .commerce-bolt-hub,
  .commerce-amplify-ui .commerce-bolt-hub {
    position: relative;
    top: auto;
    left: auto;
    margin: -4px auto;
    transform: none;
  }
  .amplify-revenue { position: relative; right: auto; bottom: auto; left: auto; margin-top: 0; }
  .commerce-amplify-ui { padding-bottom: 18px; }
  .commerce-community-ui,
  .commerce-coaching-ui { min-height: 0; }
}

@media (max-width: 480px) {
  .commerce-card { padding: 18px; }
  .commerce-discover-ui { padding: 14px; }
  .discover-index { right: 14px; width: calc(100% - 126px); }
  .discover-index strong { font-size: 27px; }
  .discover-results { margin-top: 70px; }
  .discover-proof strong { font-size: 8px; }
  .amplify-revenue { align-items: flex-start; flex-direction: column; padding: 12px 14px; }
}

/* Legacy feature system kept for compatibility with older review snapshots. */
.product-bento {
  padding: 132px 0 142px;
  overflow: clip;
  background: #eef0ed;
}

.product-bento .container { max-width: 1320px; }

.feature-system-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(310px, 360px);
  align-items: end;
  gap: 72px;
  margin-bottom: 42px;
}

.feature-system-head-copy { max-width: 780px; }

.feature-system-head .eyebrow {
  display: block;
  margin-bottom: 18px;
  color: #6d726a;
}

.feature-system-head h2 {
  max-width: 760px;
  margin: 0;
  color: var(--voltr-ink);
  font-family: var(--font);
  font-size: clamp(58px, 6.2vw, 92px);
  font-weight: 670;
  line-height: 0.9;
  letter-spacing: -0.07em;
}

.feature-system-head p {
  max-width: 650px;
  margin: 24px 0 0;
  color: #646a62;
  font-size: 17px;
  line-height: 1.5;
}

.feature-system-metric {
  display: flex;
  min-height: 174px;
  flex-direction: column;
  justify-content: center;
  padding: 26px 28px 24px;
  border: 1px solid #d4d8d1;
  border-radius: 16px;
  background: #faf9f5;
}

.feature-system-metric-label {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #62675f;
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.feature-system-metric-label i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--voltr-green);
  box-shadow: 0 0 0 5px rgba(84, 215, 77, 0.13);
  animation: feature-index-pulse 2.4s ease-in-out infinite;
}

.feature-system-metric strong {
  margin-top: 16px;
  color: var(--voltr-ink);
  font-family: var(--font);
  font-size: clamp(46px, 4.3vw, 64px);
  font-weight: 680;
  line-height: 0.86;
  letter-spacing: -0.065em;
}

.feature-system-metric small {
  margin-top: 13px;
  color: #737970;
  font-size: 12px;
  line-height: 1.35;
}

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

.feature-system-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #d4d8d1;
  border-radius: 18px;
  background: #faf9f5;
}

.feature-system-card-wide {
  min-height: 580px;
  grid-column: span 3;
}

.feature-system-card-compact {
  min-height: 500px;
  grid-column: span 2;
}

.feature-system-card-head {
  display: grid;
  gap: 8px;
  padding: 32px 32px 22px;
}

.feature-system-card-head > span {
  color: var(--voltr-green);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.feature-system-card-head h3 {
  max-width: 560px;
  margin: 0;
  color: var(--voltr-ink);
  font-family: var(--font);
  font-size: clamp(31px, 3vw, 44px);
  font-weight: 670;
  line-height: 0.96;
  letter-spacing: -0.06em;
}

.feature-system-card-compact .feature-system-card-head h3 {
  font-size: clamp(28px, 2.25vw, 35px);
}

.feature-system-card-head p {
  max-width: 580px;
  margin: 0;
  color: #666c64;
  font-size: 14px;
  line-height: 1.48;
}

.feature-system-visual {
  position: relative;
  box-sizing: border-box;
  width: calc(100% - 36px);
  min-width: 0;
  margin: auto 18px 18px;
  overflow: hidden;
  border: 1px solid #d9ddd6;
  border-radius: 12px;
  background: #f0f2ee;
  color: var(--voltr-ink);
}

.feature-system-visual *,
.feature-system-visual *::before,
.feature-system-visual *::after { box-sizing: border-box; }

.feature-flow {
  display: grid;
  min-height: 360px;
  grid-template-columns: minmax(150px, 0.9fr) 56px 70px minmax(190px, 1.15fr);
  align-items: center;
  padding: 32px;
}

.feature-flow-source {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding-left: 17px;
  border-left: 3px solid var(--voltr-green);
}

.feature-flow-source img { width: 36px; height: 36px; object-fit: contain; }
.feature-flow-source span { display: grid; gap: 5px; }
.feature-flow-source small,
.feature-amplify-winner small {
  color: #727870;
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.feature-flow-source strong { font-size: 17px; line-height: 1.08; }
.feature-flow-source b { color: #626861; font-size: 12px; font-weight: 500; }

.feature-flow-route,
.feature-amplify-path i {
  position: relative;
  height: 1px;
  background: #aeb4ab;
}

.feature-flow-route::after,
.feature-amplify-path i:last-child::after {
  position: absolute;
  top: -3px;
  right: -1px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #8f968c;
  border-right: 1px solid #8f968c;
  content: "";
  transform: rotate(45deg);
}

.feature-flow-bolt,
.feature-amplify-path span {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  justify-self: center;
  border: 1px solid rgba(84, 215, 77, 0.55);
  border-radius: 17px;
  background: #faf9f5;
  box-shadow: 0 0 0 7px rgba(84, 215, 77, 0.08);
}

.feature-flow-bolt img,
.feature-amplify-path span img { width: 34px; height: 34px; object-fit: contain; }

.feature-flow-actions {
  overflow: hidden;
  border: 1px solid #d5d9d2;
  border-radius: 16px;
  background: #faf9f5;
}

.feature-flow-actions > div {
  display: grid;
  min-height: 66px;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  border-bottom: 1px solid #dde0da;
}

.feature-flow-actions > div:last-child { border-bottom: 0; }
.feature-flow-actions span { color: #8a9087; font-family: var(--mono); font-size: 10px; }
.feature-flow-actions strong { font-size: 13px; line-height: 1.15; }
.feature-flow-actions b {
  color: var(--voltr-green);
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.feature-discover {
  display: flex;
  min-height: 360px;
  flex-direction: column;
  padding: 26px;
}

.feature-discover-search {
  display: flex;
  min-height: 54px;
  align-items: center;
  gap: 12px;
  padding: 0 17px;
  border: 1px solid #d6dad3;
  border-radius: 14px;
  background: #faf9f5;
}

.feature-discover-search > span { color: var(--voltr-green); font-size: 24px; line-height: 1; transform: rotate(-18deg); }
.feature-discover-search strong { overflow: hidden; font-size: 13px; font-weight: 560; text-overflow: ellipsis; white-space: nowrap; }

.feature-discover-sources {
  display: flex;
  gap: 10px;
  margin: 14px 0 12px;
}

.feature-discover-sources span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 34px;
  border: 1px solid #d6dad3;
  border-radius: 10px;
  background: #faf9f5;
}

.feature-discover-sources img { max-width: 21px; max-height: 21px; object-fit: contain; }

.feature-discover-list {
  overflow: hidden;
  border: 1px solid #d6dad3;
  border-radius: 15px;
  background: #faf9f5;
}

.feature-discover-list > div {
  display: grid;
  min-height: 72px;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  border-bottom: 1px solid #dde0da;
}

.feature-discover-list > div:last-child { border-bottom: 0; }
.feature-avatar {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(84, 215, 77, 0.24);
  color: #11120f;
  font-size: 13px;
  font-weight: 700;
}
.feature-avatar-warm { background: #e1e4de; color: #11120f; }
.feature-discover-list > div > span:nth-child(2) { display: grid; gap: 4px; }
.feature-discover-list strong { font-size: 13px; }
.feature-discover-list small { color: #747a72; font-size: 10px; }
.feature-discover-list b { color: var(--voltr-green); font-family: var(--mono); font-size: 10px; text-transform: uppercase; }

.feature-discover-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: auto;
  padding-top: 18px;
}

.feature-discover-proof span {
  display: grid;
  gap: 5px;
  padding: 0 11px;
  border-right: 1px solid #d4d8d1;
}
.feature-discover-proof span:first-child { padding-left: 0; }
.feature-discover-proof span:last-child { padding-right: 0; border-right: 0; }
.feature-discover-proof small { color: #7a8078; font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.feature-discover-proof strong { font-size: 12px; }

.feature-amplify,
.feature-community,
.feature-coaching {
  min-height: 295px;
  padding: 22px;
}

.feature-amplify { display: flex; flex-direction: column; }
.feature-amplify-winner {
  display: grid;
  min-height: 74px;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding-bottom: 17px;
  border-bottom: 1px solid #d3d7d0;
}
.feature-video-mark {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 11px;
  background: #11120f;
  color: var(--voltr-green);
  font-size: 13px;
}
.feature-amplify-winner > span:nth-child(2) { display: grid; gap: 4px; }
.feature-amplify-winner strong { font-size: 13px; }
.feature-amplify-winner b { color: var(--voltr-green); font-family: var(--mono); font-size: 10px; }
.feature-amplify-path {
  display: grid;
  grid-template-columns: minmax(16px, 1fr) 54px minmax(16px, 1fr);
  align-items: center;
  gap: 6px;
  margin: 19px 0 15px;
}
.feature-amplify-path span { width: 48px; height: 48px; border-radius: 14px; }
.feature-amplify-path span img { width: 29px; height: 29px; }
.feature-amplify-platforms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.feature-amplify-platforms span {
  display: flex;
  min-height: 50px;
  align-items: center;
  gap: 9px;
  padding: 10px 11px;
  border: 1px solid #d6dad3;
  border-radius: 12px;
  background: #faf9f5;
}
.feature-amplify-platforms img { width: 22px; height: 22px; object-fit: contain; }
.feature-amplify-platforms strong { font-size: 11px; }
.feature-amplify-result {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  padding-top: 15px;
}
.feature-amplify-result span { color: #70766e; font-size: 11px; }
.feature-amplify-result strong { color: var(--voltr-green); font-size: 25px; letter-spacing: -0.04em; }

.feature-community { display: flex; flex-direction: column; }
.feature-community-network { position: relative; min-height: 195px; flex: 1; }
.feature-community-line {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 170px;
  height: 1px;
  background: #b5bbb2;
  transform-origin: center;
}
.feature-community-line.line-one { transform: translate(-50%, -50%) rotate(32deg); }
.feature-community-line.line-two { transform: translate(-50%, -50%) rotate(-32deg); }
.feature-community-core,
.feature-community-person { position: absolute; z-index: 2; display: grid; place-items: center; }
.feature-community-core {
  top: 50%;
  left: 50%;
  width: 98px;
  height: 98px;
  gap: 5px;
  border: 1px solid rgba(84, 215, 77, 0.55);
  border-radius: 27px;
  background: #faf9f5;
  transform: translate(-50%, -50%);
}
.feature-community-core img { width: 35px; height: 35px; object-fit: contain; }
.feature-community-core b { font-size: 11px; line-height: 1.05; text-align: center; }
.feature-community-person {
  width: 38px;
  height: 38px;
  border: 5px solid #faf9f5;
  border-radius: 13px;
  background: rgba(84, 215, 77, 0.28);
  color: #11120f;
  font-size: 11px;
  font-weight: 700;
}
.feature-community-person.person-one { top: 7%; left: 9%; }
.feature-community-person.person-two { top: 8%; right: 9%; background: #dde1da; color: #11120f; }
.feature-community-person.person-three { bottom: 8%; left: 9%; background: #d3d8d0; color: #11120f; }
.feature-community-person.person-four { right: 9%; bottom: 8%; background: #e5e7e2; color: #11120f; }
.feature-community-counts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #d3d7d0; }
.feature-community-counts span { display: grid; gap: 2px; padding-top: 14px; text-align: center; }
.feature-community-counts span + span { border-left: 1px solid #d3d7d0; }
.feature-community-counts strong { font-size: 22px; }
.feature-community-counts small { color: #727870; font-size: 10px; }

.feature-coaching { display: flex; flex-direction: column; }
.feature-coaching-progress {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding-bottom: 16px;
  border-bottom: 1px solid #d3d7d0;
}
.feature-coaching-progress > span { color: #6f756d; font-size: 11px; }
.feature-coaching-progress > strong { color: var(--voltr-green); font-size: 19px; }
.feature-coaching-progress > i { grid-column: 1 / -1; overflow: hidden; height: 6px; border-radius: 99px; background: #daddd7; }
.feature-coaching-progress > i b { display: block; width: 50%; height: 100%; border-radius: inherit; background: var(--voltr-green); }
.feature-coaching-steps { display: grid; gap: 0; margin: 12px 0 0; padding: 0; list-style: none; }
.feature-coaching-steps li {
  display: grid;
  min-height: 55px;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #d9dcd6;
}
.feature-coaching-steps li > span {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border: 1px solid #cbd0c8;
  border-radius: 8px;
  color: #6b7168;
  font-family: var(--mono);
  font-size: 9px;
}
.feature-coaching-steps li strong { font-size: 12px; }
.feature-coaching-steps li small { color: #777d74; font-size: 9px; }
.feature-coaching-steps li.is-complete > span { border-color: var(--voltr-green); background: var(--voltr-green); color: #11120f; }
.feature-coaching-steps li.is-active > span { border-color: var(--voltr-green); color: var(--voltr-green); }
.feature-coaching-program {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding-top: 16px;
  font-size: 11px;
}
.feature-coaching-program strong { color: var(--voltr-green); font-size: 10px; text-transform: uppercase; }

@keyframes feature-index-pulse {
  0%, 100% { opacity: 0.65; transform: scale(0.88); }
  50% { opacity: 1; transform: scale(1); }
}

@media (max-width: 1100px) {
  .feature-system-head { grid-template-columns: minmax(0, 1fr) 310px; gap: 36px; }
  .feature-flow { grid-template-columns: minmax(130px, 0.9fr) 34px 58px minmax(170px, 1.15fr); padding: 24px; }
  .feature-flow-bolt { width: 50px; height: 50px; border-radius: 14px; }
  .feature-flow-bolt img { width: 29px; height: 29px; }
  .feature-system-card-compact { min-height: 515px; }
}

@media (max-width: 920px) {
  .feature-system-head { grid-template-columns: 1fr; }
  .feature-system-head-copy { max-width: 720px; }
  .feature-system-metric {
    min-height: 0;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 24px;
  }
  .feature-system-metric strong { margin-top: 0; }
  .feature-system-metric small { width: 100%; margin-top: 0; }
  .feature-system-card-wide { grid-column: span 6; }
  .feature-system-card-compact { grid-column: span 3; }
  .feature-system-card:nth-child(3) { grid-column: span 6; }
  .feature-system-card:nth-child(3) .feature-system-visual { min-height: 320px; }
}

@media (max-width: 760px) {
  .product-bento { padding: 100px 0 108px; }
  .feature-system-head { margin-bottom: 28px; }
  .feature-system-head h2 { font-size: clamp(52px, 13vw, 72px); }
  .feature-system-head p { margin-top: 18px; font-size: 15px; }
  .feature-system-metric { display: grid; grid-template-columns: minmax(0, 1fr) auto; padding: 22px; }
  .feature-system-metric-label { grid-column: 1; }
  .feature-system-metric strong { grid-column: 2; grid-row: 1 / span 2; font-size: 42px; }
  .feature-system-metric small { grid-column: 1; width: auto; }
  .feature-system-card-compact { grid-column: span 6; }
  .feature-system-card-head { padding: 28px 26px 20px; }
  .feature-system-card-head h3,
  .feature-system-card-compact .feature-system-card-head h3 { font-size: 34px; }
  .feature-flow { min-height: 480px; grid-template-columns: 1fr; grid-template-rows: auto 34px 58px 34px auto; gap: 0; padding: 26px; }
  .feature-flow-source { justify-self: stretch; }
  .feature-flow-route { width: 1px; height: 34px; justify-self: center; background: #aeb4ab; }
  .feature-flow-route::after { top: auto; right: -3px; bottom: -1px; transform: rotate(135deg); }
  .feature-flow-actions { width: 100%; }
}

@media (max-width: 520px) {
  .product-bento .container { padding-inline: 14px; }
  .feature-system-head h2 { font-size: 48px; }
  .feature-system-metric { grid-template-columns: 1fr; gap: 8px; }
  .feature-system-metric strong { grid-column: 1; grid-row: auto; font-size: 46px; }
  .feature-system-metric small { grid-column: 1; }
  .feature-system-card { border-radius: 22px; }
  .feature-system-card-head { padding: 25px 22px 18px; }
  .feature-system-card-head h3,
  .feature-system-card-compact .feature-system-card-head h3 { font-size: 31px; }
  .feature-system-visual { width: calc(100% - 24px); margin: auto 12px 12px; border-radius: 17px; }
  .feature-flow { padding: 22px; }
  .feature-discover { padding: 18px; }
  .feature-discover-search strong { font-size: 11px; }
  .feature-discover-list > div { grid-template-columns: 36px minmax(0, 1fr); }
  .feature-discover-list b { grid-column: 2; }
  .feature-amplify,
  .feature-community,
  .feature-coaching { padding: 18px; }
  .feature-amplify-platforms { grid-template-columns: 1fr; }
  .feature-amplify-winner { grid-template-columns: 40px minmax(0, 1fr); }
  .feature-amplify-winner > b { grid-column: 2; }
}

@media (prefers-reduced-motion: reduce) {
  .feature-system-metric-label i { animation: none; }
}

/* Feature system: one clear creator-commerce map with two supporting modules. */
.product-bento {
  padding: 132px 0 142px;
  overflow: clip;
  background: #eef0ed;
}

.product-bento .container {
  width: min(1320px, calc(100% - 48px));
  max-width: 1320px;
}

.feature-system-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(310px, 390px);
  align-items: end;
  gap: 72px;
  margin-bottom: 46px;
}

.feature-system-head-copy {
  max-width: 830px;
}

.feature-system-head .eyebrow {
  display: block;
  margin-bottom: 18px;
  color: #6d726a;
}

.feature-system-head h2 {
  max-width: 830px;
  margin: 0;
  color: var(--voltr-ink);
  font-family: var(--font);
  font-size: clamp(58px, 6vw, 90px);
  font-weight: 680;
  line-height: 0.92;
  letter-spacing: -0.065em;
}

.feature-system-head-copy > p {
  max-width: 650px;
  margin: 24px 0 0;
  color: #626860;
  font-size: 17px;
  line-height: 1.55;
}

.feature-system-metric {
  display: flex;
  min-height: 174px;
  flex-direction: column;
  justify-content: center;
  padding: 26px 28px 24px;
  border: 1px solid #d4d8d1;
  border-radius: 24px;
  background: #fbfaf7;
}

.feature-system-metric-label {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #62675f;
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.feature-system-metric-label i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--voltr-green);
  box-shadow: 0 0 0 5px rgba(84, 215, 77, 0.13);
  animation: feature-index-pulse 2.4s ease-in-out infinite;
}

.feature-system-metric strong {
  margin-top: 16px;
  color: var(--voltr-ink);
  font-family: var(--font);
  font-size: clamp(46px, 4.3vw, 64px);
  font-weight: 680;
  line-height: 0.86;
  letter-spacing: -0.065em;
}

.feature-system-metric small {
  margin-top: 13px;
  color: #737970;
  font-size: 12px;
  line-height: 1.35;
}

.feature-system-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 20px;
}

.feature-system-card {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #d4d8d1;
  border-radius: 26px;
  background: #fbfaf7;
  color: var(--voltr-ink);
  box-shadow: none;
}

.feature-system-card-primary {
  grid-column: 1 / -1;
  min-height: 704px;
}

.feature-system-card-support {
  grid-column: span 6;
  min-height: 510px;
}

.feature-system-card-head {
  position: relative;
  z-index: 1;
  padding: 38px 40px 28px;
}

.feature-system-card-primary > .feature-system-card-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(310px, 440px);
  column-gap: 72px;
  align-items: end;
}

.feature-system-card-head > span {
  display: block;
  margin-bottom: 17px;
  color: var(--voltr-green);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-transform: uppercase;
}

.feature-system-card-primary > .feature-system-card-head > span {
  grid-column: 1 / -1;
}

.feature-system-card-head h3 {
  max-width: 760px;
  margin: 0;
  color: var(--voltr-ink);
  font-family: var(--font);
  font-size: clamp(42px, 4.3vw, 64px);
  font-weight: 680;
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.feature-system-card-support .feature-system-card-head h3 {
  max-width: 470px;
  font-size: clamp(38px, 3.4vw, 50px);
}

.feature-system-card-head p {
  max-width: 560px;
  margin: 17px 0 0;
  color: #656b63;
  font-size: 15px;
  line-height: 1.5;
}

.feature-system-card-primary > .feature-system-card-head p {
  margin: 0 0 3px;
}

.feature-system-visual {
  position: relative;
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  width: calc(100% - 40px);
  margin: 0 20px 20px;
  overflow: hidden;
  border: 1px solid #d9ddd6;
  border-radius: 20px;
  background: #f0f2ee;
}

.feature-commerce {
  min-height: 492px;
}

.feature-commerce-stages {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-height: 55px;
  border-bottom: 1px solid #d4d8d1;
  background: #f8f8f5;
}

.feature-commerce-stages span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #d4d8d1;
  color: #858b83;
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.feature-commerce-stages span:last-child {
  border-right: 0;
}

.feature-commerce-stages span.is-active {
  box-shadow: inset 0 -3px 0 var(--voltr-green);
  color: var(--voltr-ink);
}

.feature-commerce-map {
  display: grid;
  grid-template-columns: minmax(270px, 1.1fr) 62px minmax(150px, 0.58fr) 62px minmax(290px, 1.12fr);
  align-items: center;
  gap: 0;
  flex: 1;
  padding: 28px 30px 24px;
}

.feature-commerce-source,
.feature-commerce-actions {
  min-width: 0;
}

.feature-commerce-source {
  overflow: hidden;
  border: 1px solid #d5dad3;
  border-radius: 10px;
  background: #fbfaf7;
  box-shadow: none;
}

.feature-commerce-index {
  padding: 21px 22px 19px;
  border-bottom: 1px solid #d9ddd6;
}

.feature-commerce-index > span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #6f756d;
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.feature-commerce-index > span i {
  width: 8px;
  height: 8px;
  border: 2px solid #d7f6d5;
  border-radius: 999px;
  background: var(--voltr-green);
  box-shadow: 0 0 0 4px rgba(84, 215, 77, 0.12);
  animation: feature-index-pulse 2.1s ease-out infinite;
}

@keyframes feature-index-pulse {
  0%, 45% { box-shadow: 0 0 0 4px rgba(84, 215, 77, 0.12); }
  85%, 100% { box-shadow: 0 0 0 9px rgba(84, 215, 77, 0); }
}

.feature-commerce-index strong {
  display: block;
  margin-top: 11px;
  color: var(--voltr-ink);
  font-family: var(--font);
  font-size: clamp(40px, 4vw, 56px);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -0.06em;
}

.feature-commerce-index small {
  display: block;
  margin-top: 9px;
  color: #737970;
  font-size: 11px;
}

.feature-commerce-platforms {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom: 1px solid #d9ddd6;
}

.feature-commerce-platforms span {
  display: grid;
  min-width: 0;
  justify-items: center;
  gap: 7px;
  padding: 14px 7px 13px;
  border-right: 1px solid #d9ddd6;
  color: #555b53;
  font-size: 10px;
}

.feature-commerce-platforms span:last-child {
  border-right: 0;
}

.feature-commerce-platforms img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.feature-commerce-platforms b {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.feature-commerce-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.feature-commerce-proof span {
  display: grid;
  min-width: 0;
  gap: 4px;
  padding: 12px 10px 13px;
  border-right: 1px solid #d9ddd6;
}

.feature-commerce-proof span:last-child {
  border-right: 0;
}

.feature-commerce-proof small {
  color: #8a9088;
  font-family: var(--mono);
  font-size: 7px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.feature-commerce-proof strong {
  overflow: hidden;
  color: var(--voltr-ink);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.feature-commerce-connector {
  position: relative;
  height: 1px;
  border-top: 1px solid #8e958c;
}

.feature-commerce-connector i {
  position: absolute;
  top: 50%;
  width: 8px;
  height: 8px;
  border-top: 1px solid #8e958c;
  border-right: 1px solid #8e958c;
}

.feature-commerce-connector-in i {
  right: 1px;
  transform: translateY(-55%) rotate(45deg);
}

.feature-commerce-connector-out i {
  right: 1px;
  transform: translateY(-55%) rotate(45deg);
}

.feature-commerce-hub {
  display: grid;
  justify-items: center;
  align-content: center;
  min-height: 188px;
  padding: 20px;
  border: 1px solid #b8c1b5;
  border-radius: 12px;
  background: #fbfaf7;
  box-shadow: inset 0 4px 0 var(--voltr-green);
  text-align: center;
}

.feature-commerce-hub > span {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border: 1px solid #d5dad3;
  border-radius: 10px;
  background: #fff;
}

.feature-commerce-hub img {
  width: 46px;
  height: 46px;
  object-fit: contain;
}

.feature-commerce-hub strong {
  margin-top: 13px;
  font-size: 17px;
}

.feature-commerce-hub small {
  margin-top: 4px;
  color: #767c74;
  font-size: 9px;
  line-height: 1.35;
}

.feature-commerce-actions {
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid #d5dad3;
  border-radius: 10px;
  background: #fbfaf7;
}

.feature-commerce-actions > div {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  min-height: 70px;
  padding: 13px 14px;
  border: 0;
  border-bottom: 1px solid #d5dad3;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.feature-commerce-actions > div:last-child { border-bottom: 0; }

.feature-commerce-actions span {
  display: grid;
  place-items: center;
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  color: var(--volt-on, #111111);
  font-family: var(--mono);
  font-size: 8px;
  font-weight: 700;
}

.feature-commerce-actions strong {
  color: var(--voltr-ink);
  font-size: 12px;
  line-height: 1.25;
}

.feature-commerce-actions b {
  color: var(--volt-on, #111111);
  font-family: var(--mono);
  font-size: 8px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.feature-commerce-outcomes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(170px, 0.8fr);
  min-height: 83px;
  border-top: 1px solid #d4d8d1;
  background: #f8f8f5;
}

.feature-commerce-outcomes > span,
.feature-commerce-outcomes > strong {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-content: center;
  column-gap: 10px;
  min-width: 0;
  padding: 15px 18px;
  border-right: 1px solid #d4d8d1;
}

.feature-commerce-outcomes > span img {
  grid-row: 1 / span 2;
  align-self: center;
  width: 27px;
  height: 27px;
  object-fit: contain;
}

.feature-commerce-outcomes > span b {
  overflow: hidden;
  color: var(--voltr-ink);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.feature-commerce-outcomes > span small {
  overflow: hidden;
  color: #82887f;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.feature-commerce-outcomes > strong {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  border-right: 0;
  color: var(--voltr-green);
  font-size: 28px;
  letter-spacing: -0.04em;
}

.feature-commerce-outcomes > strong small {
  color: #777d75;
  font-family: var(--mono);
  font-size: 7px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.feature-product-fragment {
  display: grid;
  min-height: 286px;
  grid-template-rows: 48px minmax(0, 1fr);
  padding: 0;
  background: #111210;
}

.feature-product-fragment figcaption {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 18px;
  border-bottom: 1px solid #d9ddd6;
  background: #fbfaf7;
  color: #737970;
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.feature-product-fragment figcaption strong {
  color: var(--voltr-ink);
  font-size: 10px;
}

.feature-product-fragment-crop {
  position: relative;
  min-height: 0;
  overflow: hidden;
  background: #111210;
}

.feature-product-fragment-crop img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.9) contrast(1.02);
}

.feature-product-fragment-community img { object-position: 50% 25%; }
.feature-product-fragment-coaching img { object-position: 50% 59%; }

@media (max-width: 1100px) {
  .feature-commerce-map {
    grid-template-columns: minmax(240px, 1fr) 38px minmax(128px, 0.55fr) 38px minmax(245px, 1fr);
    padding-inline: 22px;
  }

  .feature-commerce-outcomes {
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(145px, 0.75fr);
  }

  .feature-commerce-outcomes > span,
  .feature-commerce-outcomes > strong {
    padding-inline: 12px;
  }
}

@media (max-width: 920px) {
  .product-bento { padding: 110px 0 118px; }

  .feature-system-head {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .feature-system-head-copy > p {
    max-width: 650px;
  }

  .feature-system-card-primary > .feature-system-card-head {
    display: block;
  }

  .feature-system-card-primary > .feature-system-card-head p {
    margin-top: 17px;
  }

  .feature-commerce-map {
    grid-template-columns: minmax(250px, 1fr) 50px minmax(150px, 0.62fr);
    grid-template-areas:
      "source connector hub"
      "actions actions actions";
    row-gap: 20px;
  }

  .feature-commerce-source { grid-area: source; }
  .feature-commerce-connector-in { grid-area: connector; }
  .feature-commerce-hub { grid-area: hub; }
  .feature-commerce-connector-out { display: none; }
  .feature-commerce-actions {
    grid-area: actions;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .feature-commerce-actions > div {
    grid-template-columns: 30px minmax(0, 1fr);
  }

  .feature-commerce-actions b {
    grid-column: 2;
  }

  .feature-commerce-outcomes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .feature-commerce-outcomes > span:nth-child(2) {
    border-right: 0;
  }

  .feature-commerce-outcomes > span:nth-child(-n + 2) {
    border-bottom: 1px solid #d4d8d1;
  }

  .feature-system-card-support {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .product-bento { padding: 92px 0 100px; }

  .product-bento .container {
    width: min(100% - 28px, 1320px);
  }

  .feature-system-head {
    margin-bottom: 30px;
  }

  .feature-system-head h2 {
    font-size: clamp(48px, 13.4vw, 66px);
  }

  .feature-system-head > p {
    font-size: 15px;
  }

  .feature-system-grid { gap: 14px; }

  .feature-system-card,
  .feature-system-card-primary,
  .feature-system-card-support {
    min-height: 0;
    border-radius: 22px;
  }

  .feature-system-grid > .feature-system-card-support {
    grid-column: 1 / -1;
  }

  .feature-system-card-head {
    padding: 28px 24px 23px;
  }

  .feature-system-card-head h3,
  .feature-system-card-support .feature-system-card-head h3 {
    font-size: 36px;
  }

  .feature-system-visual {
    width: calc(100% - 24px);
    margin: 0 12px 12px;
    border-radius: 17px;
  }

  .feature-commerce-stages {
    min-height: 48px;
  }

  .feature-commerce-stages span {
    font-size: 8px;
    letter-spacing: 0.08em;
  }

  .feature-commerce-map {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 20px;
  }

  .feature-commerce-source,
  .feature-commerce-actions {
    width: 100%;
  }

  .feature-commerce-connector {
    display: block;
    width: 2px;
    height: 34px;
    margin: 0 auto;
    border-top: 0;
    border-left: 1px solid #8e958c;
  }

  .feature-commerce-connector i {
    top: auto;
    right: auto;
    bottom: 1px;
    left: -4px;
    transform: rotate(135deg);
  }

  .feature-commerce-hub {
    align-self: center;
    width: 172px;
    min-height: 164px;
  }

  .feature-commerce-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .feature-commerce-actions > div {
    grid-template-columns: 30px minmax(0, 1fr) auto;
  }

  .feature-commerce-actions b {
    grid-column: auto;
  }

  .feature-commerce-outcomes {
    grid-template-columns: 1fr;
  }

  .feature-commerce-outcomes > span,
  .feature-commerce-outcomes > strong {
    min-height: 66px;
    border-right: 0;
    border-bottom: 1px solid #d4d8d1;
  }

  .feature-commerce-outcomes > strong {
    align-items: flex-start;
    border-bottom: 0;
  }

  .feature-product-fragment {
    flex: 0 0 330px;
    min-height: 330px;
    height: 330px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .feature-commerce-index > span i {
    animation: none;
  }
}

/* Graphic feature system. These are product concepts, not simulated screenshots. */
.product-bento-graphic {
  position: relative;
  isolation: isolate;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  margin: auto 18px 18px;
  border: 1px solid var(--voltr-line);
  border-radius: 20px;
  background: #f3f4f1;
  color: var(--voltr-ink);
}

.product-bento-graphic *,
.product-bento-graphic *::before,
.product-bento-graphic *::after { box-sizing: border-box; }

.product-bento-card { display: flex; flex-direction: column; }
.product-bento-card-head { position: relative; z-index: 2; }
.product-bento-card-head p { max-width: 560px; }

.product-graphic-connectors,
.product-community-lines {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.product-graphic-connectors path,
.product-community-lines path {
  fill: none;
  stroke: #a8aca5;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 2 8;
  vector-effect: non-scaling-stroke;
}

.product-graphic-outreach { min-height: 310px; }

.product-graphic-node,
.product-graphic-action,
.product-graphic-post,
.product-graphic-ad-stack > div,
.product-graphic-search,
.product-graphic-index,
.product-graphic-creator,
.product-community-hub,
.product-coaching-step,
.product-coaching-summary {
  border: 1px solid #dfe1dc;
  background: var(--voltr-white);
  box-shadow: 0 16px 36px rgba(16, 17, 15, 0.07);
}

.product-graphic-signal {
  position: absolute;
  z-index: 2;
  top: 72px;
  left: 4.5%;
  width: 29%;
  min-width: 190px;
  padding: 18px;
  border-radius: 14px;
}

.product-graphic-kicker,
.product-graphic-index-label,
.product-graphic-attribution small,
.product-coaching-summary small {
  font-family: var(--font-mono, monospace);
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #7a7e77;
}

.product-graphic-title-row {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 12px 0 14px;
}

.product-graphic-title-row img { width: 23px; height: 23px; object-fit: contain; }
.product-graphic-title-row strong { font-size: 15px; line-height: 1.1; }
.product-graphic-signal > b,
.product-graphic-signal > span:last-child { display: block; }
.product-graphic-signal > b { margin-bottom: 4px; font-size: 12px; }
.product-graphic-signal > span:last-child { color: var(--voltr-muted); font-size: 11px; }

.product-graphic-hub {
  position: absolute;
  z-index: 3;
  top: 91px;
  left: 43.5%;
  display: grid;
  place-items: center;
  width: 76px;
  aspect-ratio: 1;
  border: 7px solid rgba(84, 215, 77, 0.16);
  border-radius: 20px;
  background: var(--voltr-white);
  box-shadow: 0 16px 40px rgba(16, 17, 15, 0.12);
}

.product-graphic-hub img { width: 38px; height: 38px; object-fit: contain; }
.product-graphic-hub span {
  position: absolute;
  top: calc(100% + 8px);
  font-family: var(--font-mono, monospace);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.13em;
}

.product-graphic-action-stack {
  position: absolute;
  z-index: 2;
  top: 30px;
  right: 4.5%;
  display: grid;
  gap: 10px;
  width: 35%;
  min-width: 232px;
}

.product-graphic-action {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 68px;
  padding: 11px 12px;
  border-radius: 13px;
}

.product-graphic-icon {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: rgba(84, 215, 77, 0.13);
  color: var(--volt-on, #111111);
}

.product-graphic-icon svg { width: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.product-graphic-action > span:nth-child(2) { min-width: 0; }
.product-graphic-action strong,
.product-graphic-action small { display: block; }
.product-graphic-action strong { overflow: hidden; font-size: 12px; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.product-graphic-action small { margin-top: 3px; color: var(--voltr-muted); font-size: 9px; }
.product-graphic-action > b {
  padding: 5px 6px 4px;
  border-radius: 5px;
  background: rgba(84, 215, 77, 0.14);
  color: var(--volt-on, #111111);
  font-family: var(--font-mono, monospace);
  font-size: 8px;
  letter-spacing: 0.06em;
}

.product-graphic-discover {
  display: flex;
  min-height: 310px;
  padding: 20px;
  flex-direction: column;
  gap: 13px;
}

.product-graphic-search {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 14px;
  border-radius: 13px;
  color: #565a54;
  font-size: 11px;
  white-space: nowrap;
}

.product-graphic-search svg { width: 17px; fill: none; stroke: var(--volt-on, #111111); stroke-width: 1.8; }
.product-graphic-platforms { display: flex; gap: 8px; }
.product-graphic-platforms span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 30px;
  border: 1px solid #dfe1dc;
  border-radius: 9px;
  background: var(--voltr-white);
}
.product-graphic-platforms img { width: 17px; height: 17px; object-fit: contain; }

.product-graphic-index {
  position: absolute;
  top: 78px;
  right: 20px;
  width: calc(100% - 142px);
  min-width: 230px;
  padding: 13px 15px 12px;
  border-radius: 13px;
}

.product-graphic-index-label { display: flex; align-items: center; gap: 7px; color: #3d413c; }
.product-graphic-index-label i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--voltr-green);
  box-shadow: 0 0 0 5px rgba(84, 215, 77, 0.12);
  animation: creator-index-pulse 2.4s ease-in-out infinite;
}
.product-graphic-index strong { display: block; margin-top: 8px; font-size: clamp(31px, 3vw, 46px); line-height: 0.94; letter-spacing: -0.055em; }
.product-graphic-index small { display: block; margin-top: 7px; color: var(--voltr-muted); font-size: 9px; }

.product-graphic-creator-list { display: grid; gap: 7px; margin-top: auto; }
.product-graphic-creator {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-height: 50px;
  padding: 7px 9px;
  border-radius: 11px;
  box-shadow: none;
}
.product-graphic-avatar {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: #b6e5b3;
  color: var(--volt-on, #111111);
}
.product-graphic-avatar-alt { background: #f2d39d; color: #72511e; }
.product-graphic-avatar svg { width: 24px; fill: currentColor; stroke: currentColor; stroke-width: 1.3; }
.product-graphic-creator strong,
.product-graphic-creator small { display: block; }
.product-graphic-creator strong { font-size: 11px; }
.product-graphic-creator small { margin-top: 2px; color: var(--voltr-muted); font-size: 8px; }
.product-graphic-creator > b { color: var(--volt-on, #111111); font-family: var(--font-mono, monospace); font-size: 9px; }

.product-graphic-proof-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  overflow: hidden;
  border: 1px solid #dfe1dc;
  border-radius: 10px;
  background: #dfe1dc;
}
.product-graphic-proof-row span { padding: 8px; background: var(--voltr-white); }
.product-graphic-proof-row small,
.product-graphic-proof-row strong { display: block; }
.product-graphic-proof-row small { color: var(--voltr-muted); font-size: 7px; text-transform: uppercase; letter-spacing: 0.06em; }
.product-graphic-proof-row strong { margin-top: 2px; font-size: 9px; }

.product-graphic-amplify { min-height: 260px; }
.product-graphic-post {
  position: absolute;
  z-index: 2;
  top: 35px;
  left: 4%;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  width: 31%;
  min-width: 184px;
  padding: 15px;
  border-radius: 14px;
}
.product-graphic-video-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 52px;
  border-radius: 10px;
  background: #1b1d1a;
  color: var(--voltr-green);
}
.product-graphic-video-icon svg { width: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.product-graphic-post div span,
.product-graphic-post div strong { display: block; }
.product-graphic-post div span { color: var(--voltr-muted); font-size: 9px; }
.product-graphic-post div strong { margin-top: 4px; font-size: 12px; }
.product-graphic-post > b { grid-column: 1 / -1; color: var(--volt-on, #111111); font-family: var(--font-mono, monospace); font-size: 9px; }
.product-graphic-hub-small { top: 68px; left: 44.5%; width: 64px; border-radius: 17px; }
.product-graphic-hub-small img { width: 31px; height: 31px; }
.product-graphic-ad-stack {
  position: absolute;
  z-index: 2;
  top: 28px;
  right: 4%;
  display: grid;
  gap: 9px;
  width: 32%;
  min-width: 190px;
}
.product-graphic-ad-stack > div {
  display: grid;
  grid-template-columns: 27px 1fr auto;
  align-items: center;
  gap: 9px;
  min-height: 55px;
  padding: 10px 11px;
  border-radius: 12px;
}
.product-graphic-ad-stack img { width: 25px; height: 25px; object-fit: contain; }
.product-graphic-ad-stack strong { font-size: 11px; }
.product-graphic-ad-stack b { color: var(--volt-on, #111111); font-family: var(--font-mono, monospace); font-size: 8px; }
.product-graphic-attribution {
  position: absolute;
  z-index: 3;
  right: 4%;
  bottom: 22px;
  left: 4%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 64px;
  padding: 12px 15px;
  border: 1px solid #dfe1dc;
  border-radius: 13px;
  background: var(--voltr-white);
  box-shadow: 0 16px 36px rgba(16, 17, 15, 0.07);
}
.product-graphic-attribution span strong { display: block; margin-top: 5px; font-size: 11px; }
.product-graphic-attribution > b { color: var(--volt-on, #111111); font-size: 18px; white-space: nowrap; }
.product-graphic-attribution > b small { display: block; margin-top: 3px; color: var(--voltr-muted); font-size: 7px; text-align: right; }

.product-graphic-community,
.product-graphic-coaching { min-height: 260px; }
.product-community-lines { z-index: 1; }
.product-community-hub {
  position: absolute;
  z-index: 3;
  top: 66px;
  left: 50%;
  display: grid;
  place-items: center;
  width: 92px;
  height: 92px;
  padding: 12px;
  border: 7px solid rgba(84, 215, 77, 0.15);
  border-radius: 24px;
  transform: translateX(-50%);
  text-align: center;
}
.product-community-hub img { width: 30px; height: 30px; object-fit: contain; }
.product-community-hub span { font-size: 10px; font-weight: 700; line-height: 1.1; }
.product-community-member {
  position: absolute;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 41px;
  height: 41px;
  border: 4px solid var(--voltr-white);
  border-radius: 13px;
  background: #b6e5b3;
  color: var(--volt-on, #111111);
  box-shadow: 0 10px 24px rgba(16, 17, 15, 0.12);
}
.product-community-member svg { width: 28px; fill: currentColor; stroke: currentColor; stroke-width: 1.2; }
.product-community-member.member-one { top: 26px; left: 17px; }
.product-community-member.member-two { top: 26px; right: 17px; background: #f1d296; color: #72511e; }
.product-community-member.member-three { bottom: 46px; left: 13px; background: #c3cef4; color: #364677; }
.product-community-member.member-four { right: 13px; bottom: 46px; background: #efb4c6; color: #713247; }
.product-community-stats {
  position: absolute;
  right: 18px;
  bottom: 14px;
  left: 18px;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  overflow: hidden;
  border: 1px solid #dfe1dc;
  border-radius: 10px;
  background: #dfe1dc;
}
.product-community-stats span { padding: 8px; background: var(--voltr-white); text-align: center; }
.product-community-stats strong,
.product-community-stats small { display: block; }
.product-community-stats strong { font-size: 15px; }
.product-community-stats small { margin-top: 1px; color: var(--voltr-muted); font-size: 8px; }

.product-graphic-coaching { padding: 17px; }
.product-coaching-progress { display: grid; gap: 8px; }
.product-coaching-step {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  min-height: 52px;
  padding: 8px 10px;
  border-radius: 11px;
  box-shadow: none;
}
.product-coaching-step > span {
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid #d2d5cf;
  border-radius: 7px;
  color: #787c75;
  font-family: var(--font-mono, monospace);
  font-size: 8px;
}
.product-coaching-step strong { font-size: 10px; }
.product-coaching-step small { margin-top: 2px; color: var(--voltr-muted); font-size: 8px; }
.product-coaching-step.is-complete > span { border-color: var(--voltr-green); background: var(--voltr-green); color: var(--voltr-ink); }
.product-coaching-step.is-active { border-color: rgba(84, 215, 77, 0.75); }
.product-coaching-step.is-active > span { border-color: var(--voltr-green); color: var(--volt-on, #111111); }
.product-coaching-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 11px;
  padding: 10px 11px;
  border-radius: 11px;
  box-shadow: none;
}
.product-coaching-summary strong { display: block; margin-top: 4px; font-size: 10px; }
.product-coaching-summary > b { color: var(--volt-on, #111111); font-size: 17px; }
.product-coaching-bar { overflow: hidden; height: 4px; margin: 10px 4px 0; border-radius: 0; background: #d8dbd5; }
.product-coaching-bar i { display: block; width: 50%; height: 100%; background: var(--voltr-green); }

@keyframes creator-index-pulse {
  0%, 100% { opacity: 0.58; transform: scale(0.86); }
  50% { opacity: 1; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .product-graphic-index-label i { animation: none; }
}

@media (max-width: 1080px) {
  .product-graphic-signal { left: 3.5%; width: 30%; min-width: 174px; }
  .product-graphic-action-stack { right: 3.5%; width: 37%; min-width: 208px; }
  .product-graphic-hub { left: 43%; }
  .product-graphic-index strong { font-size: 34px; }
}

@media (max-width: 820px) {
  .product-bento-outreach,
  .product-bento-discovery,
  .product-bento-amplify { grid-column: span 12; }
  .product-bento-community,
  .product-bento-coaching { grid-column: span 6; }
  .product-graphic-index strong { font-size: 42px; }
}

@media (max-width: 720px) {
  .product-bento-graphic { margin: auto 12px 12px; border-radius: 17px; }
  .product-graphic-connectors { display: none; }
  .product-graphic-outreach { min-height: 500px; }
  .product-graphic-signal { top: 20px; right: 18px; left: 18px; width: auto; min-width: 0; }
  .product-graphic-hub { top: 175px; left: 50%; transform: translateX(-50%); }
  .product-graphic-action-stack { top: 272px; right: 18px; left: 18px; width: auto; min-width: 0; }
  .product-graphic-discover { min-height: 360px; }
  .product-graphic-index { right: 20px; width: calc(100% - 142px); min-width: 0; }
  .product-graphic-amplify { min-height: 430px; }
  .product-graphic-post { top: 20px; right: 18px; left: 18px; width: auto; min-width: 0; }
  .product-graphic-hub-small { top: 151px; left: 50%; transform: translateX(-50%); }
  .product-graphic-ad-stack { top: 235px; right: 18px; left: 18px; width: auto; min-width: 0; }
  .product-graphic-attribution { right: 18px; bottom: 18px; left: 18px; }
}

@media (max-width: 520px) {
  .product-bento-community,
  .product-bento-coaching { grid-column: auto; }
  .product-graphic-discover { padding: 16px; min-height: 388px; }
  .product-graphic-search { font-size: 10px; }
  .product-graphic-index { top: 72px; right: 16px; width: calc(100% - 126px); }
  .product-graphic-index strong { font-size: 30px; }
  .product-graphic-index small { font-size: 8px; }
  .product-graphic-community,
  .product-graphic-coaching { min-height: 270px; }
  .product-graphic-attribution { align-items: flex-start; flex-direction: column; gap: 8px; }
  .product-graphic-attribution > b small { text-align: left; }
}

@media (max-width: 520px) {
  .product-bento-head h2 { font-size: 41px; }
  .product-bento-head p { font-size: 13px; }
  .product-bento-outreach .product-bento-ui-dashboard img,
  .product-bento-amplify .product-bento-ui-dashboard img { object-position: 20% top; }

  .field-proof-head h2 { font-size: 43px; }
  .field-proof-head > p { font-size: 13px; }
  .proof-marquee-row::before,
  .proof-marquee-row::after { width: 46px; }

  .pricing-choice-features-config li.is-editable:not(.pricing-team-row) {
    min-height: 88px;
    grid-template-columns: 16px minmax(0, 1fr);
    grid-template-rows: auto 22px 20px;
    row-gap: 5px;
  }
  .pricing-choice-features-config li.is-editable:not(.pricing-team-row) > .pricing-inline-slider output {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
  }
  .pricing-choice-features-config li.is-editable:not(.pricing-team-row) > .pricing-inline-slider .pricing-slider-track {
    grid-column: 2;
    grid-row: 3;
  }
}

/* Unified landing section header system. */
.section-intro .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #70756d;
  font-family: var(--mono, var(--font-mono, monospace));
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.section-intro h2.section-intro-title,
.section-intro h3.section-intro-title {
  margin-top: 18px;
  color: var(--voltr-ink);
  font-family: var(--font);
  font-size: clamp(50px, 5.2vw, 72px);
  font-weight: 650;
  line-height: .94;
  letter-spacing: -.067em;
  text-transform: none;
}

.section-intro .section-intro-title .section-intro-accent {
  color: var(--voltr-green);
  font-family: var(--ui);
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.01em;
  text-transform: none;
  white-space: normal;
}

.movement-manifesto-head.section-intro { row-gap: 0; }
.movement-manifesto-head.section-intro .movement-anchor { margin-top: 38px; }
.community-highlights-head.section-intro > div:first-child { gap: 0; }
.conviction-cta .final-cta-inner.section-intro { row-gap: 0; }

@media (max-width: 680px) {
  .section-intro h2.section-intro-title,
  .section-intro h3.section-intro-title {
    font-size: clamp(42px, 10vw, 50px);
  }
}
/* End unified landing section header system. */