.demo-page{min-height:100vh;background:#f7f8fb}.demo-hero{background:linear-gradient(140deg,#0b1d3a,#122952 60%,#1a3870);padding:7rem 0 0;position:relative;overflow:hidden}.demo-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 80% 50%,rgba(201,134,42,.15),transparent 60%)}.demo-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:end;position:relative;z-index:1}.demo-hero-copy{padding-bottom:4rem}.demo-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:#c9862a26;border:1px solid rgba(201,134,42,.35);color:#f0b84a;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.35rem 1rem;border-radius:2rem;margin-bottom:1.5rem}.demo-hero-copy h1{color:#fff;font-size:clamp(2rem,4.5vw,3rem);margin-bottom:1.25rem;line-height:1.2}.demo-hero-copy p{color:#ffffffb8;font-size:1.05rem;line-height:1.75;margin-bottom:2rem}.demo-trust-badges{display:flex;flex-direction:column;gap:.75rem}.demo-trust-badge{display:flex;align-items:center;gap:.75rem;color:#ffffffb3;font-size:.9rem}.demo-trust-badge svg{width:18px;height:18px;color:#c9862a;flex-shrink:0}.demo-form-wrap{background:#fff;border-radius:1.5rem 1.5rem 0 0;padding:2.5rem 2.5rem 3rem;box-shadow:0 -8px 40px #0b1d3a33;position:relative;z-index:2}.demo-form-wrap h2{font-size:1.4rem;color:#0b1d3a;margin-bottom:.5rem}.demo-form-wrap>p{font-size:.9rem;color:#7a8fa8;margin-bottom:2rem}.form-progress{display:flex;gap:.5rem;align-items:center;margin-bottom:2rem}.progress-step{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600}.progress-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;background:#e8edf5;color:#9aa8be;transition:background .3s,color .3s}.progress-dot.active{background:#c9862a;color:#fff}.progress-dot.done{background:#2d8f56;color:#fff}.progress-step span{color:#9aa8be;font-size:.8rem}.progress-step.active span{color:#0b1d3a}.progress-line{flex:1;height:2px;background:#e8edf5;border-radius:2px}.progress-line.done{background:#2d8f56}.form-step{display:none}.form-step.active{display:block;animation:fadeInStep .3s ease}@keyframes fadeInStep{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.85rem;font-weight:600;color:#2c3e58;margin-bottom:.5rem}.form-group label .req{color:#c9862a;margin-left:.15rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem 1rem;border:1.5px solid #dde3ef;border-radius:.625rem;font-size:.95rem;color:#2c3e58;background:#fff;transition:border-color .2s;font-family:inherit;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3a8fd9;box-shadow:0 0 0 3px #3a8fd91f}.form-group textarea{resize:vertical;min-height:90px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.module-check{display:flex;align-items:center;gap:.6rem;padding:.65rem .9rem;border:1.5px solid #dde3ef;border-radius:.5rem;cursor:pointer;font-size:.88rem;color:#2c3e58;transition:border-color .2s,background .2s}.module-check input[type=checkbox]{width:16px;height:16px;accent-color:#C9862A;flex-shrink:0}.module-check:has(input:checked){border-color:#c9862a;background:#c9862a0f}.form-nav{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.btn-back{background:none;border:none;color:#7a8fa8;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:0}.btn-back:hover{color:#0b1d3a}.btn-next{padding:.8rem 2rem;background:#c9862a;color:#fff;border:none;border-radius:.625rem;font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.6rem;transition:background .2s,transform .15s}.btn-next:hover{background:#b5741f;transform:translateY(-1px)}.btn-submit{padding:.9rem 2.5rem;background:linear-gradient(135deg,#1a8f5c,#0d6e46);color:#fff;border:none;border-radius:.625rem;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.6rem;transition:transform .15s,box-shadow .2s;box-shadow:0 4px 16px #1a8f5c4d}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1a8f5c66}.form-success{display:none;text-align:center;padding:2rem 1rem}.success-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#1a8f5c,#0d6e46);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 24px #1a8f5c4d}.success-icon svg{width:32px;height:32px;color:#fff}.form-success h3{font-size:1.5rem;color:#0b1d3a;margin-bottom:.75rem}.form-success p{color:#455570;line-height:1.7;max-width:420px;margin:0 auto 1.5rem}.success-what-next{background:#f7f8fb;border-radius:.875rem;padding:1.5rem;margin-top:1.5rem;text-align:left}.success-what-next h4{font-size:.9rem;font-weight:700;color:#0b1d3a;margin-bottom:.75rem}.success-steps{list-style:none;padding:0;display:flex;flex-direction:column;gap:.6rem}.success-steps li{display:flex;gap:.75rem;align-items:flex-start;font-size:.88rem;color:#455570}.success-steps li svg{width:16px;height:16px;color:#2d8f56;flex-shrink:0;margin-top:2px}.demo-expect{padding:3.5rem 0 5rem}.demo-expect-inner{display:grid;grid-template-columns:2fr 1fr;gap:4rem}.what-to-expect h2{font-size:1.5rem;color:#0b1d3a;margin-bottom:1.5rem}.expect-items{display:flex;flex-direction:column;gap:1.5rem}.expect-item{display:flex;gap:1.25rem}.expect-num{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0b1d3a,#1a3870);color:#f0b84a;font-size:.85rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-display, serif)}.expect-item h4{font-size:.95rem;color:#0b1d3a;margin-bottom:.3rem}.expect-item p{font-size:.88rem;color:#5a6a80;line-height:1.55;margin:0}.demo-aside{display:flex;flex-direction:column;gap:1.25rem}.aside-card{background:#fff;border:1px solid #e8edf5;border-radius:1rem;padding:1.5rem}.aside-card h4{font-size:.9rem;font-weight:700;color:#0b1d3a;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.aside-card h4 svg{width:16px;height:16px;color:#c9862a}.aside-card p{font-size:.85rem;color:#5a6a80;line-height:1.55;margin:0}.aside-contact{display:flex;flex-direction:column;gap:.5rem}.aside-contact a{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:#455570;text-decoration:none}.aside-contact a svg{width:15px;height:15px;color:#c9862a}.aside-contact a:hover{color:#c9862a}@media(max-width:768px){.demo-hero-inner,.demo-expect-inner{grid-template-columns:1fr;gap:2rem}.demo-form-wrap{padding:2rem 1.5rem}.form-row,.module-grid{grid-template-columns:1fr}.demo-aside{display:none}}
