body { background:var(--lime); color:var(--coal); min-height:100vh; min-height:100svh; }
main { min-height:100vh; min-height:100svh; display:grid; place-items:center; padding:calc(24px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom)); }
.ask-shell { width:min(100%,620px); }
.brand-mark::before { background:var(--coal); box-shadow:none; }
.eyebrow { margin:64px 0 16px; font-size:12px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
h1 { margin:0; font-size:clamp(54px,14vw,94px); line-height:.82; letter-spacing:-.07em; text-transform:uppercase; }
.lede { font-size:19px; line-height:1.4; max-width:450px; margin:24px 0 40px; }
form { display:grid; gap:11px; }
label { font-size:12px; font-weight:850; letter-spacing:.04em; }
label span { font-weight:600; opacity:.6; }
textarea,input { width:100%; border:2px solid var(--coal); border-radius:16px; color:var(--coal); background:rgba(255,255,255,.55); padding:16px; }
textarea { resize:vertical; min-height:145px; font-size:20px; line-height:1.35; }
input { height:54px; }
textarea::placeholder,input::placeholder { color:rgba(12,13,14,.5); }
.field-row { display:grid; grid-template-columns:1fr auto; align-items:end; gap:16px; }
.field-row > div:first-child { display:grid; gap:8px; }
.count { padding-bottom:17px; font-size:11px; font-weight:750; opacity:.62; font-variant-numeric:tabular-nums; }
form .button { margin-top:10px; background:var(--coal); color:var(--ink); border-color:var(--coal); }
.form-error { min-height:20px; margin:0; font-size:13px; font-weight:750; color:#8e250b; }
.success { min-height:70vh; display:grid; align-content:center; justify-items:start; }
.success .eyebrow { margin:24px 0 12px; }
.check { width:72px; height:72px; border:3px solid var(--coal); border-radius:50%; display:grid; place-items:center; font-size:38px; font-weight:900; }
.success .button.secondary { color:var(--coal); border:2px solid var(--coal); }
@media (max-width:480px) { .eyebrow{margin-top:48px}.lede{margin-bottom:28px} }