/* Plan sign-up dialog: opened from pricing cards; the form posts to Inkwell like Contact. */
.su-dialog{width:min(760px,calc(100% - 48px));max-height:calc(100dvh - 48px);padding:0;border:0;border-radius:20px;background:var(--paper);color:var(--ink);box-shadow:0 30px 80px #10172240;overflow:auto;overscroll-behavior:contain}
.su-dialog::backdrop{background:#101722a6;backdrop-filter:blur(3px)}
html:has(.su-dialog[open]){overflow:hidden}
.su-panel{position:relative;padding:40px 50px 34px}
.su-close{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:background .2s,color .2s}
.su-close:hover{background:var(--ink);color:var(--paper)}.su-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.su-close:focus-visible,.su-plan input:focus-visible+span,.su-form :is(input,select,textarea):focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.su-view[hidden]{display:none}
.su-view>.ddc-label{color:var(--blue);margin-bottom:18px}
.su-title{font-size:clamp(30px,3.4vw,40px);line-height:1.12;letter-spacing:-.045em;font-weight:600;padding-right:50px}.su-title span{color:var(--blue)}.su-title:focus{outline:none}
@media(min-width:641px){.su-title br{display:none}.su-title span:before{content:" "}}
.su-intro{font-size:14px;line-height:1.8;color:var(--muted);max-width:38em;margin-top:14px}
.su-form{margin-top:26px}
.su-plans{border:0;padding:0;margin:0;min-width:0}.su-plans[hidden]{display:none}
.su-plans legend{padding:0;font-size:12px;font-weight:600;line-height:1.5;margin-bottom:8px}
.su-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.su-plan{position:relative;display:block;cursor:pointer}
.su-plan input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.su-plan span{display:block;height:100%;padding:12px 16px;border:1px solid #c5cbd5;border-radius:12px;background:#ffffff70;transition:border-color .2s,background .2s,box-shadow .2s}
.su-plan strong{display:block;font-size:14px;font-weight:600;line-height:1.4}
.su-plan small{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:2px}
.su-plan input:checked+span{border-color:var(--blue-strong);background:var(--blue-wash);box-shadow:inset 0 0 0 1px var(--blue-strong)}
.su-plan-note{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0 20px}
.su-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.su-form label:not(.su-plan){display:block;font-size:12px;font-weight:600;line-height:1.5;margin:0 0 8px}
.su-form input:not([type=radio]),.su-form select,.su-form textarea{display:block;width:100%;border:1px solid #c5cbd5;background:#ffffff70;border-radius:7px;padding:12px 14px;font:inherit;font-size:14px;color:var(--ink);margin-bottom:16px;min-height:48px}
.su-form textarea{resize:vertical;min-height:78px}
.su-form ::placeholder{color:#8a8d98}
.su-end{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:4px}
.su-end p{max-width:300px}.su-end p a{text-decoration:underline}
.su-end button{flex-shrink:0;font-size:12px;cursor:pointer;font-family:inherit}
.su-done{padding:10px 0 4px}
.su-done-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--blue-wash);color:var(--blue-strong);margin-bottom:26px}.su-done-mark svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.su-call{font-size:14px;line-height:1.8;color:var(--muted);margin-top:6px}.su-call a{color:var(--ink);text-decoration:underline;white-space:nowrap}
.su-done .ddc-pill{margin-top:30px;background:transparent;font-family:inherit;cursor:pointer}
.su-sent .inkwell-sent{display:none!important}
@media(max-width:640px){
 .su-dialog{width:100%;max-width:none;max-height:calc(100dvh - 24px);margin:auto 0 0;border-radius:20px 20px 0 0}
 .su-panel{padding:30px 22px calc(26px + env(safe-area-inset-bottom))}
 .su-close{top:14px;right:14px}
 .su-title{font-size:clamp(30px,8.6vw,38px);padding-right:44px}
 .su-intro{font-size:13px}
 .su-form{margin-top:24px}
 .su-plan-grid{grid-template-columns:1fr;gap:8px}.su-plan span{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 16px}.su-plan small{margin:0}
 .su-form input:not([type=radio]),.su-form select,.su-form textarea{font-size:16px}
 .su-row{grid-template-columns:1fr;gap:0}
 .su-end{flex-direction:column;align-items:stretch;gap:16px}.su-end p{max-width:none}
 .su-end button{justify-content:space-between}
}
@media(prefers-reduced-motion:no-preference){.su-dialog[open]{animation:su-in .28s var(--ease)}@keyframes su-in{from{opacity:0;translate:0 16px}}}