.survey-question input[type=email]{background:var(--ttg-pale);border:1.5px solid var(--ttg-line);border-radius:12px;color:var(--ttg-navy);font:inherit;font-size:1rem;margin-left:2.4rem;max-width:calc(100% - 2.4rem);outline:none;padding:1rem 1.1rem;transition:border-color .2s,box-shadow .2s;width:calc(100% - 2.4rem)}
.survey-question input[type=email]:focus{border-color:var(--ttg-cyan);box-shadow:0 0 0 4px rgba(8,165,223,.12)}
.survey-consent{align-items:flex-start;background:var(--ttg-sky);border-radius:12px;color:var(--ttg-navy);display:flex;font-size:.95rem;gap:.75rem;margin:1rem 0;padding:1rem}.survey-consent input{accent-color:var(--ttg-blue);flex:0 0 auto;height:1.15rem;margin-top:.15rem;width:1.15rem}.survey-consent a{color:var(--ttg-blue);font-weight:700}
@media(max-width:560px){.survey-question input[type=email]{margin-left:0;max-width:100%;width:100%}} .survey-step__heading{scroll-margin-top:clamp(6rem,15vh,9rem)}
.survey-success{scroll-margin-top:7rem}
.survey-step--enter{animation:ttg-step-forward .38s ease-out both}
.survey-step--enter-back{animation:ttg-step-back .38s ease-out both}
@keyframes ttg-step-forward{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes ttg-step-back{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.survey-step--enter,.survey-step--enter-back{animation:none}.survey-progress__track span,.survey-option,.survey-button{transition:none}} @media(max-width:600px){
.ttg-survey{padding:2rem .75rem 4rem}
.ttg-survey__shell{width:100%}
.survey-intro{margin-bottom:1.3rem}
.survey-intro h2{font-size:clamp(2rem,9vw,2.7rem);line-height:1.04}
.survey-intro p:not(.survey-kicker){font-size:1rem;line-height:1.45}
.survey-time{font-size:.9rem;padding:.5rem .85rem}
.survey-time span{font-size:1.1rem}
.survey-form{padding:1rem 1rem 0;border-radius:18px}
.survey-progress{margin-bottom:1.35rem}
.survey-progress__track{height:9px}
.survey-step__heading{gap:.75rem;margin-bottom:1.05rem;padding-bottom:1.15rem;scroll-margin-top:5.5rem}
.survey-step__heading>span{height:2.75rem;width:2.75rem;flex:0 0 2.75rem}
.survey-step__heading h3{font-size:1.6rem;line-height:1.12}
.survey-question{padding:.9rem 0 1.05rem}
.survey-question legend{font-size:1.14rem;line-height:1.3}
.survey-question__number{height:1.55rem;width:1.55rem;margin-right:.45rem}
.survey-hint{font-size:.9rem;margin-bottom:.7rem}
.survey-options{gap:.55rem}
.survey-option{min-height:3.5rem;padding:.75rem .9rem;font-size:1rem;line-height:1.3}
.survey-option__mark{height:1.25rem;width:1.25rem}
.survey-question textarea,.survey-question input[type=text],.survey-question input[type=email]{font-size:1rem;min-height:3.4rem;padding:.85rem 1rem}
.survey-question textarea{min-height:7.5rem}
.survey-error{margin-bottom:0}
.survey-actions{position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1.1rem -1rem 0;padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);box-shadow:0 -8px 24px rgba(32,40,87,.08)}
.survey-button{width:100%;min-height:3.4rem;white-space:normal;padding:.65rem .8rem;font-size:1rem}
.survey-button--back{order:0;margin:0;flex:auto}
.survey-button--next,.survey-button--submit{order:0;flex:auto}
#survey-back[hidden]+#survey-next{grid-column:1/-1}
.survey-status{margin:0;padding:.65rem 0 1rem}
} .ttg-survey .survey-options:not(.survey-options--scale){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.ttg-survey .survey-options:not(.survey-options--scale) .survey-option{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;width:100%;gap:.85rem}
.ttg-survey .survey-options:not(.survey-options--scale) .survey-option__mark{display:block;flex:0 0 1.25rem;margin:0;align-self:center}
.ttg-survey .survey-options:not(.survey-options--scale) .survey-option>span:last-child{display:block;flex:1;min-width:0;text-align:left} .ttg-survey .survey-selection-count{display:inline-flex;align-items:center;gap:.2rem;margin:.1rem 0 .8rem 2.4rem;padding:.38rem .7rem;border-radius:999px;background:#eaf7fc;color:var(--ttg-blue);font-size:.88rem;font-weight:700;line-height:1}
.ttg-survey .survey-selection-count__value{font-size:1rem;min-width:.7rem;text-align:center}
.ttg-survey .survey-question.is-at-limit .survey-selection-count{background:var(--ttg-blue);color:#fff}
.ttg-survey .survey-option{position:relative;overflow:hidden;border-color:#dbe6f0;box-shadow:0 3px 10px rgba(32,40,87,.035)}
.ttg-survey .survey-option:has(input:checked){background:linear-gradient(110deg,#e4f5fc,#f4fbfe);border-color:var(--ttg-cyan);box-shadow:0 7px 18px rgba(8,165,223,.15)}
.ttg-survey .survey-option:has(input:checked)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--ttg-cyan)}
.ttg-survey .survey-option input:checked+.survey-option__mark{animation:ttg-check-pop .22s ease-out}
.ttg-survey .survey-progress__track{box-shadow:inset 0 1px 3px rgba(32,40,87,.09)}
.ttg-survey .survey-progress__meta #survey-step-label{letter-spacing:.02em}
.ttg-survey .survey-step__heading>span{box-shadow:0 0 0 5px rgba(8,165,223,.11)}
.ttg-survey .survey-button--next span,.ttg-survey .survey-button--submit span{display:inline-block;transition:transform .2s ease}
.ttg-survey .survey-button--next:hover span,.ttg-survey .survey-button--submit:hover span{transform:translateX(4px)}
@keyframes ttg-check-pop{0%{transform:scale(.8)}65%{transform:scale(1.15)}100%{transform:scale(1)}}
@media(max-width:800px){
.ttg-survey .survey-options:not(.survey-options--scale){grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
.ttg-survey .survey-options:not(.survey-options--scale){margin-left:0;gap:.65rem}
.ttg-survey .survey-options:not(.survey-options--scale) .survey-option{min-height:3.75rem;padding:.85rem 1rem;font-size:1rem;gap:.8rem}
.ttg-survey .survey-options:not(.survey-options--scale) .survey-option__mark{flex-basis:1.3rem;width:1.3rem;height:1.3rem}
.ttg-survey .survey-selection-count{margin-left:0;margin-bottom:.8rem}
.ttg-survey .survey-question{border-bottom:1px solid #e6eef6}
.ttg-survey .survey-question:last-of-type{border-bottom:0}
}
@media(prefers-reduced-motion:reduce){
.ttg-survey .survey-option input:checked+.survey-option__mark{animation:none}
.ttg-survey .survey-button--next span,.ttg-survey .survey-button--submit span{transition:none}
} @media(max-width:800px){
.ttg-survey .survey-options:not(.survey-options--scale) label.survey-option{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
position:relative!important;
width:100%!important;
min-height:4rem!important;
padding:.9rem 1rem .9rem 3.75rem!important;
margin:0!important;
text-align:left!important;
background:#fff;
border:1px solid #cbddeb;
border-radius:14px;
box-shadow:0 4px 14px rgba(32,40,87,.055);
}
.ttg-survey .survey-options:not(.survey-options--scale) label.survey-option .survey-option__mark{
display:block!important;
position:absolute!important;
left:1rem!important;
top:50%!important;
width:1.35rem!important;
height:1.35rem!important;
margin:0!important;
transform:translateY(-50%)!important;
animation:none!important;
}
.ttg-survey .survey-options:not(.survey-options--scale) label.survey-option .survey-option__text{
display:block!important;
width:auto!important;
min-width:0!important;
margin:0!important;
padding:0!important;
align-self:center!important;
text-align:left!important;
color:var(--ttg-navy);
font-size:1rem;
font-weight:500;
line-height:1.3;
}
.ttg-survey .survey-options:not(.survey-options--scale) label.survey-option.is-picked{
background:linear-gradient(105deg,#d8f2fb,#f1faff)!important;
border-color:var(--ttg-cyan)!important;
box-shadow:0 7px 20px rgba(8,165,223,.16)!important;
}
.ttg-survey .survey-options:not(.survey-options--scale) label.survey-option.is-picked .survey-option__text{font-weight:700}
.ttg-survey .survey-options--scale label.survey-option{
display:flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:flex-start!important;
position:relative!important;
min-height:4rem!important;
padding:.9rem 1rem .9rem 3.75rem!important;
text-align:left!important;
}
.ttg-survey .survey-options--scale label.survey-option .survey-option__mark{
position:absolute!important;
left:1rem!important;
top:50%!important;
margin:0!important;
transform:translateY(-50%)!important;
animation:none!important;
}
.ttg-survey .survey-options--scale label.survey-option .survey-option__text{
display:block!important;
width:auto!important;
margin:0!important;
align-self:center!important;
text-align:left!important;
line-height:1.3;
}
}