.landing-page-v2 {
  --v2-line: #dfe7e3;
  --v2-soft: #f4f7f5;
  --v2-lime: #baf279;
}
.landing-page-v2 .landing-frame { background: #fbfcfb; }
.v2-main { overflow: hidden; }
.v2-hero {
  min-height: 710px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, .92fr);
  gap: 58px;
  align-items: center;
  padding-top: 64px;
  padding-bottom: 76px;
  background:
    radial-gradient(circle at 92% 8%, rgba(186,242,121,.28), transparent 27%),
    linear-gradient(180deg, #fbfcfb 0%, #f6faf7 100%);
}
.v2-hero-copy h1 {
  max-width: 630px;
  margin: 0;
  font: 700 clamp(46px, 5.6vw, 70px)/.98 var(--ss-font-display);
  letter-spacing: -.055em;
}
.v2-hero-description {
  max-width: 650px;
  margin: 26px 0 0;
  color: var(--ss-muted);
  font-size: 18px;
  line-height: 1.62;
}
.v2-hero .audience-doors { max-width: 650px; }
.v2-hero .hero-join { max-width: 520px; }
.v2-product-preview { min-width: 0; }
.v2-preview-window {
  overflow: hidden;
  border: 1px solid rgba(23,34,58,.1);
  border-radius: 24px;
  background: var(--ss-white);
  box-shadow: 0 28px 70px rgba(23,34,58,.16);
  transform: rotate(1.25deg);
}
.v2-preview-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 14px 17px;
  background: var(--ss-navy);
}
.v2-preview-bar > span { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.34); }
.v2-preview-bar > span:first-child { background: #5fe0a0; }
.v2-preview-bar small { margin-left: auto; color: rgba(255,255,255,.58); font: 600 10px var(--ss-font-display); letter-spacing: .12em; text-transform: uppercase; }
.v2-preview-content { padding: 30px; }
.v2-preview-heading { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; }
.v2-available { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 14px; color: var(--ss-green-dark); font: 700 10px var(--ss-font-display); letter-spacing: .1em; text-transform: uppercase; }
.v2-available i { width: 7px; height: 7px; border-radius: 50%; background: var(--ss-green); box-shadow: 0 0 0 5px rgba(18,164,99,.1); }
.v2-preview-heading h2 { margin: 0; font: 700 25px/1.12 var(--ss-font-display); letter-spacing: -.035em; }
.v2-preview-heading p { margin: 6px 0 0; color: var(--ss-muted); font-size: 13px; }
.v2-preview-avatar { width: 46px; height: 46px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 15px; background: var(--ss-mint); color: var(--ss-green-dark); font: 700 14px var(--ss-font-display); }
.v2-preview-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 27px 0; }
.v2-preview-metrics article { padding: 16px 14px; border-radius: 14px; background: var(--v2-soft); }
.v2-preview-metrics span, .v2-preview-metrics strong { display: block; }
.v2-preview-metrics span { color: var(--ss-muted); font-size: 10px; }
.v2-preview-metrics strong { margin-top: 5px; font: 700 25px var(--ss-font-display); letter-spacing: -.04em; }
.v2-preview-list { padding: 18px; border: 1px solid var(--v2-line); border-radius: 16px; }
.v2-preview-list > p { margin: 0 0 8px; color: var(--ss-muted); font: 700 10px var(--ss-font-display); letter-spacing: .1em; text-transform: uppercase; }
.v2-preview-list > div { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; padding: 11px 0; border-top: 1px solid #edf1ef; }
.v2-preview-list > div:nth-child(2) { border-top: 0; }
.v2-list-icon { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; background: var(--ss-navy); color: white; font: 700 9px var(--ss-font-display); }
.v2-preview-list strong { font: 600 12px var(--ss-font-display); }
.v2-preview-list em { color: var(--ss-green-dark); font: 700 9px var(--ss-font-display); font-style: normal; text-transform: uppercase; }
.v2-preview-caption { max-width: 400px; margin: 18px auto 0; color: var(--ss-muted); font-size: 12px; line-height: 1.5; text-align: center; }

.v2-proof-band { padding-top: 22px; padding-bottom: 22px; display: grid; grid-template-columns: auto 1fr; gap: 34px; align-items: center; background: var(--ss-navy); color: white; }
.v2-proof-band > p { margin: 0; color: #5fe0a0; font: 700 10px var(--ss-font-display); letter-spacing: .12em; text-transform: uppercase; }
.v2-proof-band > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.v2-proof-band strong { padding-left: 20px; border-left: 1px solid rgba(255,255,255,.18); font: 600 14px var(--ss-font-display); }

.v2-capabilities { padding-top: 86px; padding-bottom: 90px; }
.v2-section-heading { max-width: 850px; margin-bottom: 40px; }
.v2-section-heading h2 { font-size: clamp(35px, 4.5vw, 54px); }
.v2-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.v2-feature-card { min-height: 330px; display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--v2-line); border-radius: 22px; background: var(--ss-white); }
.v2-feature-card > span { width: 38px; height: 38px; display: grid; place-items: center; margin-bottom: auto; border-radius: 12px; background: var(--ss-mint-soft); color: var(--ss-green-dark); font: 700 11px var(--ss-font-display); }
.v2-feature-card .eyebrow { margin: 50px 0 10px; font-size: 10px; }
.v2-feature-card h3 { margin: 0; font: 700 24px/1.12 var(--ss-font-display); letter-spacing: -.035em; }
.v2-feature-card > p:last-child { margin: 14px 0 0; color: var(--ss-muted); font-size: 14px; line-height: 1.6; }
.v2-feature-card-accent { background: var(--ss-mint-soft); border-color: transparent; }
.v2-feature-card-accent > span { background: var(--ss-green); color: white; }

.v2-video-section { display: grid; grid-template-columns: 1.05fr .95fr; gap: 64px; align-items: center; padding-top: 80px; padding-bottom: 90px; background: var(--ss-navy); color: white; }
.v2-video-visual { position: relative; min-height: 480px; overflow: hidden; border-radius: 24px; background: #0c172c; }
.v2-video-visual > img { width: 100%; height: 480px; display: block; object-fit: cover; opacity: .74; }
.v2-video-stack { position: absolute; left: 24px; right: 24px; bottom: 24px; display: grid; gap: 10px; }
.v2-video-stack article { padding: 16px 18px; display: grid; grid-template-columns: auto 1fr; column-gap: 12px; align-items: center; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: rgba(13,25,46,.82); backdrop-filter: blur(10px); }
.v2-video-stack span { grid-row: 1 / 3; padding: 6px 8px; border-radius: 999px; background: var(--ss-green); color: white; font: 700 9px var(--ss-font-display); text-transform: uppercase; }
.v2-video-stack strong { font: 600 13px var(--ss-font-display); }
.v2-video-stack small { margin-top: 3px; color: #b4bfce; }
.v2-video-copy .eyebrow { color: #5fe0a0; }
.v2-video-copy h2 { margin: 0; font: 700 clamp(34px, 4.4vw, 52px)/1.06 var(--ss-font-display); letter-spacing: -.045em; }
.v2-video-copy > p:not(.eyebrow) { color: #aeb9c8; font-size: 16px; line-height: 1.7; }
.v2-video-copy ul { margin: 26px 0 0; padding: 0; display: grid; gap: 13px; list-style: none; }
.v2-video-copy li { position: relative; padding-left: 24px; color: #d8dfe8; font-size: 14px; line-height: 1.5; }
.v2-video-copy li::before { content: "✓"; position: absolute; left: 0; color: #5fe0a0; font-weight: 700; }

.v2-focus-section { display: grid; grid-template-columns: 1fr .9fr; gap: 70px; align-items: center; padding-top: 100px; padding-bottom: 100px; background: var(--ss-mint-soft); }
.v2-focus-copy h2 { max-width: 650px; margin: 0; font: 700 clamp(36px, 4.7vw, 56px)/1.03 var(--ss-font-display); letter-spacing: -.05em; }
.v2-focus-copy > p:not(.eyebrow) { max-width: 650px; color: var(--ss-muted); font-size: 17px; line-height: 1.65; }
.v2-focus-points { display: grid; gap: 10px; margin-top: 30px; }
.v2-focus-points > div { display: grid; grid-template-columns: 155px 1fr; gap: 18px; padding: 17px 0; border-top: 1px solid #cae4d6; }
.v2-focus-points strong { font: 600 14px var(--ss-font-display); }
.v2-focus-points span { color: var(--ss-muted); font-size: 13px; line-height: 1.5; }
.v2-focus-demo-cta { gap: 9px; margin-top: 24px; }
body[data-audience="coaches"] [data-parent-only] { display: none; }
.v2-report-card { overflow: hidden; border-radius: 24px; background: white; box-shadow: 0 24px 65px rgba(23,34,58,.12); }
.v2-report-head { padding: 24px 26px; background: var(--ss-navy); color: white; }
.v2-report-head span, .v2-report-head strong { display: block; }
.v2-report-head span { color: #5fe0a0; font: 700 10px var(--ss-font-display); letter-spacing: .1em; text-transform: uppercase; }
.v2-report-head strong { margin-top: 7px; font: 700 22px var(--ss-font-display); }
.v2-report-score { display: grid; grid-template-columns: repeat(3, 1fr); padding: 24px 26px 18px; }
.v2-report-score > div { padding-left: 16px; border-left: 1px solid var(--v2-line); }
.v2-report-score > div:first-child { padding-left: 0; border-left: 0; }
.v2-report-score small, .v2-report-score b { display: block; }
.v2-report-score small { color: var(--ss-muted); font: 700 9px var(--ss-font-display); }
.v2-report-score b { margin-top: 5px; font: 700 23px var(--ss-font-display); }
.v2-report-bars { padding: 10px 26px 22px; }
.v2-report-bars p { margin: 14px 0 0; }
.v2-report-bars span { display: block; margin-bottom: 6px; color: var(--ss-muted); font-size: 11px; }
.v2-report-bars i { width: 100%; height: 8px; display: block; overflow: hidden; border-radius: 99px; background: #edf2ef; }
.v2-report-bars i::after { content: ""; width: var(--bar); height: 100%; display: block; border-radius: inherit; background: var(--ss-green); }
.v2-report-private { display: block; padding: 14px 26px; border-top: 1px solid var(--v2-line); color: var(--ss-green-dark); font: 700 10px var(--ss-font-display); letter-spacing: .06em; text-transform: uppercase; }

.v2-how { padding-top: 94px; padding-bottom: 90px; }
.v2-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.v2-steps article { min-height: 265px; padding: 26px 22px; border-radius: 20px; background: var(--v2-soft); }
.v2-steps article > span { display: inline-flex; margin-bottom: 58px; color: var(--ss-green-dark); font: 700 11px var(--ss-font-display); }
.v2-steps h3 { margin: 0; font: 700 18px var(--ss-font-display); }
.v2-steps p { margin: 11px 0 0; color: var(--ss-muted); font-size: 13px; line-height: 1.55; }
.v2-platform-note { margin: 18px 0 0; padding: 18px 22px; border: 1px solid var(--v2-line); border-radius: 14px; color: var(--ss-muted); font-size: 13px; line-height: 1.55; }
.v2-platform-note strong { color: var(--ss-ink); }

.v2-beta { display: grid; grid-template-columns: 1.35fr .65fr; gap: 0; padding: 0 26px 26px; }
.v2-beta-main { padding: 50px 46px; border-radius: 24px 0 0 24px; background: var(--ss-green-dark); color: white; }
.v2-beta-main h2 { max-width: 680px; margin: 0; font: 700 clamp(34px, 4.3vw, 50px)/1.05 var(--ss-font-display); letter-spacing: -.04em; }
.v2-beta-main > p:not(.eyebrow) { max-width: 650px; color: #bdebd5; line-height: 1.65; }
.v2-beta-main ul, .v2-roadmap ul { margin: 24px 0 30px; padding: 0; display: grid; gap: 10px; list-style: none; }
.v2-beta-main li::before { content: "✓"; margin-right: 10px; color: var(--v2-lime); font-weight: 700; }
.v2-roadmap { padding: 50px 34px; border-radius: 0 24px 24px 0; background: var(--ss-navy); color: white; }
.v2-roadmap h3 { margin: 0; font: 700 24px/1.15 var(--ss-font-display); }
.v2-roadmap li { padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.12); color: #d9e0e8; }
.v2-roadmap > p:last-child { color: #95a2b3; font-size: 11px; line-height: 1.5; }
.v2-faq { padding-top: 92px; padding-bottom: 92px; }
.v2-faq .faq-list { grid-template-columns: 1fr 1fr; gap: 14px; }
.v2-faq .faq-list article { min-height: 190px; display: block; padding: 26px; }
.v2-faq .faq-list p { margin-top: 14px; }
.v2-privacy { padding-bottom: 26px; }
.v2-final { padding-top: 0; }

@media (max-width: 980px) {
  .v2-hero, .v2-video-section, .v2-focus-section { grid-template-columns: 1fr; }
  .v2-hero { min-height: 0; }
  .v2-product-preview { width: min(610px, 100%); margin: 0 auto; }
  .v2-card-grid, .v2-steps { grid-template-columns: repeat(2, 1fr); }
  .v2-beta { grid-template-columns: 1fr; }
  .v2-beta-main { border-radius: 24px 24px 0 0; }
  .v2-roadmap { border-radius: 0 0 24px 24px; }
}

@media (max-width: 680px) {
  .v2-hero { padding-top: 38px; padding-bottom: 54px; gap: 44px; }
  .v2-hero-copy h1 { font-size: clamp(42px, 12vw, 60px); }
  .v2-hero-description { font-size: 16px; }
  .v2-preview-window { transform: none; }
  .v2-preview-content { padding: 22px; }
  .v2-preview-metrics { grid-template-columns: 1fr 1fr 1fr; }
  .v2-preview-metrics article { padding: 13px 10px; }
  .v2-preview-metrics strong { font-size: 19px; }
  .v2-preview-list strong { font-size: 11px; }
  .v2-proof-band { grid-template-columns: 1fr; gap: 15px; padding-top: 24px; padding-bottom: 24px; }
  .v2-proof-band > div { grid-template-columns: 1fr; gap: 10px; }
  .v2-proof-band strong { padding: 8px 0 8px 14px; }
  .v2-capabilities, .v2-how, .v2-faq { padding-top: 65px; padding-bottom: 65px; }
  .v2-card-grid, .v2-steps, .v2-faq .faq-list { grid-template-columns: 1fr; }
  .v2-feature-card { min-height: 290px; }
  .v2-video-section, .v2-focus-section { gap: 42px; padding-top: 64px; padding-bottom: 64px; }
  .v2-video-visual, .v2-video-visual > img { min-height: 420px; height: 420px; }
  .v2-video-stack { left: 14px; right: 14px; bottom: 14px; }
  .v2-focus-points > div { grid-template-columns: 1fr; gap: 6px; }
  .v2-report-score { padding-inline: 18px; }
  .v2-report-score b { font-size: 19px; }
  .v2-steps article { min-height: 230px; }
  .v2-beta { padding: 0 14px 14px; }
  .v2-beta-main, .v2-roadmap { padding: 36px 26px; }
  .v2-faq .faq-list article { min-height: 0; }
}
