:root{--adt-blue:#00599c;--adt-red:#24bcff;--white:#fff}.product-hero{color:var(--white)}.product-hero-container{align-items:center;display:flex;gap:80px;margin:0 auto}.product-hero-left{flex:1}.product-hero-left .eyebrow-flex{display:flex;gap:12px;margin-bottom:25px}.badge-outline{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.4);border-radius:50px;display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:1px;padding:6px 16px;text-transform:uppercase}.badge-outline img{aspect-ratio:1/1;width:16px}.hero-title{color:var(--white);line-height:1.1;margin-bottom:20px}.hero-desc{color:hsla(0,0%,100%,.9);line-height:1.6;margin-bottom:35px}.benefit-list{display:grid;gap:15px 30px;grid-template-columns:1fr 1fr;list-style:none;margin:0 0 40px;padding:0}.benefit-item{font-size:14px;gap:12px}.benefit-item,.check-circle{align-items:center;display:flex}.check-circle{background-color:var(--adt-red);border-radius:50%;flex-shrink:0;height:20px;justify-content:center;width:20px}.product-hero-right{flex:1}.hardware-media-wrap{position:relative}.hardware-img{border-radius:20px;display:block;filter:drop-shadow(5px 5px 10px rgba(0,0,0,.3))}.hero-actions{display:flex;flex-wrap:wrap;gap:15px}.hero-btn{display:inline-flex;gap:10px;transition:all .3s ease}.product-hero .hero-btn .btn-icon-wrap svg{fill:#fff;height:16px;vertical-align:middle;width:16px}.hero-btn.btn-secondary,.hero-btn.btn-secondary:hover{border:1px solid #fff6}.hero-btn:hover{transform:translateY(-2px)}@media (max-width:991px){.product-hero-container{flex-direction:column-reverse;gap:50px;text-align:center}.benefit-list{margin:0 auto 40px;text-align:left}.eyebrow-flex,.hero-actions{justify-content:center}.product-hero-left{order:2}.product-hero-right{order:1;width:100%}}@media (max-width:550px){.benefit-list{grid-template-columns:1fr;justify-items:start;max-width:100%;width:max-content}.benefit-list,.hero-actions{margin-left:auto;margin-right:auto}.hero-actions{flex-direction:row;flex-wrap:wrap;gap:8px}.hero-actions,.hero-actions .hero-btn{justify-content:center;max-width:340px}.hero-actions .hero-btn{align-items:center;flex:1 1 140px;font-size:8px;height:40px;min-width:140px;padding:0 10px;text-align:center}}