/* Homepage hero preview: match the quiz and booking canvas while retaining
   the existing hero sequence, GSAP logo draw, page wipe, and no-JS first paint. */
@font-face{font-family:'Outfit Hero';src:url('/assets/fonts/outfit-hero-latin-v15.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
:root{--home-accent:#FFD24A}
article[data-page="home"] .hero.full{
  display:flex;align-items:center;justify-content:center;
  min-height:clamp(600px,calc(100svh - 160px),860px);padding-top:84px;padding-bottom:16px;
  background:var(--violet)
}
/* Keep the existing animated orb, but let the Davro violet stay visually true. */
article[data-page="home"] .orbc{opacity:.08}
article[data-page="home"] .hero .pipes{opacity:.28}
article[data-page="home"] .dm-hero{top:13svh;right:52vw;left:auto;height:62svh;opacity:.28!important;z-index:2}
article[data-page="home"] .dm-hero .s{stroke:#fff}
/* site.js owns the drawD timeline, as on the live site. Do not add a second
   CSS stroke animation: its fill mode can override GSAP's completed paths. */
/* Match the quote and booking header: white lockup over the hero, brand color on scroll. */
#nav.nav-primary-hero:not(.nav-logo-onlight) .dlock path{fill:#fff}
#nav.nav-primary-hero.nav-logo-onlight .dlock path{fill:url(#dg)}
@media(min-width:721px){
  #nav.nav-primary-hero .cta{transition:background-color .3s ease,color .3s ease}
  #nav.nav-primary-hero:not(.nav-logo-onlight) .cta{background:var(--home-accent);color:#000}
  #nav.nav-primary-hero:not(.nav-logo-onlight) .cta::after{background:rgba(14,11,30,.12)}
  #nav.nav-primary-hero.nav-logo-onlight .cta{background:var(--violet);color:#fff}
}
article[data-page="home"] .scroll-cue{display:none}
article[data-page="home"] .home-hero-content{
  position:relative;z-index:auto;width:min(1320px,calc(100% - 2 * var(--gutter)));margin:0 auto;
  padding:22px 0 42px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.94fr);
  gap:clamp(34px,5vw,76px);align-items:center;text-align:left
}
article[data-page="home"] .home-hero-copy{position:relative;z-index:1;min-width:0}
article[data-page="home"] .hero-top,article[data-page="home"] .hero-bottom{
  display:block;grid-area:auto;padding:0
}
article[data-page="home"] .hero-top{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
article[data-page="home"] .hero-top .home-hero-products{
  display:flex;align-items:center;justify-content:flex-start;gap:15px;margin:0;
  font-family:var(--mono);font-size:14px;font-weight:500;line-height:1.5;letter-spacing:0;
  text-transform:none;color:rgba(255,255,255,.84)
}
article[data-page="home"] .home-hero-products i{width:4px;height:4px;flex:0 0 auto;border-radius:50%;background:#fff}
article[data-page="home"] .home-hero-sequence{
  display:block;min-height:0;max-width:none;margin:0;
  font-family:var(--sans);font-size:clamp(48px,5.2vw,82px);
  line-height:1.02;letter-spacing:-.045em;font-weight:600
}
article[data-page="home"] .home-hero-sequence .line{
  display:block;opacity:1;transform:none;vertical-align:bottom
}
article[data-page="home"] .home-hero-sequence .line>span{white-space:nowrap}
article[data-page="home"] .home-hero-break{display:none}
article[data-page="home"] .home-hero-sequence .line>span,
article[data-page="home"] .home-hero-content .rv{opacity:1}
article[data-page="home"] .home-hero-sequence .v{color:#fff}
article[data-page="home"] .home-hero-gold{color:var(--home-accent)}
article[data-page="home"] .home-hero-final{opacity:1;pointer-events:auto;margin-top:18px}
article[data-page="home"] .home-hero-final .hero-actions{
  display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;
  width:100%;margin:0
}
article[data-page="home"] .home-hero-final .btn{width:auto;height:60px;padding:0 22px;gap:14px;font-size:16px;white-space:nowrap}
article[data-page="home"] .home-hero-arrow{font-size:21px;font-weight:400}
article[data-page="home"] .home-hero-final .p.home-hero-subhead{max-width:56ch;margin:0 0 18px;color:rgba(255,255,255,.84);font-family:var(--sans);font-size:clamp(17px,1.35vw,20px);line-height:1.5}
article[data-page="home"] .home-hero-how{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;min-height:38px;margin-top:10px;font-size:15px;color:rgba(255,255,255,.86);text-underline-offset:5px}
article[data-page="home"] .home-hero-how:hover{color:#fff;text-decoration:underline}
/* Match the finished white D stroke over Davro purple without changing other tickers. */
article[data-page="home"] > .ticker{background:color-mix(in srgb,var(--violet) 72%,#fff 28%)}
article[data-page="home"] .home-hero-content a:focus-visible{outline:2px solid #fff;outline-offset:5px}
article[data-page="home"] .home-hero-audience-panel{
  position:relative;z-index:4;min-width:0;padding:clamp(24px,3vw,38px);
  border:1px solid rgba(255,255,255,.75);border-radius:24px;background:#fff;color:var(--text);
  box-shadow:0 24px 70px rgba(28,12,57,.2)
}
article[data-page="home"] .home-hero-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;margin:0 0 26px}
article[data-page="home"] .home-hero-steps>span{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;color:#716a84;text-align:center}
/* Invert the quote process markers for the white quiz card, at half-size. */
article[data-page="home"] .home-hero-steps b{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--lav-2);border-radius:50%;background:#fff;color:rgba(106,41,210,.58);font-size:12.5px;font-weight:700;letter-spacing:-.05em;transition:background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;will-change:transform}
article[data-page="home"] .home-hero-steps .is-current b,
article[data-page="home"] .home-hero-steps .is-complete b{border-color:var(--violet);color:#fff;background:var(--violet);box-shadow:0 5px 12px rgba(11,8,24,.18)}
article[data-page="home"] .home-hero-steps small{font-size:12px;font-weight:700;line-height:1.1;letter-spacing:.045em;text-transform:uppercase}
article[data-page="home"] .home-hero-steps em{max-width:19ch;color:#716a84;font-size:10px;font-style:normal;line-height:1.25}
article[data-page="home"] .home-hero-steps-rail{position:absolute;z-index:0;top:18px;left:16.667%;right:16.667%;height:3px;border-radius:999px;background:var(--lav-2);overflow:hidden}
article[data-page="home"] .home-hero-steps-rail i{display:block;width:100%;height:100%;border-radius:inherit;background:var(--violet);transform:scaleX(0);transform-origin:left center}
article[data-page="home"] .home-hero-audience-panel h2{max-width:18ch;margin:0 0 18px;font-size:clamp(25px,2.3vw,32px);line-height:1.12;letter-spacing:-.035em;font-weight:600}
article[data-page="home"] .home-hero-audience-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
article[data-page="home"] .home-hero-audience-options li{
  display:flex;align-items:center;gap:12px;min-height:72px;padding:10px 12px;
  border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);
  font-size:15px;font-weight:500;line-height:1.25
}
article[data-page="home"] .home-hero-person{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:var(--lav);color:var(--violet)}
article[data-page="home"] .home-hero-person svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
article[data-page="home"].home-hero-ready .home-hero-sequence .line{animation:home-hero-centered-in 1.1s var(--ease) both}
article[data-page="home"].home-hero-ready .home-hero-sequence .line:nth-of-type(n+3){animation-delay:.18s}
article[data-page="home"].home-hero-ready .home-hero-final{animation:home-hero-centered-in 1s var(--ease) .3s both;pointer-events:auto}
article[data-page="home"].home-hero-ready .home-hero-audience-panel{animation:home-hero-panel-in .9s var(--ease) .2s both}
article[data-page="home"].home-hero-complete .home-hero-sequence .line{opacity:1;transform:none;animation:none!important}
article[data-page="home"].home-hero-ready .home-hero-quote,
article[data-page="home"].home-hero-ready .home-hero-quote::before,
article[data-page="home"].home-hero-ready .home-hero-quote::after,
article[data-page="home"].home-hero-ready .home-hero-quote span{animation:none}
@keyframes home-hero-centered-in{from{opacity:1;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes home-hero-panel-in{from{opacity:.8;translate:0 18px}to{opacity:1;translate:0 0}}
@media(max-width:980px){
  article[data-page="home"] .hero.full{min-height:auto;padding-top:88px;padding-bottom:48px}
  article[data-page="home"] .home-hero-content{width:min(760px,calc(100% - 2 * var(--gutter)));grid-template-columns:1fr;gap:30px;padding:30px 0 46px}
  article[data-page="home"] .home-hero-copy{max-width:680px}
  article[data-page="home"] .home-hero-sequence{max-width:none;font-size:clamp(52px,8vw,76px)}
  article[data-page="home"] .dm-hero{top:12svh;right:52vw;left:auto;height:52svh;opacity:.24!important}
}
@media(max-width:720px){
  article[data-page="home"] .hero.full{min-height:0;padding-top:72px;padding-bottom:18px}
  article[data-page="home"] .home-hero-content{width:calc(100% - 40px);gap:18px;padding:12px 0 16px}
  article[data-page="home"] .hero-top{gap:16px}
  article[data-page="home"] .hero-top .home-hero-products{gap:10px;margin-bottom:0;font-size:12px}
  article[data-page="home"] .home-hero-sequence{max-width:11ch;font-size:clamp(42px,11vw,58px);line-height:1.05;letter-spacing:-.045em}
  article[data-page="home"] .home-hero-sequence .line{display:block}
  article[data-page="home"] .home-hero-sequence .line>span{white-space:normal}
  article[data-page="home"] .home-hero-break{display:none}
  article[data-page="home"] .home-hero-final{margin-top:12px}
  article[data-page="home"] .home-hero-final .hero-actions{flex-direction:column;align-items:stretch;gap:8px}
  article[data-page="home"] .home-hero-final .btn{width:100%;height:50px;font-size:15px}
  article[data-page="home"] .home-hero-final .p.home-hero-subhead{margin-bottom:14px;font-size:16px}
  article[data-page="home"] .home-hero-audience-panel{padding:18px 14px;border-radius:20px}
  article[data-page="home"] .home-hero-steps{margin-bottom:14px}
  article[data-page="home"] .home-hero-steps b{width:29px;height:29px;font-size:10.5px}
  article[data-page="home"] .home-hero-steps small{font-size:9px}
  article[data-page="home"] .home-hero-steps em{font-size:9px}
  article[data-page="home"] .home-hero-steps-rail{top:14px;height:2px}
  article[data-page="home"] .home-hero-audience-panel h2{margin-bottom:15px;font-size:25px}
  article[data-page="home"] .home-hero-audience-options{gap:8px}
  article[data-page="home"] .home-hero-audience-options li{min-height:52px;gap:7px;padding:7px;font-size:12px}
  article[data-page="home"] .home-hero-person{width:32px;height:32px;flex-basis:32px}
  article[data-page="home"] .home-hero-person svg{width:21px;height:21px}
  /* Use the same mobile D geometry as the other primary-page heroes. */
  article[data-page="home"] .dm-hero{height:28svh;top:100px;left:auto;right:3vw;opacity:.34!important}
}
@media(prefers-reduced-motion:reduce){article[data-page="home"] .dm-hero .s{animation:none;stroke-dashoffset:0}}
@media(max-width:390px){
  article[data-page="home"] .home-hero-audience-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  article[data-page="home"] .home-hero-audience-options li{font-size:11px;gap:5px;padding:6px}
}
/* Short desktop windows should reveal the first ticker without making the hero feel cramped. */
@media(min-width:981px) and (max-height:820px){
  article[data-page="home"] .hero.full{min-height:calc(100svh - 150px);padding-top:68px;padding-bottom:12px}
  article[data-page="home"] .home-hero-content{padding:14px 0 22px;gap:clamp(28px,3.5vw,48px)}
  article[data-page="home"] .hero-top{gap:16px}
  article[data-page="home"] .home-hero-final{margin-top:12px}
  article[data-page="home"] .home-hero-audience-panel{padding:24px}
  article[data-page="home"] .home-hero-steps{margin-bottom:18px}
  article[data-page="home"] .home-hero-audience-panel h2{margin-bottom:12px;font-size:clamp(23px,2vw,28px)}
  article[data-page="home"] .home-hero-audience-options{gap:8px}
  article[data-page="home"] .home-hero-audience-options li{min-height:62px}
}
@media(min-width:981px) and (max-height:700px){
  article[data-page="home"] .hero.full{min-height:calc(100svh - 110px);padding-top:58px;padding-bottom:10px}
  article[data-page="home"] .home-hero-content{padding:10px 0 16px}
  article[data-page="home"] .home-hero-final .btn{height:52px}
  article[data-page="home"] .home-hero-audience-panel{padding:20px}
  article[data-page="home"] .home-hero-steps{margin-bottom:14px}
  article[data-page="home"] .home-hero-audience-panel h2{margin-bottom:10px;font-size:23px}
  article[data-page="home"] .home-hero-audience-options{gap:6px}
  article[data-page="home"] .home-hero-audience-options li{min-height:56px}
}
@media(max-width:720px) and (prefers-reduced-motion:reduce){
  article[data-page="home"].home-hero-ready .home-hero-sequence .line{animation:none}
}
@media(prefers-reduced-motion:reduce){
  article[data-page="home"].home-hero-ready .home-hero-sequence .line,
  article[data-page="home"].home-hero-ready .home-hero-final,
  article[data-page="home"].home-hero-ready .home-hero-audience-panel{animation:none!important;opacity:1!important;transform:none!important;translate:none!important}
  article[data-page="home"] .home-hero-final{pointer-events:auto!important}
}

/* ---- Home hero quiz ----
   The card keeps its footprint: same tracker, same 2x2 option tiles. home-hero.js upgrades the
   static markup in place. Form-step rules hang off .is-form-step / .home-quiz-tall, toggled by the script. */
article[data-page="home"] .home-hero-audience-panel h2:focus{outline:none}
article[data-page="home"] .home-hero-audience-panel h2:not(.is-form){min-height:2.24em}
article[data-page="home"] .home-hero-audience-panel .home-hero-steps{margin-bottom:20px}
article[data-page="home"] .home-quiz-stage{min-width:0}
article[data-page="home"] .home-quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
article[data-page="home"] .home-quiz-option{display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);font:500 15px/1.25 var(--sans);text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}
article[data-page="home"] .home-quiz-option:hover{border-color:var(--violet-lt);box-shadow:0 8px 20px rgba(106,41,210,.12);transform:translateY(-1px)}
article[data-page="home"] .home-quiz-option:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
article[data-page="home"] .home-quiz-option[aria-pressed="true"]{border-color:var(--violet);background:var(--lav)}
article[data-page="home"] .home-quiz-option[aria-pressed="true"] .home-hero-person{background:var(--violet);color:#fff}
article[data-page="home"] .home-quiz-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:22px;margin-top:10px}
article[data-page="home"] .home-quiz-back{padding:4px 2px;border:0;background:none;color:var(--violet);font:600 14px/1 var(--sans);cursor:pointer}
article[data-page="home"] .home-quiz-back:hover{text-decoration:underline;text-underline-offset:4px}
article[data-page="home"] .home-quiz-back:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:4px}
article[data-page="home"] .home-quiz-note{font-family:var(--section-label);font-size:15px;line-height:1;color:var(--violet)}
article[data-page="home"] .home-hero-audience-panel h2.is-form{max-width:none;margin-bottom:8px;font-size:clamp(23px,2vw,28px)}
article[data-page="home"] .home-quiz-lede{margin:0 0 10px;color:var(--body);font-size:14.5px;line-height:1.5}
article[data-page="home"] .home-quiz-timing{display:block;margin-top:2px;font-family:var(--section-label);font-size:16px;line-height:1.3;color:var(--violet)}
article[data-page="home"] .home-quiz-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none}
article[data-page="home"] .home-quiz-chips li{padding:5px 10px;border-radius:999px;background:var(--lav);color:var(--violet);font-size:12px;font-weight:600;line-height:1.2}
article[data-page="home"] .home-quiz-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
article[data-page="home"] .home-quiz-field{display:flex;flex-direction:column;gap:5px;min-width:0}
article[data-page="home"] .home-quiz-field label,article[data-page="home"] .home-quiz-pref legend{font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--text)}
article[data-page="home"] .home-quiz-field input,article[data-page="home"] .home-quiz-field select{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text);font:400 15px var(--sans);transition:border-color .2s ease,box-shadow .2s ease}
article[data-page="home"] .home-quiz-field input:focus,article[data-page="home"] .home-quiz-field select:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px rgba(106,41,210,.16)}
article[data-page="home"] .home-quiz-field.is-invalid input,article[data-page="home"] .home-quiz-field.is-invalid select{border-color:#A3153A}
article[data-page="home"] .home-quiz-pref{grid-column:1/-1;min-width:0;margin:0;padding:0;border:0}
article[data-page="home"] .home-quiz-pref legend{padding:0;margin-bottom:6px}
article[data-page="home"] .home-quiz-pills{display:flex;flex-wrap:wrap;gap:8px}
article[data-page="home"] .home-quiz-pill{position:relative;display:inline-flex}
article[data-page="home"] .home-quiz-pill input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}
article[data-page="home"] .home-quiz-pill span{display:inline-flex;align-items:center;height:38px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text);font-size:14px;font-weight:500;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
article[data-page="home"] .home-quiz-pill input:checked+span{border-color:var(--violet);background:var(--violet);color:#fff}
article[data-page="home"] .home-quiz-pill input:focus-visible+span{outline:2px solid var(--violet);outline-offset:2px}
article[data-page="home"] .home-quiz-consent{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start}
article[data-page="home"] .home-quiz-consent input{flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;accent-color:var(--violet)}
article[data-page="home"] .home-quiz-consent label{color:#716a84;font-size:11px;line-height:1.45}
article[data-page="home"] .home-quiz-consent a{color:var(--violet);text-underline-offset:2px}
article[data-page="home"] .home-quiz-error{grid-column:1/-1;margin:0;color:#A3153A;font-size:13px;line-height:1.4}
article[data-page="home"] .home-quiz-error[hidden]{display:none}
article[data-page="home"] .home-quiz-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}
article[data-page="home"] .home-quiz-submit{display:inline-flex;align-items:center;gap:12px;height:52px;padding:0 24px;border:0;border-radius:999px;background:var(--violet);color:#fff;font:500 16px var(--sans);cursor:pointer;transition:background-color .2s ease,transform .2s ease}
article[data-page="home"] .home-quiz-submit:hover{background:var(--violet-deep)}
article[data-page="home"] .home-quiz-submit:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
article[data-page="home"] .home-quiz-preview{margin:12px 0 0;color:#716a84;font-size:12px;line-height:1.4}
/* Form step: compact the card so it stays near one screen tall. */
article[data-page="home"] .home-hero-audience-panel.is-form-step{padding-top:26px;padding-bottom:26px}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-hero-steps em{display:none}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-hero-steps{margin-bottom:14px}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-form{gap:8px}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-field input,article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-field select{height:42px}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-pill span{height:36px}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-lede{margin-bottom:8px;font-size:14px}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-chips{margin-bottom:10px}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-pref legend{margin-bottom:4px}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-submit{height:48px}
@media(min-width:981px){
article[data-page="home"].home-quiz-tall .home-hero-content{align-items:start}
article[data-page="home"].home-quiz-tall .home-hero-audience-panel{margin-top:18px}
}
@media(max-width:720px){
article[data-page="home"] .home-quiz-options{gap:8px}
article[data-page="home"] .home-quiz-option{min-height:52px;gap:7px;padding:7px;font-size:12px}
article[data-page="home"] .home-quiz-foot{margin-top:10px}
article[data-page="home"] .home-hero-audience-panel h2.is-form{font-size:22px}
article[data-page="home"] .home-quiz-form{grid-template-columns:repeat(2,minmax(0,1fr))}
article[data-page="home"] .home-quiz-field:nth-child(-n+2){grid-column:1/-1}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-lede{font-size:13.5px}
article[data-page="home"] .home-quiz-submit{height:48px;padding:0 20px;font-size:15px}
}
@media(max-width:390px){article[data-page="home"] .home-quiz-option{font-size:11px;gap:5px;padding:6px}}
@media(prefers-reduced-motion:reduce){article[data-page="home"] .home-quiz-option{transition:none}article[data-page="home"] .home-quiz-option:hover{transform:none}}

/* Form step, fitted: keeps the card inside the hero so the hero does not grow. */
article[data-page="home"] .home-hero-audience-panel.is-form-step{padding-top:22px;padding-bottom:22px}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-hero-steps{margin-bottom:10px}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-form{grid-template-columns:repeat(6,minmax(0,1fr))}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-field[data-field="first"],article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-field[data-field="last"]{grid-column:span 3}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-field[data-field="phone"]{grid-column:span 2}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-field[data-field="email"]{grid-column:span 3}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-field[data-field="zip"]{grid-column:span 1}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-field label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-field input{height:40px;padding:0 12px;font-size:14.5px}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-field input::placeholder{color:#8a83a0}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-lede{margin-bottom:10px}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-consent label{font-size:10.5px;line-height:1.4}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-submit{height:46px}
@media(min-width:981px){article[data-page="home"].home-quiz-tall .home-hero-audience-panel{margin-top:8px}}
article[data-page="home"] .home-quiz-submit svg{flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:720px){
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-form{grid-template-columns:repeat(2,minmax(0,1fr))}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-field[data-field="first"],article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-field[data-field="last"],article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-field[data-field="phone"]{grid-column:span 1}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-field[data-field="zip"]{grid-column:span 1;order:3}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-field[data-field="email"]{grid-column:1/-1;order:4}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-consent,article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-error,article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-actions{order:5}
}

/* Submit step: honeypot, state select (shown only for military or unknown ZIPs) and the sending state. */
article[data-page="home"] .home-quiz-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-field[data-field="state"]{grid-column:1/-1}
article[data-page="home"] .home-quiz-error a{color:inherit;text-underline-offset:2px}
article[data-page="home"] .home-quiz-submit:disabled,article[data-page="home"] .home-quiz-submit.is-busy{opacity:.72;cursor:wait}
@media(max-width:720px){
article[data-page="home"] .home-hero-audience-panel.is-form-step .home-quiz-field[data-field="state"]{grid-column:span 1;order:3}
}
article[data-page="home"] .home-quiz-stage.needs-state .home-quiz-lede{display:none}