.demo-page{background:radial-gradient(circle at 16% 5%,#2563eb1c,#0000 34%),radial-gradient(circle at 86% 18%,#14b8a61c,#0000 32%),linear-gradient(#f8fbff 0,#fff 48%);min-height:calc(100vh - 170px);padding:clamp(48px,7vw,90px) 0 96px}.demo-shell{width:min(1040px,100% - 32px);margin:auto}.demo-intro{text-align:center;max-width:760px;margin:0 auto 42px}.demo-eyebrow,.demo-kicker{color:#2563eb;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:850;display:block}.demo-intro h1{margin:13px 0 15px;font-size:clamp(2.4rem,6vw,4.25rem);line-height:.98}.demo-intro>p{color:#52525b;max-width:680px;margin:auto;font-size:1.04rem;line-height:1.75}.demo-response-note{color:#3f3f46;background:#eff6ffc7;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:7px;width:fit-content;margin:22px auto 0;padding:10px 14px;font-size:.8rem;display:flex}.demo-response-note svg{fill:#2563eb}.demo-grid{grid-template-columns:minmax(0,.88fr) minmax(430px,1.12fr);align-items:start;gap:26px;display:grid}.demo-expectations,.demo-form-card{background:#fffffff0;border:1px solid #e4e4e7;border-radius:18px;box-shadow:0 24px 58px #0f172a17}.demo-expectations{padding:34px}.demo-expectations__heading{align-items:flex-start;gap:15px;display:flex}.demo-icon-tile{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#ccfbf1);border-radius:12px;flex:0 0 47px;place-items:center;height:47px;display:grid}.demo-icon-tile svg,.demo-benefits svg{fill:currentColor}.demo-expectations h2{margin:7px 0 17px;font-size:clamp(1.55rem,3vw,2.1rem);line-height:1.08}.demo-muted{color:#71717a;line-height:1.7}.demo-benefits{border-top:1px solid #e4e4e7;gap:20px;margin:27px 0 0;padding:25px 0 0;list-style:none;display:grid}.demo-benefits li{color:#2563eb;grid-template-columns:24px 1fr;gap:12px;display:grid}.demo-benefits strong,.demo-benefits span{display:block}.demo-benefits strong{color:#18181b;margin-bottom:4px}.demo-benefits span{color:#71717a;font-size:.82rem;line-height:1.5}.demo-form-card{padding:36px;position:relative;overflow:hidden}.demo-form-card__accent{background:linear-gradient(90deg,#2563eb,#14b8a6);height:4px;position:absolute;inset:0 0 auto}.demo-form-card__header h2,.demo-success h2{margin:7px 0 6px;font-size:2rem}.demo-topic-context{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;align-items:center;gap:8px;margin:18px 0 4px;padding:11px 13px;font-size:.82rem;display:flex}.demo-topic-context[hidden]{display:none}.demo-topic-context svg{fill:#2563eb;flex:none}.demo-form{gap:18px;margin-top:25px;display:grid}.demo-field{color:#3f3f46;gap:7px;font-size:.79rem;font-weight:700;display:grid}.demo-input{background:#fff;border:1px solid #d4d4d8;border-radius:8px;align-items:center;gap:10px;min-height:50px;padding:0 13px;transition:border-color .18s,box-shadow .18s;display:flex}.demo-input:focus-within,.demo-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.demo-input svg{fill:#71717a;flex:none}.demo-input input{color:#18181b;background:0 0;border:0;outline:0;width:100%;height:46px}.demo-field textarea{resize:vertical;border:1px solid #d4d4d8;border-radius:8px;outline:0;width:100%;padding:13px;line-height:1.5}.demo-field small,.demo-contact>small{color:#dc2626;min-height:0;font-size:.74rem}.demo-field.is-invalid .demo-input,.demo-field.is-invalid textarea,.demo-contact.is-invalid{border-color:#dc2626}.demo-contact{border:1px solid #e4e4e7;border-radius:10px;margin:0;padding:16px}.demo-contact legend{padding:0 4px;font-size:.8rem;font-weight:800}.demo-contact>p{color:#71717a;margin:0 0 13px;font-size:.75rem}.demo-contact__fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.demo-honeypot{position:absolute;left:-10000px}.demo-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 14px;font-size:.82rem}.demo-error[hidden]{display:none}.demo-submit{border:0;width:100%}.demo-submit[disabled]{opacity:.65;cursor:wait;transform:none}.demo-data-use,.demo-config-note{color:#71717a;justify-content:center;align-items:center;gap:7px;margin:-4px 0 0;font-size:.72rem;display:flex}.demo-data-use svg{fill:#71717a}.demo-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:420px;display:flex}.demo-success[hidden]{display:none}.demo-success__icon{color:#16a34a;background:#dcfce7;border-radius:50%;place-items:center;width:62px;height:62px;margin-bottom:18px;display:grid}.demo-success__icon svg{fill:currentColor}.demo-success p{color:#71717a;max-width:370px;line-height:1.65}@media (width<=840px){.demo-grid{grid-template-columns:1fr}.demo-expectations{order:2}}@media (width<=560px){.demo-page{padding-top:38px}.demo-shell{width:min(100% - 20px,1040px)}.demo-intro{text-align:left}.demo-response-note{flex-wrap:wrap;align-items:flex-start;margin-left:0}.demo-expectations,.demo-form-card{border-radius:14px;padding:24px 18px}.demo-contact__fields{grid-template-columns:1fr}}