.global-survey{scroll-margin-top:24px}.global-survey .survey-copy{align-self:stretch}.global-survey .survey{position:relative;min-width:0;min-height:620px}.global-survey .survey-progress{align-items:center}.global-survey .survey-progress [role=progressbar]{min-width:100px}.global-survey .survey-progress i{width:0}.global-survey fieldset{min-width:0;animation:biSurveyIn .22s ease}.global-survey fieldset[hidden],.global-survey [hidden]{display:none}.global-survey .hint{margin:-10px 0 20px}.global-survey .choice-grid{max-height:420px;overflow-y:auto;padding:2px}.global-survey .choice input:focus-visible+span{outline:3px solid rgba(0,114,255,.25);outline-offset:2px}.global-survey .choice span{height:100%}.global-survey .choice input:checked+span{border-color:#0072ff;background:#eef6ff;color:#005dcc;box-shadow:inset 0 0 0 1px #0072ff}.global-survey select,.global-survey input:not([type=radio]):not([type=checkbox]){width:100%;height:49px;padding:0 13px;border:1px solid #bfcdd8;border-radius:9px;background:#fff;color:var(--ink);font:inherit}.global-survey select:focus,.global-survey input:not([type=radio]):not([type=checkbox]):focus{border-color:#0072ff;outline:0;box-shadow:0 0 0 3px rgba(0,114,255,.12)}.global-survey .full{grid-column:1/-1}.global-survey .address-grid{grid-template-columns:1.5fr .7fr}.global-survey .survey-actions{justify-content:space-between}.global-survey .survey-actions [data-next],.global-survey .survey-actions [data-submit]{margin-left:auto}.global-survey .survey-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.global-survey .survey-confirmation{padding:50px 10px;text-align:center;outline:0}.global-survey .survey-confirmation h3{font-size:clamp(1.8rem,4vw,2.5rem);margin:18px auto 12px;max-width:620px}.global-survey .survey-confirmation p{max-width:640px;margin:10px auto;color:var(--muted)}.global-survey .confirmation-check{width:64px;height:64px;margin:auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0072ff,#00b2ff);color:#fff;font-size:1.7rem;box-shadow:0 14px 35px rgba(0,114,255,.22)}@keyframes biSurveyIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.global-survey fieldset{animation:none}}@media(max-width:900px){.global-survey .survey{min-height:600px}.global-survey .choice-grid{max-height:none;overflow:visible}}@media(max-width:600px){.global-survey{margin-block:65px;border-radius:20px}.global-survey .survey{min-height:680px}.global-survey .survey-progress{align-items:flex-start;flex-direction:column;gap:9px}.global-survey .survey-progress [role=progressbar]{width:100%}.global-survey .address-grid{grid-template-columns:1fr}.global-survey .full{grid-column:auto}.global-survey .survey-actions{position:sticky;bottom:0;padding-top:14px;background:linear-gradient(transparent,#fff 22%)}.global-survey .survey-actions .button{width:auto;min-width:118px}.global-survey .survey-confirmation{padding:35px 0}}

.global-survey .survey-progress-bike {
  --survey-progress: 0%;
  display: block;
  width: 100%;
  padding: 13px 16px 10px;
  border: 1px solid rgba(112, 226, 239, .28);
  border-radius: 15px;
  background: linear-gradient(180deg, rgba(4, 39, 95, .66), rgba(3, 28, 71, .78));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
  color: #fff;
}
.global-survey .survey-progress-bike>.survey-progress-bike__meta,.global-survey .survey-progress-bike>.survey-progress-bike__status{display:flex;align-items:center;justify-content:space-between;gap:16px;width:auto;height:auto;border-radius:0;background:transparent;overflow:visible}
.survey-progress-bike__meta{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.survey-progress-bike__title{color:#72e7ef}.survey-progress-bike__meta [data-progress-label]{color:#dfeeff}
.survey-progress-bike__sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.global-survey .survey-progress-bike>.survey-progress-bike__scene{position:relative;display:block;flex:none;width:auto;min-width:0;height:68px;margin:5px 3px 0;border-radius:0;background:transparent;overflow:visible;outline:none}
.survey-progress-bike__route{position:absolute;left:18px;right:25px;bottom:19px;height:7px;border-radius:999px;background:rgba(155,207,255,.2);box-shadow:inset 0 1px 2px rgba(0,0,0,.18)}
.survey-progress-bike__route i{display:block;width:var(--survey-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#5ce4e9,#00a9ff 52%,#1677ff);box-shadow:0 0 12px rgba(58,204,255,.65);transition:width .52s cubic-bezier(.22,.8,.25,1)}
.survey-progress-bike__rider{position:absolute;z-index:2;left:clamp(18px,calc(var(--survey-progress) - 27px),calc(100% - 81px));bottom:17px;width:72px;height:42px;transition:left .52s cubic-bezier(.22,.8,.25,1);filter:drop-shadow(0 5px 5px rgba(0,0,0,.25))}
.survey-progress-bike__rider svg{display:block;width:100%;height:100%;overflow:visible}.bike-wheels circle{fill:none;stroke:#5ce4e9;stroke-width:4}.bike-frame{fill:none;stroke:#00b4ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.bike-rider .bike-helmet{fill:#62e9ed}.bike-rider .bike-body{fill:none;stroke:#071d45;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.survey-progress-bike__flag{position:absolute;right:0;bottom:17px;width:27px;height:42px}.survey-progress-bike__flag svg{width:100%;height:100%}.survey-progress-bike__flag path:first-child{fill:none;stroke:#d8ecff;stroke-width:3;stroke-linecap:round}.survey-progress-bike__flag .flag-cloth{fill:#5ce4e9}
.survey-progress-bike__start,.survey-progress-bike__finish{position:absolute;bottom:0;color:#7da0c8;font-size:.57rem;font-weight:800;letter-spacing:.12em}.survey-progress-bike__start{left:12px}.survey-progress-bike__finish{right:-4px}
.survey-progress-bike__status{color:#bdd4ee;font-size:.71rem}.survey-progress-bike__status strong{color:#75e9ef;font-size:.68rem;letter-spacing:.04em}
.global-survey .choice span,.global-survey .choice input:checked+span{background:#fff;color:#07172f;font-weight:800;border-color:#d5e0eb;box-shadow:0 3px 9px rgba(2,24,55,.12)}
.global-survey .choice input:checked+span{border-color:#64e1eb;box-shadow:0 0 0 2px rgba(100,225,235,.28),0 3px 9px rgba(2,24,55,.12)}
.survey-progress-bike.is-moving .bike-wheels circle{transform-box:fill-box;transform-origin:center;animation:biBikeWheel .48s linear}.survey-progress-bike.is-moving .bike-rider{animation:biBikePedal .24s ease-in-out 2}.survey-progress-bike.is-complete{animation:biBikeFinish .55s ease}.survey-progress-bike.is-complete .survey-progress-bike__flag{animation:biFlagWave .55s ease}
@keyframes biBikeWheel{to{transform:rotate(360deg)}}@keyframes biBikePedal{50%{transform:translateY(-2px)}}@keyframes biBikeFinish{50%{box-shadow:0 0 0 5px rgba(92,228,233,.12),inset 0 1px 0 rgba(255,255,255,.05)}}@keyframes biFlagWave{50%{transform:rotate(-7deg);transform-origin:bottom left}}
@media(max-width:600px){.global-survey .survey-progress-bike{padding:11px 12px 9px}.survey-progress-bike__scene{height:61px;margin-inline:0}.survey-progress-bike__rider{width:63px;left:clamp(16px,calc(var(--survey-progress) - 24px),calc(100% - 72px))}.survey-progress-bike__meta{font-size:.68rem}.survey-progress-bike__status{font-size:.65rem}.survey-progress-bike__route{left:15px;right:23px}}
@media(prefers-reduced-motion:reduce){.survey-progress-bike__route i,.survey-progress-bike__rider{transition:none!important}.survey-progress-bike.is-moving .bike-wheels circle,.survey-progress-bike.is-moving .bike-rider,.survey-progress-bike.is-complete,.survey-progress-bike.is-complete .survey-progress-bike__flag{animation:none!important}}
/* Variation B: compact bicycle progress panel — 2026-10-23 */
.global-survey .survey-progress-bike{padding:6px 12px 4px;margin-bottom:14px}
.global-survey .survey-progress-bike>.survey-progress-bike__scene{height:42px;margin:2px 3px 0}
.global-survey .survey-progress-bike__route{bottom:12px;height:6px}
.global-survey .survey-progress-bike__rider{bottom:10px;width:56px;height:33px;left:clamp(18px,calc(var(--survey-progress) - 21px),calc(100% - 65px))}
.global-survey .survey-progress-bike__flag{right:0;bottom:9px;width:22px;height:34px}
@media(max-width:600px){.global-survey .survey-progress-bike{padding:6px 9px 4px;margin-bottom:12px}.global-survey .survey-progress-bike>.survey-progress-bike__scene{height:40px;margin:2px 0 0}.global-survey .survey-progress-bike__route{left:13px;right:20px;bottom:12px}.global-survey .survey-progress-bike__rider{bottom:10px;width:52px;height:30px;left:clamp(14px,calc(var(--survey-progress) - 20px),calc(100% - 61px))}.global-survey .survey-progress-bike__flag{bottom:9px;width:20px;height:31px}}

/* Variation B: override later hero spacing without changing survey behavior */
.global-survey .survey .survey-progress-bike{margin-bottom:14px}
@media(max-width:600px){.global-survey .survey .survey-progress-bike{margin-bottom:12px}}
