/* Proposed mobile form-order test. Preview-only until approved. */
html[data-form-variant="a"] #intro-screen .landing-proof,
html[data-form-variant="b"] #intro-screen .landing-proof{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px}
html[data-form-variant="a"] #intro-screen .dad-faces,
html[data-form-variant="b"] #intro-screen .dad-faces{flex-wrap:nowrap;justify-content:center}
html[data-form-variant="a"] #intro-screen .landing-proof p,
html[data-form-variant="b"] #intro-screen .landing-proof p{text-align:center}
html[data-form-variant="b"] #intro-screen .lead-fields{grid-template-columns:minmax(0,1fr)}
html[data-form-variant="b"] #quiz-first-name-label{display:none!important}
@media(max-width:639px){
 html[data-form-variant="b"] body[data-stage=intro] .quiz-header{min-height:66px;padding:16px 20px 8px}
 html[data-form-variant="b"] body[data-stage=intro] main{padding-top:0}
 html[data-form-variant="b"] #intro-screen .landing-grid{padding-top:8px}
 html[data-form-variant="b"] #intro-screen .landing-title .eyebrow{margin-bottom:9px}
 html[data-form-variant="b"] #intro-screen .intro-copy{margin:14px 0 16px;font-size:15.5px;line-height:1.5}
 html[data-form-variant="b"] #intro-screen .intro-copy strong{font-size:16px;line-height:1.4;margin-bottom:7px}
 html[data-form-variant="b"] #intro-screen .promise-line{display:block;white-space:nowrap}
 html[data-form-variant="b"] #intro-screen .lead-card{order:3;padding:16px 17px}
 html[data-form-variant="b"] #intro-screen .landing-proof{order:4;width:100%;margin:14px auto 0;gap:7px}
 html[data-form-variant="b"] #intro-screen .phone-art{order:5;margin-top:17px}
 html[data-form-variant="b"] #intro-screen .landing-proof p{font-size:12px;line-height:1.4}
}
@media(max-width:360px){
 html[data-form-variant="b"] #intro-screen .intro-copy{font-size:14px}
 html[data-form-variant="b"] #intro-screen .intro-copy strong{font-size:14px}
 html[data-form-variant="b"] #intro-screen .landing-proof p{font-size:11px}
}

/* Compact form fields retain explicit labels for assistive technology. */
html[data-form-variant="a"] .field-label,html[data-form-variant="b"] .field-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[data-form-variant="a"] #intro-screen .lead-fields input,html[data-form-variant="b"] #intro-screen .lead-fields input{margin-top:0;font-weight:500}
html[data-form-variant="a"] .quiz-footer,html[data-form-variant="b"] .quiz-footer{flex-wrap:wrap}
html[data-form-variant="a"] .footer-privacy,html[data-form-variant="b"] .footer-privacy{flex:0 0 100%;width:100%;max-width:650px;margin:0 auto 12px;text-align:center;font-size:10px;line-height:1.6;color:#617787}
@media(max-width:639px){html[data-form-variant="a"] .footer-privacy,html[data-form-variant="b"] .footer-privacy{margin-bottom:0}}

.mobile-bottom-start{display:none}
@media(max-width:639px){
 html[data-form-variant="a"] .mobile-bottom-start,html[data-form-variant="b"] .mobile-bottom-start{display:block;padding:22px 0 8px}
 .mobile-bottom-start .primary{width:100%;min-height:55px}
}

.quiz-header{flex-direction:column;justify-content:center;gap:16px}.quiz-header .brand{margin-inline:auto}.quiz-header .header-note{display:none!important}
@media(max-width:639px){html[data-form-variant="b"] #intro-screen .intro-copy{order:2}html[data-form-variant="b"] #intro-screen .lead-card{order:3}html[data-form-variant="b"] #intro-screen .landing-proof{order:4}html[data-form-variant="b"] #intro-screen .phone-art{order:5}}