.demo-surface{background:linear-gradient(to bottom, var(--website-surface-hero) 0 52%, var(--website-surface-section) 52% 100%);padding:76px 0 88px}.demo-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:start;gap:56px;display:grid}.demo-copy{min-width:0}.demo-copy h1{letter-spacing:-1.8px;margin:-.12em 0 22px;font-size:clamp(44px,4.6vw,68px);font-weight:600;line-height:1.04}.demo-copy h2{letter-spacing:-.65px;margin:0;font-size:clamp(24px,2.35vw,34px);font-weight:600;line-height:1.25}.demo-copy>p{margin:24px 0 34px;font-size:20px;font-weight:500;line-height:1.55}.demo-copy .trademarked-photo{max-width:none;margin:0}.demo-copy .demo-photo{aspect-ratio:auto;object-fit:contain;border-radius:14px;width:100%;height:auto;max-height:none;display:block}.demo-surface .demo-form{background:var(--website-surface-white);border:1px solid #dedfe4;border-radius:22px;min-width:0;padding:32px;box-shadow:0 16px 32px #1c202b14,0 3px 8px #1c202b08}.demo-surface .form-grid{gap:22px 16px}.demo-surface .form-grid label{font-size:14px;font-weight:500;line-height:22px}.demo-required{color:#c82333}.demo-surface .form-input{border-color:#d2d4d9;border-radius:8px;min-height:46px;margin-top:8px;font-size:16px}.demo-surface .form-input::placeholder{color:#7c8493;font-size:14px}.demo-surface .form-input:focus-visible{border-color:var(--website-action-primary);outline-offset:2px;outline:2px solid #1169e833}.demo-surface textarea.form-input{min-height:104px}.demo-surface .consent{color:#242833;margin:24px 0 22px;font-size:12px;line-height:19px}.demo-surface .consent input{width:19px;height:19px}.demo-surface .submit-button{border-radius:8px;height:48px}@media (max-width:1050px){.demo-layout{gap:32px}.demo-surface .demo-form{padding:26px}.demo-copy>p{font-size:18px}}@media (max-width:800px){.demo-surface{padding:48px 0 60px}.demo-layout{grid-template-columns:minmax(0,1fr);gap:36px;max-width:620px}.demo-copy h1{letter-spacing:-1px;margin-top:0;font-size:46px}.demo-copy h2{font-size:28px}.demo-copy>p{margin:20px 0 28px}.demo-surface .demo-form{padding:28px}}@media (max-width:540px){.demo-copy h1{font-size:42px}.demo-copy h2{font-size:25px}.demo-copy>p{font-size:17px;line-height:27px}.demo-surface .demo-form{border-radius:18px;padding:24px 20px}.demo-surface .form-grid{gap:20px 12px}.demo-surface .form-grid label{font-size:13px}}