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