/* BLH V4 | Component sizing, full-bleed navigation and visual proportions
   Loaded after glass.css. Original brand artwork stays unchanged. */
:root{--fit-border:rgba(171,197,228,.88)}
/* Utility text hugs the outer content edges while keeping readable padding. */
.topline{width:100%;margin:0;padding:7px 0}
.topline .container{
  width:100%;max-width:none;margin:0;
  padding:0 clamp(16px,3.2vw,60px);
  display:flex;justify-content:space-between;align-items:center;gap:24px
}
.topline span{font-size:.84rem;line-height:1.3;white-space:nowrap}
/* Full-width horizontal glass navigation, deliberately flush on both sides. */
header{padding:0;margin:0;border:0;background:#f8fbff}
.header-inner{
  width:100%;max-width:none;margin:0;padding:5px clamp(17px,3.3vw,58px);
  min-height:73px;border-radius:0;gap:clamp(16px,2vw,28px);
  box-shadow:0 8px 21px rgba(6,30,71,.14),inset 0 2px 5px rgba(255,255,255,.8);
  background:rgba(248,251,255,.96);
  align-items:center
}
.brand{flex:0 0 156px;min-width:156px}
.brand img{height:58px;width:155px;max-width:100%;object-fit:contain;object-position:left center}
.header-inner nav{flex:1;display:flex;align-items:center;justify-content:space-evenly;gap:12px}
.header-inner nav a{font-size:clamp(.90rem,.94vw,.98rem);line-height:1.25;font-weight:680;white-space:nowrap}
.header-inner>.btn{min-height:43px;height:43px;padding:10px 18px;font-size:.93rem;border-radius:13px}
.menu-toggle{min-height:42px;padding:9px 14px}
.header-inner a,.feature a,footer a{text-decoration:none!important}
/* Tighten hero height, maintain legible copy and straight dimensional artwork. */
.hero{padding:56px 0 78px}
.hero-grid{grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr);gap:clamp(25px,3vw,42px)}
.hero h1{font-size:clamp(2.85rem,3.85vw,4rem);line-height:1.11;margin:0 0 19px}
.hero .lead{font-size:clamp(1.02rem,1.1vw,1.14rem);line-height:1.65;margin-bottom:16px}
.hero .btn-row{margin-top:23px}
.hero .btn{min-height:48px;padding:12px 21px;font-size:.96rem}
.liquid-stage{min-height:310px;height:310px;width:min(100%,415px)}
.glass-card{
  width:min(100%,330px);max-width:330px;min-height:267px;
  padding:22px 23px;border-radius:27px;
  border:1.5px solid rgba(239,250,255,.79);
  transform:none!important;animation:none!important
}
.glass-card h3{font-size:1.48rem;line-height:1.24;margin-bottom:7px}
.glass-card p{font-size:.88rem;line-height:1.45}
.glass-pill{font-size:.67rem;line-height:1.22;padding:8px 11px;letter-spacing:0}
.glass-symbol{height:50px}
.glass-symbol span{width:17px}
.glass-symbol span:nth-child(1){height:25px}
.glass-symbol span:nth-child(2){height:36px}
.glass-symbol span:nth-child(3){height:48px}
.glass-floating-label{font-size:.70rem;padding:7px 10px}
.glass-rear{height:195px;width:141px;right:3%;top:36px;border-radius:26px}
.orb-cobalt{height:249px;width:282px;right:-4px}
.orb-peach{height:151px;width:147px}
.orb-mini{height:85px;width:87px}
/* Stats: no oversized boxes, stronger visible edges and proportionate icons. */
.stats{
  width:min(1060px,100%);max-width:1060px;margin:-37px auto 0;
  padding:7px;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));
  border:1.35px solid #bbd1ed;border-radius:21px;
  box-shadow:0 14px 31px rgba(24,67,114,.21),inset 0 2px 4px #fff
}
.stat{
  min-height:86px;height:86px;padding:12px 10px 12px 53px;
  border:1.25px solid var(--fit-border);border-radius:15px;
  box-shadow:inset 0 1px 4px #fff,0 5px 11px rgba(20,52,95,.07);
  justify-content:center
}
.stat-bubble{width:34px;height:34px;left:10px;border-radius:11px;font-size:1rem}
.stat-bubble svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.stat strong{font-size:1.68rem;line-height:1.06;margin:0 0 4px}
.stat span:last-child{font-size:.77rem;line-height:1.25}
/* Balanced service cards: content-led, shallower, readable and clearly bounded. */
.section{padding:66px 0}
.section-heading{margin-bottom:25px}
.section-heading h2{font-size:clamp(1.95rem,2.6vw,2.65rem)}
.grid3{gap:16px}
.feature{
  min-height:219px;padding:20px 22px;
  border:1.35px solid var(--fit-border);border-radius:21px;
  box-shadow:0 10px 23px rgba(13,45,91,.11),inset 0 2px 4px #fff
}
.feature .service-icon{width:44px;height:44px;margin-bottom:11px;border-radius:14px;font-size:1.3rem}
.feature .index{font-size:.73rem;margin-bottom:7px}
.feature h3{font-size:1.26rem;margin-bottom:7px}
.feature h2[style]{font-size:1.35rem!important}
.feature p{font-size:.95rem;line-height:1.5;margin-bottom:7px}
.feature a{padding-top:8px;font-size:.9rem}
.industries{gap:11px}
.industry{min-height:61px;padding:14px 17px}
.steps{gap:13px}
.step{min-height:190px;padding:21px}
.step b{font-size:1.65rem;margin-bottom:10px}
.step p{font-size:.93rem;line-height:1.5}
/* Tablet: navigation falls back to the existing menu. */
@media(max-width:1100px){
 .header-inner{min-height:68px;padding:7px 22px}
 .header-inner nav{display:none}
 .header-inner nav.open{display:flex}
 .header-inner>.btn{display:none}
 .menu-toggle{display:block}
 .brand{flex-basis:158px}
 .liquid-stage{width:min(100%,392px)}
 .stats{width:min(100%,780px);grid-template-columns:repeat(2,minmax(0,1fr))}
 .stat{height:89px;min-height:89px;padding-left:61px}
 .stat-bubble{left:14px}
}
@media(max-width:900px){
 .hero-grid{grid-template-columns:1fr}
 .hero{padding:48px 0 74px}
 .hero h1{font-size:clamp(2.85rem,6.25vw,3.85rem)}
 .liquid-stage{margin:12px auto 0;min-height:280px;height:280px}
 .stats{margin-top:-35px}
 .feature{min-height:208px}
}
@media(max-width:700px){
 .topline{display:none}
 header{padding:0}
 .header-inner{width:100%;margin:0;min-height:63px;padding:6px 17px;border-radius:0}
 .brand{flex:0 0 137px;min-width:137px}
 .brand img{width:135px;height:48px}
 .header-inner nav.open{display:flex;top:100%;left:8px;right:8px}
 .menu-toggle{min-height:37px;padding:7px 12px;font-size:.81rem}
 .hero{padding:41px 0 77px}
 .hero h1{font-size:clamp(2.2rem,9vw,3.13rem);margin-bottom:15px}
 .hero .lead{font-size:.98rem;line-height:1.63}
 .hero .btn{min-height:45px;padding:11px 17px;font-size:.85rem}
 .liquid-stage{width:100%;min-height:239px;height:239px;margin:6px auto 0}
 .glass-card{width:min(255px,80vw);max-width:255px;min-height:212px;padding:17px 18px;border-radius:23px}
 .glass-pill{font-size:.57rem;padding:7px 9px}
 .glass-card h3{font-size:1.3rem}
 .glass-card p{font-size:.77rem}
 .glass-symbol{height:38px}
 .glass-symbol span:nth-child(1){height:20px}
 .glass-symbol span:nth-child(2){height:28px}
 .glass-symbol span:nth-child(3){height:36px}
 .glass-floating-label{display:none}
 .glass-rear{height:151px;width:116px;right:8%;top:31px}
 .orb-cobalt{height:191px;width:200px;right:6px}
 .orb-peach{height:120px;width:118px}
 .orb-mini{height:75px;width:78px}
 .stats{margin-top:-30px;gap:7px;padding:7px;border-radius:18px}
 .stat{height:auto;min-height:102px;padding:12px;justify-content:flex-start}
 .stat-bubble{position:static;transform:none;width:30px;height:30px;margin-bottom:7px}
 .stat-bubble svg{width:17px;height:17px}
 .stat strong{font-size:1.5rem;line-height:1.1}
 .stat span:last-child{font-size:.75rem}
 .section{padding:53px 0}
 .section-heading{margin-bottom:20px}
 .feature{min-height:0;padding:21px;border-radius:19px}
 .feature .service-icon{width:43px;height:43px}
 .feature h3{font-size:1.23rem}
 .feature p{font-size:.95rem}
 .industry{min-height:58px}
 .step{min-height:0}
}

/* Mobile/tablet menu opens as a floating panel, without expanding the header. */
@media(max-width:1100px){
 .header-inner{position:relative}
 .header-inner nav{
   position:absolute;z-index:35;top:calc(100% + 4px);
   left:clamp(10px,2vw,25px);right:clamp(10px,2vw,25px);
   background:rgba(248,251,255,.98);
   border:1px solid #d4e3f6;border-radius:19px;
   padding:18px 21px;box-shadow:0 15px 28px rgba(11,32,69,.23);
   flex-direction:column;align-items:stretch;gap:13px
 }
 .header-inner nav.open{display:flex}
}