.demo-band{background:var(--deep-green);color:var(--on-dark);min-height:calc(100vh - 68px);padding:88px 0 120px}.demo-grid{grid-template-columns:1fr 560px;align-items:start;gap:88px;display:grid}.demo-copy h1{max-width:480px}.demo-copy .lead{color:#ffffffa8;max-width:420px;margin-top:26px}.next-steps{margin-top:64px}.next-steps h2{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;margin-bottom:8px;font-size:12px;font-weight:400}.step-row{border-bottom:1px solid #ffffff29;grid-template-columns:44px 1fr;align-items:baseline;gap:20px;padding:22px 0;display:grid}.step-row:first-of-type{border-top:1px solid #ffffff29}.step-num{font-family:var(--font-mono);color:var(--coral-soft);font-size:13px}.step-row h3{font-size:20px;font-weight:400}.step-row p{color:#fff9;max-width:380px;margin-top:5px;font-size:14.5px}.demo-reassure{color:#ffffff80;max-width:380px;margin-top:36px;font-size:13.5px}.form-card{background:var(--canvas);color:var(--ink);border-radius:var(--r-lg);padding:44px}.form-card h2{margin-bottom:6px;font-size:24px;font-weight:400}.form-card>p.caption{margin-bottom:28px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-grid .field.full{grid-column:1/-1}.form-card .btn-primary{justify-content:center;width:100%;margin-top:28px}.form-card .btn-primary[disabled]{opacity:.6;cursor:progress;transform:none}.form-foot{text-align:center;color:var(--muted);margin-top:16px;font-size:12px}.form-error{color:var(--error);border-radius:var(--r-xs);background:#fdecec;border:1px solid #f5c2c2;margin-top:18px;padding:11px 14px;font-size:13.5px}.form-success{text-align:center;padding:48px 12px;display:none}.form-success .tick{background:var(--pale-green);width:56px;height:56px;color:var(--deep-green);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:24px;display:flex}.form-success h2{margin-bottom:10px}.form-success p{color:var(--body-muted);max-width:320px;margin:0 auto}.form-card.sent form{display:none}.form-card.sent .form-success{display:block}.form-card.sent>h2,.form-card.sent>p.caption{display:none}@media (max-width:1100px){.demo-grid{grid-template-columns:1fr;gap:56px}.form-card{max-width:640px}}@media (max-width:640px){.form-grid{grid-template-columns:1fr}.form-card{padding:28px}}
