.demo{background:#fff;padding:72px 0 110px}.demo-grid{grid-template-columns:1fr minmax(560px,610px);align-items:start;gap:56px;display:grid}.demo-intro .eyebrow{margin-bottom:16px;display:block}.demo-intro h1{font-family:var(--font-head);letter-spacing:-1.6px;color:var(--ink);max-width:560px;margin:0;font-size:52px;font-weight:600;line-height:1.04}.demo-lede{font-family:var(--font-body);color:var(--body-c);max-width:480px;margin:22px 0 0;font-size:16px;line-height:28px}.demo-steps{flex-direction:column;gap:4px;max-width:520px;margin:44px 0 0;padding:0;list-style:none;display:flex}.demo-steps li{border-top:1px solid var(--line);gap:20px;padding:24px 0;display:flex}.demo-steps li:first-child{border-top:none}.demo-num{background:var(--mint);width:38px;height:38px;color:var(--green);font-family:var(--font-head);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:600;display:flex}.demo-steps h3{font-family:var(--font-head);letter-spacing:-.3px;color:var(--ink);margin:5px 0 0;font-size:19px;font-weight:600}.demo-steps li p{font-family:var(--font-body);color:var(--muted);margin:8px 0 0;font-size:15px;line-height:23px}.demo-contact{border-top:1px solid var(--line);max-width:520px;margin-top:40px;padding-top:28px}.demo-contact>span{font-family:var(--font-head);color:var(--ink);margin-bottom:12px;font-size:15px;font-weight:600;display:block}.demo-contact-links{flex-wrap:wrap;gap:12px 28px;display:flex}.demo-contact-links a{font-family:var(--font-head);color:var(--green);align-items:center;gap:8px;font-size:16px;font-weight:600;display:inline-flex}.demo-contact-links a:hover{color:var(--green-hover)}.demo-form-col{position:sticky;top:104px}.demo-card{background:var(--bg);border-radius:24px;padding:36px 36px 32px;box-shadow:inset 0 0 0 1px #e3e3e3}.demo-card-title{font-family:var(--font-head);letter-spacing:-.6px;color:var(--ink);margin:0;font-size:26px;font-weight:600}.demo-card-sub{font-family:var(--font-body);color:var(--muted);margin:8px 0 24px;font-size:15px;line-height:22px}.demo-card .u-field{margin-bottom:15px}.demo-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.demo-card label{font-family:var(--font-head);color:#454f5b;margin:0 0 6px;font-size:12.5px;font-weight:600;display:block}.demo-card label i{color:#e5484d;margin-left:2px;font-style:normal}.demo-card input,.demo-card select,.demo-card textarea{box-sizing:border-box;width:100%;color:var(--ink);font-size:15px;font-family:var(--font-body);background:#fff;border:1px solid #dfe3e8;border-radius:10px;outline:none;padding:12px 14px;transition:border-color .14s,box-shadow .14s}.demo-card textarea{resize:vertical;min-height:92px;line-height:22px}.demo-card input:focus,.demo-card select:focus,.demo-card textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #00ab5526}.demo-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23637381' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.demo-select:invalid{color:var(--muted)}.demo-phone{grid-template-columns:150px 1fr;gap:12px;display:grid}.demo-submit{width:100%;height:52px;margin-top:8px}.demo-fine{text-align:center;font-family:var(--font-body);color:var(--muted);margin:14px 0 0;font-size:13px}.demo-success{text-align:center;padding:8px 0 6px}.demo-success .u-check{background:var(--mint);width:56px;height:56px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:30px;display:flex}.demo-alt{text-align:center;font-family:var(--font-body);color:var(--muted);margin:20px 0 0;font-size:14px}.demo-alt a{font-weight:600}@media (width<=1000px){.demo-grid{grid-template-columns:1fr;gap:44px}.demo-form-col{order:-1;max-width:520px;position:static}.demo-intro h1{font-size:46px}}@media (width<=720px){.demo{padding:44px 0 64px}.demo-intro h1{letter-spacing:-1px;font-size:36px}.demo-lede{font-size:16px}.demo-card{padding:28px 24px}.demo-row{grid-template-columns:1fr;gap:0}.demo-phone{grid-template-columns:130px 1fr}}