/* Conversion paths: keep the next action visible and readable on narrow screens. */
.conversion-hero { padding: 56px 0; }
.conversion-hero h1 { font-size: clamp(34px, 4.8vw, 64px); max-width: 23ch; }
.conversion-hero .lede { margin-top: 20px; font-size: clamp(18px, 2vw, 23px); }
.conversion-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: start; }
.conversion-form { padding: 28px; }
.conversion-form h2 { font-size: 30px; margin-bottom: 20px; }
.conversion-form .btn { width: 100%; }
.conversion-benefits { padding-left: 22px; margin: 20px 0; }
.conversion-benefits li { margin-bottom: 12px; }
.form-status { margin-top: 16px; }
.form-status[data-error="true"] { color: #8b2424; }
button:disabled { cursor: wait; opacity: .65; }
.quiz-start { margin: 20px 0 12px; }
#apq-screen-quiz, #apq-screen-email, #apq-screen-result { scroll-margin-top: 100px; }
.quiz-hero .meta-strip { margin-top: 24px !important; }
@media (max-width: 720px) {
 .conversion-hero { padding: 24px 0 32px; }
 .conversion-grid { grid-template-columns: 1fr; gap: 20px; }
 .conversion-hero h1 { font-size: 34px; line-height: 1.08; }
 .conversion-form { padding: 20px; }
 .conversion-form h2 { font-size: 26px; margin-bottom: 12px; }
 .conversion-hero .lede { margin-top: 12px; font-size: 18px; }
 .conversion-hero .breadcrumb { margin-bottom: 20px; }
 .conversion-hero .hero-actions { margin-top: 20px; }
 .conversion-hero .btn { min-height: 48px; }
 .conversion-form input, #apq-email { font-size: 16px; min-height: 48px; }
 .apq-q-text { font-size: 22px; line-height: 1.35; }
 .apq-opt { padding: 14px; font-size: 16px; }
 .apq-nav-row { position: sticky; bottom: 0; background: var(--paper-2); padding: 12px 0; z-index: 2; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

.conversion-hero .eyebrow { margin-bottom: 16px; }
.conversion-form .optional-name { margin-top: 16px; }
.conversion-form .optional-name summary { cursor: pointer; font-size: 14px; }
.conversion-form .optional-name .field { margin-top: 12px; }
@media(max-width:720px){ .conversion-grid > div > .lede { margin-bottom:0; } .conversion-form { padding: 16px; } }