*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070707;color:#f5f5f5;font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}.header{height:82px;background:#050505;border-bottom:2px solid #fff;display:flex;align-items:center;padding:0 clamp(20px,5vw,70px);gap:28px;position:sticky;top:0;z-index:20}.brand{margin-left: 40px; line-height:.82;min-width:100px}.brand-main{font:italic 800 39px 'Barlow Condensed';letter-spacing:-1px}.brand-main span{color:#fff}.brand-sub{display:block;color:#ffffff;font:800 20px 'Barlow Condensed';letter-spacing:4px;margin-left:70px;margin-top:4px}.brand-sub span{color:#ffffff}.nav{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700;text-transform:uppercase}.nav a:hover{color:#FFFF00}.nav-cta{background:#ed1616;padding:12px 18px;border-radius:4px}.phone{width:45px;height:45px;border:2px solid #ed1616;border-radius:50%;display:grid;place-items:center;color:#ffffff;font-size:22px}.menu{display:none;background:none;border:0;padding:8px}.menu span{display:block;width:30px;height:3px;background:#fff;margin:5px}.hero{min-height:680px;position:relative;display:flex;align-items:center;background:#080808 url('hero.png') center/cover no-repeat;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.78) 38%,rgba(0,0,0,.18) 78%,rgba(0,0,0,.35));}.hero-content{position:relative;z-index:1;width:min(680px,90%);margin-left:clamp(24px,7vw,100px);padding:75px 0}.eyebrow{font-size:13px;font-weight:800;letter-spacing:3px;color:#ffffff;margin:0 0 12px}.eyebrow.red{color:#ed1616}h1,h2,h3{font-family:'Barlow Condensed',Arial,sans-serif}h1{font-size:clamp(52px,7vw,92px);line-height:.87;margin:0;font-style:italic;font-weight:800;letter-spacing:-1px}h1 em{color:#ed1616;font-style:italic}.hero-copy{font-size:18px;line-height:1.6;max-width:540px;color:#fff}.quick-benefits{display:flex;margin:28px 0 34px;gap:0}.quick-benefits div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;border-right:1px solid #fff;gap:7px}.quick-benefits div:last-child{border:0}.quick-benefits b{font-size:32px;color:#ffffff}.quick-benefits span{font-size:11px;font-weight:800;text-align:center}.actions{display:flex;gap:18px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border:0;border-radius:5px;font-weight:800;letter-spacing:.4px;cursor:pointer;font-size:14px}.btn-red{background:#ed1616;color:white;box-shadow:0 10px 30px rgba(237,22,22,.2)}.btn-yellow-outline{border:2px solid #fff;color:#FFFF00}.btn.dark{background:#080808;color:#FFFF00}.section{padding:85px clamp(20px,5vw,70px);max-width:1250px;margin:auto}.section-heading{text-align:center;max-width:800px;margin:0 auto 45px}.section-heading h2,.contact h2{font-size:clamp(38px,5vw,62px);line-height:.95;margin:0 0 18px;font-style:italic}.section-heading h2 strong,.contact h2 strong{color:#FFFF00}.section-heading>p:last-child{color:#fff;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:linear-gradient(145deg,#151515,#0b0b0b);border:1px solid #292929;padding:28px 20px;min-height:230px;border-radius:8px;transition:.25s}.card:hover{transform:translateY(-5px);border-color:#ed1616}.icon{font-size:40px;color:#ed1616;margin-bottom:18px}.card h3{font-size:25px;line-height:.95;margin:0 0 14px}.card p{color:#aaa;font-size:14px;line-height:1.5}.remote{margin-top:25px;background:#FFFF00;color:#070707;padding:22px 28px;display:flex;align-items:center;gap:22px;clip-path:polygon(0 0,98% 0,100% 50%,98% 100%,0 100%)}.remote-icon{font-size:40px}.remote h3{font-size:27px;margin:0}.remote p{margin:4px 0 0}.remote .btn{margin-left:auto}.brands{border-top:1px solid #fff;border-bottom:1px solid #fff;padding:35px 20px;text-align:center}.brands>p{letter-spacing:3px;font-size:13px;color:#fff}.brand-row{display:flex;justify-content:center;align-items:center;gap:clamp(22px,5vw,65px);flex-wrap:wrap;color:#fff;font-weight:800;font-size:20px;margin-top:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #fff}.stats div{text-align:center;  background-image: url("2.png"); padding:38px 10px;border-right:1px solid #fff}.stats div:last-child{border:0}.stats b{display:block;font:800 48px 'Barlow Condensed'}.stats span{font-size:11px;color:#FFFF00;font-weight:800;letter-spacing:1px}.contact{max-width:1100px;margin:auto;padding:70px 25px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact>div>p:last-child{color:#fff;line-height:1.7}.contact form{display:grid;gap:12px}input,textarea{width:100%;background:#111;border:1px solid #fff;color:#fff;border-radius:4px;padding:15px;font:inherit}input:focus,textarea:focus{outline:1px solid #ed1616;border-color:#ed1616}.contact small{color:#FFFF00;min-height:18px}footer{background:#050505;border-top:1px solid #fff;text-align:center;padding:42px 20px;color:#fff}.footer-brand{font:italic 800 32px 'Barlow Condensed';color:#ffffff}.footer-brand span{color:#ffffff}.footer-links{display:flex;justify-content:center;gap:25px;margin:25px 0;color:#ffffff;font-size:13px}.copyright{font-size:11px;color:#fff}@media(max-width:800px){.header{height:72px}.nav{position:absolute;top:72px;left:0;right:0;background:#080808;display:none;flex-direction:column;align-items:stretch;padding:20px}.nav.open{display:flex}.nav a{padding:14px 10px}.phone{margin-left:20px; color: #ffffff;}.menu{display:block}.hero{min-height:520px;background-position:62% center}.hero-content{margin:0 auto;padding:70px 0}.hero-copy{font-size:16px}.quick-benefits div{width:33%}.quick-benefits span{font-size:9px}.cards{grid-template-columns:repeat(2,1fr)}.remote{clip-path:none;flex-wrap:wrap}.remote .btn{margin-left:0}.stats{grid-template-columns:repeat(2,1fr)}.stats div:nth-child(2){border-right:0}.stats div{border-bottom:1px solid #fff}.contact{grid-template-columns:1fr;gap:35px;padding-top:65px}.brand-sub{margin-left:54px;font-size:16px}.brand-main{font-size:32px}}@media(max-width:480px){.hero{min-height:680px}.hero-content{padding-top:50px}.eyebrow{font-size:10px}.hero h1{font-size:51px}.actions .btn{width:100%}.cards{grid-template-columns:1fr}.quick-benefits div{width:33%;padding:0 4px}.quick-benefits b{font-size:25px}.section{padding-top:65px}.remote{padding:20px}.remote h3{font-size:23px}.brand-row{font-size:15px}.stats b{font-size:40px}.contact h2{font-size:43px}} .whitecolor {color: #FFFFFF}
