.demo-page{color:#000;font-family:var(--font-inter),sans-serif;background:#fff;position:relative;overflow-x:hidden}.demo-page:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:40px 40px;height:100vh;position:absolute;top:0;left:0;right:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.demo-hero{z-index:1;text-align:center;padding:180px 24px 100px;position:relative}.demo-badge{color:#fff;text-transform:uppercase;letter-spacing:2px;background:#000;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 16px;font-size:11px;font-weight:800;display:inline-flex}.demo-hero h1{font-family:var(--font-space),sans-serif;letter-spacing:-.04em;color:#000;margin-bottom:24px;font-size:clamp(40px,6vw,72px);font-weight:800;line-height:.95}.demo-hero p{color:#475569;max-width:700px;margin:0 auto;font-size:20px;font-weight:500;line-height:1.6}.demo-section{z-index:1;padding:60px 24px 140px;position:relative}.demo-container{grid-template-columns:1fr 520px;align-items:center;gap:120px;max-width:1240px;margin:0 auto;display:grid}.demo-benefits h3{font-family:var(--font-space),sans-serif;letter-spacing:-.02em;margin-bottom:56px;font-size:28px;font-weight:800}.benefits-list{grid-template-columns:1fr 1fr;gap:56px;display:grid}.benefit-item{flex-direction:column;gap:20px;transition:all .3s;display:flex}.benefit-icon-sv{color:#000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #00000008}.benefit-content h4{color:#000;margin-bottom:12px;font-size:19px;font-weight:700}.benefit-content p{color:#64748b;font-size:15px;line-height:1.6}.demo-duration{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:24px;margin-top:80px;padding:32px 40px;display:inline-flex}.duration-icon-sv{color:#000;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.duration-text strong{margin-bottom:4px;font-size:18px;font-weight:800;display:block}.duration-text p{color:#64748b;font-size:14px;font-weight:500}.demo-form-container{background:#fff;border:1px solid #000;border-radius:32px;padding:56px;position:relative;box-shadow:0 40px 100px #0000000d}.demo-form-container:after{content:"";background:linear-gradient(90deg,#0000,#000,#0000);height:2px;position:absolute;top:-1px;left:40px;right:40px}.demo-form h3{font-family:var(--font-space),sans-serif;letter-spacing:-.03em;margin-bottom:40px;font-size:32px;font-weight:800}.demo-form .form-row{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.demo-form .form-group{flex-direction:column;gap:10px;display:flex}.demo-form label{color:#475569;text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:800}.demo-form input,.demo-form select,.demo-form textarea{color:#000;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;font-size:15px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.demo-form input::placeholder{color:#94a3b8}.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus{background:#fff;border-color:#000;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #00000008}.demo-form .submit-btn{color:#fff;cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:#000;border:none;border-radius:14px;width:100%;margin-top:16px;padding:20px;font-size:16px;font-weight:800;transition:all .3s}.demo-form .submit-btn:hover{background:#222;transform:translateY(-2px);box-shadow:0 12px 24px #00000026}.form-note{color:#94a3b8;text-align:center;margin-top:24px;font-size:12px;line-height:1.5}@media (max-width:1100px){.demo-container{grid-template-columns:1fr;gap:80px}.demo-hero{padding-top:140px}}@media (max-width:600px){.benefits-list{grid-template-columns:1fr;gap:40px}.demo-form .form-row{grid-template-columns:1fr}.demo-form-container{border-radius:24px;padding:40px 24px}.demo-hero h1{font-size:40px}}