/* Keep the existing application flow; improve labels, hints and focus visibility. */
:root{--soft:#dedede;--dim:#b5b5b5;--line:rgba(255,255,255,.18);--line-hi:rgba(255,255,255,.34)}
h1{line-height:1.14;letter-spacing:-.035em}
.sub{font-size:17px;line-height:1.65}
label.fl span{font:500 14px/1.5 var(--text)}
input::placeholder,textarea::placeholder{color:#a0a0a0;opacity:1}
input:focus-visible,textarea:focus-visible{outline:2px solid var(--mag);outline-offset:4px}
button:focus-visible,a:focus-visible{outline:2px solid var(--mag);outline-offset:4px}
.qn{font-size:14px}.opt u{color:#ccc}
button{min-height:44px}
.step.on{animation:ag-quiz-in .25s ease-out}
@keyframes ag-quiz-in{from{opacity:.8;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:600px){input[type=text],input[type=email],input[type=tel],textarea{font-size:20px;line-height:1.5}.sub{font-size:16px}label.fl{margin-top:1.25rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}