.wl{padding-block:28px 56px}
.wl .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}
@media (min-width:920px){.wl{padding-block:64px 88px}.wl .wrap{grid-template-columns:minmax(0,1fr) minmax(0,0.92fr);gap:56px}}
.wl-copy{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.wl-copy h1{font-size:clamp(36px,9.6vw,60px)}
.bf{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--ink-2)}
.bf .soon{font-size:13px}
.bf img{height:44px;width:auto;display:block}
.gift{background:var(--sun-soft);border-radius:var(--rad-lg);padding:20px 22px;display:flex;flex-direction:column;gap:4px;box-shadow:inset 0 0 0 1.5px var(--sun);align-self:stretch}
.gift .figure{font:400 clamp(44px,13vw,68px)/1 var(--display);letter-spacing:-0.015em;color:var(--sun-ink)}
.gift p{color:var(--sun-ink)}
.quote.wl-form{margin-top:0;padding:24px}
.wl-form h2{font:400 26px/1.1 var(--display);letter-spacing:-0.01em}
.wl-form .fields{grid-template-columns:minmax(0,1fr)}
.field select{width:100%;min-height:48px;padding:10px 40px 10px 14px;border:0;border-radius:var(--rad-md);font:400 16px/1.3 var(--body);color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-input);appearance:none;-webkit-appearance:none}
.field select:focus-visible{outline:2px solid var(--ink);outline-offset:0;box-shadow:none}
.field select[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--bad)}
.sel{position:relative;display:block}
.sel svg{position:absolute;right:14px;top:50%;translate:0 -50%;color:var(--ink-3);pointer-events:none}
.wl-form .btn{width:100%}
.wl-form .quote-actions{flex-direction:column;align-items:stretch}
.done{gap:16px;padding:28px 24px;align-items:flex-start}
.reg{display:flex;align-items:center;align-self:stretch;min-height:64px;border-radius:99px;background:var(--sun-soft);color:var(--sun-ink);padding:6px;overflow:hidden}
.reg-lbl{flex:1;text-align:center;font-weight:600;font-size:17px;padding-left:52px;min-width:0}
.reg-lbl b{font-weight:600}
.reg-knob{width:52px;height:52px;border-radius:99px;background:var(--ink);color:var(--on-dark);display:grid;place-items:center;flex:none}
.done.play .reg-knob{animation:reg-slide 640ms var(--ease-out) both}
.done.play .reg-knob svg{animation:reg-pop 260ms var(--ease-out) 560ms both}
.done.play .reg-lbl,.done.play>h2,.done.play>p,.done.play>ol,.done.play>.cta-row{opacity:0;translate:0 8px;animation:rise 360ms var(--ease-out) forwards}
.done.play .reg-lbl{animation-delay:520ms}.done.play>h2{animation-delay:640ms}.done.play>p{animation-delay:720ms}.done.play>ol{animation-delay:800ms}.done.play>.cta-row{animation-delay:880ms}
@keyframes reg-slide{from{transform:translateX(calc(var(--w,0px) * -1))}to{transform:none}}
@keyframes reg-pop{from{opacity:0;transform:scale(0.5)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.done.play .reg-knob,.done.play .reg-knob svg{animation:none}.done.play .reg-lbl,.done.play>h2,.done.play>p,.done.play>ol,.done.play>.cta-row{animation:none;opacity:1;translate:none}}
.done h2{font:400 clamp(28px,7vw,36px)/1.08 var(--display);letter-spacing:-0.012em}
.done ol{padding-left:20px;display:grid;gap:8px;color:var(--ink-2)}
.done .cta-row{margin-top:4px}
.wl-next{padding-block:0 64px}