/* =========================================
   WTE HOME.CSS - extracted from index.php
   Keep header.css and footer.css separate.
   Source: current index.php uploaded by user.
   ========================================= */

/* ===== Extracted from index.php style block 1 ===== */
:root{
  --blue:#1ab4e8;
  --blue-dark:#0fa0d4;
  --navy:#0a1628;
  --navy-2:#10213b;
  --aqua:#5fe0e6;
  --green:#4caf50;
  --green-dark:#3d9140;
  --grey:#8a9ba8;
  --lightbg:#f4f8fb;
  --lightblue:#eff9ff;
  --white:#ffffff;
  --shadow:0 10px 34px rgba(26,180,232,.12);
  --radius:16px;
}

*{margin:0;padding:0;box-sizing:border-box}

html{scroll-behavior:smooth}

body{font-family:'Inter',sans-serif;color:#1a2332;background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}

img{max-width:100%;display:block}

a{text-decoration:none;color:inherit}

button,input,select{font:inherit}

button{border:none;background:none;cursor:pointer}

h1,h2,h3,h4{font-family:'Montserrat',sans-serif}

.container{max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,56px)}

.section{padding:clamp(56px,8vw,96px) 0}

.section--navy{background:var(--navy)}

.section--light{background:var(--lightbg)}

.section--lightblue{background:var(--lightblue)}

.text-center{text-align:center}

.sec-label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--blue);margin-bottom:10px}

.sec-title{font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:800;line-height:1.12;color:var(--navy);margin-bottom:14px}

.sec-title--white{color:#fff}

.sec-sub{font-size:1rem;color:#4a5568;line-height:1.72;max-width:700px}

.sec-sub--white{color:rgba(255,255,255,.66)}

.text-center .sec-sub{margin:0 auto}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border-radius:999px;font-size:.88rem;font-weight:700;letter-spacing:.03em;transition:all .25s ease}

.btn-green{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;box-shadow:0 8px 24px rgba(76,175,80,.28)}

.btn-green:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(76,175,80,.36)}

.btn-quote:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(76,175,80,.45)}

.btn-blue{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;box-shadow:0 8px 24px rgba(26,180,232,.24)}

.btn-blue:hover{transform:translateY(-2px)}

.btn-outline-white{color:#fff;border:2px solid rgba(255,255,255,.45);background:rgba(255,255,255,.04)}

.btn-outline-white:hover{background:rgba(255,255,255,.12);border-color:#fff}

.reveal,.reveal-l,.reveal-r{opacity:0;transition:opacity .7s ease,transform .7s ease}

.reveal{transform:translateY(28px)}

.reveal-l{transform:translateX(-28px)}

.reveal-r{transform:translateX(28px)}

.reveal.in,.reveal-l.in,.reveal-r.in{opacity:1;transform:none}

.d1{transition-delay:.1s}

.d2{transition-delay:.2s}

.d3{transition-delay:.3s}

.d4{transition-delay:.4s}

.d5{transition-delay:.5s}


#hero{
  height:100vh;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  position:relative;
  padding:0;
  background:
    radial-gradient(circle at 68% 28%, rgba(26,180,232,.16), transparent 26%),
    radial-gradient(circle at 30% 80%, rgba(76,175,80,.08), transparent 26%),
    linear-gradient(135deg,#04111f 0%, #071b33 50%, #04162a 100%);
  padding-top:80px;
}

#heroCanvas{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55}

.hero-glow{
  position:absolute;
  right:12%;
  top:18%;
  width:min(520px,36vw);
  height:min(520px,36vw);
  background:radial-gradient(circle,rgba(26,180,232,.14),transparent 68%);
  filter:blur(22px);
  z-index:0;
  pointer-events:none;
}

.hero-content{
  position:relative;
  z-index:2;
  width:100%;
  height:calc(100vh - 80px);
  display:flex;
  align-items:center;
  padding:0;
}

.hero-inner{max-width:none}

.hero-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(26,180,232,.12);
  border:1px solid rgba(26,180,232,.28);
  border-radius:999px;
  padding:8px 16px;
  margin-bottom:18px;
  width:max-content;
}

.hero-dot{width:8px;height:8px;background:var(--aqua);border-radius:50%;animation:pulseDot 2s ease infinite}

@keyframes pulseDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}

.hero-badge span{font-size:.68rem;font-weight:800;letter-spacing:.16em;color:var(--aqua);text-transform:uppercase}

.hero-h1{
  font-size:clamp(2rem,3.5vw,3.4rem);
  font-weight:800;
  color:#fff;
  line-height:1.05;
  letter-spacing:-.03em;
  margin:0 0 12px 0;
  max-width:11ch;
}

.hero-h1 em{font-style:italic;color:var(--blue)}

.hero-sub{
  font-size:clamp(.94rem,1.05vw,1rem);
  color:rgba(255,255,255,.74);
  line-height:1.68;
  max-width:56ch;
  margin:0 0 22px 0;
  font-weight:400;
}

.hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:0 0 18px 0;
}

.hero-stats{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:0;
}

.stat-pill{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(26,180,232,.18);border-radius:999px;padding:9px 16px;color:#fff;font-size:.8rem;font-weight:600}

.stat-pill-num{color:var(--aqua);font-family:'Montserrat',sans-serif;font-weight:800}

.hero-anim{opacity:0;animation:heroIn .8s ease forwards}

.hero-anim:nth-child(1){animation-delay:.1s}

.hero-anim:nth-child(2){animation-delay:.25s}

.hero-anim:nth-child(3){animation-delay:.4s}

.hero-anim:nth-child(4){animation-delay:.55s}

.hero-anim:nth-child(5){animation-delay:.7s}

@keyframes heroIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

.hero-waves{position:absolute;left:0;right:0;bottom:0;z-index:1;line-height:0}

.hero-waves svg{width:100%;height:116px;display:block}

.hero-shell{
  width:100%;
  max-width:1400px;
  margin:0 auto;
  padding:0 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
}

.hero-left{
  width:60%;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  max-height:100%;
}

.hero-right{
  width:40%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.hero-gradient{
  display:block;
  background:linear-gradient(135deg,#35c6ff 0%, #1ab4e8 42%, #76f0ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.hero-dashboard h3{
  font-family:'Montserrat',sans-serif;
  font-size:clamp(1.4rem,2vw,2rem);
  line-height:1.06;
  color:#fff;
  margin:0 0 10px;
}

.hero-dashboard p{
  margin:0 0 16px;
  color:rgba(255,255,255,.70);
  font-size:.88rem;
  line-height:1.6;
  max-width:38ch;
}

.dashboard-head span{
  color:rgba(255,255,255,.78);
  font-size:.8rem;
  line-height:1.4;
}

.dashboard-head strong{
  color:#fff;
  font-size:.9rem;
  font-family:'Montserrat',sans-serif;
}

@media (max-width:1080px){
#hero{
    height:auto;
    min-height:auto;
    padding-top:80px;
  }

.hero-content{
    height:auto;
    padding:24px 0 34px;
  }

.hero-shell{
    flex-direction:column;
    align-items:flex-start;
    gap:24px;
    padding:0 22px;
  }

.hero-left,
  .hero-right{
    width:100%;
  }

.hero-right{
    justify-content:flex-start;
  }

.hero-dashboard{
    max-width:620px;
    max-height:none;
  }

}

@media (max-width:768px){
#hero{
    height:auto;
    min-height:auto;
  }

.hero-content{
    padding:20px 0 28px;
    height:auto;
  }

.hero-shell{
    gap:18px;
    padding:0 18px;
  }

.hero-h1{
    font-size:clamp(2.2rem,10vw,3.2rem);
    line-height:1.02;
    max-width:11ch;
  }

.hero-sub{
    font-size:.94rem;
    line-height:1.64;
    margin-bottom:18px;
  }

.hero-actions{
    gap:10px;
    margin-bottom:16px;
  }

.hero-actions .btn{
    width:100%;
  }

.hero-dashboard{
    padding:16px;
    border-radius:20px;
  }

.dashboard-item{
    padding:10px 12px;
  }

}

#hero{height:100vh !important;min-height:100vh;display:flex;align-items:center;overflow:hidden}

.hero-content{padding:92px 0 132px;width:100%}

.hero-h1{font-size:clamp(2.9rem,5.4vw,5.2rem);line-height:.98;margin-bottom:22px}

.hero-sub{max-width:640px;margin-bottom:30px;font-size:clamp(1rem,1.35vw,1.12rem)}

.hero-actions{margin-bottom:28px}

.hero-stats{gap:12px}

.wave1{animation:waveMove 8s linear infinite}

.wave2{animation:waveMove 12s linear infinite reverse;opacity:.55}

.wave3{animation:waveMove 6s linear infinite;opacity:.32}

@keyframes waveMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.flow-track{display:flex;align-items:center;justify-content:center;padding:20px 0;flex-wrap:nowrap;overflow-x:auto}

.flow-track::-webkit-scrollbar{display:none}

.flow-node{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;width:clamp(86px,13vw,128px)}

.flow-icon{width:70px;height:70px;border-radius:50%;background:#fff;border:3px solid rgba(26,180,232,.22);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(26,180,232,.08);transition:all .35s ease}

.flow-node.active .flow-icon{border-color:var(--blue);box-shadow:0 0 0 8px rgba(26,180,232,.12),0 8px 28px rgba(26,180,232,.18)}

.flow-connector{
  flex:1;
  height:4px;
  position:relative;
  overflow:hidden;
  min-width:18px;
  background:none !important;
}

.flow-connector::before{
  content:none !important;
}

.flow-connector::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, #1ab4e8, transparent);
  animation:flowPulse 2s linear infinite;
}

@keyframes flowPulse{
  from{transform:translateX(-100%)}
  to{transform:translateX(200%)}
}

.flow-label{font-size:.76rem;font-weight:800;color:var(--navy);text-align:center;font-family:'Montserrat',sans-serif}

.flow-sublabel{font-size:.62rem;color:var(--grey);text-align:center;line-height:1.4}

.flow-tagline{text-align:center;margin-top:28px;font-size:.95rem;color:#4a5568;font-style:italic}

.flow-tagline strong{color:var(--blue);font-style:normal}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,80px);align-items:center}

.badge-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.25);border-radius:999px;padding:7px 15px;font-size:.74rem;font-weight:700;color:var(--green-dark)}

.badge-pill::before{content:'✓';font-weight:800}

.about-badges{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 26px}

.about-image-box{width:100%;max-width:520px;min-height:360px;border-radius:22px;border:1px solid rgba(26,180,232,.10);background:linear-gradient(145deg,#edf8ff,#f8fcff);box-shadow:0 18px 44px rgba(26,180,232,.10);overflow:hidden;display:flex;align-items:center;justify-content:center;margin-left:auto;padding:10px}

.about-image-box img{width:100%;height:100%;min-height:340px;display:block;object-fit:cover;border-radius:16px}

.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:rgba(255,255,255,.06);border-radius:14px;overflow:hidden}

.stat-item{padding:clamp(22px,4vw,38px) 16px;text-align:center;background:var(--navy);transition:background .3s}

.stat-item:hover{background:rgba(26,180,232,.05)}

.stat-num{display:block;font-family:'Montserrat',sans-serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800;color:var(--aqua);line-height:1}

.stat-label{display:block;font-size:.68rem;color:rgba(255,255,255,.5);margin-top:8px;letter-spacing:.05em;line-height:1.45}

#calculator{position:relative;overflow:hidden}

#calculator::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle 2px at 20px 20px,rgba(26,180,232,.07) 2px,transparent 2px);background-size:40px 40px;pointer-events:none}

@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}

.product-card{background:#fff;border-radius:var(--radius);padding:32px 26px;border:1px solid #e8eff6;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}

.product-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--c,var(--blue))}

.product-card:hover{transform:translateY(-7px);box-shadow:0 16px 44px rgba(26,180,232,.16)}

.product-card-icon{width:54px;height:54px;border-radius:14px;background:rgba(26,180,232,.08);display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:1.55rem;transition:transform .3s}

.product-card:hover .product-card-icon{transform:scale(1.08)}

.product-card h3{font-size:1.06rem;font-weight:700;color:var(--navy);margin-bottom:12px}

.product-list{display:flex;flex-direction:column;gap:6px;margin-bottom:22px;list-style:none}

.product-list li{display:flex;gap:8px;align-items:flex-start;font-size:.8rem;color:#4a5568;line-height:1.42}

.product-list li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--c,var(--blue));margin-top:.45em;flex-shrink:0}

.product-link{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;font-weight:800;color:var(--blue);letter-spacing:.04em;text-transform:uppercase;transition:gap .2s}

.product-card:hover .product-link{gap:9px}

.ind-tabs-wrap{overflow-x:auto;scrollbar-width:none}

.ind-tabs-wrap::-webkit-scrollbar{display:none}

.ind-tabs{display:flex;gap:7px;padding:0 2px;margin:32px 0 20px;min-width:max-content}

.ind-tab{padding:8px 18px;border-radius:999px;font-size:.78rem;font-weight:700;color:rgba(255,255,255,.58);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:all .2s ease;white-space:nowrap}

.ind-tab.active{background:var(--blue);color:#fff;border-color:var(--blue)}

.ind-panel{display:none;background:rgba(255,255,255,.04);border:1px solid rgba(26,180,232,.14);border-radius:14px;padding:28px;animation:fadeIn .3s ease}

.ind-panel.active{display:block}

.ind-panel h3{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:14px}

.ind-items{display:flex;flex-wrap:wrap;gap:9px}

.ind-item{display:inline-flex;align-items:center;gap:7px;background:rgba(26,180,232,.09);border:1px solid rgba(26,180,232,.18);border-radius:8px;padding:7px 14px;font-size:.8rem;color:#e6f1ff}

.ind-item::before{content:'•';color:var(--aqua)}

.testi-wrap{position:relative;margin-top:40px;overflow:hidden}

.testi-slider{display:flex;transition:transform .55s ease;will-change:transform}

.testi-card{min-width:100%;flex:0 0 100%;padding:0 clamp(0px,3vw,36px)}

.testi-inner{background:#fff;border-radius:16px;padding:32px 36px;box-shadow:var(--shadow);border:1px solid rgba(26,180,232,.07);position:relative}

.testi-quote{position:absolute;top:16px;left:24px;font-size:4.5rem;line-height:.6;color:var(--blue);font-family:'Montserrat',sans-serif;font-weight:800;opacity:.18}

.testi-text{font-size:.98rem;line-height:1.78;color:#4a5568;font-style:italic;margin-bottom:22px;padding-top:10px;position:relative;z-index:1}

.testi-author{display:flex;align-items:center;gap:12px}

.testi-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#0a5f8a);display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:700;color:#fff;flex-shrink:0}

.testi-name{display:block;font-weight:700;font-size:.86rem;color:var(--navy)}

.testi-role{display:block;font-size:.73rem;color:var(--grey);margin-top:2px}

.testi-controls{display:flex;justify-content:center;gap:7px;margin-top:24px}

.testi-dot{width:8px;height:8px;border-radius:50%;background:rgba(26,180,232,.22);border:none;transition:all .2s}

.testi-dot.active{background:var(--blue);transform:scale(1.3)}

@media(max-width:768px){
.testi-card{padding:0}

.testi-inner{padding:28px 22px}

.testi-text{font-size:.92rem;line-height:1.7}

}

.marquee-wrap{overflow:hidden;position:relative;margin:18px 0}

.marquee-wrap::before,.marquee-wrap::after{content:'';position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}

.marquee-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}

.marquee-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}

.marquee-track{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:nowrap;
  width:max-content;
  min-width:max-content;
  will-change:transform;
  backface-visibility:hidden;
  transform:translate3d(0,0,0);
  animation:marqueeScrollLeft 30s linear infinite;
}

.marquee-track.rev{
  animation:marqueeScrollRight 35s linear infinite;
}

.marquee-wrap:hover .marquee-track{animation-play-state:paused}

@keyframes marqueeScrollLeft{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

@keyframes marqueeScrollRight{
  from{transform:translate3d(-50%,0,0)}
  to{transform:translate3d(0,0,0)}
}

.client-badge{display:inline-flex;align-items:center;background:var(--lightbg);border:1px solid #dde4ed;border-radius:999px;padding:9px 20px;font-size:.78rem;font-weight:700;color:#4a5568;white-space:nowrap;transition:.2s}

.client-badge:hover{border-color:var(--blue);color:var(--navy)}

.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}

.project-card{background:#fff;border:1px solid #e8eff6;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:transform .28s,box-shadow .28s}

.project-card:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(26,180,232,.18)}

.project-visual{padding:26px;background:linear-gradient(135deg,var(--navy),#123159);min-height:170px;position:relative;overflow:hidden}

.project-visual::before{content:'';position:absolute;inset:auto -40px -60px auto;width:180px;height:180px;background:radial-gradient(circle,rgba(95,224,230,.25),transparent 65%)}

.project-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:16px}

.project-title{font-family:'Montserrat',sans-serif;font-size:1.2rem;font-weight:800;color:#fff;line-height:1.2;max-width:240px}

.project-body{padding:22px}

.project-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}

.project-stat{background:var(--lightbg);border-radius:12px;padding:12px 14px}

.project-stat strong{display:block;font-family:'Montserrat',sans-serif;font-size:1rem;color:#ffffff}

.project-stat span{display:block;font-size:.72rem;color:var(--grey);margin-top:4px}

.project-copy{font-size:.84rem;line-height:1.7;color:#4a5568}

.foundation-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch;margin-top:46px}

.foundation-main{background:linear-gradient(135deg,var(--navy),#14385f);border-radius:24px;padding:34px;border:1px solid rgba(26,180,232,.14);position:relative;overflow:hidden}

.foundation-main::before{content:'';position:absolute;top:-70px;right:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(95,224,230,.18),transparent 68%)}

.foundation-main h3{font-family:'Montserrat',sans-serif;font-size:1.45rem;font-weight:800;color:#fff;margin-bottom:12px;position:relative}

.foundation-main p{font-size:.95rem;line-height:1.8;color:rgba(255,255,255,.72);position:relative}

.foundation-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;position:relative}

.foundation-point{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px}

.foundation-point strong{display:block;color:#fff;font-size:.86rem;margin-bottom:5px}

.foundation-point span{display:block;font-size:.76rem;color:rgba(255,255,255,.62);line-height:1.55}

.foundation-side{display:grid;gap:16px}

.foundation-card{background:#fff;border:1px solid #e8eff6;border-radius:18px;padding:24px;box-shadow:var(--shadow)}

.foundation-card h4{font-family:'Montserrat',sans-serif;font-size:1.02rem;font-weight:800;color:var(--navy);margin-bottom:8px}

.foundation-card p{font-size:.84rem;line-height:1.7;color:#4a5568}

.life-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}

.life-card{background:#fff;border-radius:18px;border:1px solid #e8eff6;padding:28px;box-shadow:var(--shadow);transition:transform .25s}

.life-card:hover{transform:translateY(-5px)}

.life-icon{
  width:60px;
  height:60px;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(26,180,232,.15),rgba(95,224,230,.08));
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  color:#1ab4e8;
  margin-bottom:16px;
  box-shadow:0 6px 18px rgba(26,180,232,.15);
}

.life-card h3{font-family:'Montserrat',sans-serif;font-size:1.04rem;font-weight:800;color:var(--navy);margin-bottom:10px}

.life-card p{font-size:.84rem;line-height:1.7;color:#4a5568;margin-bottom:14px}

.life-list{display:flex;flex-direction:column;gap:8px}

.life-list li{font-size:.78rem;color:#4a5568;display:flex;gap:9px;line-height:1.5}

.life-list li::before{content:'•';color:var(--blue);font-weight:900}

.updates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}

.update-card{background:#fff;border:1px solid #e8eff6;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}

.update-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(26,180,232,.18)}

.update-media{padding:22px;min-height:140px;background:linear-gradient(135deg,#eaf8ff,#f4f8fb);display:flex;align-items:flex-end}

.update-badge{display:inline-flex;align-items:center;padding:6px 11px;border-radius:999px;background:rgba(26,180,232,.12);border:1px solid rgba(26,180,232,.16);font-size:.66rem;font-weight:800;color:var(--blue);letter-spacing:.08em;text-transform:uppercase}

.update-body{padding:22px}

.update-date{display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--grey);text-transform:uppercase;margin-bottom:8px}

.update-card h3{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:800;color:var(--navy);line-height:1.35;margin-bottom:10px}

.update-card p{font-size:.83rem;color:#4a5568;line-height:1.7;margin-bottom:14px}

.update-link{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--blue)}

@media(max-width:1024px){
.projects-grid,.life-grid,.updates-grid{grid-template-columns:1fr 1fr}

.foundation-wrap{grid-template-columns:1fr}

}

@media(max-width:768px){
.projects-grid,.life-grid,.updates-grid{grid-template-columns:1fr}

.foundation-points,.project-meta{grid-template-columns:1fr}

}

#cta-banner{background:linear-gradient(135deg,var(--navy) 0%,#0c2a50 50%,#0a4070 100%);padding:76px 0}

.cta-inner{text-align:center}

.cta-h2{font-size:clamp(1.75rem,4vw,2.8rem);font-weight:800;color:#fff;margin-bottom:13px}

.cta-sub{font-size:1rem;color:rgba(255,255,255,.64);margin-bottom:32px;max-width:560px;margin-inline:auto}

.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.stats-grid{grid-template-columns:repeat(3,1fr)

}

@media (max-width:768px){
.hamburger{display:flex}

.products-grid{grid-template-columns:1fr}

.foundation-points,.project-meta{grid-template-columns:1fr}

#global-presence-section #gpMap{height:420px}

#global-presence-section .presence-header h2{font-size:2rem}

}

.stats-grid{grid-template-columns:repeat(2,1fr)}

.hero-actions{flex-direction:column;align-items:stretch}

.hero-actions .btn{width:100%}

.hero-badge span{letter-spacing:.1em;font-size:.61rem

}

.smart-calc-section{
  position:relative;
  padding:clamp(40px,5vw,64px) 0;
  background:linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 100%);
  color:#fff;
}

.smart-calc-section{
  padding-top:70px !important;
  padding-bottom:70px !important;
}

.smart-calc-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20px 20px, rgba(26,180,232,.12) 1.4px, transparent 1.6px),
    linear-gradient(135deg, rgba(6,26,46,.88), rgba(11,42,74,.84));
  background-size:32px 32px, auto;
  z-index:0;
  pointer-events:none;
}

.smart-calc-section::after{
  content:"";
  position:absolute;
  top:-120px;
  right:-80px;
  width:380px;
  height:380px;
  background:radial-gradient(circle, rgba(26,180,232,.18), transparent 68%);
  filter:blur(10px);
  z-index:0;
  pointer-events:none;
}

.smart-calc-container{position:relative;z-index:1}

.smart-calc-header h2{margin:0 0 10px;font-size:clamp(24px,3.2vw,36px);line-height:1.12;color:#fff;font-family:'Montserrat',sans-serif}

.smart-calc-header p{margin:0 auto;max-width:720px;color:rgba(255,255,255,0.72);font-size:14px;line-height:1.6}

.smart-calc-container{max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,56px)}

.smart-calc-header{text-align:center;margin-bottom:26px}

.smart-calc-label{ position:relative !important;  z-index:2 !important;}

.smart-calc-label{display:inline-block;padding:8px 16px;border-radius:999px;background:rgba(26,180,232,0.16);border:1px solid rgba(26,180,232,0.35);color:#7fe8ff;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:14px;box-shadow:0 8px 24px rgba(26,180,232,.12)}

.smart-calc-label{
  max-width:calc(100% - 32px) !important;
  white-space:normal !important;
  text-align:center !important;
  line-height:1.4 !important;
}

.smart-calc-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:start}

.smart-card{border-radius:20px;padding:20px;box-shadow:0 14px 36px rgba(0,0,0,0.16);position:relative;overflow:hidden}

.smart-card::before{content:"";position:absolute;inset:auto -40px -40px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle, rgba(26,180,232,0.12), transparent 70%);pointer-events:none}

.smart-card-dark{background:rgba(255,255,255,.98);border:1px solid rgba(13,34,56,0.08);color:#0d2238;box-shadow:0 20px 60px rgba(10,31,51,0.12)}

.smart-card-light{background:rgba(255,255,255,.96);border:1px solid rgba(9,105,160,0.08);color:#0d2238;box-shadow:0 20px 60px rgba(10,31,51,0.12)}

.smart-card-head{margin-bottom:18px}

.smart-card-head h3{margin:0 0 6px;font-size:18px;line-height:1.2;font-family:'Montserrat',sans-serif;color:#0d2238}

.smart-card-dark .smart-card-head p{color:#567086}

.smart-card-light .smart-card-head p{color:#567086}

.smart-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}

.smart-field{display:flex;flex-direction:column;gap:6px}

.smart-field-full{grid-column:1/-1}

.smart-field label{font-size:12px;font-weight:700;letter-spacing:0.35px;text-transform:uppercase}

.smart-card-dark .smart-field label{font-size:12px;font-weight:700;letter-spacing:0.35px;text-transform:uppercase}

.smart-card-light .smart-field label{font-size:12px;font-weight:700;letter-spacing:0.35px;text-transform:uppercase}

.smart-field input,.smart-field select{height:44px;border-radius:12px;border:1px solid rgba(26,180,232,0.16);padding:0 14px;font-size:14px;outline:none;transition:all 0.25s ease}

.smart-card-dark .smart-field input,.smart-card-dark .smart-field select{background:#f7fbfe;color:#0d2238;border:1px solid rgba(13,34,56,0.1)}

.smart-card-light .smart-field input,.smart-card-light .smart-field select{background:#fff;color:#0d2238;border:1px solid rgba(13,34,56,0.1)}

.smart-field input:focus,.smart-field select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(26,180,232,0.12)}

.smart-slider-wrap{background:#f7fbfe;border-radius:14px;padding:12px;border:1px solid rgba(13,34,56,0.08)}

#tdsRange{width:100%;-webkit-appearance:none;appearance:none;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--blue) 0%, var(--green) 100%);outline:none;border:none}

#tdsRange::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--blue);box-shadow:0 4px 12px rgba(26,180,232,0.35);cursor:pointer}

#tdsRange::-moz-range-thumb{width:20px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--blue);cursor:pointer}

.smart-live-value{margin-top:10px;font-size:14px;font-weight:700;color:var(--blue)}

.smart-btn{height:46px;border:none;border-radius:12px;background:linear-gradient(90deg,var(--blue) 0%, var(--green) 100%);color:#052033;font-size:14px;font-weight:800;letter-spacing:0.3px;cursor:pointer;transition:transform 0.25s ease, box-shadow 0.25s ease;box-shadow:0 10px 24px rgba(26,180,232,0.18)}

.smart-btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(26,180,232,0.3)}

.smart-btn-secondary{background:linear-gradient(90deg,var(--blue-dark) 0%, var(--blue) 100%);color:#fff}

.smart-result-card{margin-top:18px;padding:16px;border-radius:16px;background:#f7fbfe;border:1px solid rgba(26,180,232,0.14);opacity:0;transform:translateY(12px);pointer-events:none;transition:all 0.4s ease}

.smart-result-card.active{opacity:1;transform:translateY(0);pointer-events:auto}

.smart-result-top{margin-bottom:14px}

.smart-result-badge{display:inline-block;padding:6px 12px;border-radius:999px;background:rgba(26,180,232,0.12);color:var(--aqua);font-size:12px;font-weight:700;margin-bottom:10px}

.smart-result-top h4{margin:0;font-size:22px;line-height:1.18;color:#0d2238;font-family:'Montserrat',sans-serif}

.smart-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}

.smart-metric{padding:12px;border-radius:12px;background:#ffffff;border:1px solid rgba(13,34,56,0.08)}

.smart-metric-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#5a7388;margin-bottom:6px}

.smart-metric strong{font-size:18px;color:#0d2238}

.smart-result-text{margin:0;font-size:14px;line-height:1.6;color:#567086}

.smart-note{margin-top:10px;font-size:13px;line-height:1.5;color:#2ca65a;font-weight:600}

.smart-savings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}

.smart-saving-box{background:#fff;border-radius:14px;padding:14px;box-shadow:0 8px 18px rgba(10,31,51,0.06);border:1px solid rgba(13,34,56,0.06)}

.smart-saving-box span{display:block;font-size:11px;color:#5a7388;margin-bottom:8px;text-transform:uppercase;letter-spacing:0.5px;font-weight:700}

.smart-saving-box strong{font-size:22px;line-height:1.12;color:#0d2238;display:block}

.roi-card-head{margin-bottom:18px}

.roi-card-chip{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:rgba(26,180,232,.12);border:1px solid rgba(26,180,232,.18);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}

.roi-form-grid{align-items:start}

.roi-slider-wrap{padding-top:2px}

.roi-range{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;cursor:pointer;outline:none;background:linear-gradient(to right,var(--blue) var(--pct,60%),#d8e3ec var(--pct,60%))}

.roi-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--blue);box-shadow:0 2px 8px rgba(26,180,232,.18)}

.roi-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--blue);box-shadow:0 2px 8px rgba(26,180,232,.18)}

.roi-results-grid{grid-template-columns:1fr 1fr}

.roi-insight{display:none;margin-top:18px;padding:20px;border-radius:16px;background:linear-gradient(135deg,rgba(26,180,232,.08),rgba(76,175,80,.05));border:1px solid rgba(26,180,232,.18);animation:fadeIn .35s ease}

.roi-insight.show{display:block}

.roi-insight-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}

.roi-insight-top h4{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:800;color:var(--navy);margin:0}

.roi-insight-badge{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#eaf6ff;color:var(--blue);border:1px solid rgba(26,180,232,.18)}

.roi-message{font-size:.84rem;line-height:1.7;color:#4a5568;margin-bottom:14px}

.roi-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}

.roi-insight-item{background:rgba(255,255,255,.7);border:1px solid rgba(26,180,232,.12);border-radius:12px;padding:12px}

.roi-insight-item span{display:block;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#6b7a8c;margin-bottom:6px}

.roi-insight-item strong{display:block;font-family:'Montserrat',sans-serif;font-size:.95rem;color:var(--navy)}

.roi-points{list-style:none;display:grid;gap:8px;margin:0 0 16px;padding:0}

.roi-points li{position:relative;padding-left:18px;font-size:.82rem;line-height:1.6;color:#4a5568}

.roi-points li::before{content:'';position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--green)}

.roi-cta-box{margin-top:2px}

@media (max-width: 992px){
.smart-calc-grid{grid-template-columns:1fr;gap:16px}

}

@media (max-width: 640px){
.smart-form-grid,.smart-savings-grid,.smart-metrics-grid,.roi-results-grid,.roi-insight-grid{grid-template-columns:1fr}

.smart-card{padding:16px}

.smart-calc-header{margin-bottom:20px}

.smart-calc-header h2{font-size:28px}

}

.wte-products-section{position:relative;padding:clamp(70px,8vw,110px) 0;background:linear-gradient(180deg,#f7fbfe 0%, #edf6fb 100%);overflow:hidden}

.wte-products-section::before{content:"";position:absolute;top:-120px;right:-120px;width:340px;height:340px;background:radial-gradient(circle, rgba(26,180,232,.16), transparent 70%);pointer-events:none}

.products-header{text-align:center;max-width:860px;margin:0 auto 38px}

.products-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:38px}

.product-tab{border:none;padding:12px 22px;border-radius:999px;background:#fff;color:#274760;font-size:.88rem;font-weight:700;cursor:pointer;border:1px solid rgba(12,50,82,.08);box-shadow:0 8px 22px rgba(12,50,82,.06);transition:all .28s ease}

.product-tab:hover{transform:translateY(-2px);border-color:rgba(26,180,232,.32);color:#0a1628}

.product-tab.active{background:linear-gradient(135deg,#1ab4e8,#4caf50);color:#fff;box-shadow:0 14px 26px rgba(26,180,232,.22);border-color:transparent}

.products-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

.product-showcase-card{background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border:1px solid rgba(26,180,232,.10);border-radius:24px;overflow:hidden;box-shadow:0 18px 40px rgba(10,22,40,.08);transition:transform .35s ease, box-shadow .35s ease, opacity .3s ease}

.product-showcase-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(10,22,40,.14)}

.product-showcase-card.hide{display:none}

.product-card-image-wrap{position:relative;height:220px;overflow:hidden}

.product-card-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}

.product-showcase-card:hover .product-card-image-wrap img{transform:scale(1.06)}

.product-category-badge{position:absolute;top:16px;left:16px;padding:8px 14px;border-radius:999px;background:rgba(10,22,40,.75);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em;backdrop-filter:blur(8px)}

.product-card-body{padding:24px}

.product-card-body h3{font-size:1.16rem;font-weight:800;color:#0a1628;margin-bottom:10px;line-height:1.25}

.product-card-body p{font-size:.88rem;color:#516578;line-height:1.75;margin-bottom:16px}

.product-card-body ul{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px}

.product-card-body ul li{position:relative;padding-left:18px;font-size:.82rem;color:#34485c;line-height:1.5}

.product-card-body ul li::before{content:"";position:absolute;top:9px;left:0;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#1ab4e8,#4caf50)}

.product-card-actions{display:flex;gap:10px;flex-wrap:wrap}

.product-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:999px;text-decoration:none;border:none;cursor:pointer;font-size:.82rem;font-weight:800;transition:all .25s ease}

.product-btn-primary{background:linear-gradient(135deg,#1ab4e8,#0fa0d4);color:#fff;box-shadow:0 10px 20px rgba(26,180,232,.22)}

.product-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(26,180,232,.28)}

.product-btn-secondary{background:rgba(10,22,40,.06);color:#0a1628;border:1px solid rgba(10,22,40,.08)}

.product-btn-secondary:hover{background:rgba(10,22,40,.10);transform:translateY(-2px)}

.product-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:all .3s ease}

.product-modal.active{opacity:1;visibility:visible}

.product-modal-overlay{position:absolute;inset:0;background:rgba(5,12,22,.72);backdrop-filter:blur(6px)}

.product-modal-dialog{position:relative;z-index:2;width:min(1080px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.25);padding:22px}

.product-modal-close{position:absolute;top:16px;right:16px;width:42px;height:42px;border:none;border-radius:50%;background:#f1f6fa;color:#0a1628;font-size:1.5rem;cursor:pointer;z-index:3}

.product-modal-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:start}

.product-modal-image-wrap{border-radius:22px;overflow:hidden;min-height:420px}

.product-modal-image-wrap img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block}

.product-modal-content{padding:12px 6px 6px}

.product-modal-category{display:inline-block;margin-bottom:14px;padding:8px 14px;border-radius:999px;background:rgba(26,180,232,.10);color:#0fa0d4;font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}

.product-modal-content h3{font-size:2rem;line-height:1.15;color:#0a1628;margin-bottom:14px;font-weight:800}

.product-modal-content > p{font-size:.95rem;line-height:1.8;color:#526577;margin-bottom:20px}

.product-modal-block{margin-bottom:18px;padding:18px 18px;background:#f7fbfe;border:1px solid rgba(26,180,232,.10);border-radius:18px}

.product-modal-block h4{font-size:.98rem;font-weight:800;color:#0a1628;margin-bottom:8px}

.product-modal-block p{font-size:.9rem;line-height:1.75;color:#4e6275;margin:0}

.product-modal-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}

@media (max-width:1100px){
.products-showcase-grid{grid-template-columns:repeat(2,1fr)}

}

@media (max-width:768px){
.products-showcase-grid{grid-template-columns:1fr}

.product-modal-grid{grid-template-columns:1fr}

.product-modal-image-wrap,.product-modal-image-wrap img{min-height:260px}

.product-modal-content h3{font-size:1.55rem}

.product-card-actions,.product-modal-actions{flex-direction:column}

.product-btn{width:100%}

}

.products-carousel-section{
  position:relative;
  padding:clamp(72px,8vw,110px) 0;
  background:
    radial-gradient(circle at top right, rgba(26,180,232,.10), transparent 26%),
    linear-gradient(180deg,#f7fbfe 0%, #edf5fb 100%);
  overflow:hidden;
}

.products-carousel-head{
  text-align:center;
  max-width:860px;
  margin:0 auto 34px;
}

.products-carousel-shell{
  position:relative;
  max-width:1180px;
  margin:0 auto;
  padding:18px 72px 8px;
}

.products-carousel-stage{
  position:relative;
  height:610px;
}

.product-rotator-card{
  position:absolute;
  top:32px;
  width:min(33.5%, 360px);
  background:rgba(255,255,255,.96);
  border:1px solid rgba(26,180,232,.10);
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 16px 44px rgba(10,22,40,.08);
  transition:
    transform .55s cubic-bezier(.22,.61,.36,1),
    left .55s cubic-bezier(.22,.61,.36,1),
    opacity .55s ease,
    filter .55s ease,
    box-shadow .55s ease;
  will-change:transform,left,opacity;
}

.product-rotator-card.is-left{
  left:0;
  transform:scale(.90) rotateY(12deg);
  opacity:.84;
  filter:saturate(.88);
}

.product-rotator-card.is-center{
  left:50%;
  transform:translateX(-50%) scale(1);
  opacity:1;
  z-index:3;
  box-shadow:0 24px 60px rgba(10,22,40,.14);
}

.product-rotator-card.is-right{
  right:0;
  left:auto;
  transform:scale(.90) rotateY(-12deg);
  opacity:.84;
  filter:saturate(.88);
}

.product-rotator-card img{
  width:100%;
  height:248px;
  object-fit:cover;
  display:block;
  background:#dfeaf2;
}

.product-rotator-body{
  padding:22px 24px 24px;
}

.product-rotator-chip{
  position:absolute;
  top:18px;
  left:18px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  padding:9px 16px;
  border-radius:999px;
  background:rgba(10,22,40,.78);
  backdrop-filter:blur(10px);
  color:#fff;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.02em;
}

.product-rotator-body h3{
  margin:0 0 10px;
  color:var(--navy);
  font-size:1.45rem;
  line-height:1.2;
}

.product-rotator-body p{
  margin:0 0 16px;
  color:#5a6d81;
  font-size:.95rem;
  line-height:1.8;
  min-height:68px;
}

.product-rotator-points{
  list-style:none;
  padding:0;
  margin:0 0 22px;
  display:grid;
  gap:10px;
}

.product-rotator-points li{
  position:relative;
  padding-left:18px;
  font-size:.88rem;
  color:#43566a;
}

.product-rotator-points li::before{
  content:"";
  position:absolute;
  top:9px;
  left:0;
  width:7px;
  height:7px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--blue),var(--green));
}

.product-rotator-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.rotator-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:12px 18px;
  border-radius:999px;
  border:none;
  font-size:.84rem;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.rotator-btn-primary{
  background:linear-gradient(135deg,var(--blue),var(--blue-dark));
  color:#fff;
  box-shadow:0 12px 24px rgba(26,180,232,.22);
}

.rotator-btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(26,180,232,.28);
}

.rotator-btn-secondary{
  background:#f2f4f7;
  color:var(--navy);
  border:1px solid rgba(10,22,40,.08);
}

.rotator-btn-secondary:hover{
  transform:translateY(-2px);
  background:#e9edf2;
}

.products-carousel-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:54px;
  height:54px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.95);
  color:var(--navy);
  box-shadow:0 12px 30px rgba(10,22,40,.12);
  cursor:pointer;
  z-index:5;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.products-carousel-arrow:hover{
  transform:translateY(-50%) scale(1.06);
  box-shadow:0 16px 34px rgba(10,22,40,.18);
  background:#fff;
}

.products-carousel-arrow svg{
  width:20px;
  height:22px;
}

.products-carousel-arrow.prev{left:0}

.products-carousel-arrow.next{right:0}

.products-carousel-meta{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin-top:18px;
  flex-wrap:wrap;
}

.products-carousel-count{
  font-size:.86rem;
  font-weight:700;
  color:#506274;
}

.products-carousel-dots{
  display:flex;
  align-items:center;
  gap:8px;
}

.products-carousel-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:rgba(10,22,40,.15);
  transition:all .25s ease;
}

.products-carousel-dot.active{
  width:26px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--blue),var(--green));
}

.products-carousel-note{
  text-align:center;
  margin-top:14px;
  color:#6b7d8f;
  font-size:.86rem;
}

.product-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  transition:all .3s ease;
}

.product-modal-overlay{
  position:absolute; inset:0; background:rgba(5,12,22,.72); backdrop-filter:blur(6px);
}

.product-modal-dialog{
  position:relative;
  z-index:2;
  width:min(1080px,100%);
  max-height:90vh;
  overflow:auto;
  background:#fff;
  border-radius:28px;
  box-shadow:0 30px 80px rgba(0,0,0,.25);
  padding:22px;
}

.product-modal-close{
  position:absolute; top:16px; right:16px; width:42px; height:42px; border:none; border-radius:50%;
  background:#f1f6fa; color:#0a1628; font-size:1.5rem; cursor:pointer; z-index:3;
}

.product-modal-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:28px; align-items:start}

.product-modal-image-wrap{border-radius:22px; overflow:hidden; min-height:420px}

.product-modal-image-wrap img{width:100%; height:100%; min-height:420px; object-fit:cover; display:block}

.product-modal-category{display:inline-block; margin-bottom:14px; padding:8px 14px; border-radius:999px; background:rgba(26,180,232,.10); color:#0fa0d4; font-size:.76rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase}

.product-modal-content h3{font-size:2rem; line-height:1.15; color:#0a1628; margin-bottom:14px; font-weight:800}

.product-modal-content > p{font-size:.95rem; line-height:1.8; color:#526577; margin-bottom:20px}

.product-modal-block{margin-bottom:18px; padding:18px 18px; background:#f7fbfe; border:1px solid rgba(26,180,232,.10); border-radius:18px}

.product-modal-block h4{font-size:.98rem; font-weight:800; color:#0a1628; margin-bottom:8px}

.product-modal-block p{font-size:.9rem; line-height:1.75; color:#4e6275; margin:0}

.product-modal-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:24px}

@media (max-width:1100px){
.products-carousel-shell{padding:18px 54px 8px}

.products-carousel-stage{height:560px}

.product-rotator-card{width:calc(50% - 18px)}

.product-rotator-card.is-left{left:2%; transform:scale(.88)}

.product-rotator-card.is-right{right:2%; transform:scale(.88)}

}

@media (max-width:860px){

  /* give proper space at bottom */
  .products-carousel-section{
    padding-bottom:90px;
  }

  /* FIX: force arrows out of overlay flow */
  .products-carousel-arrow{
    position:absolute;
    bottom:0;
    top:auto;
    transform:none;
    z-index:2;
  }

  .products-carousel-arrow.prev{
    left:35%;
  }

  .products-carousel-arrow.next{
    right:35%;
  }

  /* FIX: push dots BELOW arrows */
  .products-carousel-meta{
    margin-top:60px;
    position:relative;
    z-index:1;
  }

}

#hero{
  height:100vh !important;
  min-height:100vh !important;
  padding-top:76px !important;
  overflow:hidden !important;
}

#hero .hero-content{
  height:calc(100vh - 76px) !important;
  display:flex !important;
  align-items:center !important;
  padding:0 !important;
}

#hero .hero-shell{
  width:100% !important;
  max-width:1440px !important;
  margin:0 auto !important;
  padding:0 28px !important;
  display:grid !important;
  grid-template-columns:minmax(0,56%) minmax(360px,44%) !important;
  gap:18px !important;
  align-items:center !important;
}

#hero .hero-left{
  width:100% !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-self:center !important;
}

#hero .hero-right{
  width:100% !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
}

#hero .hero-badge{
  margin-bottom:14px !important;
}

#hero .hero-h1{
  font-size:clamp(1.9rem,3.9vw,3.7rem) !important;
  line-height:0.98 !important;
  letter-spacing:-0.03em !important;
  margin:0 0 14px 0 !important;
  max-width:11ch !important;
}

#hero .hero-sub{
  font-size:clamp(.92rem,1vw,.98rem) !important;
  line-height:1.6 !important;
  margin:0 0 18px 0 !important;
  max-width:52ch !important;
}

#hero .hero-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin:0 0 16px 0 !important;
}

#hero .hero-actions .btn{
  width:auto !important;
  flex:0 0 auto !important;
  display:inline-flex !important;
  padding:13px 22px !important;
  min-height:48px !important;
}

#hero .hero-stats{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:0 !important;
}

#hero .hero-dashboard h3{
  font-size:clamp(1.3rem,1.7vw,1.8rem) !important;
  line-height:1.08 !important;
  margin:0 0 8px 0 !important;
}

#hero .hero-dashboard p{
  font-size:.84rem !important;
  line-height:1.5 !important;
  margin:0 0 12px 0 !important;
}

#hero .dashboard-list{
  gap:8px !important;
  margin:0 0 12px 0 !important;
}

#hero .dashboard-item{
  padding:9px 11px !important;
}

#hero .dashboard-head{
  margin-bottom:7px !important;
}

#hero .dashboard-head span{
  font-size:.76rem !important;
}

#hero .dashboard-track{
  height:6px !important;
}

#hero .dashboard-highlight strong{
  font-size:clamp(1.9rem,2.8vw,2.4rem) !important;
  margin-bottom:4px !important;
}

#hero .dashboard-highlight span{
  font-size:.78rem !important;
}

@media (max-width: 1180px){
#hero{
    height:auto !important;
    min-height:auto !important;
  }

#hero .hero-content{
    height:auto !important;
    padding:20px 0 28px !important;
  }

#hero .hero-shell{
    grid-template-columns:1fr !important;
    gap:22px !important;
    padding:0 22px !important;
  }

#hero .hero-right{
    justify-content:flex-start !important;
  }

#hero .hero-dashboard{
    max-width:620px !important;
    max-height:none !important;
  }

}

@media (max-width: 768px){
#hero .hero-shell{
    padding:0 18px !important;
    gap:18px !important;
  }

#hero .hero-h1{
    font-size:clamp(2.1rem,10vw,3.1rem) !important;
    max-width:11ch !important;
  }

#hero .hero-actions .btn{
    width:100% !important;
  }

}

.calc-card,

.calc-card > *:not(.calc-result){
  flex-shrink:0;
}

.roi-card-top,
.roi-grid,
.roi-cta,

.roi-insight{
  display:none;
  margin-top:12px;
  flex:1;
  min-height:0;
  overflow-y:auto;
  padding-right:6px;
}

.roi-insight.show{
  display:block;
}

.calc-result::-webkit-scrollbar,
.roi-insight::-webkit-scrollbar{
  width:6px;
}

.calc-result::-webkit-scrollbar-thumb,
.roi-insight::-webkit-scrollbar-thumb{
  background:rgba(26,180,232,.3);
  border-radius:999px;
}

@media (max-width:768px){
.calc-card,


.calc-result,
  .roi-insight{
    overflow:visible;
  }

}

.smart-calc-grid{
  align-items:stretch !important;
}

.smart-card-equal{
  height:620px;
  min-height:620px;
  max-height:620px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

.smart-card-fixed{
  flex-shrink:0;
  position:relative;
  z-index:1;
}

.smart-card-scroll{
  flex:1;
  min-height:0;
  overflow-y:auto;
  padding-right:4px;
  margin-top:14px;
  position:relative;
  z-index:1;
}

.smart-card-scroll::-webkit-scrollbar{
  width:6px;
}

.smart-card-scroll::-webkit-scrollbar-thumb{
  background:rgba(26,180,232,.28);
  border-radius:999px;
}

.smart-card-scroll::-webkit-scrollbar-track{
  background:transparent;
}

.smart-card-equal .smart-result-card{
  margin-top:0;
}

.smart-card-equal .roi-insight{
  margin-top:0;
  display:none;
}

.smart-card-equal .roi-insight.show{
  display:block;
}

.roi-scroll-area{
  margin-top:14px;
}

.roi-scroll-area .roi-insight{
  margin-top:0;
  margin-bottom:14px;
}

.roi-scroll-area .roi-results-grid{
  margin-top:0;
}

.calc-disclaimer{
  display:none;
  margin-top:12px;
  padding:8px 10px;
  font-size:.72rem;
  color:#5f6f82;
  text-align:center;
  line-height:1.5;
  background:rgba(26,180,232,.06);
  border:1px solid rgba(26,180,232,.12);
  border-radius:10px;
}

.calc-disclaimer.show{
  display:block;
}

.smart-card-equal .smart-saving-box{
  padding:12px;
}

.smart-card-equal .smart-saving-box strong{
  font-size:20px;
}

@media (max-width: 992px){
.smart-card-equal{
    height:auto;
    min-height:auto;
    max-height:none;
  }

.smart-card-scroll{
    overflow:visible;
    min-height:auto;
    padding-right:0;
  }

}

.wa-chat-widget{position:fixed;right:22px;bottom:22px;z-index:1200}

.wa-chat-toggle{width:60px;height:60px;border:none;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px rgba(0,0,0,.22);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}

.wa-chat-toggle:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 18px 38px rgba(0,0,0,.28)}

.wa-chat-toggle svg{width:30px;height:26px;display:block;fill:currentColor}

.wa-chat-box{position:absolute;right:0;bottom:76px;width:320px;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.22);border:1px solid rgba(26,180,232,.12);opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);transform-origin:bottom right;transition:opacity .25s ease,transform .25s ease,visibility .25s ease}

.wa-chat-widget.open .wa-chat-box{opacity:1;visibility:visible;transform:translateY(0) scale(1)}

.wa-chat-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#25d366,#18b957);color:#fff}

.wa-chat-avatar{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0}

.wa-chat-avatar svg{width:20px;height:22px;display:block;fill:currentColor}

.wa-chat-meta{display:flex;flex-direction:column;min-width:0}

.wa-chat-meta strong{font-size:.98rem;line-height:1.1}

.wa-chat-meta span{font-size:.74rem;opacity:.92;margin-top:2px}

.wa-chat-close{margin-left:auto;width:34px;height:34px;border:none;border-radius:10px;background:rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}

.wa-chat-close svg{width:16px;height:16px;display:block;fill:currentColor}

.wa-chat-body{padding:18px 16px 14px;background:linear-gradient(180deg,#f7fbff,#eef8ff)}

.wa-chat-message{max-width:86%;padding:12px 14px;border-radius:16px 16px 16px 4px;background:#fff;color:#24364a;font-size:.86rem;line-height:1.6;box-shadow:0 6px 18px rgba(0,0,0,.06);border:1px solid rgba(26,180,232,.08)}

.wa-chat-actions{padding:14px 16px 16px;background:#fff}

.wa-chat-cta{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 16px;border-radius:999px;background:#25d366;color:#fff;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease;box-shadow:0 10px 24px rgba(37,211,102,.24)}

.wa-chat-cta svg{width:18px;height:18px;display:block;fill:currentColor}

.wa-chat-cta:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(37,211,102,.3)}

@media (max-width:768px){
.wa-chat-widget{right:16px;bottom:16px}

.wa-chat-box{width:min(320px,calc(100vw - 32px));right:0;bottom:72px}

.wa-chat-toggle{width:56px;height:56px}

.wa-chat-toggle svg{width:24px;height:28px}

}

.smart-card.smart-card-light.smart-card-equal{
  background:#ffffff !important;
  border:1px solid rgba(26,180,232,.1) !important;
  box-shadow:0 10px 34px rgba(26,180,232,.12) !important;
}

.smart-card.smart-card-light.smart-card-equal::before{
  display:none !important;
}

.smart-card.smart-card-light .smart-card-fixed,
.smart-card.smart-card-light .smart-card-scroll,
.smart-card.smart-card-light .roi-insight,
.smart-card.smart-card-light .roi-insight-grid,
.smart-card.smart-card-light .roi-insight-item,
.smart-card.smart-card-light .roi-results,
.smart-card.smart-card-light .roi-result-card,
.smart-card.smart-card-light .smart-field,
.smart-card.smart-card-light .smart-slider-wrap,
.smart-card.smart-card-light input,
.smart-card.smart-card-light select{
  background:transparent !important;
  color:#1a2332 !important;
}

.smart-card.smart-card-light input,
.smart-card.smart-card-light select{
  background:#f8fafc !important;
  border:1.5px solid #dde4ed !important;
}


#hero .dashboard-item{
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:none !important;
  backdrop-filter:blur(6px);
}

#hero .dashboard-head span{
  color:rgba(255,255,255,.78) !important;
  opacity:1 !important;
  font-weight:600 !important;
  text-shadow:none !important;
  background:transparent !important;
}

#hero .dashboard-head strong{
  color:#ffffff !important;
  opacity:1 !important;
}

#hero .dashboard-track{
  background:rgba(255,255,255,.08) !important;
}

#hero .dashboard-fill{
  background:linear-gradient(90deg,#35c6ff,#62dfd5) !important;
  box-shadow:0 0 16px rgba(26,180,232,.18) !important;
}

.flip-inner{
  height:auto;
}

.flip-front,
.flip-back{
  position:relative;
  transform:none;
}

.flip-back{
  height:220px;
  margin-top:12px;
}

.update-img{
  width:100%;
  height:180px;
  overflow:hidden;
  border-radius:12px 12px 0 0;
}

.update-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.update-media{
  padding:0;
  min-height:auto;
  background:none;
  display:block;
}

.update-body ul{
  padding-left:18px;
  margin:0 0 14px;
}

.update-body ul li{
  font-size:.8rem;
  color:#4a5568;
  line-height:1.55;
  margin-bottom:4px;
}


@media (max-width:768px){
.calc-two-col,
  .calc-grid,
  .products-grid,
  .projects-grid,
  .life-grid,
  .updates-grid,
  .about-grid,
  .foundation-wrap,
  .foundation-points,
  .project-meta,
  .about-stats-grid,
  .calc-card,.roi-card,.hero-dashboard,.about-card,.foundation-main,.foundation-card,.product-card,.project-card,.life-card,.update-card,.testi-inner{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

.calc-input,.calc-select,.hero-actions .btn,.cta-actions .btn{
    width:100% !important;
  }

.flow-track{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:18px 12px !important;
    justify-items:center !important;
    overflow:visible !important;
    padding:10px 0 0 !important;
  }

.flow-connector{flex:1;height:4px;background:transparent !important;position:relative;overflow:hidden;min-width:18px}

.flow-node{width:100% !important; max-width:140px !important;}

body{overflow-x:hidden !important;}

}

@media (min-width:769px){
  #hero .hero-actions{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:12px !important;
  }

  #hero .hero-actions .btn{
    width:auto !important;
    flex:0 0 auto !important;
  }
}

#cta-banner{
  background:transparent;
  padding:60px 0;
}
.cta-box{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:40px;
  background:#eef3f7;
  border:1px solid rgba(0,0,0,0.05);
  border-radius:20px;
  padding:40px 50px;
}
.cta-left{max-width:600px;}
.cta-left h2{
  font-size:clamp(1.8rem,3vw,2.5rem);
  font-weight:800;
  color:#0a1628;
  margin-bottom:10px;
}
.cta-left p{
  font-size:1rem;
  color:#5a6b7b;
  line-height:1.6;
}
.cta-right{display:flex;gap:14px;flex-wrap:wrap;}
@media(max-width:768px){
  .cta-box{flex-direction:column;text-align:center;padding:30px 24px;}
  .cta-right{justify-content:center;}
}

/* FORCE PROCESS CONNECTOR FIX */
.flow-track .flow-connector{
  background:#bfefff !important;
  height:4px !important;
  position:relative !important;
  overflow:hidden !important;
  min-width:18px !important;
  border:none !important;
  box-shadow:none !important;
}
.flow-track .flow-connector::before{
  content:none !important;
  display:none !important;
}
.flow-track .flow-connector::after{
  content:'' !important;
  position:absolute !important;
  top:0 !important;
  left:-100% !important;
  width:100% !important;
  height:100% !important;
  background:linear-gradient(90deg, transparent 0%, #1ab4e8 50%, transparent 100%) !important;
  animation:flowPulse 2s linear infinite !important;
  box-shadow:none !important;
}
@keyframes flowPulse{
  from{transform:translateX(-100%)}
  to{transform:translateX(100%)}
}


/* ===== Extracted from index.php style block 2 ===== */
#map-container{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 auto;
}


/* ===== Extracted from index.php style block 3 (id="wte-smart-chatbot-style") ===== */
#wte-chatbot-root{
  position:fixed;
  right:24px;
  bottom:94px;
  z-index:99999;
  font-family:'Inter',sans-serif;
}
.wte-chatbot-launcher{
  display:flex;
  align-items:center;
  gap:10px;
}
.wte-chatbot-badge{
  display:none;
}
.wte-chatbot-toggle{
  position:relative;
  width:60px;
  height:60px;
  border:none;
  cursor:pointer;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 30%, rgba(255,255,255,.22), transparent 28%),
    linear-gradient(135deg,#19b8ea 0%, #35d1ea 55%, #68e5df 100%);
  box-shadow:
    0 18px 40px rgba(26,180,232,.34),
    0 0 0 1px rgba(255,255,255,.12) inset;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform .22s ease, box-shadow .22s ease;
}
.wte-chatbot-toggle:hover{
  transform:translateY(-2px) scale(1.02);
  box-shadow:
    0 22px 48px rgba(26,180,232,.42),
    0 0 0 1px rgba(255,255,255,.16) inset;
}
.wte-chatbot-toggle::before,
.wte-chatbot-toggle::after{
  content:'';
  position:absolute;
  inset:-8px;
  border-radius:50%;
  border:2px solid rgba(95,224,230,.22);
  animation:wteRipple 2.4s ease-out infinite;
}
.wte-chatbot-toggle::after{
  inset:-14px;
  border-color:rgba(26,180,232,.14);
  animation-delay:1.1s;
}
@keyframes wteRipple{
  0%{transform:scale(.88);opacity:.75}
  70%{transform:scale(1.18);opacity:.12}
  100%{transform:scale(1.24);opacity:0}
}
.wte-chatbot-toggle-icon{
  position:relative;
  width:24px;
  height:31px;
  display:block;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.14));
}
.wte-chatbot-toggle-icon::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,#aef7ff 0%, #78dfff 38%, #8a8cff 100%);
  border-radius:55% 55% 60% 60% / 42% 42% 78% 78%;
  clip-path:path('M14 0 C 9 7, 2 14, 2 23 C 2 31, 7.5 36, 14 36 C 20.5 36, 26 31, 26 23 C 26 14, 19 7, 14 0 Z');
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
}
.wte-chatbot-toggle-icon::after{
  content:'';
  position:absolute;
  width:10px;
  height:14px;
  left:6px;
  top:6px;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  transform:rotate(-28deg);
}
.wte-chatbot-window{
  position:absolute;
  right:0;
  bottom:92px;
  width:410px;
  max-width:calc(100vw - 24px);
  height:680px;
  max-height:calc(100vh - 132px);
  background:linear-gradient(180deg,#071b33 0%, #081628 100%);
  border:1px solid rgba(26,180,232,.18);
  border-radius:24px;
  box-shadow:0 28px 70px rgba(0,0,0,.38);
  overflow:hidden;
  display:none;
  transform-origin:bottom right;
}
.wte-chatbot-window.open{
  display:flex;
  flex-direction:column;
  animation:wteChatIn .22s ease;
}
@keyframes wteChatIn{
  from{opacity:0;transform:translateY(10px) scale(.98)}
  to{opacity:1;transform:none}
}
.wte-chatbot-header{
  padding:16px 18px 14px;
  background:linear-gradient(135deg,rgba(26,180,232,.18),rgba(76,175,80,.12));
  border-bottom:1px solid rgba(255,255,255,.08);
  color:#fff;
}
.wte-chatbot-head-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.wte-chatbot-title{
  font-family:'Montserrat',sans-serif;
  font-size:1.02rem;
  font-weight:800;
  margin-bottom:4px;
}
.wte-chatbot-sub{
  font-size:.77rem;
  color:rgba(255,255,255,.74);
  line-height:1.5;
  max-width:280px;
}
.wte-chatbot-close{
  border:none;
  background:rgba(255,255,255,.08);
  color:#fff;
  width:34px;
  height:34px;
  border-radius:10px;
  cursor:pointer;
  font-size:18px;
}
.wte-chatbot-status{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.wte-status-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  color:#dff7ff;
  font-size:.67rem;
  font-weight:700;
}
.wte-chatbot-body{
  flex:1;
  padding:14px;
  overflow-y:auto;
  background:
    radial-gradient(circle at top right, rgba(26,180,232,.08), transparent 28%),
    linear-gradient(180deg,#071b33 0%, #08182d 100%);
}
.wte-msg{
  max-width:88%;
  padding:12px 14px;
  border-radius:18px;
  margin-bottom:10px;
  font-size:.86rem;
  line-height:1.62;
  white-space:pre-wrap;
}
.wte-msg.bot{
  background:rgba(255,255,255,.07);
  color:#fff;
  border:1px solid rgba(255,255,255,.07);
  border-top-left-radius:6px;
}
.wte-msg.user{
  margin-left:auto;
  background:linear-gradient(135deg,#1ab4e8,#20a9dd);
  color:#fff;
  border-top-right-radius:6px;
}
.wte-msg-card{
  margin-top:10px;
  padding:12px;
  border-radius:14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}
.wte-msg-card strong{
  display:block;
  margin-bottom:8px;
  color:#8cecff;
  font-size:.78rem;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.wte-msg-card ul{
  margin:0;
  padding-left:18px;
  color:rgba(255,255,255,.88);
}
.wte-msg-card li{
  margin:4px 0;
  font-size:.82rem;
}
.wte-chatbot-quick{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:0 14px 12px;
  background:#09182d;
}
.wte-quick-btn{
  border:none;
  background:rgba(26,180,232,.10);
  color:#8cecff;
  padding:8px 12px;
  border-radius:999px;
  cursor:pointer;
  font-size:.74rem;
  font-weight:700;
  border:1px solid rgba(26,180,232,.16);
}
.wte-chatbot-form{
  border-top:1px solid rgba(255,255,255,.08);
  background:#09182d;
  padding:12px;
}
.wte-chatbot-row{display:flex;gap:8px}
#wte-chatbot-input{
  flex:1;
  min-width:0;
  border:none;
  outline:none;
  border-radius:14px;
  padding:12px 14px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:.86rem;
}
#wte-chatbot-input::placeholder{color:rgba(255,255,255,.45)}
.wte-chatbot-send{
  border:none;
  border-radius:14px;
  padding:0 16px;
  font-weight:800;
  cursor:pointer;
  color:#fff;
  background:linear-gradient(135deg,#4caf50,#2e7d32);
}
.wte-chatbot-note{
  margin-top:8px;
  font-size:.68rem;
  line-height:1.45;
  color:rgba(255,255,255,.54);
}
.wte-typing{
  display:inline-flex;
  gap:5px;
  align-items:center;
}
.wte-typing span{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#9eefff;
  opacity:.35;
  animation:wtePulse 1s infinite;
}
.wte-typing span:nth-child(2){animation-delay:.15s}
.wte-typing span:nth-child(3){animation-delay:.3s}
@keyframes wtePulse{
  0%,100%{opacity:.28;transform:translateY(0)}
  50%{opacity:1;transform:translateY(-2px)}
}
@media (max-width:768px){
  #wte-chatbot-root{right:16px;bottom:88px}
  .wte-chatbot-toggle{
    width:54px;
    height:54px;
  }
  .wte-chatbot-toggle-icon{
    width:20px;
    height:26px;
  }
  .wte-chatbot-toggle::before{inset:-8px}
  .wte-chatbot-toggle::after{inset:-14px}
  .wte-chatbot-window{
    width:min(392px, calc(100vw - 16px));
    right:0;
    bottom:76px;
    height:74vh;
  }
}


/* ===== Extracted from index.php style block 4 (id="wte-safe-responsive-seo-patch") ===== */
html,body{max-width:100%;overflow-x:hidden;}
img,svg,video,canvas,iframe{max-width:100%;}
.hero-left,.hero-right,.hero-shell,.hero-dashboard,.nav-inner,.container,.section,.project-meta,.foundation-points,.about-grid,.products-grid,.projects-grid,.life-grid,.updates-grid,.products-showcase-grid,.smart-calc-grid,.smart-form-grid,.smart-metrics-grid,.smart-savings-grid,.roi-results-grid,.roi-insight-grid{min-width:0;}
.project-copy,.update-card p,.life-card p,.product-card h3,.product-card-body h3,.product-card-body p{overflow-wrap:break-word;}
#heroCanvas{width:100%;height:100%;}
@media (max-width:1080px){
  #hero,#hero .hero-content{height:auto !important;min-height:auto !important;}
  .hero-shell{flex-direction:column !important;align-items:flex-start !important;}
  .hero-left,.hero-right{width:100% !important;}
  .hero-dashboard{max-width:100% !important;max-height:none !important;}
}

.quote-popup{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
}

.quote-popup.active{
  display:block;
}

.quote-popup-overlay{
  position:absolute;
  inset:0;
  background:rgba(5,18,34,.72);
  backdrop-filter:blur(6px);
}

.quote-popup-box{
  position:relative;
  z-index:2;
  width:min(520px, calc(100% - 28px));
  max-height:90vh;
  overflow:auto;
  margin:5vh auto;
  background:#ffffff;
  border-radius:24px;
  padding:34px;
  box-shadow:0 30px 80px rgba(0,0,0,.28);
  border:1px solid rgba(26,180,232,.14);
}

.quote-popup-close{
  position:absolute;
  top:14px;
  right:14px;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#eef8ff;
  color:#0a1628;
  font-size:24px;
  border:none;
  cursor:pointer;
}

.quote-popup-box h2{
  margin:0 0 8px;
  color:#06152f;
  font-size:28px;
  font-weight:800;
}

.quote-popup-box p{
  margin:0 0 22px;
  color:#5a6b7b;
  line-height:1.6;
}

#quotePopupForm{
  display:grid;
  gap:12px;
}

#quotePopupForm input,
#quotePopupForm select,
#quotePopupForm textarea{
  width:100%;
  padding:13px 14px;
  border-radius:12px;
  border:1px solid #dbe6ef;
  background:#f8fbfd;
  outline:none;
}

#quotePopupForm textarea{
  min-height:100px;
  resize:vertical;
}

#quotePopupForm input:focus,
#quotePopupForm select:focus,
#quotePopupForm textarea:focus{
  border-color:#1ab4e8;
  box-shadow:0 0 0 4px rgba(26,180,232,.12);
}

.quote-submit-btn{
  margin-top:6px;
  padding:14px 20px;
  border:none;
  border-radius:999px;
  background:linear-gradient(135deg,#1ab4e8,#0fa0d4);
  color:#fff;
  font-weight:800;
  cursor:pointer;
}

@media(max-width:520px){
  .quote-popup-box{
    padding:28px 20px;
    border-radius:20px;
  }
}


/* FINAL HERO DASHBOARD RESTORE */
#hero .hero-dashboard{
  width:100% !important;
  max-width:560px !important;
  padding:18px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05)) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.30),0 0 0 1px rgba(26,180,232,.08) inset !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  overflow:hidden !important;
}

#hero .hero-dashboard-chip{
  display:inline-flex !important;
  align-items:center !important;
  width:100% !important;
  padding:8px 16px !important;
  border-radius:999px !important;
  background:rgba(26,180,232,.18) !important;
  border:1px solid rgba(26,180,232,.34) !important;
  color:#7fe8ff !important;
  font-size:.72rem !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  margin-bottom:14px !important;
}

#hero .dashboard-item{
  padding:11px 12px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:none !important;
}

#hero .dashboard-highlight{
  min-height:94px !important;
  padding:18px !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 50% 100%, rgba(95,224,230,.18), transparent 45%),
    linear-gradient(180deg,rgba(7,34,82,.92),rgba(6,22,54,.88)) !important;
  border:1px solid rgba(26,180,232,.14) !important;
  text-align:center !important;
}

@media(max-width:768px){
  #hero .hero-dashboard{
    padding:14px !important;
    border-radius:20px !important;
  }

  #hero .hero-dashboard-chip{
    padding:7px 12px !important;
    font-size:.62rem !important;
  }

  #hero .hero-dashboard h3{
    font-size:1.35rem !important;
  }

  #hero .dashboard-item{
    padding:9px 10px !important;
    border-radius:13px !important;
  }

  #hero .dashboard-highlight{
    min-height:78px !important;
    padding:13px 12px !important;
    border-radius:16px !important;
  }
}

/* FINAL DESKTOP DASHBOARD VISIBILITY FIX */
#hero .dashboard-fill{
  display:block !important;
  height:100% !important;
  width:var(--w) !important;
  opacity:1 !important;
  background:linear-gradient(90deg,#35c6ff,#62dfd5) !important;
  box-shadow:0 0 16px rgba(26,180,232,.22) !important;
  animation:none !important;
}

#hero .dashboard-highlight strong{
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
}

#hero .dashboard-highlight span{
  color:rgba(255,255,255,.86) !important;
  opacity:1 !important;
  visibility:visible !important;
}

#hero .dashboard-highlight{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

#hero .dashboard-highlight strong{
  display:block !important;
  width:100% !important;
  text-align:center !important;
  margin-bottom:8px !important;
}

#hero .dashboard-highlight span{
  display:block !important;
  width:100% !important;
  text-align:center !important;
}

#hero .dashboard-head{
  margin-bottom:10px !important;
}

#hero .dashboard-track{
  height:6px !important;
}

#hero .dashboard-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin-bottom:8px !important;
}

#hero .dashboard-head span{
  display:block !important;
  flex:1 1 auto !important;
}

#hero .dashboard-head strong{
  display:block !important;
  flex:0 0 auto !important;
  margin-left:auto !important;
  text-align:right !important;
}

#hero .dashboard-item{
  padding:10px 12px !important;
  border-radius:14px !important;
  margin-bottom:5px !important;
}

#hero .dashboard-highlight{
  min-height:84px !important;
  padding:14px 16px !important;
}

#hero .dashboard-highlight strong{
  font-size:2.25rem !important;
  margin-bottom:6px !important;
}

#hero .dashboard-highlight span{
  font-size:.78rem !important;
}


/* ===== Extracted from index.php style block 5 (id="seo-aeo-added-style") ===== */
/* SEO/AEO content polish */
#seo-solutions-overview .product-card,#faq .product-card{height:100%;}
#faq .product-card p{font-size:.88rem;color:#4a5568;line-height:1.75;margin:0;}
#seo-solutions-overview .product-card h3,#faq .product-card h3{font-size:1.05rem;}
@media(max-width:768px){#seo-solutions-overview .products-grid,#faq .products-grid{grid-template-columns:1fr!important;}}


/* ===== Extracted from index.php style block 6 ===== */
#global-presence-section{
  background:linear-gradient(180deg,#071b33 0%, #0a1628 100%);
  color:#e6f7ff;
  padding:80px 20px;
  font-family:'Inter','Segoe UI',Arial,sans-serif;
  text-align:center;
  overflow:hidden;
}
#global-presence-section .presence-header h2{
  font-family:'Montserrat',sans-serif;
  font-size:2.5rem;
  margin-bottom:15px;
  color:#5fe0e6;
  text-transform:uppercase;
  letter-spacing:2px;
}
#global-presence-section .presence-header p{
  font-size:1.1rem;
  color:rgba(230,247,255,.70);
  margin-bottom:50px;
  max-width:600px;
  margin-left:auto;
  margin-right:auto;
}
#global-presence-section #map-container{
  position:relative;
  max-width:1320px;
  margin:0 auto;
  width:min(100%, 96vw);
  aspect-ratio:2/1;
}
#global-presence-section #map-container svg{
  width:100%;
  height:100%;
  display:block;
}
#global-presence-section .country{
  fill:#0f2744;
  stroke:rgba(95,224,230,.22);
  stroke-width:.6px;
  transition:fill .3s ease, stroke .3s ease;
}
#global-presence-section .country:hover{
  fill:#15365d;
  stroke:rgba(26,180,232,.42);
  cursor:pointer;
}
#global-presence-section .marker-core{
  fill:#1ab4e8;
  filter:drop-shadow(0 0 4px rgba(26,180,232,.85));
}
#global-presence-section .marker-pulse{
  fill:none;
  stroke:#5fe0e6;
  stroke-width:2px;
  animation:pulse-ring 2s infinite cubic-bezier(.215,.61,.355,1);
}
#global-presence-section .connection-line{
  fill:none;
  stroke:rgba(26,180,232,.34);
  stroke-width:1.5;
  stroke-dasharray:5 5;
  animation:dash-flow 20s linear infinite;
}
#global-presence-section .flow-dot{
  fill:#5fe0e6;
  filter:drop-shadow(0 0 6px rgba(95,224,230,.95));
}
#global-presence-section .location-label{
  fill:#eafcff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.4px;
  pointer-events:none;
  font-family:'Inter',sans-serif;
  paint-order:stroke;
  stroke:rgba(7,27,51,.95);
  stroke-width:3px;
  stroke-linejoin:round;
}
@keyframes pulse-ring{
  0%{
    transform:scale(.5);
    stroke-opacity:1;
    stroke-width:2px;
  }
  100%{
    transform:scale(3.5);
    stroke-opacity:0;
    stroke-width:0;
  }
}
@keyframes dash-flow{
  to{stroke-dashoffset:-1000}
}

@media(max-width:768px){

  #global-presence-section{
    padding:60px 0 40px;
  }

  #global-presence-section .presence-header{
    padding:0 16px;
  }

  #global-presence-section .presence-header h2{
    font-size:2rem;
  }

  #global-presence-section .presence-header p{
    font-size:1rem;
    margin-bottom:25px;
  }

  #global-presence-section #map-container{
    width:100%;
    max-width:none;
    height:320px;   /* 🔥 controls visible height */
    overflow:hidden;
    position:relative;
  }

  #global-presence-section #map-container svg{
    width:180%;
    height:auto;
    position:absolute;
    left:50%;
    top:55%;
    transform:translate(-50%, -50%) scale(1.2);
  }

}

.products-carousel-section{
  position:relative;
  padding:clamp(72px,8vw,110px) 0;
  background:
    radial-gradient(circle at top right, rgba(26,180,232,.10), transparent 26%),
    linear-gradient(180deg,#f7fbfe 0%, #edf5fb 100%);
  overflow:hidden;
}
.products-carousel-head{
  text-align:center;
  max-width:860px;
  margin:0 auto 34px;
}
.products-carousel-shell{
  position:relative;
  max-width:1180px;
  margin:0 auto;
  padding:18px 72px 8px;
}
.products-carousel-stage{
  position:relative;
  height:610px;
}
.product-rotator-card{
  position:absolute;
  top:32px;
  width:min(33.5%, 360px);
  background:rgba(255,255,255,.96);
  border:1px solid rgba(26,180,232,.10);
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 16px 44px rgba(10,22,40,.08);
  transition:
    transform .55s cubic-bezier(.22,.61,.36,1),
    left .55s cubic-bezier(.22,.61,.36,1),
    opacity .55s ease,
    filter .55s ease,
    box-shadow .55s ease;
  will-change:transform,left,opacity;
}
.product-rotator-card.is-left{
  left:0;
  transform:scale(.90) rotateY(12deg);
  opacity:.84;
  filter:saturate(.88);
}
.product-rotator-card.is-center{
  left:50%;
  transform:translateX(-50%) scale(1);
  opacity:1;
  z-index:3;
  box-shadow:0 24px 60px rgba(10,22,40,.14);
}
.product-rotator-card.is-right{
  right:0;
  left:auto;
  transform:scale(.90) rotateY(-12deg);
  opacity:.84;
  filter:saturate(.88);
}
.product-rotator-card img{
  width:100%;
  height:248px;
  object-fit:cover;
  display:block;
  background:#dfeaf2;
}
.product-rotator-body{
  padding:22px 24px 24px;
}
.product-rotator-chip{
  position:absolute;
  top:18px;
  left:18px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  padding:9px 16px;
  border-radius:999px;
  background:rgba(10,22,40,.78);
  backdrop-filter:blur(10px);
  color:#fff;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.02em;
}
.product-rotator-body h3{
  margin:0 0 10px;
  color:var(--navy);
  font-size:1.45rem;
  line-height:1.2;
}
.product-rotator-body p{
  margin:0 0 16px;
  color:#5a6d81;
  font-size:.95rem;
  line-height:1.8;
  min-height:68px;
}
.product-rotator-points{
  list-style:none;
  padding:0;
  margin:0 0 22px;
  display:grid;
  gap:10px;
}
.product-rotator-points li{
  position:relative;
  padding-left:18px;
  font-size:.88rem;
  color:#43566a;
}
.product-rotator-points li::before{
  content:"";
  position:absolute;
  top:9px;
  left:0;
  width:7px;
  height:7px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--blue),var(--green));
}
.product-rotator-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.rotator-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:12px 18px;
  border-radius:999px;
  border:none;
  font-size:.84rem;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.rotator-btn-primary{
  background:linear-gradient(135deg,var(--blue),var(--blue-dark));
  color:#fff;
  box-shadow:0 12px 24px rgba(26,180,232,.22);
}
.rotator-btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(26,180,232,.28);
}
.rotator-btn-secondary{
  background:#f2f4f7;
  color:var(--navy);
  border:1px solid rgba(10,22,40,.08);
}
.rotator-btn-secondary:hover{
  transform:translateY(-2px);
  background:#e9edf2;
}
.products-carousel-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:54px;
  height:54px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.95);
  color:var(--navy);
  box-shadow:0 12px 30px rgba(10,22,40,.12);
  cursor:pointer;
  z-index:5;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}
.products-carousel-arrow:hover{
  transform:translateY(-50%) scale(1.06);
  box-shadow:0 16px 34px rgba(10,22,40,.18);
  background:#fff;
}
.products-carousel-arrow svg{
  width:20px;
  height:22px;
}
.products-carousel-arrow.prev{left:0}
.products-carousel-arrow.next{right:0}
.products-carousel-meta{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin-top:18px;
  flex-wrap:wrap;
}
.products-carousel-count{
  font-size:.86rem;
  font-weight:700;
  color:#506274;
}
.products-carousel-dots{
  display:flex;
  align-items:center;
  gap:8px;
}
.products-carousel-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:rgba(10,22,40,.15);
  transition:all .25s ease;
}
.products-carousel-dot.active{
  width:26px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--blue),var(--green));
}
.products-carousel-note{
  text-align:center;
  margin-top:14px;
  color:#6b7d8f;
  font-size:.86rem;
}
.product-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  transition:all .3s ease;
}
.product-modal.active{opacity:1;visibility:visible}
.product-modal-overlay{
  position:absolute; inset:0; background:rgba(5,12,22,.72); backdrop-filter:blur(6px);
}
.product-modal-dialog{
  position:relative;
  z-index:2;
  width:min(1080px,100%);
  max-height:90vh;
  overflow:auto;
  background:#fff;
  border-radius:28px;
  box-shadow:0 30px 80px rgba(0,0,0,.25);
  padding:22px;
}
.product-modal-close{
  position:absolute; top:16px; right:16px; width:42px; height:42px; border:none; border-radius:50%;
  background:#f1f6fa; color:#0a1628; font-size:1.5rem; cursor:pointer; z-index:3;
}
.product-modal-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:28px; align-items:start}
.product-modal-image-wrap{border-radius:22px; overflow:hidden; min-height:420px}
.product-modal-image-wrap img{width:100%; height:100%; min-height:420px; object-fit:cover; display:block}
.product-modal-content{padding:12px 6px 6px}
.product-modal-category{display:inline-block; margin-bottom:14px; padding:8px 14px; border-radius:999px; background:rgba(26,180,232,.10); color:#0fa0d4; font-size:.76rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase}
.product-modal-content h3{font-size:2rem; line-height:1.15; color:#0a1628; margin-bottom:14px; font-weight:800}
.product-modal-content > p{font-size:.95rem; line-height:1.8; color:#526577; margin-bottom:20px}
.product-modal-block{margin-bottom:18px; padding:18px 18px; background:#f7fbfe; border:1px solid rgba(26,180,232,.10); border-radius:18px}
.product-modal-block h4{font-size:.98rem; font-weight:800; color:#0a1628; margin-bottom:8px}
.product-modal-block p{font-size:.9rem; line-height:1.75; color:#4e6275; margin:0}
.product-modal-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:24px}
@media (max-width:1100px){
  .products-carousel-shell{padding:18px 54px 8px}
  .products-carousel-stage{height:560px}
  .product-rotator-card{width:calc(50% - 18px)}
  .product-rotator-card.is-left{left:2%; transform:scale(.88)}
  .product-rotator-card.is-right{right:2%; transform:scale(.88)}
}
@media (max-width:860px){
  .products-carousel-shell{padding:10px 0 8px}
  .products-carousel-stage{height:auto; min-height:0}
  .products-carousel-arrow{top:auto; bottom:-6px; transform:none; width:52px; height:52px}
  .products-carousel-arrow:hover{transform:scale(1.04)}
  .products-carousel-arrow.prev{left:calc(50% - 64px)}
  .products-carousel-arrow.next{right:calc(50% - 64px)}
  .product-rotator-card{
    position:relative;
    width:100%;
    max-width:560px;
    margin:0 auto;
  }
  .product-rotator-card.is-left,
  .product-rotator-card.is-right,
  .product-rotator-card.is-center{
    left:auto; right:auto;
    transform:none;
    opacity:1;
    filter:none;
  }
  .product-rotator-card.is-left,
  .product-rotator-card.is-right{display:none}
  .product-rotator-card img{height:220px}
  .products-carousel-meta{margin-top:76px}
  .product-modal-grid{grid-template-columns:1fr}
  .product-modal-image-wrap,
  .product-modal-image-wrap img{min-height:260px}
  .product-modal-content h3{font-size:1.55rem}
  .product-modal-actions,.product-rotator-actions{flex-direction:column}
  .rotator-btn{width:100%}
}

#hero{
  height:100vh !important;
  min-height:100vh !important;
  padding-top:76px !important;
  overflow:hidden !important;
}
#hero .hero-content{
  height:calc(100vh - 76px) !important;
  display:flex !important;
  align-items:center !important;
  padding:0 !important;
}
#hero .hero-shell{
  width:100% !important;
  max-width:1440px !important;
  margin:0 auto !important;
  padding:0 28px !important;
  display:grid !important;
  grid-template-columns:minmax(0,56%) minmax(360px,44%) !important;
  gap:18px !important;
  align-items:center !important;
}
#hero .hero-left{
  width:100% !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-self:center !important;
}
#hero .hero-right{
  width:100% !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
}
#hero .hero-badge{
  margin-bottom:14px !important;
}
#hero .hero-h1{
  font-size:clamp(1.9rem,3.9vw,3.7rem) !important;
  line-height:0.98 !important;
  letter-spacing:-0.03em !important;
  margin:0 0 14px 0 !important;
  max-width:11ch !important;
}
#hero .hero-sub{
  font-size:clamp(.92rem,1vw,.98rem) !important;
  line-height:1.6 !important;
  margin:0 0 18px 0 !important;
  max-width:52ch !important;
}
#hero .hero-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin:0 0 16px 0 !important;
}
#hero .hero-actions .btn{
  width:auto !important;
  flex:0 0 auto !important;
  display:inline-flex !important;
  padding:13px 22px !important;
  min-height:48px !important;
}
#hero .hero-stats{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:0 !important;
}
#hero .hero-dashboard{
  width:100% !important;
  max-width:560px !important;
  max-height:64vh !important;
  padding:16px !important;
  border-radius:22px !important;
}
#hero .hero-dashboard h3{
  font-size:clamp(1.3rem,1.7vw,1.8rem) !important;
  line-height:1.08 !important;
  margin:0 0 8px 0 !important;
}
#hero .hero-dashboard p{
  font-size:.84rem !important;
  line-height:1.5 !important;
  margin:0 0 12px 0 !important;
}
#hero .dashboard-list{
  gap:8px !important;
  margin:0 0 12px 0 !important;
}
#hero .dashboard-item{
  padding:9px 11px !important;
}
#hero .dashboard-head{
  margin-bottom:7px !important;
}
#hero .dashboard-head span{
  font-size:.76rem !important;
}
#hero .dashboard-track{
  height:6px !important;
}
#hero .dashboard-highlight{
  min-height:96px !important;
  padding:14px 16px !important;
}
#hero .dashboard-highlight strong{
  font-size:clamp(1.9rem,2.8vw,2.4rem) !important;
  margin-bottom:4px !important;
}
#hero .dashboard-highlight span{
  font-size:.78rem !important;
}
@media (max-width: 1180px){
  #hero{
    height:auto !important;
    min-height:auto !important;
  }
  #hero .hero-content{
    height:auto !important;
    padding:20px 0 28px !important;
  }
  #hero .hero-shell{
    grid-template-columns:1fr !important;
    gap:22px !important;
    padding:0 22px !important;
  }
  #hero .hero-right{
    justify-content:flex-start !important;
  }
  #hero .hero-dashboard{
    max-width:620px !important;
    max-height:none !important;
  }
}
@media (max-width: 768px){
  #hero .hero-shell{
    padding:0 18px !important;
    gap:18px !important;
  }
  #hero .hero-h1{
    font-size:clamp(2.1rem,10vw,3.1rem) !important;
    max-width:11ch !important;
  }
  #hero .hero-actions .btn{
    width:100% !important;
  }
}

#hero{
  height:auto !important;
  min-height:min(100vh, 860px);
}
.hero-content{
  height:auto;
  padding:80px 0 88px;
}
.hero-h1{
  font-size:clamp(2.5rem, 4.4vw, 4.2rem);
  line-height:1.02;
  margin-bottom:16px;
  max-width:10.5ch;
}
.hero-sub{
  max-width:600px;
  margin-bottom:22px;
  font-size:clamp(.98rem, 1.15vw, 1.05rem);
}
.hero-actions{margin-bottom:20px;}
.hero-stats{gap:10px;}
#cta-banner{padding:60px 0;}
.cta-sub{margin-bottom:24px;}
@media (max-width:1180px){
  #hero{min-height:auto;}
  .hero-content{padding:84px 0 72px;}
}
@media (max-width:768px){
  #hero{min-height:auto;}
  .hero-content{padding:72px 0 44px;}
  .hero-h1{font-size:clamp(2.15rem, 8.5vw, 3.2rem);line-height:1.04;max-width:11ch;}
  .hero-sub{margin-bottom:18px;}
  .hero-actions{margin-bottom:16px;}
  #cta-banner{padding:48px 0;}
  .cta-sub{margin-bottom:20px;}
}

.flip-inner{
  height:auto;
}

.flip-front,
.flip-back{
  position:relative;
  transform:none;
}

.flip-back{
  height:220px;
  margin-top:12px;
}

.update-img{
  width:100%;
  height:180px;
  overflow:hidden;
  border-radius:12px 12px 0 0;
}
.update-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.update-media{
  padding:0;
  min-height:auto;
  background:none;
  display:block;
}
.update-body ul{
  padding-left:18px;
  margin:0 0 14px;
}
.update-body ul li{
  font-size:.8rem;
  color:#4a5568;
  line-height:1.55;
  margin-bottom:4px;
}

@media (min-width:1025px) and (max-width:1366px){
  #hero{
    height:auto !important;
    min-height:100vh !important;
    padding-top:92px !important;
    padding-bottom:90px !important;
    overflow:hidden !important;
  }

  #hero .hero-content{
    height:auto !important;
    min-height:calc(100vh - 92px) !important;
    padding:30px 0 80px !important;
  }

  #hero .hero-dashboard{
    max-width:520px !important;
    max-height:none !important;
    transform:scale(.92);
    transform-origin:center right;
  }

  #hero .hero-h1{
    font-size:clamp(2.4rem,4.1vw,4.3rem) !important;
  }
}

@media (max-width:768px){
  #hero .hero-dashboard{
    background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05)) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    border-radius:24px !important;
    padding:18px !important;
    box-shadow:0 24px 70px rgba(0,0,0,.30),0 0 0 1px rgba(26,180,232,.08) inset !important;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    overflow:hidden !important;
  }

  #hero .hero-dashboard-chip{
    display:inline-flex !important;
    opacity:1 !important;
    visibility:visible !important;
    width:100% !important;
    margin-bottom:14px !important;
  }

  #hero .dashboard-list{
    display:grid !important;
    gap:4px !important;
  }

  #hero .dashboard-item{
    padding:11px 12px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.12) !important;
    border:1px solid rgba(255,255,255,.14) !important;
  }

  #hero .dashboard-head{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:12px !important;
  }
}


/* ===== Extracted from index.php style block 7 ===== */
:root{
  --lightbg:#f3f8fc;
  --lightblue:#eef8ff;
  --card-bg:#ffffff;
  --card-border:rgba(26,180,232,.12);
  --card-shadow:0 12px 34px rgba(10,55,92,.08);
  --soft-blue:linear-gradient(135deg,#f7fcff 0%, #eef8ff 52%, #f3fbff 100%);
  --soft-blue-2:linear-gradient(135deg,#eef8ff 0%, #f7fcff 100%);
  --brand-glow:linear-gradient(135deg,rgba(26,180,232,.10),rgba(95,224,230,.06));
  --brand-accent:linear-gradient(135deg,var(--blue),var(--aqua));
}

body{background:#fff;}
.section--light{background:var(--lightbg) !important;}
.section--lightblue{background:var(--lightblue) !important;}

.calc-card,
.roi-card,
.product-card,
.testi-inner,
.project-card,
.foundation-card,
.life-card,
.update-card,
.smart-metric,
.smart-saving-box,
.product-showcase-card,
.product-modal-dialog{
  background:var(--card-bg) !important;
  border-color:var(--card-border) !important;
  box-shadow:var(--card-shadow) !important;
}

.roi-card,
.smart-card.smart-card-light,
.smart-card.smart-card-light .roi-insight,
.smart-card.smart-card-light .roi-result-card,
.smart-card.smart-card-light .roi-insight-item,
.calc-result,
.roi-insight{
  background:var(--soft-blue) !important;
  border-color:rgba(26,180,232,.16) !important;
}

.product-card-icon,
.life-icon,
.update-badge,

.update-media,
.wte-products-section,
.product-tab.active,
.smart-btn,
.flow-icon.active,
.project-visual,
#cta-banner{
  background-image:var(--brand-accent) !important;
}

.update-media{
  background:var(--soft-blue-2) !important;
}

.product-tab.active,
.smart-btn,
.product-btn-primary,
.btn-blue,

.btn-green,
.roi-cta,
.smart-btn-secondary{
  background:linear-gradient(135deg,var(--blue-dark),var(--blue)) !important;
  box-shadow:0 10px 24px rgba(26,180,232,.22) !important;
}

.product-card::before,
.product-card-image-wrap::before,
.product-card-body ul li::before,
.flow-connector::after,

.project-stat,

.project-stat,

.foundation-main,
.about-card,
.about-image-box,
#calculator,
.smart-calc-section{
  background-image:linear-gradient(135deg,var(--navy) 0%, var(--navy-2) 55%, #0e3357 100%) !important;
}

.sec-label,
.product-link,
.update-link,
.calc-val,
.roi-field-val,
.about-stat-num,
.stat-num,
.roi-result-val,

.flip-inner{
  height:auto;
}

.flip-front,
.flip-back{
  position:relative;
  transform:none;
}

.flip-back{
  height:220px;
  margin-top:12px;
}

.update-img{
  width:100%;
  height:180px;
  overflow:hidden;
  border-radius:12px 12px 0 0;
}
.update-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.update-media{
  padding:0;
  min-height:auto;
  background:none;
  display:block;
}
.update-body ul{
  padding-left:18px;
  margin:0 0 14px;
}
.update-body ul li{
  font-size:.8rem;
  color:#4a5568;
  line-height:1.55;
  margin-bottom:4px;
}


/* ===== Extracted from index.php style block 8 ===== */
.smart-card.smart-card-light.smart-card-equal{
  background:rgba(255,255,255,.98) !important;
  border:1px solid rgba(13,34,56,0.08) !important;
  color:#0d2238 !important;
  box-shadow:0 20px 60px rgba(10,31,51,0.12) !important;
}
.smart-card.smart-card-light.smart-card-equal::before{
  display:none !important;
}
.smart-card.smart-card-light .smart-card-head,
.smart-card.smart-card-light .smart-form-grid,
.smart-card.smart-card-light .smart-card-fixed,
.smart-card.smart-card-light .smart-card-scroll,
.smart-card.smart-card-light .roi-scroll-area,
.smart-card.smart-card-light .roi-insight,
.smart-card.smart-card-light .roi-insight-grid,
.smart-card.smart-card-light .smart-savings-grid{
  background:transparent !important;
}
.smart-card.smart-card-light .smart-card-head h3,
.smart-card.smart-card-light .smart-card-head p,
.smart-card.smart-card-light .smart-field label,
.smart-card.smart-card-light .smart-live-value,
.smart-card.smart-card-light .roi-message,
.smart-card.smart-card-light .roi-insight-top h4,
.smart-card.smart-card-light .roi-insight-item span,
.smart-card.smart-card-light .roi-insight-item strong,
.smart-card.smart-card-light .roi-points li,
.smart-card.smart-card-light .smart-saving-box span,
.smart-card.smart-card-light .smart-saving-box strong{
  color:#0d2238 !important;
}
.smart-card.smart-card-light .smart-card-head p,
.smart-card.smart-card-light .roi-message,
.smart-card.smart-card-light .roi-points li,
.smart-card.smart-card-light .roi-insight-item span,
.smart-card.smart-card-light .smart-saving-box span{
  opacity:1 !important;
}
.smart-card.smart-card-light .smart-field input,
.smart-card.smart-card-light .smart-field select{
  background:#f7fbfe !important;
  color:#0d2238 !important;
  border:1px solid rgba(13,34,56,0.10) !important;
}
.smart-card.smart-card-light .roi-insight-badge,
.smart-card.smart-card-light .roi-card-chip{
  background:#eaf6ff !important;
  color:var(--blue) !important;
  border:1px solid rgba(26,180,232,.18) !important;
}
.smart-card.smart-card-light .roi-insight-item,
.smart-card.smart-card-light .smart-saving-box{
  background:#f7fbfe !important;
  border:1px solid rgba(26,180,232,.12) !important;
}
.smart-card.smart-card-light .smart-btn.smart-btn-secondary{
  background:linear-gradient(90deg,var(--blue) 0%, var(--aqua) 100%) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(26,180,232,.22) !important;
}
.smart-card.smart-card-light .roi-points li::before{
  background:var(--blue) !important;
}

.flip-inner{
  height:auto;
}

.flip-front,
.flip-back{
  position:relative;
  transform:none;
}

.flip-back{
  height:220px;
  margin-top:12px;
}

.update-img{
  width:100%;
  height:180px;
  overflow:hidden;
  border-radius:12px 12px 0 0;
}
.update-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.update-media{
  padding:0;
  min-height:auto;
  background:none;
  display:block;
}
.update-body ul{
  padding-left:18px;
  margin:0 0 14px;
}
.update-body ul li{
  font-size:.8rem;
  color:#4a5568;
  line-height:1.55;
  margin-bottom:4px;
}


/* ===== Extracted from index.php style block 9 (id="wte-final-cta-design-override") ===== */
#cta-banner{
  background:#f4f9fd !important;
  background-image:none !important;
  padding:95px 20px !important;
}

#cta-banner .container{
  max-width:1128px !important;
  margin:0 auto !important;
  padding:0 !important;
}

#cta-banner .cta-box{
  width:100% !important;
  background:rgba(255,255,255,0.86) !important;
  background-image:none !important;
  border:1px solid rgba(41,171,226,0.22) !important;
  border-radius:22px !important;
  padding:38px 34px !important;
  box-shadow:0 22px 60px rgba(41,171,226,0.10) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:42px !important;
}

#cta-banner .cta-left{
  max-width:690px !important;
}

#cta-banner .cta-left h2{
  color:#06152f !important;
  font-size:clamp(32px,4vw,42px) !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  letter-spacing:-0.8px !important;
  margin:0 0 14px !important;
}

#cta-banner .cta-left p{
  color:#34486a !important;
  font-size:17px !important;
  line-height:1.6 !important;
  max-width:690px !important;
  margin:0 !important;
}

#cta-banner .cta-right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:14px !important;
  flex-shrink:0 !important;
  flex-wrap:wrap !important;
}

#cta-banner .btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  padding:14px 28px !important;
  min-height:46px !important;
  font-weight:800 !important;
  font-size:15px !important;
  line-height:1 !important;
  text-decoration:none !important;
  color:#fff !important;
  border:none !important;
  white-space:nowrap !important;
  box-shadow:0 14px 30px rgba(0,0,0,0.12) !important;
  transition:transform .25s ease, box-shadow .25s ease !important;
}

#cta-banner .btn-blue{
  background:linear-gradient(135deg,#29abe2,#049bd5) !important;
}

#cta-banner .btn-green{
  background:linear-gradient(135deg,#39a939,#2c9132) !important;
}

#cta-banner .btn:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 38px rgba(0,0,0,0.16) !important;
}

@media(max-width:900px){
  #cta-banner .cta-box{
    flex-direction:column !important;
    align-items:flex-start !important;
    padding:32px 24px !important;
  }

  #cta-banner .cta-right{
    width:100% !important;
    justify-content:flex-start !important;
  }

  #cta-banner .btn{
    flex:1 1 180px !important;
    text-align:center !important;
  }
}

@media(max-width:520px){
  #cta-banner{
    padding:60px 14px !important;
  }

  #cta-banner .cta-box{
    border-radius:18px !important;
    padding:28px 20px !important;
  }

  #cta-banner .cta-left h2{
    font-size:30px !important;
  }

  #cta-banner .cta-right{
    flex-direction:column !important;
  }

  #cta-banner .btn{
    width:100% !important;
    flex:none !important;
  }
}

.wte-footer-google-review{
  margin-top:10px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(26,180,232,.18);
  color:rgba(255,255,255,.82);
  max-width:245px;
  transition:all .25s ease;
}

.wte-footer-google-review:hover{
  background:rgba(26,180,232,.12);
  border-color:rgba(26,180,232,.34);
  transform:translateY(-2px);
}

.wte-google-icon{
  width:32px;
  height:32px;
  border-radius:50%;
  background:#fff;
  color:#4285f4;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-family:Arial,sans-serif;
  flex-shrink:0;
}

.wte-footer-google-review strong{
  display:block;
  color:#fff;
  font-size:.82rem;
  line-height:1.2;
}

.wte-footer-google-review small{
  display:block;
  color:rgba(255,255,255,.56);
  font-size:.72rem;
  margin-top:2px;
}

.wte-footer-google-review em{
  margin-left:auto;
  font-style:normal;
  font-size:.68rem;
  font-weight:800;
  color:#5fe0e6;
  white-space:nowrap;
}

@media(max-width:768px){
  .flow-track{
    grid-template-columns:1fr !important;
  }

  .flow-connector{
    display:none !important;
  }

  .flow-node{
    max-width:180px !important;
    margin:0 auto !important;
  }
}

@media(max-width:768px){

  #about .about-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:36px !important;
  }

  #about .about-grid > div:first-child{
    width:100% !important;
  }

  #about .about-grid > div:last-child{
    width:100% !important;
    margin-top:20px !important;
  }

  #about .about-grid img{
    width:120% !important;
    max-width:120% !important;
    margin-left:-10% !important;
    height:auto !important;
    object-fit:contain !important;
  }

  #about .about-badges{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px !important;
  }

  #about .btn{
    width:auto !important;
    min-width:260px !important;
  }
}

/* FINAL S24 / MOBILE ABOUT FIX */
@media (max-width:600px){

  #about .about-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:34px !important;
  }

  #about .about-grid > div{
    width:100% !important;
    max-width:100% !important;
  }

  #about .about-grid img{
    width:115% !important;
    max-width:115% !important;
    margin-left:-7.5% !important;
    margin-top:34px !important;
    height:auto !important;
    object-fit:contain !important;
    position:relative !important;
    z-index:1 !important;
  }

  #about .about-badges{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:12px !important;
  }

  #about .about-badges .badge-pill{
    width:auto !important;
    max-width:100% !important;
  }

  #about .btn{
    width:auto !important;
    min-width:260px !important;
  }
}