.form{gap:16px;display:grid}.form .row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=560px){.form .row{grid-template-columns:1fr}}.form label{color:var(--ink);gap:6px;font-size:.88rem;font-weight:700;display:grid}.form input:not([type=checkbox]),.form textarea,.form select{font:inherit;color:var(--navy);background:#fff;border:2px solid #ece7f5;border-radius:14px;padding:13px 16px;font-weight:400}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--ink);outline:none}.form fieldset{border:0;margin:0;padding:0}.form legend{color:var(--ink);margin-bottom:8px;padding:0;font-size:.88rem;font-weight:700}.checks{flex-wrap:wrap;gap:8px;display:flex}.checks label{cursor:pointer;background:#fff;border:2px solid #ece7f5;border-radius:99px;align-items:center;gap:8px;padding:9px 16px;font-weight:650;display:inline-flex}.checks label:has(input:checked){border-color:var(--ink);background:var(--lilac)}.form .consent{color:var(--muted-fg);align-items:flex-start;gap:10px;font-weight:400;display:flex}.form .hp{position:absolute;left:-9999px}.form-msg{color:#9b1c1c;background:#fdecec;border-radius:14px;padding:12px 14px;font-size:.92rem}.form-msg[hidden]{display:none}.form-card{box-shadow:var(--sh-xl);border:1px solid var(--border);background:#fff;border-radius:24px;padding:clamp(24px,4vw,44px)}.demo{padding-top:clamp(36px,6vw,80px);position:relative}.demo-grid{grid-template-columns:1fr 1.05fr;align-items:start;gap:clamp(32px,6vw,88px);display:grid}.demo-copy{position:sticky;top:96px}.demo-copy h1{font-size:clamp(2.2rem,4.6vw,3.4rem)}.demo-copy .lead{margin-top:20px;font-size:1.05rem}.steps{gap:22px;margin:36px 0 0;padding:0;list-style:none;display:grid}.steps li{gap:16px;display:flex}.steps li>span{background:var(--ink);color:#fff;width:34px;height:34px;font-family:var(--display);border-radius:10px;flex:none;place-items:center;font-weight:800;display:grid}.steps h2,.steps h3{letter-spacing:-.02em;margin-bottom:4px;font-size:1.05rem;line-height:1.2}.steps p{color:#4a4f6a;font-size:.95rem}@media (width<=900px){.demo-grid{grid-template-columns:1fr}.demo-copy{position:static}.steps{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;margin:22px -20px 0;padding:0 20px 4px;scroll-padding-inline:20px;display:flex;overflow-x:auto}.steps::-webkit-scrollbar{display:none}.steps li{scroll-snap-align:start;background:#fff;border:1px solid #ece7f5;border-radius:16px;flex-direction:column;flex:0 0 min(78%,300px);gap:10px;padding:16px}.steps li>span{width:30px;height:30px}.steps p{font-size:.9rem}}.form em{color:var(--muted-fg);font-style:normal;font-weight:500}.form input:not([type=checkbox]),.form textarea,.form select{border-width:1px;border-color:var(--border);border-radius:10px;padding:11px 14px;font-size:.95rem}.form select{cursor:pointer}.form input:focus,.form textarea:focus,.form select:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-2) 22%, transparent)}.form .consent{cursor:pointer;align-items:flex-start;gap:10px;font-size:.86rem;line-height:1.5;display:flex}.form .consent .cb{margin-top:2px}.form .consent a{color:var(--brand-dark);text-underline-offset:2px;text-decoration:underline}.opts{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.opt{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;align-content:start;gap:4px;padding:14px;transition:border-color .15s,background .15s,box-shadow .15s;display:grid;position:relative}.opt:hover{border-color:#9aa3b5}.opt:focus-within{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.opt .cb{position:absolute;top:12px;right:12px}.opt-t{font-family:var(--display);color:var(--ink);padding-right:24px;font-size:1rem;font-weight:800;line-height:1.2}.opt-d{color:var(--muted-fg);font-size:.8rem;font-weight:400;line-height:1.4}.opt:has(.cb:checked){border-color:var(--ink);background:var(--lilac);box-shadow:0 0 0 1px var(--ink)}@media (width<=560px){.opts{grid-template-columns:1fr}}.demo-copy>*,.form-card{animation:.55s cubic-bezier(.2,.7,.2,1) both up}.demo-copy>:nth-child(2){animation-delay:80ms}.demo-copy>:nth-child(3){animation-delay:.16s}.demo-copy>:nth-child(4){animation-delay:.24s}.form-card{animation-delay:.15s}@media (prefers-reduced-motion:reduce){.demo-copy>*,.form-card{animation:none!important}}
