:root { --snapshot-green: #168d81; --snapshot-lime: #daff45; --snapshot-blue: #376fa9; }
[hidden] { display: none !important; }
.snapshot-main { min-height: calc(100svh - 68px); background: #f4f5f2; }
.snapshot-intro { min-height: calc(100svh - 68px); display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 64px; width: min(1240px,calc(100% - 48px)); margin: 0 auto; padding: 44px 0; }
.snapshot-intro > div { max-width: 720px; }
.snapshot-intro h1 { margin: 0; max-width: 780px; font-size: clamp(3rem,5.2vw,5.35rem); line-height: .98; }
.snapshot-intro > div > p:not(.eyebrow) { max-width: 650px; margin: 20px 0 0; color: #5e6873; font-size: 1.04rem; line-height: 1.7; }
.snapshot-intro .sales-button { margin-top: 22px; }
.snapshot-intro figure { position: relative; aspect-ratio: 4/3; margin: 0; overflow: hidden; border-radius: 5px; background: #dfe7e5; box-shadow: 0 30px 70px rgba(17,24,32,.16); }
.snapshot-intro img { width: 100%; height: 100%; object-fit: cover; object-position: top left; }
.snapshot-facts { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 18px; color: #33434c; font-size: .82rem; font-weight: 760; }
.snapshot-facts span::before { content: "✓"; margin-right: 7px; color: var(--snapshot-green); }

.snapshot-assessment { min-height: calc(100svh - 68px); width: min(920px,calc(100% - 40px)); margin: 0 auto; padding: 72px 0 100px; }
.snapshot-progress { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 18px; color: #5e6873; font-size: .82rem; font-weight: 800; }
.snapshot-progress > div { height: 6px; overflow: hidden; background: #dce2df; }
.snapshot-progress > div span { display: block; width: 12.5%; height: 100%; background: var(--snapshot-green); transition: width 240ms ease; }
.snapshot-question { margin-top: 76px; }
.snapshot-question h2 { margin: 0; max-width: 900px; font-size: clamp(2.6rem,6vw,5.4rem); line-height: 1.02; }
.snapshot-question h2, .snapshot-result-head h2 { scroll-margin-top: 92px; }
.snapshot-scale-help { margin: 22px 0 0; color: #66737b; line-height: 1.65; }
.snapshot-score { display: flex; align-items: baseline; gap: 8px; margin-top: 48px; }
.snapshot-score output { font-size: clamp(4rem,10vw,7.5rem); font-weight: 850; line-height: .9; }
.snapshot-score span { color: #6b777f; font-weight: 760; }
.snapshot-question input[type="range"] { width: 100%; margin: 34px 0 0; accent-color: var(--snapshot-green); cursor: pointer; }
.snapshot-scale { display: flex; justify-content: space-between; margin-top: 10px; color: #7a858b; font-size: .78rem; font-weight: 700; }
.snapshot-actions { display: flex; justify-content: space-between; gap: 12px; margin-top: 52px; }
.sales-button.dark-text { color: #182128; border-color: #9ca6aa; }

.snapshot-result { width: min(1120px,calc(100% - 40px)); margin: 0 auto; padding: 90px 0 120px; }
.snapshot-result-head { display: grid; grid-template-columns: 1fr auto; gap: 60px; align-items: end; }
.snapshot-result-head h2 { margin: 0; max-width: 800px; font-size: clamp(2.7rem,5.5vw,5.4rem); line-height: 1.01; }
.snapshot-result-head > div > p:not(.eyebrow) { max-width: 760px; color: #5e6873; line-height: 1.75; }
.snapshot-total { min-width: 180px; padding-left: 24px; border-left: 3px solid var(--snapshot-lime); }
.snapshot-total strong { display: block; font-size: 4.8rem; line-height: .9; }
.snapshot-total span { display: block; margin-top: 10px; color: #647078; font-size: .8rem; font-weight: 750; }
.snapshot-visualization { display: grid; grid-template-columns: minmax(320px,.85fr) minmax(0,1.15fr); gap: 56px; align-items: center; margin-top: 70px; }
.snapshot-wheel-figure { width: min(100%,520px); margin: 0 auto; }
.snapshot-wheel-figure canvas { display: block; width: 100%; aspect-ratio: 1; }
.snapshot-wheel-figure figcaption { margin-top: 14px; color: #5e6873; font-size: .78rem; font-weight: 760; text-align: center; }
.snapshot-bars { display: grid; gap: 18px; }
.snapshot-bar { display: grid; grid-template-columns: 170px 1fr 36px; gap: 16px; align-items: center; }
.snapshot-bar strong { font-size: .9rem; }
.snapshot-bar-track { height: 12px; overflow: hidden; background: #dfe4e2; }
.snapshot-bar-track span { display: block; height: 100%; background: var(--snapshot-blue); }
.snapshot-bar.is-focus .snapshot-bar-track span { background: #b9683f; }
.snapshot-bar.is-strong .snapshot-bar-track span { background: var(--snapshot-green); }
.snapshot-bar > span { font-weight: 850; text-align: right; }
.snapshot-insight { margin-top: 70px; padding: 38px 0; border-top: 1px solid #cfd6d5; border-bottom: 1px solid #cfd6d5; }
.snapshot-insight h3 { margin: 0; font-size: clamp(2rem,4vw,3.8rem); }
.snapshot-insight > p:last-child { max-width: 760px; color: #5e6873; line-height: 1.7; }
.snapshot-result-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 34px; }
.snapshot-copy-status { min-height: 24px; color: var(--snapshot-green); font-weight: 760; }
.snapshot-lead { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: start; margin-top: 78px; padding: 52px; color: #fff; background: #173149; border-radius: 5px; }
.snapshot-lead h3 { margin: 0; font-size: clamp(1.8rem,3vw,3rem); line-height: 1.08; }
.snapshot-lead > div > p:last-child { color: rgba(255,255,255,.7); line-height: 1.65; }
.snapshot-lead .eyebrow { color: #b9d7f0; }
.snapshot-lead .lead-form { color: #111820; }
.snapshot-lead .lead-consent { color: rgba(255,255,255,.76); }

@media (max-width: 820px) {
  .snapshot-intro { grid-template-columns: 1fr; gap: 44px; padding: 64px 0 72px; }
  .snapshot-intro figure { max-height: 340px; }
  .snapshot-result-head, .snapshot-visualization, .snapshot-lead { grid-template-columns: 1fr; }
  .snapshot-visualization { gap: 42px; }
  .snapshot-total { padding: 18px 0 0; border-top: 3px solid var(--snapshot-lime); border-left: 0; }
}

@media (max-width: 560px) {
  .sales-nav nav a:not(.nav-cta) { display: none; }
  .snapshot-intro { width: calc(100% - 32px); min-height: auto; }
  .snapshot-intro h1 { font-size: 3rem; }
  .snapshot-intro figure { max-height: 220px; }
  .snapshot-assessment, .snapshot-result { width: calc(100% - 32px); padding-top: 58px; }
  .snapshot-question { margin-top: 54px; }
  .snapshot-question h2 { font-size: 2.45rem; }
  .snapshot-actions { align-items: stretch; flex-direction: column-reverse; }
  .snapshot-actions .sales-button { width: 100%; }
  .snapshot-bar { grid-template-columns: 112px 1fr 28px; gap: 10px; }
  .snapshot-bar strong { font-size: .76rem; }
  .snapshot-wheel-figure { width: min(100%,420px); }
  .snapshot-result-actions { align-items: stretch; flex-direction: column; }
  .snapshot-result-actions .sales-button { width: 100%; }
  .snapshot-lead { margin-top: 60px; padding: 30px 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .snapshot-progress > div span { transition: none; }
}