:root{
  --navy:#090909;
  --blue:#f2c400;
  --cyan:#ffd600;
  --ink:#161616;
  --muted:#666;
  --line:#e4e4e4;
  --bg:#f7f7f7;
  --shadow:0 28px 70px rgba(0,0,0,.14)
}
.brand-mark{background:linear-gradient(145deg,#ffd600,#e9b900);color:#090909;box-shadow:0 10px 24px rgba(242,196,0,.28)}
.brand b{color:#111}
.button{background:linear-gradient(135deg,#ffd600,#edbd00);color:#111;box-shadow:0 15px 34px rgba(242,196,0,.24)}
.button:hover{box-shadow:0 19px 38px rgba(242,196,0,.34)}
.hero-banner{background:#fff;padding:28px 0 0}
.banner-wrap{overflow:hidden;border-radius:26px;background:#fff;box-shadow:0 25px 65px rgba(0,0,0,.13)}
.banner-wrap img{display:block;width:100%;height:auto}
.banner-actions{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:35px}
.banner-actions>div:first-child h1,.banner-actions>div:first-child span{display:block}
.banner-actions>div:first-child h1{font-size:clamp(22px,2.2vw,32px);line-height:1.15;letter-spacing:-.03em;margin:0}
.banner-actions>div:first-child span{font-size:13px;color:#6d6d6d}
.quick-strip{background:#090909}
.quick-grid i{background:#ffd600}
.solution-card.featured{background:#111}
.featured a{color:#ffd600}
.solution-card.horizontal{background:#fff9dc}
.card-icon{background:#fff1a6;color:#111}
.sectors{background:#0a0a0a}
.sectors .eyebrow,.sector:hover,.sector.active{color:#ffd600}
.sector-image{background:#181818}
.experience{background:#ffd000;color:#111;box-shadow:0 15px 35px rgba(242,196,0,.28)}
.experience span{color:#4b4100}
.devices{background:#f7f7f7}
.device-body small,.package-copy small,.device-body>a{color:#b28d00}
.package-card{background:linear-gradient(135deg,#050505,#242424)}
.package-copy small{color:#ffd600}
.reviews{background:#fff9df}
.contact{background:linear-gradient(120deg,#050505,#1e1e1e 70%,#000)}
.contact .eyebrow{color:#ffd600}
.button-white{background:#ffd600;color:#111}
footer{background:#050505}
.whatsapp-float{background:#111;border:2px solid #ffd600;color:#ffd600}
@media(max-width:760px){
  .hero-banner{padding-top:14px}
  .banner-wrap{border-radius:16px}
  .banner-actions{padding:22px 0;align-items:flex-start;flex-direction:column}
  .banner-actions .hero-actions{width:100%}
  .banner-actions .button{width:100%}
}