.field label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.10em;color:rgba(7,11,24,.60);margin-bottom:6px}
.field input,.field textarea{width:100%;border-radius:14px;padding:12px 12px;border:1px solid rgba(7,11,24,.14);background:rgba(255,255,255,.78);color:rgba(7,11,24,.92);font-size:14px}
.field textarea{min-height:112px;resize:vertical;line-height:1.5}
.field input::placeholder,.field textarea::placeholder{color:rgba(7,11,24,.45)}
.field input:focus,.field textarea:focus{outline:3px solid rgba(0,212,255,.28);border-color:rgba(47,91,255,.28)}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.form-status{margin-top:12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:rgba(246,247,251,.84);font:600 14px/1.5 var(--font)}
.form-status.is-working{border-color:rgba(47,232,255,.24);background:rgba(47,232,255,.08);color:rgba(226,252,255,.95)}
.form-status.is-success{border-color:rgba(61,214,140,.28);background:rgba(61,214,140,.10);color:rgba(228,255,240,.96)}
.form-status.is-error{border-color:rgba(255,109,109,.28);background:rgba(255,109,109,.10);color:rgba(255,234,234,.96)}
.modal .field label{color:rgba(226,232,240,.74)}
.turnstile-slot{min-height:68px;display:flex;align-items:center;justify-content:flex-start}
.turnstile-slot iframe{max-width:100%}
.turnstile-slot[hidden]{display:none}
.modal-foot-alt a[href]{cursor:pointer}
@media (max-width:767px){.hero-stage{border-radius:26px}
.hero-ctas{display:grid;grid-template-columns:1fr;gap:10px}
.hero-ctas .btn{width:100%}
.hero-proof-bar{gap:8px}
}
.field input,.field textarea{background:#fff;border:1px solid rgba(15,23,42,.12);color:#102132}
.field input,.field textarea,.field select{color:#17324f;-webkit-text-fill-color:#17324f}
.field input,.field textarea,.field select{background:#ffffff;border:1px solid rgba(16,38,63,.12)}
.hero-browser-btn,.field input,.field textarea,.hosting-dropdown summary,.hosting-summary-pill{background:#ffffff;color:#19344d;-webkit-text-fill-color:#19344d;border:1px solid #cfd9e3;box-shadow:none}
.lead,.hero-sub,.hero-hint,.psub,.pbuild,.plist,.val,.compare-card p,.sel-main .muted,.step p,.feature p,.faq .card p,.landing-card-note,.landing-card-list,.landing-list,.proof-card-list,.side-list,.side-note,.tmeta,.trole,.price-note,.price-list,.price-meta span,.support-box,.case-study-copy p,.hero-visual-note,.landing-media-cap,.hero-browser-copy p,.hero-browser-testimonial p,.hero-browser-stat span,.hosting-intro p,.hosting-subnote,.pricing-trust,#proof .section-head p,#testimonials .section-head p,.mock-url,.mini,.modal .field label{color:var(--ss-body);-webkit-text-fill-color:var(--ss-body);text-shadow:none}
.topnav-link,.hero-title,.hero h1,.landing-title,.price h3,.price .num,.cta-copy h2,.side-title,.hero-browser-copy h2,.hero-browser-copy h3,.home-proof-grid h3,.tcard h3,.faq summary,.landing-card-title,.case-study-copy h3,.gallery-card figcaption,.price.card .price-more summary,.price.card .price-meta strong,.price-anchor,.mock-url,.hero-browser-stat strong,.field label{color:var(--ss-text);-webkit-text-fill-color:var(--ss-text);text-shadow:none}
.field input,.field textarea,.field select,#cbDetails,#cbName,#cbEmail,#cbPhone{background:var(--ui-surface);color:var(--ui-text);-webkit-text-fill-color:var(--ui-text);border:1px solid var(--ui-border)}
@media (max-width:820px){main > .cta{padding-top:46px}
}
.callback-form-layout{display:grid;gap:16px}
.callback-form-row{display:grid;gap:14px;padding:18px;border:1px solid rgba(33,53,71,.08);border-radius:22px;background:rgba(255,253,249,.92)}
.callback-form-row--contact{grid-template-columns:repeat(3,minmax(0,1fr))}
.callback-form-row--details{grid-template-columns:minmax(0,1fr)}
.callback-form-turnstile{margin:0}
@media (max-width:820px){.callback-form-row--contact{grid-template-columns:1fr}
}
@media (max-width:560px){.callback-form-row{padding:16px;border-radius:18px}
.mobile-leadbar{left:10px;right:10px;top:calc(var(--topbar-h) + 8px + env(safe-area-inset-top,0px));gap:8px;padding:8px}
}
.hero-stage,.hero-visual-frame,.case-study-media,.cta-card,.mobile-leadbar{box-shadow:var(--ss-shadow-pop),inset 0 1px 0 rgba(255,255,255,.92)}
.lead,.pbuild,.plist,.price-anchor,.per,.field label{color:var(--ui-text);-webkit-text-fill-color:var(--ui-text)}
.field input,.field textarea,.field select{background:#fffdf9;border:1px solid var(--ui-border);color:var(--ui-text);box-shadow:none}
.field input::placeholder,.field textarea::placeholder{color:#87919b}
body.page-home .callback-embed{padding:clamp(18px,3vw,28px)}
body.page-home .callback-form--embed{display:grid;gap:16px}
body.page-home .callback-form--embed .field{margin:0}
body.page-home .callback-form--embed .field label{display:block;margin-bottom:8px;font-weight:700;color:rgba(7,11,24,.88)}
body.page-home .callback-form--embed .field input,body.page-home .callback-form--embed .field textarea{background:#fffdfa;border:1px solid rgba(33,53,71,.16);color:rgba(7,11,24,.92);border-radius:16px;box-shadow:none}
body.page-home .callback-form--embed .field textarea{min-height:150px}
body.page-home .quote-embed-actions{display:flex;justify-content:flex-start}
@media (max-width:860px){body.page-home .callback-form-row--contact{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){body.page-home .callback-embed{padding:18px}
body.page-home .quote-embed-actions .btn{width:100%}
}
body.page-home .callback-form--embed .field input,body.page-home .callback-form--embed .field textarea{color:#111827;-webkit-text-fill-color:#111827;caret-color:#111827;color-scheme:light;cursor:text}
body.page-home .callback-form--embed .field input:focus,body.page-home .callback-form--embed .field input:focus-visible,body.page-home .callback-form--embed .field textarea:focus,body.page-home .callback-form--embed .field textarea:focus-visible{color:#111827;-webkit-text-fill-color:#111827;caret-color:#111827}
body.page-home .callback-form--embed .field input::placeholder,body.page-home .callback-form--embed .field textarea::placeholder{color:rgba(17,24,39,.52);-webkit-text-fill-color:rgba(17,24,39,.52)}
body.page-home .field--budget{display:grid;gap:10px}
body.page-home .budget-range-head{display:flex;justify-content:flex-end}
body.page-home .budget-range-value{font-weight:800;color:rgba(248,250,255,.96)}
body.page-home .budget-range{--budget-fill:0%;width:100%;appearance:none;-webkit-appearance:none;background:transparent;accent-color:#4F8CFF;cursor:default;caret-color:transparent}
body.page-home .budget-range::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(79,140,255,.88) 0%,rgba(47,232,255,.72) var(--budget-fill,0%),rgba(148,163,184,.24) var(--budget-fill,0%),rgba(148,163,184,.24) 100%);border:none;box-shadow:none;cursor:default}
body.page-home .budget-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin-top:-7px;border-radius:999px;border:2px solid rgba(79,140,255,.96);background:#f8fbff;box-shadow:none;cursor:default}
body.page-home .budget-range::-moz-range-track{height:8px;border-radius:999px;background:rgba(148,163,184,.24);border:none;box-shadow:none;cursor:default}
body.page-home .budget-range::-moz-range-progress{height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(79,140,255,.88),rgba(47,232,255,.72));border:none;box-shadow:none}
body.page-home .budget-range::-moz-range-thumb{width:22px;height:22px;border-radius:999px;border:2px solid rgba(79,140,255,.96);background:#f8fbff;box-shadow:none;cursor:default}
body.page-home .budget-range:focus,body.page-home .budget-range:focus-visible,body.page-home .budget-range:active{box-shadow:none;filter:none;transform:none;outline:none;cursor:default}
body.page-home .budget-range:focus-visible{outline:2px solid rgba(79,140,255,.32);outline-offset:6px}
body.page-home .budget-range-scale{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:rgba(226,232,240,.72)}
body.page-home .callback-embed{padding: clamp(20px, 3vw, 30px);}
body.page-home .callback-form-layout{display: grid;
  gap: 20px;}
body.page-home .callback-form-row--contact{display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;}
body.page-home .callback-form-row--details{display: grid;
  grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.1fr);
  gap: 18px;
  align-items: start;}
body.page-home .field--budget{display: grid;
  gap: 12px;
  align-content: start;}
body.page-home .budget-range-head{display: flex;
  justify-content: center;
  align-items: center;}
body.page-home .budget-range-value{display: inline-block;
  font-size: clamp(30px, 4vw, 42px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  text-align: center;
  color: rgba(248, 250, 255, 0.98);}
body.page-home .budget-range-scale{display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 12px;
  color: rgba(226, 232, 240, 0.72);}
@media (max-width: 980px){body.page-home .callback-form-row--contact,body.page-home .callback-form-row--details{grid-template-columns: 1fr;}
}
@media (max-width: 767px){body.page-home .callback-embed{padding: 18px;}
body.page-home .callback-form-layout{gap: 18px;}
body.page-home .budget-range-value{font-size: clamp(28px, 9vw, 36px);}
body.page-home #pricing .addons{margin-top: 30px;}
}
.callback-embed,.callback-form,.price.card,.addons,.hosting-plan-card,.topic-cluster{background:var(--ui-surface);
  border-color:var(--ui-border);
  box-shadow:none;}
.callback-embed,.callback-form,.hosting-dropdown,.price-more{box-shadow:none;}
.callback-form-row--details .field--budget{display:grid;
  gap:10px;}
.budget-range-head{display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;}
.budget-range-value{display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(47,91,255,.16);
  background:linear-gradient(180deg,#ffffff 0%,#f5f8fc 100%);
  color:var(--ss-text);
  font:700 15px/1 var(--font);
  box-shadow:0 10px 24px rgba(16,24,40,.08);}
.budget-range{--budget-fill:48%;
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  height:16px;
  margin:4px 0 0;
  border:none;
  border-radius:999px;
  background:linear-gradient(90deg,#2f63db 0%,#2f63db var(--budget-fill),#d9e2ec var(--budget-fill),#d9e2ec 100%);
  box-shadow:inset 0 0 0 1px rgba(33,53,71,.10);
  cursor:grab;
  touch-action:pan-y;}
.budget-range:focus-visible{outline:2px solid rgba(47,99,219,.30);
  outline-offset:4px;}
.budget-range:active{cursor:grabbing;}
.budget-range::-webkit-slider-runnable-track{height:16px;
  background:transparent;
  border:none;
  border-radius:999px;}
.budget-range::-webkit-slider-thumb{-webkit-appearance:none;
  appearance:none;
  width:28px;
  height:28px;
  margin-top:-6px;
  border:none;
  border-radius:50%;
  background:linear-gradient(180deg,#ffffff 0%,#eef4fb 100%);
  box-shadow:0 10px 24px rgba(33,53,71,.22),0 0 0 1px rgba(33,53,71,.14);
  transition:transform .16s ease;}
.budget-range:hover::-webkit-slider-thumb,.budget-range:focus-visible::-webkit-slider-thumb{transform:scale(1.04);}
.budget-range::-moz-range-track{height:16px;
  background:#d9e2ec;
  border:none;
  border-radius:999px;
  box-shadow:inset 0 0 0 1px rgba(33,53,71,.10);}
.budget-range::-moz-range-progress{height:16px;
  background:#2f63db;
  border:none;
  border-radius:999px;}
.budget-range::-moz-range-thumb{width:28px;
  height:28px;
  border:none;
  border-radius:50%;
  background:linear-gradient(180deg,#ffffff 0%,#eef4fb 100%);
  box-shadow:0 10px 24px rgba(33,53,71,.22),0 0 0 1px rgba(33,53,71,.14);}
.budget-range-scale{display:flex;
  justify-content:space-between;
  gap:12px;
  font-size:13px;
  font-weight:700;
  color:#657586;}
.budget-range-hint{margin:0;
  font-size:13px;
  line-height:1.5;
  color:#657586;}
@media (max-width:767px){#pricing .pricing.pricing--four-up{grid-template-columns:1fr;
    gap:16px;}
#pricing .addons{margin-top:16px;}
.budget-range{height:18px;}
.budget-range::-webkit-slider-runnable-track{height:18px;}
.budget-range::-webkit-slider-thumb{width:30px;
    height:30px;
    margin-top:-6px;}
.budget-range::-moz-range-track,.budget-range::-moz-range-progress{height:18px;}
.budget-range::-moz-range-thumb{width:30px;
    height:30px;}
}

/* 2026-04-25 conversion-readiness polish: proof-to-quote path */
body.page-home #reviews-widget + #quote-form + #contact,
body.page-industry #reviews-widget + #quote-form + #contact{
  padding-top:clamp(28px,4.5vw,56px);
}
body.page-home #quote-form + #contact .callback-embed,
body.page-industry #quote-form + #contact .callback-embed{
  border-color:rgba(181,155,128,.34);
  background:linear-gradient(180deg,rgba(255,253,249,.98),rgba(247,240,231,.94));
}
body.page-home #quote-form + #contact .section-head,
body.page-industry #quote-form + #contact .section-head{
  margin-bottom:14px;
}
body.page-home #quote-form + #contact .quote-embed-actions,
body.page-industry #quote-form + #contact .quote-embed-actions{
  padding-top:2px;
}
@media (min-width:981px){
  body.page-home #quote-form + #contact .callback-form-row--details{
    grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);
  }
}
@media (max-width:767px){
  body.page-home #reviews-widget + #quote-form + #contact,
  body.page-industry #reviews-widget + #quote-form + #contact{
    padding-top:34px;
  }
}

/* 2026-04-25 quote submit background cleanup */
body.page-home #quote-form + #contact .callback-embed,
body.page-industry #quote-form + #contact .callback-embed{
  background:#fffdf9;
  background-image:none;
}
body.page-home #quote-form + #contact .callback-form-row,
body.page-industry #quote-form + #contact .callback-form-row{
  background:#fffdf9;
  background-image:none;
}
body.page-home #quote-form + #contact .quote-embed-actions,
body.page-industry #quote-form + #contact .quote-embed-actions{
  padding-top:10px;
  background:transparent;
  background-image:none;
  border:0;
  box-shadow:none;
}
body.page-home #quote-form + #contact .quote-embed-actions .btn,
body.page-industry #quote-form + #contact .quote-embed-actions .btn{
  box-shadow:none;
}