/* Shared product and audience prototype. Styles are scoped to the main element. */
.vd-prototype {
  --lp-dark: #111c1a;
  --lp-card: #1e2a27;
  --lp-light: #f3f5f0;
  --lp-accent: #a2df63;
  --lp-muted: #becac4;
  color: #3d4842;
}
.vd-prototype .lp-shell { width: min(1180px, calc(100% - 64px)); margin-inline: auto; }
.vd-prototype .lp-section { padding-block: 96px; }
.vd-prototype :is(h1, h2, h3) { letter-spacing: -.035em; hyphens: none; text-wrap: balance; }
.vd-prototype h2 { font-size: clamp(1.9rem, 3.1vw, 2.8rem); font-weight: 550; line-height: 1.17; }
.vd-prototype h3 { font-size: 1.4rem; font-weight: 550; line-height: 1.3; }
.vd-prototype p { line-height: 1.7; }
.vd-prototype .lp-eyebrow { margin-bottom: 18px; color: #476d2e; font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.vd-prototype .lp-centered { text-align: center; }
.vd-prototype .lp-heading { max-width: 720px; margin-bottom: 44px; }
.vd-prototype .lp-heading.lp-centered { margin-inline: auto; }
.vd-prototype .lp-heading > p:last-child { margin-bottom: 0; }
.vd-prototype .lp-actions { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; }
.vd-prototype .lp-start { display: grid; gap: 10px; text-align: center; }
.vd-prototype .lp-small-link { font-size: .72rem; text-decoration: underline; text-underline-offset: 3px; }
.vd-prototype .lp-link { color: #365e20; font-size: .875rem; font-weight: 650; text-decoration: underline; text-underline-offset: 5px; }
.vd-prototype a:focus-visible { outline: 3px solid #518529; outline-offset: 6px; }
.vd-prototype :is(.lp-hero, .lp-benefits, .lp-final) a:focus-visible { outline-color: var(--lp-accent); }

.vd-prototype .lp-hero { padding-bottom: 0; background: var(--lp-dark); color: var(--lp-muted); }
.vd-prototype .lp-hero-grid { display: grid; grid-template-columns: 1.12fr 1fr; column-gap: 64px; align-items: center; padding-block: 40px 76px; }
.vd-prototype .lp-hero-copy { grid-column: 2; grid-row: 1; }
.vd-prototype .lp-hero h1 { margin-bottom: 24px; color: #fff; font-size: clamp(2.5rem, 4.1vw, 3.9rem); font-weight: 520; line-height: 1.09; }
.vd-prototype .lp-hero h1 span { color: var(--lp-accent); }
.vd-prototype .lp-hero .lp-eyebrow { color: var(--lp-accent); }
.vd-prototype .lp-lead { max-width: 510px; margin-bottom: 28px; font-size: 1rem; }
.vd-prototype .lp-hero-product { grid-column: 1; grid-row: 1; min-width: 0; margin: 0; }
.vd-prototype .lp-hero-product img { width: 100%; border: 7px solid #2e3935; border-radius: 10px; box-shadow: 0 22px 55px #0005; }
.vd-prototype figcaption { margin-top: 16px; font-size: .78rem; line-height: 1.6; }
.vd-prototype .lp-hero-product figcaption { text-align: center; }
.vd-prototype .lp-hero-note { margin: 24px 0 0; color: #b0bfb7; font-size: .78rem; }
.vd-prototype .lp-hero-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; padding-block: 26px 30px; border-top: 1px solid #34423b; }
.vd-prototype .lp-hero-facts p { display: grid; gap: 4px; margin: 0; font-size: .8rem; }
.vd-prototype .lp-hero-facts strong { color: #eef3ed; font-size: .9rem; font-weight: 600; }

.vd-prototype .lp-trust { padding-block: 36px; background: #fff; }
.vd-prototype .lp-trust p { margin-bottom: 18px; text-align: center; font-size: .875rem; }
.vd-prototype .lp-trust strong { color: #25382b; }
.vd-prototype .lp-logos { display: grid; grid-template-columns: repeat(6, 1fr); gap: 36px; align-items: center; }
.vd-prototype .lp-logos img { width: 100%; height: 64px; object-fit: contain; }

.vd-prototype .lp-benefits { background: var(--lp-dark); color: var(--lp-muted); }
.vd-prototype .lp-benefits h2 { color: #fff; }
.vd-prototype .lp-benefits .lp-eyebrow { color: var(--lp-accent); }
.vd-prototype .lp-benefit-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 980px; margin-inline: auto; }
.vd-prototype .lp-benefit { padding: 36px 40px; border: 1px solid #33423b; border-radius: 14px; background: var(--lp-card); }
.vd-prototype .lp-card-label { margin-bottom: 16px; color: #476d2e; font-size: .75rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.vd-prototype .lp-benefit .lp-card-label { color: var(--lp-accent); }
.vd-prototype .lp-benefit h3 { margin-bottom: 18px; color: #f5f7f3; }
.vd-prototype .lp-benefit > p:last-child { margin: 0; font-size: .9rem; }

.vd-prototype .lp-workflow { background: var(--lp-light); }
.vd-prototype .lp-workflow-grid { display: grid; grid-template-columns: 1fr 1.13fr; align-items: center; gap: 64px; }
.vd-prototype .lp-workflow h2 span { color: #59734c; }
.vd-prototype .lp-workflow-product { margin: 0; min-width: 0; }
.vd-prototype .lp-workflow-product img { width: 100%; border-radius: 10px; box-shadow: 0 16px 45px #1a302126; }
.vd-prototype .lp-workflow-product figcaption { color: #5d6b61; }
.vd-prototype .lp-steps { display: grid; gap: 20px; margin: 28px 0; padding-left: 24px; }
.vd-prototype .lp-steps li { padding-left: 8px; font-size: .875rem; }
.vd-prototype .lp-steps li::marker { color: #476d2e; font-weight: 700; }
.vd-prototype .lp-steps strong, .vd-prototype .lp-steps span { display: block; }
.vd-prototype .lp-steps strong { margin-bottom: 3px; color: #1d3023; }
.vd-prototype .lp-demo-note { margin: 14px 0 0; font-size: .75rem; }

.vd-prototype .lp-audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.vd-prototype .lp-audience { display: flex; flex-direction: column; align-items: flex-start; padding: 28px; border: 1px solid #dde4d9; border-radius: 14px; background: #fff; transition: border-color 160ms ease, box-shadow 160ms ease; }
.vd-prototype .lp-audience:hover { border-color: #769b5e; box-shadow: 0 10px 30px #1a302114; }
.vd-prototype .lp-audience img { width: 100px; height: 100px; object-fit: contain; margin-bottom: 24px; }
.vd-prototype .lp-audience h3 { font-size: 1.2rem; }
.vd-prototype .lp-audience p { font-size: .9rem; }
.vd-prototype .lp-audience .lp-link { margin-top: auto; padding-top: 12px; }

.vd-prototype .lp-testimonial { background: #edf3e8; }
.vd-prototype .lp-quote-grid { display: grid; grid-template-columns: 1fr 1.4fr; align-items: start; gap: 100px; }
.vd-prototype .lp-quote { margin: 0; }
.vd-prototype .lp-quote blockquote { margin: 0 0 28px; color: #203527; font-family: "Lexend", sans-serif; font-size: clamp(1.25rem, 2.1vw, 1.8rem); font-weight: 400; line-height: 1.5; letter-spacing: -.025em; }
.vd-prototype .lp-quote figcaption { display: flex; gap: 16px; align-items: center; }
.vd-prototype .lp-quote img { flex: 0 0 56px; width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.vd-prototype .lp-quote strong, .vd-prototype .lp-quote span { display: block; }
.vd-prototype .lp-quote strong { margin-bottom: 3px; color: #203527; }

.vd-prototype .lp-entry-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.vd-prototype .lp-price-button { margin-top: 12px; border: 1px solid #25382b; border-radius: 14px; background: #25382b; color: #fff; }
.vd-prototype .lp-price-button:hover { background: #36523c; }
.vd-prototype .lp-guarantee { padding: 36px; border: 1px solid #d9e4d0; border-radius: 16px; background: var(--lp-light); }
.vd-prototype .lp-guarantee h3 { color: #27422b; font-size: 1.9rem; }
.vd-prototype .lp-guarantee p { font-size: .875rem; }
.vd-prototype .lp-guarantee .lp-terms { color: #59665b; font-size: .78rem; }

.vd-prototype .lp-faq { border-top: 1px solid #e4e9e1; }
.vd-prototype .lp-faq .lp-shell { max-width: 840px; }
.vd-prototype .lp-faq .section-heading { max-width: 100%; }
.vd-prototype .lp-faq .eyebrow { color: #476d2e; }
.vd-prototype .lp-faq details { border-color: #d9e2d5; background: #fff; box-shadow: none; }
.vd-prototype .lp-faq summary { color: #213726; font-weight: 600; }

.vd-prototype .lp-resources { background: var(--lp-light); }
.vd-prototype .lp-resource-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.vd-prototype .lp-resource-grid > a { display: flex; flex-direction: column; padding: 28px 0; border-top: 1px solid #bfcfb5; }
.vd-prototype .lp-resource-grid h3 { font-size: 1.25rem; }
.vd-prototype .lp-resource-grid p { font-size: .9rem; }
.vd-prototype .lp-resource-grid .lp-link { margin-top: auto; }
.vd-prototype .lp-resource-grid > a:hover .lp-link { color: #162c0d; }
.vd-prototype .lp-webinar-link { margin: 32px 0 0; font-size: .875rem; }

.vd-prototype .lp-final { background: var(--lp-dark); color: var(--lp-muted); }
.vd-prototype .lp-final h2 { color: #fff; font-size: clamp(2rem, 3.5vw, 3.2rem); }
.vd-prototype .lp-final .lp-eyebrow { color: var(--lp-accent); }
.vd-prototype .lp-final .lp-actions { justify-content: center; margin-top: 30px; }
.vd-prototype #kontakt, .vd-prototype #faq, .vd-prototype #zielgruppen { scroll-margin-top: 150px; }

@media (max-width: 1000px) {
  .vd-prototype .lp-hero-grid { column-gap: 36px; }
  .vd-prototype .lp-hero h1 { font-size: 2.8rem; }
  .vd-prototype .lp-hero .lp-actions { gap: 12px; }
  .vd-prototype .lp-hero .button { padding-inline: 18px; }
  .vd-prototype .lp-workflow-grid, .vd-prototype .lp-entry-grid, .vd-prototype .lp-quote-grid { gap: 40px; }
  .vd-prototype .lp-audience { padding: 24px; }
}
@media (max-width: 760px) {
  .vd-prototype .lp-shell { width: calc(100% - 40px); }
  .vd-prototype .lp-section { padding-block: 60px; }
  .vd-prototype .lp-hero-grid { grid-template-columns: 1fr; gap: 36px; padding-block: 28px 38px; }
  .vd-prototype .lp-hero-copy, .vd-prototype .lp-hero-product { grid-column: auto; grid-row: auto; }
  .vd-prototype .lp-hero h1 { font-size: clamp(2.3rem, 8vw, 3.6rem); }
  .vd-prototype .lp-hero-facts { gap: 20px; }
  .vd-prototype .lp-hero-facts strong { font-size: .8rem; }
  .vd-prototype .lp-hero-facts span { font-size: .72rem; }
  .vd-prototype .lp-logos { grid-template-columns: repeat(3, 1fr); gap: 12px 24px; }
  .vd-prototype .lp-logos img { height: 50px; }
  .vd-prototype .lp-benefit { padding: 28px; }
  .vd-prototype .lp-benefit-grid, .vd-prototype .lp-workflow-grid, .vd-prototype .lp-audience-grid, .vd-prototype .lp-entry-grid, .vd-prototype .lp-quote-grid, .vd-prototype .lp-resource-grid { grid-template-columns: 1fr; }
  .vd-prototype .lp-audience img { width: 80px; height: 80px; margin-bottom: 20px; }
  .vd-prototype .lp-heading { margin-bottom: 32px; }
  .vd-prototype .lp-quote-grid { gap: 32px; }
  .vd-prototype .lp-guarantee { padding: 28px; }
  .vd-prototype .lp-resource-grid { gap: 0; }
}
@media (max-width: 480px) {
  .vd-prototype .lp-actions { flex-direction: column; align-items: stretch; }
  .vd-prototype .lp-actions > .button { width: 100%; }
  .vd-prototype .lp-hero-facts { grid-template-columns: 1fr; gap: 16px; }
  .vd-prototype .lp-hero-facts p { gap: 1px; }
  .vd-prototype .lp-hero-facts strong { font-size: .875rem; }
  .vd-prototype .lp-hero-facts span { font-size: .78rem; }
  .vd-prototype .lp-benefit { padding: 24px; }
  .vd-prototype .lp-guarantee h3 { font-size: 1.6rem; }
  .vd-prototype .lp-workflow .button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .vd-prototype .lp-audience { transition: none; }
}

/* Kanzlei variant: the same visual system, with its own content hierarchy. */
.lp-kanzlei .lp-hero-copy { grid-column: 1; }
.lp-kanzlei .lp-hero-product { grid-column: 2; }
.lp-kanzlei .lp-hero h1 { font-size: clamp(2.4rem, 3.6vw, 3.25rem); }
.lp-kanzlei .lp-challenge .advisor-solution-card { padding: 36px; border: 1px solid #d9e4d0; border-radius: 14px; background: var(--lp-light); box-shadow: none; }
.lp-kanzlei .lp-challenge .advisor-solution-card > span { color: #476d2e; }
.lp-kanzlei .lp-challenge .advisor-solution-card h3 { color: #213726; }
.lp-kanzlei .lp-challenge .advisor-solution-card p { color: #3d4842; }
.lp-kanzlei .lp-kanzlei-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 64px; margin-bottom: 40px; }
.lp-kanzlei .lp-kanzlei-steps li { padding: 18px 12px; border-top: 1px solid #c7d3bd; }
.lp-kanzlei .lp-kanzlei-steps p { margin: 8px 0 0; }
.lp-kanzlei .advisor-inline-cta { border-color: #d1dfc5; background: #fff; color: #213726; box-shadow: none; }
.lp-kanzlei .advisor-inline-cta span { color: #59665b; }
.lp-kanzlei .lp-challenge, .lp-kanzlei .lp-pricing, .lp-kanzlei .lp-faq { background: #fff; }
.lp-kanzlei .advisor-section-heading { max-width: 760px; }
.lp-kanzlei .advisor-video-features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.lp-kanzlei .advisor-video-feature { display: flex; flex-direction: column; gap: 24px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.lp-kanzlei .advisor-video-frame { width: 100%; border-radius: 12px; overflow: hidden; }
.lp-kanzlei .advisor-video-feature:nth-child(even) .advisor-video-frame { order: 0; }
.lp-kanzlei .advisor-video-frame video { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: contain; background: #111c1a; }
.lp-kanzlei .lp-consulting { background: var(--lp-light); }
.lp-kanzlei .lp-model-grid { margin-top: 36px; }
.lp-kanzlei .lp-model-grid article { padding: 30px; border: 1px solid #d9e4d0; border-radius: 14px; background: #fff; }
.lp-kanzlei .lp-model-grid article > span { display: block; margin-bottom: 18px; color: #476d2e; font-size: .75rem; font-weight: 700; text-transform: uppercase; }
.lp-kanzlei .lp-model-grid h3 { font-size: 1.25rem; }
.lp-kanzlei .lp-model-grid p { margin-bottom: 0; font-size: .9rem; }
.lp-kanzlei .advisor-pricing-grid { gap: 24px; }
.lp-kanzlei .advisor-price-card { border: 1px solid #d9e4d0; border-radius: 14px; background: var(--lp-light); box-shadow: none; }
.lp-kanzlei .advisor-price-card.is-featured { border-color: #72974e; background: #edf3e8; }
.lp-kanzlei .advisor-price-card strong { color: #213726; }
.lp-kanzlei .lp-guarantee-section { background: var(--lp-light); }
.lp-kanzlei .guarantee-card { border: 1px solid #d9e4d0; background: #fff; color: #213726; box-shadow: none; }
.lp-kanzlei .guarantee-card strong { color: #213726; }
.lp-kanzlei .guarantee-card p { color: #59665b; }
.lp-kanzlei .advisor-testimonial-grid { max-width: none; gap: 32px; }
.lp-kanzlei .advisor-testimonial-grid figure { margin: 0; padding: 32px; border: 1px solid #d9e4d0; border-radius: 14px; background: #fff; box-shadow: none; }
.lp-kanzlei .advisor-testimonial-grid blockquote { color: #213726; font-size: 1.25rem; }
.lp-kanzlei .lead-funnel-card { border-color: #c7d3bd; background: #fff; box-shadow: none; }
.lp-kanzlei .lead-funnel-card.is-primary { background: #edf3e8; }
.lp-kanzlei .lp-reading { padding-block: 44px; border-top: 1px solid #e4e9e1; }
.lp-kanzlei .lp-sources { padding-top: 0; }
.lp-kanzlei #preise { scroll-margin-top: 180px; }
@media (max-width: 760px) {
  .lp-kanzlei .lp-hero-copy, .lp-kanzlei .lp-hero-product { grid-column: auto; }
  .lp-kanzlei .lp-hero h1 { font-size: clamp(2.15rem, 7.5vw, 3.1rem); }
  .lp-kanzlei .lp-kanzlei-steps, .lp-kanzlei .advisor-video-features { grid-template-columns: 1fr; }
  .lp-kanzlei .lp-kanzlei-steps { gap: 10px; }
  .lp-kanzlei .lp-challenge .advisor-solution-card { padding: 28px; }
  .lp-kanzlei .lp-sources { padding-top: 0; }
}

/* Original product information inside the accepted prototype layout. */
.lp-product-page .lp-hero h1 { font-size: clamp(2rem, 3.2vw, 3rem); hyphens: manual; }
.lp-product-page :is(h2, h3) { hyphens: auto; }
.lp-product-page .lp-product-seals { display: flex; justify-content: center; gap: 16px; width: fit-content; max-width: 100%; margin: 24px auto 0; padding: 14px 18px; border-radius: 12px; background: #fff; }
.lp-product-page .lp-product-seals img { width: 156px; height: 78px; object-fit: contain; border: 0; border-radius: 0; box-shadow: none; }
.lp-product-page .lp-context { background: var(--lp-light); }
.lp-product-page .lp-context-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.lp-product-page .lp-context-grid > p { margin: 0; }
.lp-product-page .lp-benefit img { display: block; width: 72px; height: 72px; object-fit: contain; margin-bottom: 24px; padding: 8px; border-radius: 10px; background: #fff; }
.lp-product-page .lp-benefit img.lp-benefit-icon { width: 96px; height: 96px; padding: 0; border-radius: 0; background: transparent; }
.lp-product-page .lp-benefit img.lp-benefit-seal { width: 156px; height: 80px; }
.lp-product-page .lp-steps { padding-left: 20px; }
.lp-product-page .lp-steps li { font: inherit; line-height: 1.7; }
.lp-product-page .lp-entry-grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 48px; align-items: start; }
.lp-product-page .lp-entry-copy h2 { max-width: 620px; }
.lp-product-page .lp-entry-options { margin: 24px 0 0; font-size: .875rem; }
.lp-product-page .lp-entry-options .lp-link { display: inline-block; }
.lp-product-page .lp-guarantee { padding: 28px; border-radius: 12px; }
.lp-product-page .lp-guarantee h3 { margin-bottom: 16px; font-size: 1rem; font-weight: 650; letter-spacing: 0; line-height: 1.5; hyphens: none; }
.lp-product-page .lp-guarantee p { margin-bottom: 16px; }
.lp-product-page .lp-final .lp-shell { max-width: 760px; }
.lp-product-page .lp-final h2 { max-width: 680px; margin: 0 auto 24px; font-size: clamp(1.75rem, 3.2vw, 2.65rem); line-height: 1.2; hyphens: manual; }
.lp-product-page .lp-final .lp-shell > p:not(.lp-eyebrow) { max-width: 620px; margin-inline: auto; }
.lp-product-page .lp-final .lp-actions { gap: 18px; margin-block: 32px 0; }
.lp-product-page .lp-final .lp-start, .lp-product-page .lp-final .lp-actions > .button { min-width: 220px; }
.lp-product-page .lp-final .lp-demo-note { margin-top: 24px; }
.lp-product-page + .site-footer .footer-company .footer-brand { display: block; margin-bottom: 18px; }
.lp-product-page + .site-footer .footer-company > p { margin: 0 0 8px; }
.lp-product-page + .site-footer .footer-company address { margin: 0; line-height: 1.6; }
@media (max-width: 760px) {
  .lp-product-page .lp-context-grid { grid-template-columns: 1fr; gap: 20px; }
  .lp-product-page .lp-entry-grid { grid-template-columns: 1fr; gap: 32px; }
  .lp-product-page .lp-guarantee { padding: 24px; }
  .lp-product-page .lp-product-seals { gap: 12px; padding: 12px; }
  .lp-product-page .lp-product-seals img { width: 108px; height: 64px; }
}

/* Product-page layout: keep each explanation and its media together. */
.lp-product-page .lp-hero-grid { grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); }
.lp-product-page .lp-workflow-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.13fr); align-items: start; }
.lp-product-page .lp-workflow-product video { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: contain; background: #111c1a; border: 1px solid #d9e4d0; border-radius: 10px; }
.lp-product-page .lp-templates { background: var(--lp-light); padding-top: 0; }
.lp-product-page :is(.lp-audience, .lp-resource-grid > a, .lp-quote figcaption > div) { min-width: 0; }
.lp-product-page .lp-benefit { display: flex; flex-direction: column; align-items: start; }
.lp-product-page .lp-benefit img { height: 96px; margin-bottom: 24px; }
.lp-product-page .lp-benefit img.lp-benefit-seal { height: 96px; }
@media (max-width: 1024px) {
  .lp-product-page .lp-shell { width: calc(100% - 48px); }
  .lp-product-page .lp-section { padding-block: 64px; }
  .lp-product-page .lp-templates { padding-top: 0; }
  .lp-product-page .lp-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; padding-block: 32px 48px; }
  .lp-product-page .lp-hero-copy, .lp-product-page .lp-hero-product { grid-column: auto; grid-row: auto; }
  .lp-product-page .lp-hero h1 { max-width: 720px; font-size: clamp(2rem, 4.5vw, 2.8rem); }
  .lp-product-page .lp-lead { max-width: 680px; }
  .lp-product-page .lp-hero-product { width: min(100%, 720px); margin-inline: auto; }
  .lp-product-page :is(.lp-context-grid, .lp-workflow-grid, .lp-entry-grid, .lp-quote-grid) { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .lp-product-page .lp-workflow-product { width: 100%; max-width: 760px; }
  .lp-product-page .lp-audience-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .lp-product-page .lp-audience { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 12px 24px; padding: 28px; }
  .lp-product-page .lp-audience img { grid-column: 1; grid-row: 1 / 4; width: 80px; height: 80px; margin: 0; }
  .lp-product-page .lp-audience :is(h3, p, .lp-link) { grid-column: 2; margin: 0; padding: 0; }
  .lp-product-page .lp-resource-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .lp-product-page .lp-resource-grid > a { padding-block: 24px; }
  .lp-product-page .lp-entry-copy { max-width: 680px; }
}
@media (max-width: 600px) {
  .lp-product-page .lp-shell { width: calc(100% - 40px); }
  .lp-product-page .lp-section { padding-block: 48px; }
  .lp-product-page .lp-templates { padding-top: 0; }
  .lp-product-page h2 { font-size: 1.65rem; line-height: 1.25; }
  .lp-product-page .lp-benefit-grid { grid-template-columns: minmax(0, 1fr); }
  .lp-product-page .lp-audience { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 24px; }
  .lp-product-page .lp-audience img { grid-column: 1; grid-row: auto; }
  .lp-product-page .lp-audience :is(h3, p, .lp-link) { grid-column: 1; }
  .lp-product-page .lp-hero .lp-actions { flex-direction: column; align-items: stretch; }
  .lp-product-page .lp-hero .lp-actions > .button { width: 100%; }
  .lp-product-page .lp-hero-facts { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .lp-product-page .lp-quote figcaption { align-items: start; }
  .lp-product-page .lp-final h2 { font-size: 1.65rem; }
}

.lp-product-page :is(h1, h2, h3) { text-wrap: pretty; hyphens: manual; overflow-wrap: normal; }
@media (max-width: 600px) {
  body:has(.lp-product-page) .assist-launcher { position: relative; justify-content: center; width: 48px; padding: 0; font-size: 0; }
  body:has(.lp-product-page) .assist-launcher::before { content: ""; width: 22px; height: 18px; border: 2px solid currentColor; border-radius: 6px; }
  body:has(.lp-product-page) .assist-launcher::after { content: ""; position: absolute; top: 29px; left: 16px; width: 7px; height: 7px; border-left: 2px solid currentColor; background: #17311f; transform: skewY(-35deg); }
}

@media (max-width: 1024px) {
  .lp-product-page + .site-footer .footer-main { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; }
  .lp-product-page + .site-footer .footer-social { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 18px; }
}
@media (max-width: 600px) {
  .lp-product-page + .site-footer .footer-main { grid-template-columns: minmax(0, 1fr); }
}

/* Registration is the primary action on the general product page. */
.lp-product-page .sd-cta.button-secondary { background: transparent; color: #365e20; border-color: #729061; box-shadow: none; }
.lp-product-page .sd-cta.button-secondary:hover { background: #e7eddf; color: #213726; border-color: #476d2e; }
.lp-product-page :is(.lp-hero, .lp-final) .sd-cta.button-secondary { color: #eef3ed; border-color: #71847a; }
.lp-product-page :is(.lp-hero, .lp-final) .sd-cta.button-secondary:hover { background: #25382b; border-color: #a2df63; }
.lp-product-page .lp-entry .lp-actions { margin-top: 28px; }
.lp-product-page .lp-entry-demo { margin-top: 24px; }
.lp-product-page .lp-entry-demo .lp-demo-note { margin-top: 6px; }
.lp-product-page .lp-entry-demo .lp-link { display: inline; line-height: 1.6; }

/* Local video-first product-page prototype. */
.lp-product-page .lp-video-hero .lp-hero-grid { display: flex; flex-direction: column; gap: 48px; padding-block: 36px 40px; }
.lp-product-page .lp-video-hero .lp-hero-copy { width: 100%; max-width: 900px; text-align: center; }
.lp-product-page .lp-video-hero h1 { max-width: 900px; margin-inline: auto; font-size: clamp(2rem, 4vw, 3.4rem); }
.lp-product-page .lp-video-hero .lp-lead { max-width: 720px; margin-inline: auto; }
.lp-product-page .lp-video-hero .lp-actions { justify-content: center; }
.lp-product-page .lp-video-showcase { width: 100%; max-width: none; margin: 0; }
.lp-product-page .lp-browser { overflow: hidden; border: 1px solid #4c6056; border-radius: 14px; background: #25332e; box-shadow: 0 24px 70px #0005; }
.lp-product-page .lp-browser.is-pending { opacity: 0; transform: translateY(48px); }
.lp-product-page .lp-browser.is-revealed { opacity: 1; transform: translateY(0); transition: opacity 700ms ease, transform 700ms cubic-bezier(.2,.7,.2,1); }
.lp-product-page .lp-browser-bar { display: flex; align-items: center; gap: 16px; padding: 12px 18px; background: #25332e; }
.lp-product-page .lp-browser-dots, .lp-product-page .lp-browser-spacer { display: flex; flex: 0 0 48px; gap: 6px; }
.lp-product-page .lp-browser-dots i { width: 8px; height: 8px; border-radius: 50%; background: #819287; }
.lp-product-page .lp-browser-address { flex: 1; padding: 5px 12px; border: 1px solid #4c6056; border-radius: 6px; color: #d7e1db; font-size: .75rem; text-align: center; }
.lp-product-page .lp-browser video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #f6f7f4; }
.lp-product-page .lp-video-caption { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 12px 24px; margin-top: 14px; color: #becac4; text-align: left; }
.lp-product-page .lp-video-controls:not([hidden]) { display: flex; gap: 10px; }
.lp-product-page .lp-video-controls button { min-height: 44px; padding: 8px 14px; border: 1px solid #71847a; border-radius: 8px; background: transparent; color: #eef3ed; font: inherit; cursor: pointer; }
.lp-product-page .lp-video-controls button:hover { background: #25382b; }
.lp-product-page .lp-video-controls button:focus-visible { outline: 3px solid #a2df63; outline-offset: 3px; }
.lp-product-page .lp-browser:fullscreen { display: flex; flex-direction: column; justify-content: center; background: #111c1a; border: 0; border-radius: 0; }
.lp-product-page .lp-browser:fullscreen video { max-height: calc(100vh - 64px); }
@media (max-width: 600px) {
  .lp-product-page .lp-video-hero .lp-hero-grid { gap: 32px; padding-block: 24px 32px; }
  .lp-product-page .lp-browser { border-radius: 9px; }
  .lp-product-page .lp-browser-bar { gap: 8px; padding: 9px; }
  .lp-product-page .lp-browser-dots { flex-basis: 32px; gap: 4px; }
  .lp-product-page .lp-browser-dots i { width: 6px; height: 6px; }
  .lp-product-page .lp-browser-spacer { display: none; }
  .lp-product-page .lp-browser-address { padding: 4px 6px; font-size: .65rem; }
  .lp-product-page .lp-video-caption { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .lp-product-page .lp-browser.is-pending, .lp-product-page .lp-browser.is-revealed { opacity: 1; transform: none; transition: none; }
}