.demo-page{padding:160px 48px 100px}@media(max-width:768px){.demo-page{padding:130px 20px 60px}}.demo-page-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}@media(max-width:900px){.demo-page-inner{grid-template-columns:1fr;gap:48px}}.demo-page-label{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#f56e59;margin-bottom:20px}.demo-page-title{font-size:clamp(28px,3.5vw,40px);font-weight:600;line-height:1.15;letter-spacing:-.03em;color:#0a0a0b;margin:0 0 20px}.demo-page-sub{font-size:16px;line-height:1.7;color:#737373;margin:0 0 48px}.demo-page-points{display:flex;flex-direction:column;gap:28px}.demo-point{display:flex;gap:16px;align-items:flex-start}.demo-point h4{font-size:15px;font-weight:600;color:#0a0a0b;margin:0 0 4px}.demo-point p{font-size:14px;color:#737373;line-height:1.5;margin:0}.demo-point-num{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:#fafafa;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#737373}.demo-form,.demo-point-num{border:1px solid #e5e5e5;display:flex}.demo-form{flex-direction:column;gap:20px;background:#fff;border-radius:16px;padding:36px}.demo-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.demo-form-row{grid-template-columns:1fr}}.demo-field{display:flex;flex-direction:column;gap:6px}.demo-field label{font-size:13px;font-weight:500;color:#0a0a0b}.demo-field input,.demo-field select,.demo-field textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;padding:10px 14px;border:1px solid #e5e5e5;border-radius:8px;background:#fafafa;color:#0a0a0b;transition:border-color .2s cubic-bezier(.22,1,.36,1);outline:none;resize:vertical}.demo-field input::placeholder,.demo-field select::placeholder,.demo-field textarea::placeholder{color:#a3a3a3}.demo-field input:focus,.demo-field select:focus,.demo-field textarea:focus{border-color:#a3a3a3}.demo-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%23737373' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.demo-submit{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:500;padding:12px 28px;background:#0a0a0b;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s cubic-bezier(.22,1,.36,1);margin-top:4px}.demo-submit:hover{background:#262626}.demo-success{text-align:center;padding:60px 36px;background:#fff;border:1px solid #e5e5e5;border-radius:16px}.demo-success-icon{width:56px;height:56px;border-radius:50%;background:#e8f5e9;color:#2e7d32;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.demo-success h3{font-size:22px;font-weight:600;color:#0a0a0b;margin:0 0 12px}.demo-success p{font-size:15px;color:#737373;line-height:1.6;margin:0 0 28px}.demo-success-btn{display:inline-flex;padding:12px 28px;background:#0a0a0b;color:#fff;font-size:14px;font-weight:500;border-radius:8px;text-decoration:none;transition:background .2s cubic-bezier(.22,1,.36,1)}.demo-success-btn:hover{background:#262626}