:root { color-scheme:light; --blue:#1877f2; --ink:#151b27; --muted:#6b7584; --line:#dce2eb; --surface:#f7f9fc; --paper:#fff; --iti-path-flags-1x:url("https://cdn.jsdelivr.net/npm/intl-tel-input@29.5.0/dist/img/flags.webp");--iti-path-flags-2x:url("https://cdn.jsdelivr.net/npm/intl-tel-input@29.5.0/dist/img/flags@2x.webp");--iti-path-globe-1x:url("https://cdn.jsdelivr.net/npm/intl-tel-input@29.5.0/dist/img/globe.webp");--iti-path-globe-2x:url("https://cdn.jsdelivr.net/npm/intl-tel-input@29.5.0/dist/img/globe@2x.webp");--iti-spacer-horizontal:6px; --iti-border-color:#dce2eb; --iti-country-selector-bg:#fff; --iti-icon-color:#566478; --iti-flag-width:17px }
*{box-sizing:border-box}html{min-height:100%;font-family:Arial,Helvetica,sans-serif;-webkit-text-size-adjust:100%;}body{margin:0;background:var(--surface);color:var(--ink);font-size:14px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}button:focus-visible,input:focus-visible,.option:focus-within{outline:2px solid #5a9df5;outline-offset:2px} [hidden]{display:none!important}
.viewport{width:100%;max-width:540px;min-height:100dvh;margin:0 auto;padding:8px;background:var(--surface);display:flex}.lead-card{width:100%;min-height:calc(100dvh - 16px);border-radius:17px;background:#fff;padding:15px 13px 14px;display:flex;flex-direction:column;box-shadow:0 1px 4px #213b600b}.progress{flex:none;height:5px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:12px}.progress-part{background:#e2e6ec;border-radius:5px}.progress-part.is-done{background:var(--blue)}.step-label{font-size:12px;color:#667180;margin-bottom:13px}.lead-card form{flex:1;min-height:0;display:flex;flex-direction:column}.form-step{flex:0 0 auto}.title{font-size:20px;line-height:1.2;letter-spacing:-.3px;margin:0 0 12px;font-weight:700}.intro{font-size:14px;line-height:1.46;margin:0 0 12px}.info-trigger{border:0;background:#fff;width:100%;display:flex;gap:8px;align-items:center;color:var(--blue);padding:9px 0 12px;font-size:13px;font-weight:600;text-align:left}.info-icon{border:1.5px solid var(--blue);width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-weight:700;flex:none}.info-chevron{margin-left:auto;font-size:21px;line-height:1;transition:transform .2s}.info-trigger[aria-expanded=true] .info-chevron{transform:rotate(90deg)}.divider{height:1px;background:#edf0f3;margin:1px 0 15px}.info-details{padding:12px;border-radius:11px;background:#f3f7fd;margin-bottom:12px}.after-steps{margin:0;counter-reset:mini;list-style:none;padding:0}.after-steps li{padding:4px 0 11px 29px;position:relative;font-size:12px}.after-steps li::before{counter-increment:mini;content:counter(mini);position:absolute;top:3px;left:0;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;color:var(--blue);background:#dceaff;font-weight:700}.after-steps small{display:block;margin-top:2px;color:#657184;font-size:11px;line-height:1.4}.after-note{border-top:1px solid #dce4ee;margin:0;padding-top:10px;color:#5d6a7a;line-height:1.5;font-size:11px}.question-group{border:0;padding:0;margin:0;min-width:0}.question-title{font-size:18px;line-height:1.22;font-weight:700;letter-spacing:-.17px;padding:0;margin:0 0 5px}.question-hint{color:#6b7280;font-size:12.5px;line-height:1.4;margin:0 0 13px}.choices{display:grid;gap:8px}.option{display:flex;align-items:center;gap:10px;min-height:45px;border:1px solid var(--line);border-radius:11px;padding:9px 10px;font-size:13px;line-height:1.26;cursor:pointer;background:white;transition:background .1s,border .1s}.option:has(input:checked){background:#eef5ff;border-color:#94bff7}.option input[type=radio]{margin:0;width:18px;height:18px;accent-color:var(--blue);flex:none;cursor:pointer}.back-button{display:flex;align-items:center;gap:8px;color:#4b5b6e;background:transparent;border:0;padding:0 0 11px;font-size:13.5px}.back-button span{color:var(--blue);font-size:19px}.form-footer{margin-top:auto;padding-top:14px;flex:none}.primary-button{display:block;width:100%;min-height:48px;padding:12px;border:0;border-radius:10px;background:var(--blue);color:#fff;font-size:14px;font-weight:700}.primary-button:hover{background:#1469db}.form-general-error,.field-error{color:#b42318;font-size:12px;line-height:1.45}.form-general-error:not(:empty){padding:0 0 9px}.field-error:not(:empty){padding:6px 0 0}.form-field{margin-top:12px}.form-field label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}.field-input,.phone-field input{display:block;width:100%;min-width:0;height:44px;border:1px solid #d9dfe8;border-radius:9px;color:#1b2738;background:#fff;padding:0 11px;outline:none;font-size:16px}.field-input::placeholder,.phone-field input::placeholder{color:#a2aab6}.field-input:focus,.phone-field input:focus{border-color:#77aff6}.phone-note{font-size:11.5px;color:#697482;line-height:1.4;margin:6px 0 0}.phone-field{width:100%;min-width:0}.phone-field>.iti,.phone-field .iti{width:100%;min-width:0;display:block}.phone-field .iti__country-container{position:absolute;left:0;top:0;bottom:0;height:44px}.phone-field .iti__selected-country{height:44px;border:1px solid #d9dfe8;border-radius:9px;background:#fff;margin-right:8px}.phone-field .iti__selected-country-primary{padding-inline:6px;gap:3px}.phone-field input{height:44px}.phone-field .iti input{border:1px solid #d9dfe8;border-radius:9px; /* library calculates safe padding based on country selector */ }.phone-field .iti__country-selector{z-index:500}.phone-field .iti__dropdown-content{z-index:500}.phone-field .iti__selected-dial-code{font-size:12px}.phone-field .iti__arrow{margin-left:2px}.phone-field .iti--fullscreen-popup .iti__country-selector{z-index:1005}.privacy-note{color:#647284;font-size:11px;line-height:1.4;text-align:center;margin:11px 0 0}.success-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.success-center{width:100%;padding:8px 2px 34px}.success-check{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#d8f5e6;color:#079960;font-size:43px;font-weight:700;margin:0 auto 23px}.success-center h2{font-size:23px;line-height:1.23;margin:0 0 19px}.success-center p{font-size:14px;line-height:1.52;margin:0 0 21px}.callback-note{background:#f2f7ff;border:1px solid #e3ebf6;border-radius:10px;padding:12px 9px;text-align:left;display:flex;gap:9px;font-size:12px;line-height:1.4}.callback-note span{color:var(--blue);font-size:18px}.consent-panel{position:fixed;inset:0;background:#1c26394f;display:flex;align-items:end;justify-content:center;z-index:2000}.consent-card{background:#fff;border-radius:16px 16px 0 0;padding:23px 18px calc(22px + env(safe-area-inset-bottom));max-width:540px;width:100%;box-shadow:0 -2px 18px #142b4b20}.consent-card p{font-size:13px;line-height:1.5;color:#657184}.consent-actions{display:flex;gap:8px}.consent-actions button{flex:1;background:#edf3fd;border:1px solid #dce2ea;border-radius:9px;padding:11px 6px;color:#1c3553;font-size:12px;font-weight:600}.consent-actions button:last-child{background:#1877f2;color:#fff;border-color:#1877f2}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* V1.1 phone: two genuine, non-overlapping input boxes.
   The intl-tel-input selected-country stays interactive; the input is physically
   placed to its right instead of relying on the library's internal inline padding. */
.phone-field,
.phone-field .iti { width:100%; min-width:0; }
.phone-field .iti { position:relative; --phone-prefix-width:90px; --phone-gap:8px; }
.phone-field .iti__country-container {
  position:absolute; left:0; top:0; bottom:auto;
  z-index:3; width:max-content; height:44px;
}
.phone-field .iti__selected-country,
.phone-field .iti__selected-country-primary {
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px!important; font-weight:400!important;
}
.phone-field .iti__selected-country {
  min-width:82px; width:max-content; max-width:132px;
  height:44px; min-height:44px;
  border:1px solid #d9dfe8; border-radius:9px;
  background:#fff; box-sizing:border-box;
  padding:0 8px; margin:0;
  display:flex; align-items:center; justify-content:center;
  overflow:visible;
}
.phone-field .iti__selected-country-primary {padding:0!important;gap:5px;display:flex;align-items:center;white-space:nowrap;}
.phone-field .iti__selected-dial-code {
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px!important; font-weight:400!important;
  line-height:1.1; color:#1b2738; white-space:nowrap;
  margin:0;
}
.phone-field .iti__arrow { margin-left:2px; flex-shrink:0; }
/* Override the library's inline padding-left only here: the prefix now
   occupies a separate box, no extra internal indentation is needed. */
.phone-field .iti input[type="tel"],
.phone-field .iti input[type="tel"]:focus {
  display:block;
  box-sizing:border-box;
  position:relative;
  z-index:1;
  margin-left:calc(var(--phone-prefix-width) + var(--phone-gap))!important;
  width:calc(100% - var(--phone-prefix-width) - var(--phone-gap))!important;
  min-width:0;
  height:44px;
  border:1px solid #d9dfe8!important;
  border-radius:9px;
  padding:0 11px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:normal!important;
  color:#1b2738;
  background:#fff!important;
  outline:none;
  box-shadow:none!important;
}
.phone-field .iti input[type="tel"]:focus {border-color:#77aff6!important;}
.phone-field .iti__dropdown-content, .phone-field .iti__country-selector {z-index:1100;}
@media(max-width:359px){
  .phone-field .iti{--phone-gap:7px;}
  .phone-field .iti__selected-country{min-width:78px;padding:0 6px;}
  .phone-field .iti__selected-country-primary{gap:3px;}
}

.honeypot{position:absolute!important;left:-99999px!important;opacity:0!important;height:1px!important;pointer-events:none!important}
.phone-fallback{display:flex;align-items:center;gap:8px;width:100%}.phone-fallback select{height:44px;border:1px solid #d9dfe8;border-radius:9px;background:#fff;max-width:118px;min-width:88px;font-size:12px;padding:0 3px}.phone-fallback input{min-width:0;flex:1}.phone-field:has(.phone-fallback)>.iti{display:none}