/* Labels: no text lives in this file or in the SVGs; all copy is in index.html (data-label hooks, see offers.json). *//* ===== Boom-inspired additions: trust strip + animated process (CSS/SVG only) ===== *//* theme vars (dark default; .how.light overrides) */
/* trust strip */






.trust{position:relative;z-index:1;margin-top:96px}
.trust-in{list-style:none;margin:0 auto;padding:0 32px;max-width:var(--wrap);display:grid;grid-template-columns:1.25fr 1fr 1fr 1.15fr}
.trust li{display:flex;gap:14px;align-items:flex-start;padding:26px 28px 4px;border-top:1px solid rgba(245,241,232,.14)}
.trust li+li{border-left:1px solid rgba(245,241,232,.10)}
.trust li:first-child{padding-left:0}
.trust svg{flex:none;margin-top:3px}
.trust b{display:block;font:700 19px/1.3 var(--display);color:#F5F1E8;letter-spacing:-.01em}
.trust span{display:block;font-size:15px;line-height:1.45;color:rgba(245,241,232,.7);margin-top:4px}
.trust a{text-decoration:none;color:inherit}
.trust a:hover b{text-decoration:underline;text-underline-offset:3px}
.trust a:focus-visible{outline:2px solid #22C3E6;outline-offset:4px;border-radius:4px}
.hero{padding-bottom:64px}/* process rail (desktop) *//* mini diagrams */
/* armed (JS on, motion allowed) but not yet in view: start states */
/* play: one 2.6s pass through the steps, then step 3 keeps a slow loop while visible */
/* paid callout label */


@media (max-width:1080px){
  .trust-in{grid-template-columns:1fr 1fr}
  .trust li:nth-child(3){border-left:0;padding-left:0}
}
@media (max-width:640px){
  .trust{margin-top:56px}
  .trust-in{grid-template-columns:1fr;padding:0 20px}
  .trust li,.trust li:nth-child(3){padding:16px 0;border-left:0}
  .trust b{font-size:17px}
}
@media (min-width:1081px){
  .trust{margin-top:72px}
  .trust-in{grid-template-columns:repeat(4,1fr)}
  .trust li{flex-direction:column;gap:12px;padding:24px 24px 4px}
  .trust li:first-child{padding-left:0}
  .trust b{font-size:18px;text-wrap:balance}
  .trust svg{margin-top:0}
}