body{background:radial-gradient(circle at 50% 0%,#f9effa 0%,#fff 42%)}
.flow-main{width:min(100% - 40px,680px);margin:0 auto;padding:clamp(150px,16vw,190px) 0 80px}
.flow-kicker{color:var(--pink);font-size:.8rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.flow-main h1{margin:16px 0;font-size:clamp(2.2rem,6vw,3.8rem);line-height:1.05;letter-spacing:-.045em;font-weight:500}
.flow-main h1 em{color:var(--pink);font-style:normal}
.flow-lead{margin:0 0 32px;color:var(--muted);font-size:1.1rem;line-height:1.65}
.flow-card{padding:clamp(24px,5vw,42px);border:1px solid var(--rule);border-radius:24px;background:#fff;box-shadow:0 18px 50px #54335a0d}
.flow-card h2{margin:34px 0 16px;font-size:1.35rem;font-weight:600}
.flow-card h2:first-child{margin-top:0}
.flow-card label{display:block;margin:18px 0;color:#594b62;font-size:.95rem;font-weight:600}
.flow-card input:not([type=radio]):not([type=checkbox]),.flow-card textarea,.flow-card select{display:block;width:100%;margin-top:8px;padding:13px 15px;border:1px solid #dcd0e4;border-radius:12px;background:#fff;color:var(--ink);font:inherit}
.flow-card textarea{min-height:145px;resize:vertical}
.flow-card :is(input,textarea,select):focus{outline:2px solid var(--violet);outline-offset:2px}
.flow-card fieldset{margin:24px 0;padding:0;border:0}
.flow-card legend{color:#594b62;font-weight:600}
.flow-card fieldset label{display:flex;align-items:flex-start;gap:9px;margin:10px 0;font-weight:400}
.flow-card fieldset input{margin-top:3px;accent-color:var(--pink)}
.flow-card .hint{color:var(--muted);font-size:.88rem;font-weight:400;line-height:1.5}
.flow-card .note{margin:26px 0;color:var(--muted);font-size:.85rem;line-height:1.5}
.flow-card .trap{position:absolute;left:-10000px}
.flow-card .action-button{min-height:55px;margin-top:4px}
.flow-feedback{margin:0 0 20px;padding:14px 16px;border-radius:12px;background:#fff0f2;color:#933952}
.flow-feedback[hidden],.flow-card [hidden]{display:none}
.thanks-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:28px}
.thanks-actions .action-button{margin:0}
.thanks-home{color:var(--violet);font-weight:600}
.thanks-edit-link{display:inline-block;margin:0 0 8px;color:var(--violet);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.thanks-recap{margin-top:32px}
.thanks-recap h2{margin-top:0}
.thanks-recap form>label{margin:12px 0;padding:7px 0;border-bottom:1px solid var(--rule)}
.flow-card.thanks-recap form>label :is(input,select,textarea){margin-top:3px;padding:7px 0;border:0;border-radius:0;background:transparent;cursor:text}
.flow-card.thanks-recap form>label :is(input,select,textarea):focus{padding:7px 10px;border-radius:8px;background:#fff}
.flow-card.thanks-recap form>label select{cursor:pointer}
.thanks-recap .flow-feedback.is-success{background:#edfaf2;color:#1e6d40}
.thanks-demo-note{padding:12px 16px;border-radius:10px;background:#f4efff;color:#4c3e80;font-size:.9rem}
.legal-page{width:min(100% - 40px,780px)}
.legal-page .flow-card{line-height:1.65}
.legal-page .flow-card a{color:var(--violet);text-decoration:underline}
@media(max-width:760px){.flow-main{width:calc(100% - 28px);padding-top:125px}.flow-card{border-radius:18px}}
