:root{--hive-navy:#081521;--hive-ink:#102534;--hive-blue:#31a5f6;--hive-pale:#f6fafc;--hive-line:#dbe8f0}
html{scroll-padding-top:88px}
body{color:var(--hive-ink);font-family:Inter,'Segoe UI',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Avenir Next','Segoe UI',Inter,system-ui,sans-serif!important;letter-spacing:-.035em;line-height:1.12}
p{line-height:1.7}
.bg-gray-50,.bg-gray-100{background-color:var(--hive-pale)!important}
.bg-gray-800,.bg-gray-900,.bg-belkins-dark,.bg-bpo-dark{background-color:var(--hive-navy)!important}
.text-belkins-dark,.text-bpo-dark,.text-gray-900,.text-gray-800{color:var(--hive-ink)!important}
.text-bpo-blue,.text-belkins-orange{color:#168fdc!important}
.bg-bpo-blue,.bg-belkins-orange{background-color:var(--hive-blue)!important}
.border-gray-100,.border-gray-200{border-color:var(--hive-line)!important}
.gradient-text{background-image:linear-gradient(135deg,#168fdc,#68bfff)!important}
nav{box-shadow:0 8px 28px rgba(13,29,43,.045);border-bottom:1px solid var(--hive-line)}
nav a{font-weight:700}
nav img{object-fit:contain}
a[class*='bg-bpo-blue'],button[class*='bg-bpo-blue'],a[class*='bg-belkins-orange'],button[class*='bg-belkins-orange']{background:linear-gradient(135deg,#9bd5ff,#31a5f6)!important;color:#07131d!important;border-radius:13px!important;box-shadow:0 12px 28px rgba(49,165,246,.2);font-weight:800;min-height:48px}
.pricing-card,.service-card,.blog-card,.industry-card,.case-study-card,.team-card{border-color:var(--hive-line)!important;border-radius:22px!important;box-shadow:0 12px 34px rgba(15,52,75,.08)}
.scroll-animate{opacity:1!important;transform:none!important}
img{max-width:100%}
footer{background:#07121b!important;color:#b9ccd8!important;border-color:#1b3b52!important}
footer h3,footer h4,footer strong{color:#fff!important}
footer p,footer a,footer li,footer span{color:#b9ccd8!important}
footer a:hover{color:#9bd5ff!important}
footer img[src*='bpohivelogo']{filter:brightness(0) invert(1)}
@media(max-width:640px){h1{font-size:clamp(2.15rem,9vw,3rem)!important;overflow-wrap:break-word}h2{font-size:clamp(1.8rem,7vw,2.4rem)!important}main,section,article{min-width:0}p{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){.scroll-animate,.animate-fadeInUp{animation:none!important;opacity:1!important;transform:none!important}}
@media(min-width:768px) and (max-width:1023px){nav .hidden.md\:flex{display:none!important}nav .md\:hidden:not(.hidden){display:block!important}}