.funnel{max-width:64rem;padding:6rem var(--sc-gutter) 5rem;margin-inline:auto}.funnel__steps{flex-wrap:wrap;gap:1.5rem;margin:0 0 2.5rem;padding:0;list-style:none;display:flex}.funnel__steps li{font-size:var(--sc-t-sm);color:var(--ink-faint);align-items:center;gap:.5rem;display:flex}.funnel__dot{width:1.25rem;height:1.25rem;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--sc-accent-ink);border-radius:50%;place-items:center;display:grid}.funnel__steps li[data-state=now]{color:var(--sc-ink)}.funnel__steps li[data-state=now] .funnel__dot{box-shadow:inset 0 0 0 1.5px var(--sc-accent), inset 0 0 0 5px var(--sc-canvas), inset 0 0 0 10px var(--sc-accent)}.funnel__steps li[data-state=done] .funnel__dot{background:var(--sc-accent);box-shadow:none}.funnel__steps li[data-state=done]{color:var(--sc-ink-soft)}.funnel__panel{min-height:22rem}.funnel__h{outline:none;max-width:18ch;font-size:clamp(2rem,1.2rem + 2.6vw,3.4rem);line-height:1}.funnel__lede{color:var(--sc-ink-soft);font-size:var(--sc-t-lg);max-width:52ch;margin:1rem 0 2rem;line-height:1.5}.funnel__q{border:0;min-width:0;margin:0 0 2rem;padding:0}.funnel__q legend{margin-bottom:.8rem;padding:0;font-weight:600}.funnel__q legend span{color:var(--sc-ink-soft);font-weight:400;font-size:var(--sc-t-sm);margin-left:.4rem}.funnel__chips{flex-wrap:wrap;gap:.5rem;display:flex}.funnel__chip,.funnel__laser{border-radius:var(--sc-r-md);min-height:2.75rem;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;font-size:var(--sc-t-sm);align-items:center;gap:.55rem;padding:.5rem .9rem .5rem .6rem;transition:box-shadow .16s,background-color .16s;display:inline-flex;position:relative}.funnel__chip input,.funnel__laser input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}:is(.funnel__chip:has(input:checked),.funnel__laser:has(input:checked)){box-shadow:inset 0 0 0 1.5px var(--sc-accent);background:#ff6a2b14}:is(.funnel__chip:has(input:focus-visible),.funnel__laser:has(input:focus-visible)){outline:2px solid var(--sc-accent);outline-offset:2px}.funnel__sw{border-radius:50%;flex:none;width:1.2rem;height:1.2rem}.funnel__lasers{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.funnel__laser{flex-direction:column;align-items:flex-start;gap:.2rem;padding:.9rem 1rem}.funnel__lname{font-size:1rem;font-weight:600}.funnel__lnote{color:var(--sc-ink-soft);font-size:var(--sc-t-xs)}.funnel__label{margin-bottom:.5rem;font-weight:600;display:block}.funnel__input{border-radius:var(--sc-r-md);background:var(--sc-surface);width:100%;max-width:30rem;height:3.25rem;box-shadow:inset 0 0 0 1px var(--line);color:var(--sc-ink);border:0;padding:0 1rem;font-size:1.05rem}.funnel__input:focus{outline:2px solid var(--sc-accent);outline-offset:2px}.funnel__input[aria-invalid=true]{box-shadow:inset 0 0 0 1.5px var(--bad)}.funnel__err{color:var(--bad);font-size:var(--sc-t-sm);margin:.6rem 0 0}.funnel__help{color:var(--sc-ink-soft);font-size:var(--sc-t-sm);max-width:56ch;margin:.6rem 0 0}.funnel__help a{color:var(--sc-ink)}.funnel__link{color:var(--sc-ink);text-underline-offset:.25em;text-decoration:underline;-webkit-text-decoration-color:var(--sc-accent);text-decoration-color:var(--sc-accent);cursor:pointer;font-size:var(--sc-t-sm);background:0 0;border:0;padding:.4rem 0}.funnel__nav{justify-content:space-between;gap:1rem;margin-top:2.5rem;display:flex}.funnel__skip{text-align:right;margin-top:.75rem}.btn .ring-loader{position:relative}@media (max-width:640px){.funnel{padding-top:5rem}.funnel__steps{gap:.9rem}.funnel__stepname{display:none}.funnel__steps li[data-state=now] .funnel__stepname{display:inline}.funnel__lasers{grid-template-columns:repeat(2,minmax(0,1fr))}.funnel__nav .btn-lg{flex:1}}
