.demo-section,[class*=demo-section],section.demo-section{background:#0b0f19!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;overflow:hidden!important;padding:6rem 0!important;position:relative!important}.demo-section .demo-glow{background:rgba(56,189,248,.05)!important;border-radius:9999px!important;filter:blur(120px)!important;height:50rem!important;left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:50rem!important}.demo-section .demo-container{margin:0 auto!important;max-width:80rem!important;padding:0 1.5rem!important;position:relative!important;z-index:10!important}.demo-section .demo-card{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:rgba(18,24,38,.7)!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:1.5rem!important;padding:2rem!important}@media (min-width:768px){.demo-section .demo-card{padding:3rem!important}}.demo-section .demo-grid{display:grid!important;gap:4rem!important;grid-template-columns:1fr!important}@media (min-width:768px){.demo-section .demo-grid{grid-template-columns:1fr 1fr!important}}.demo-section .form-tabs{background:hsla(0,0%,100%,.05)!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:9999px!important;display:flex!important;gap:.5rem!important;justify-content:center!important;margin-bottom:.25rem!important;margin-left:auto!important;margin-right:auto!important;padding:.25rem!important;width:fit-content!important}.demo-section .form-tab{background:transparent!important;border:none!important;border-radius:9999px!important;color:#9ca3af!important;cursor:pointer!important;font-size:.8125rem!important;font-weight:600!important;padding:.5rem 1.25rem!important;transition:all .3s ease!important}.demo-section .form-tab:hover{color:#fff!important}.demo-section .form-tab.active{background:#0b0f19!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important;color:#fff!important}.demo-section .form-tab.active[data-tab=aoi]{color:#38bdf8!important}.demo-section .form-tab.active[data-tab=security]{color:#f97316!important}.demo-section .demo-tabs{display:flex!important;flex-wrap:wrap!important;gap:1rem!important;margin-bottom:2.5rem!important}.demo-section .demo-tab{background:hsla(0,0%,100%,.05)!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:9999px!important;color:#9ca3af!important;cursor:pointer!important;font-size:.875rem!important;font-weight:600!important;padding:.75rem 1.5rem!important;transition:all .3s ease!important}.demo-section .demo-tab:hover{background:hsla(0,0%,100%,.1)!important;color:#fff!important}.demo-section .demo-tab.active{background:#0b0f19!important;border-color:currentColor!important;color:#fff!important}.demo-section .demo-tab.active[data-tab=aoi]{box-shadow:0 0 15px rgba(56,189,248,.2)!important;color:#38bdf8!important}.demo-section .demo-tab.active[data-tab=security]{box-shadow:0 0 15px rgba(249,115,22,.2)!important;color:#f97316!important}.demo-section .demo-stats-list{margin-bottom:2.5rem!important;transition:opacity .3s ease!important}.demo-section .demo-stats-list.hidden{display:none!important}.demo-section .demo-stat-item{align-items:flex-start!important;display:flex!important;gap:1rem!important;margin-bottom:1.5rem!important}.demo-section .demo-stat-icon{align-items:center!important;border-radius:9999px!important;display:flex!important;flex-shrink:0!important;height:1.5rem!important;justify-content:center!important;margin-top:.25rem!important;width:1.5rem!important}.demo-section .demo-stat-icon.aoi{background:rgba(56,189,248,.2)!important;color:#38bdf8!important}.demo-section .demo-stat-icon.security{background:rgba(249,115,22,.2)!important;color:#f97316!important}.demo-section .demo-stat-icon svg{height:1rem!important;width:1rem!important}.demo-section .demo-stat-title{color:#fff!important;font-size:1.125rem!important;font-weight:700!important;margin-bottom:.25rem!important}.demo-section .demo-stat-desc{color:#9ca3af!important;font-size:.95rem!important;line-height:1.5!important}.demo-section .demo-dashboard{border-top:1px solid hsla(0,0%,100%,.1)!important;padding-top:2rem!important}.demo-section .demo-dashboard-inner{background:rgba(11,15,25,.5)!important;border:1px solid hsla(0,0%,100%,.05)!important;border-radius:.75rem!important;padding:1.5rem!important}.demo-section .demo-dashboard-title{color:#fff!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:1.5rem!important;font-weight:700!important;margin-bottom:.5rem!important;text-align:center!important}.demo-section .demo-dashboard-desc{color:#868686!important;font-size:.875rem!important;margin-bottom:1.5rem!important;text-align:center!important}.demo-section .demo-dashboard-preview{align-items:center!important;aspect-ratio:16/9!important;background:rgba(0,0,0,.5)!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:.5rem!important;display:flex!important;justify-content:center!important;overflow:hidden!important;position:relative!important}.demo-section .demo-dashboard-bg{background:rgba(18,24,38,.8)!important;border-left:1px solid hsla(0,0%,100%,.1)!important;border-radius:.5rem .5rem 0 0!important;border-right:1px solid hsla(0,0%,100%,.1)!important;border-top:1px solid hsla(0,0%,100%,.1)!important;inset:1rem!important;position:absolute!important}.demo-section .demo-dashboard-gradient{background:linear-gradient(0deg,#0b0f19,transparent)!important;inset:0!important;opacity:.5!important;position:absolute!important}.demo-section .demo-dashboard-label{color:#38bdf8!important;font-size:.75rem!important;font-weight:500!important;letter-spacing:.05em!important;position:relative!important;text-transform:uppercase!important}.demo-section .demo-dashboard-footer{color:#6b7280!important;font-size:.75rem!important;margin-top:1rem!important;text-align:center!important}.demo-section .demo-form{backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;background:hsla(0,0%,100%,.03)!important;border:1px solid hsla(0,0%,100%,.05)!important;border-radius:1rem!important;padding:1.5rem!important}.demo-section .demo-form-header{margin-bottom:1rem!important;text-align:center!important}.demo-section .demo-form-title{color:#fff!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:1.5rem!important;font-weight:700!important;margin-bottom:.5rem!important}.demo-section .demo-form-subtitle{color:#868686!important}.demo-section .hubspot-form-container .hs-form fieldset{max-width:none!important}.demo-section .hubspot-form-container .hs-form .hs-form-field{margin-bottom:.6rem!important}.demo-section .hubspot-form-container .hs-input,.demo-section .hubspot-form-container input[type=email],.demo-section .hubspot-form-container input[type=tel],.demo-section .hubspot-form-container input[type=text],.demo-section .hubspot-form-container select,.demo-section .hubspot-form-container textarea{background:rgba(11,15,25,.5)!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:.5rem!important;box-sizing:border-box!important;color:#fff!important;font-size:.875rem!important;padding:.75rem 1rem!important;width:100%!important}.demo-section .hubspot-form-container .hs-input::placeholder,.demo-section .hubspot-form-container input::placeholder,.demo-section .hubspot-form-container textarea::placeholder{color:#6b7280!important}.demo-section .hubspot-form-container .hs-input:focus,.demo-section .hubspot-form-container input:focus,.demo-section .hubspot-form-container select:focus,.demo-section .hubspot-form-container textarea:focus{border-color:rgba(56,189,248,.5)!important;outline:none!important}.demo-section .hubspot-form-container .actions{margin:0!important;padding:0!important}.demo-section .hubspot-form-container .hs-button,.demo-section .hubspot-form-container button[type=submit],.demo-section .hubspot-form-container input[type=submit]{background:#fff!important;border:none!important;border-radius:.5rem!important;color:#0b0f19!important;cursor:pointer!important;font-weight:700!important;margin-top:1.5rem!important;padding:1rem!important;text-align:center!important;text-transform:none!important;transition:all .3s ease!important;width:100%!important}.demo-section .hubspot-form-container .hs-button:hover,.demo-section .hubspot-form-container button[type=submit]:hover,.demo-section .hubspot-form-container input[type=submit]:hover{background:#f3f4f6!important}.demo-section .hubspot-form-container label{color:#9ca3af!important;display:block!important;font-size:.875rem!important;margin-bottom:.25rem!important}