.demo-page{background:#fff}
.demo-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;align-items:start;padding-block:60px 72px}
.demo-intro{min-width:0;padding-top:9px}
.demo-intro>.eyebrow{display:flex;align-items:flex-start;gap:12px;margin-bottom:var(--page-eyebrow-gap)}
.demo-intro h1{font-size:var(--page-title-size);line-height:var(--page-title-line-height)}
.demo-intro h1>span{text-decoration-thickness:3px;text-underline-offset:7px}
.demo-lede{color:#555e9e;font-size:1.0625rem;line-height:1.7;margin-top:27px;max-width:540px}
.demo-expectations{margin-top:34px}
.demo-expectations>h2{font-size:1.25rem;line-height:1.35}
.demo-expectations ol{list-style:none;margin:21px 0 0;padding:0;display:grid;gap:21px}
.demo-expectations li{display:flex;align-items:flex-start;gap:14px}
.demo-expectations li>span{font-size:.75rem;font-weight:700;line-height:1.7;color:#aa213e;padding-top:3px}
.demo-expectations h3{font-size:1rem;line-height:1.5;letter-spacing:-.01em}
.demo-expectations p{color:#555e9e;font-size:.9375rem;line-height:1.6;margin-top:4px;max-width:440px}
.demo-photo{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;margin:34px 0 0;aspect-ratio:1.9;background:#000d6d}
.demo-photo img{width:100%;height:100%;object-fit:cover;object-position:30% 48%}
.demo-photo figcaption{position:absolute;inset:auto 0 0;padding:65px 24px 22px;background:linear-gradient(transparent,rgba(0,9,73,.86));color:#fff}
.demo-photo figcaption>span{display:block;font-size:.75rem;line-height:1.5;margin-bottom:6px}
.demo-photo strong{display:block;font-size:1.25rem;line-height:1.3}
.demo-form-card{background:#fffefa;border:1px solid #e5dfcf;border-radius:26px;padding:35px 36px 29px;min-width:0;scroll-margin-top:25px}
.demo-form-kicker{font-size:.8125rem;font-weight:600;color:#aa213e;margin-bottom:12px}
.demo-form-card>h2{font-size:2rem;line-height:1.2}
.demo-form-intro{font-size:1rem;line-height:1.65;color:#555e9e;margin-top:15px;margin-bottom:26px}
.demo-form-loading{padding:24px;background:#f0f1f8;border-radius:12px;font-size:.9375rem;color:#555e9e;margin-bottom:20px}
.demo-form-card [hidden]{display:none!important}
.hubspot-form-target{min-width:0}
.hubspot-form-target iframe{display:block;width:100%;max-width:100%;border:0}
.hubspot-form-target .hbspt-form{max-width:100%}
.demo-privacy{font-size:.8125rem;line-height:1.6;color:#555e9e;border-top:1px solid #e6e7f0;margin-top:24px;padding-top:18px}
.demo-privacy a,.demo-noscript a{color:#000d6d;text-decoration:underline;text-underline-offset:3px}
.demo-form-error{padding:22px;border:1px solid #f1bdca;background:#fff3f6;border-radius:14px}
.demo-form-error h3{font-size:1.125rem;line-height:1.4}
.demo-form-error p{font-size:.9375rem;line-height:1.6;color:#555e9e;margin-top:10px}
.demo-form-error>div{display:flex;align-items:flex-start;flex-direction:column;gap:9px;margin-top:18px}
.demo-form-error .button{font-size:.875rem;min-height:46px;padding:11px 20px}
.demo-form-error a,.demo-noscript a{overflow-wrap:anywhere}
.demo-noscript{font-size:.9375rem;line-height:1.65;color:#555e9e;margin-block:18px}
.demo-trust{display:grid;grid-template-columns:1fr 1.65fr;align-items:center;gap:60px;border-top:1px solid #e6e7f0;padding-block:39px 48px;margin-bottom:30px}
.demo-trust .eyebrow{margin-bottom:12px}
.demo-trust h2{font-size:1.25rem;line-height:1.4}
.demo-trust .city-logos{gap:20px}
@media(max-width:1150px){.demo-layout{gap:38px}.demo-form-card{padding:30px 27px}.demo-trust{grid-template-columns:1fr;gap:27px}.demo-trust h2 br{display:none}}
@media(max-width:950px){.demo-layout{grid-template-columns:1fr;gap:35px;max-width:760px;padding-top:42px}.demo-intro h1{font-size:var(--page-title-size)}.demo-lede{max-width:650px}.demo-expectations{margin-top:28px}.demo-expectations ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.demo-expectations li{display:block}.demo-expectations h3{margin-top:8px}.demo-photo{display:none}.demo-form-card{padding:34px}.demo-trust{max-width:760px}}
@media(max-width:640px){.demo-layout{padding-block:35px 48px;gap:30px}.demo-intro h1{font-size:var(--page-title-size)}.demo-intro h1>span{text-decoration:none}.demo-lede{font-size:1rem;margin-top:22px}.demo-expectations ol{grid-template-columns:1fr;gap:17px}.demo-expectations li{display:flex}.demo-expectations h3{margin-top:0}.demo-expectations li>span{min-width:19px}.demo-form-card{padding:26px 22px;border-radius:22px}.demo-form-card>h2{font-size:1.8rem}.demo-form-intro{font-size:.9375rem}.demo-form-error{padding:17px}.demo-trust{padding-block:29px 22px;margin-bottom:10px}.demo-trust h2{font-size:1.125rem}}
/* On smaller screens the form follows the introduction immediately. */
@media(max-width:950px){.demo-layout{gap:0}.demo-intro{display:contents}.demo-intro>.eyebrow{order:0}.demo-intro>h1{order:1}.demo-lede{order:2}.demo-form-card{order:3;margin-top:30px}.demo-expectations{order:4;margin-top:34px}}
