/* ==========================================================================
   Sonic Boom layer (conversion sections, mobile sticky bar)
   ========================================================================== */
.hero__aside{display:grid;gap:16px;align-content:end}
.trustrow{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.trustrow li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}
.trustrow .icon{flex:none;width:26px;height:26px;padding:3px;border:var(--b);border-radius:7px;background:var(--gold)}

/* Problem */
.pains__list{display:grid;gap:18px;margin:0;padding:0;list-style:none}
@media (min-width:768px){.pains__list{grid-template-columns:repeat(2,1fr)}}
.pain{position:relative;padding:22px 22px 18px;border:var(--b);border-radius:var(--r);background:#fff;box-shadow:var(--hard-sm)}
.pain h3{margin-bottom:10px;font-family:var(--f-xc);font-weight:900;font-size:clamp(1.75rem,2.6vw,2.25rem);line-height:.95}
.pain p{margin-bottom:12px;color:var(--muted);font-size:15px}
.pain a{display:inline-flex;align-items:center;gap:6px;min-height:40px;font:800 1rem/1 var(--f-c);text-transform:uppercase;letter-spacing:.05em}

/* Proof band */
.proof{padding-block:clamp(40px,6vw,64px);background:var(--gold);border-block:var(--b)}
.proof__in{display:grid;gap:22px}
.proof__h{margin:0;font-size:clamp(2.5rem,5vw,4rem)}
.proof__h mark{background:linear-gradient(transparent 14%,#fff 14%,#fff 90%,transparent 90%)}
.proof__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.proof__list li{display:flex;flex-direction:column;gap:4px;padding:16px;border:var(--b);border-radius:14px;background:#fff;box-shadow:var(--hard-sm)}
.proof__list b{font:900 clamp(2.5rem,4.5vw,3.5rem)/.9 var(--f-xc);font-variant-numeric:tabular-nums}
.proof__list span{font-size:14px;font-weight:500;color:var(--muted)}
.proof__link{justify-self:start;border-bottom-color:var(--ink)}
@media (min-width:1024px){.proof__in{grid-template-columns:auto 1fr;align-items:center;column-gap:40px}.proof__list{grid-template-columns:repeat(4,1fr)}.proof__link{grid-column:2}}

/* Solution: the Standard */
.steps{display:grid;gap:14px;margin:0;padding:0;list-style:none;counter-reset:step}
@media (min-width:768px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.steps{grid-template-columns:repeat(4,1fr)}}
.steps li{counter-increment:step;position:relative;padding:58px 18px 18px;border:var(--b);border-radius:14px;background:#fff;box-shadow:var(--hard-xs)}
.steps li::before{content:counter(step,decimal-leading-zero);position:absolute;left:18px;top:14px;padding:0 4px;font:900 2.25rem/1 var(--f-xc);color:var(--ink);background:linear-gradient(transparent 20%,var(--gold) 20%,var(--gold) 88%,transparent 88%)}
.steps h3{margin:0 0 4px}
.steps p{margin:0;font-size:15px;color:var(--muted)}

/* Action close */
.action__board{display:grid;gap:28px;padding:clamp(20px,3.5vw,40px);border:var(--b);border-radius:24px;background:#fff;box-shadow:10px 10px 0 var(--ink)}
.action__copy h2{font-size:clamp(2.75rem,5.5vw,4.75rem)}
.action__copy p{max-width:30.3em;color:var(--muted);font-size:1.0625rem}
.action__paths{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 0;padding:0;list-style:none}
.input{width:100%;min-height:56px;padding:0 16px;border:var(--b);border-radius:var(--r-sm);background:#fff;font:500 1.0625rem/1.2 var(--f-body);box-shadow:var(--hard-xs)}

/* Mobile sticky action bar */
.stickybar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1.3fr 1fr;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--ink);border-top:2px solid var(--gold);transform:translateY(110%);transition:transform .25s ease}
.stickybar .btn{min-height:48px;padding:8px 10px;font-size:1.0625rem;box-shadow:none}
.stickybar.is-on{transform:none}
@media (min-width:1024px){.stickybar{display:none}}
@media (prefers-reduced-motion:reduce){.stickybar{transition:none}}
@media (max-width:1023px){.ftr__legal{padding-bottom:96px}}

/* Split hero (headline left, map right; layout from variation A) */
.hero--split .hero__grid{display:grid;gap:28px;align-items:center}
.hero--split h1{margin:0 0 16px;font-size:clamp(3.5rem,8vw,7.5rem);line-height:.9}
.hero--split .hero__sub{margin:0 0 22px;max-width:18.25em}
.hero__form{display:grid;gap:12px;max-width:520px;margin-bottom:22px}
.hero__board{display:grid;gap:18px;grid-template-columns:1fr}
.hero__under{display:grid;gap:16px;align-items:start}
@media (min-width:640px){.hero__form{grid-template-columns:1fr auto}}
@media (min-width:1024px){
	.hero--split .hero__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px}
	.hero--split .hero__sub{padding-bottom:0}
	.hero__form{grid-template-columns:1fr}
}
@media (min-width:1280px){.hero__under{grid-template-columns:minmax(0,1fr) 330px}.hero__form{grid-template-columns:1fr auto}}
.hero--split h1{margin-bottom:28px}
.hero__board .legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hero__board .lg{min-height:44px;padding:6px 10px 6px 8px}
.hero__board .lg__t small{display:none}
.hero__board .lg__n{margin-left:auto}
@media (min-width:1024px){.hero--split .hero__grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}}
@media (min-width:1280px){.hero__board .result-card{margin-top:-90px;position:relative;z-index:2}}
@media (min-width:1280px){.hero__board .result-card{margin-top:-24px}.hero__form{grid-template-columns:1fr}}
@media (min-width:1600px){.hero__form{grid-template-columns:1fr auto}}
.hero--split .hero__sub{margin-top:18px}

/* Hero: variation A layout (top-aligned, verified kicker, borderless map) */
.hero--split{padding-top:clamp(28px,4vw,48px)}
.hero--split .hero__grid{align-items:start}
.kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font:800 1rem/1 var(--f-c);text-transform:uppercase;letter-spacing:.14em;color:var(--ink)}
.kicker__dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(68,175,53,.22)}
.hero__board{padding:0;border:0;background:none;box-shadow:none;border-radius:0}
.hero__board .usmap{padding:0}
.hero__board .board__note{margin-top:4px}
@media (min-width:1280px){.hero__board .result-card{margin-top:-40px}}

/* Balanced hero: legend under the checker (left), chips + result card under the map (right) */
.hero__legend{margin-top:26px}
.hero__legend-h{margin:0 0 10px;font:800 .9375rem/1.2 var(--f-c);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.hero__legend .legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hero__legend .lg__t small{display:block}
.hero__board .mchips{margin:2px 0 6px}
.hero__under{grid-template-columns:1fr!important}
.hero__board .result-card{margin-top:0!important}
@media (min-width:1280px){
	.hero__board .result{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:start}
	.hero__board .result__top,.hero__board .result__headline{grid-column:1/-1}
}