/* ECOTECH CLEAN CSS BUNDLE — generated from the final approved cascade */


/* ===== SOURCE: mobile-final-v2.css ===== */

/* ECOTECH — MOBILE FINAL V2 */
:root{--mobile-gutter:clamp(14px,4vw,28px);--mobile-nav-height:58px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--mobile-nav-height) + 18px)}
body.eco-nav-page{padding-top:70px}
@media(max-width:900px){
html,body{width:100%;max-width:100%;min-width:0;overflow-x:clip}
body{-webkit-tap-highlight-color:transparent}
.eco-nav-v23{top:max(7px,env(safe-area-inset-top));left:50%;width:calc(100% - 14px);min-height:58px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:7px 8px 7px 12px;box-sizing:border-box;overflow:visible!important}
.eco-nav-v23.is-scrolled{min-height:54px;padding-top:5px;padding-bottom:5px}
.eco-nav-v23__brand{min-width:0;overflow:hidden}.eco-nav-v23__logo{display:block;width:auto!important;height:42px!important;max-width:min(155px,62vw)!important;object-fit:contain}
.eco-nav-v23__links,.eco-nav-v23__cta{display:none!important}.eco-nav-v23__mobile{display:flex!important;position:relative;z-index:10002;width:44px;height:44px;flex:0 0 44px;touch-action:manipulation}
.eco-nav-v23__sheet{position:absolute!important;top:calc(100% + 9px)!important;left:50%!important;right:auto!important;inset:auto!important;width:calc(100vw - 14px)!important;max-width:calc(100vw - 14px)!important;height:min(760px,calc(100dvh - 82px))!important;max-height:min(760px,calc(100dvh - 82px))!important;min-height:0!important;margin:0!important;padding:18px 18px calc(22px + env(safe-area-inset-bottom)) 18px!important;box-sizing:border-box!important;transform:translateX(-50%)!important;z-index:10001!important;display:flex!important;flex-direction:column!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid rgba(23,37,43,.11)!important;border-radius:18px!important;background:var(--eco-nav-bg)!important;box-shadow:0 22px 55px rgba(23,37,43,.18)!important}
.eco-nav-v23__sheet a{flex:0 0 auto;min-height:46px;box-sizing:border-box;touch-action:manipulation}.eco-nav-v23__sheet a span{font-size:clamp(20px,6vw,25px)!important;line-height:1.05!important}.eco-nav-v23__menu{display:none!important}
.eco-nav-v23__mobile-tech-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:2px 0 8px 34px;min-width:0}.eco-nav-v23__mobile-tech-categories a{display:block!important;min-height:0!important;padding:9px 10px!important;border:1px solid rgba(23,37,43,.10)!important;border-radius:9px!important;background:rgba(255,255,255,.45)!important;color:#30483F!important;font-size:11px!important;font-weight:700!important;line-height:1.25!important;text-decoration:none!important}
.container{width:calc(100% - (2 * var(--mobile-gutter)))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}.section{padding-top:clamp(48px,10vw,72px);padding-bottom:clamp(48px,10vw,72px)}.detail-hero{padding-top:30px;padding-bottom:46px}.detail-hero-inner{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
.cat-block{width:100%;max-width:100%;margin-top:42px!important}.cat-head{display:flex;flex-direction:column;align-items:flex-start!important;gap:7px!important;margin-bottom:18px!important}.cat-head h2{max-width:100%;font-size:clamp(21px,6vw,28px)!important;line-height:1.08!important}.tile-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;width:100%}.tile{width:100%;min-width:0!important;box-sizing:border-box;padding:18px!important}.tile h3,.tile .tagline,.tile .tile-cta{overflow-wrap:anywhere;word-break:normal}
.grid-3,.pillars,.how-grid,.footer-grid,.service-cols,.svc-grid,.industry-grid,.services-grid,.technology-grid{grid-template-columns:minmax(0,1fr)!important}
img,svg,video,canvas,iframe{max-width:100%}.ecotech-visual-slot{width:100%;max-width:100%!important;box-sizing:border-box}.ecotech-logo-visual{max-width:60%}.btn,button,input,select,textarea{max-width:100%;box-sizing:border-box}button,a,input,select,textarea{touch-action:manipulation}pre,code{max-width:100%;overflow-x:auto}h1,h2,h3,h4,h5,h6,p,a,span{overflow-wrap:break-word}
[style*="grid-template-columns:repeat(3,1fr)"],[style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:600px){:root{--mobile-nav-height:52px}body.eco-nav-page{padding-top:64px!important}.eco-nav-v23{width:calc(100% - 10px);top:max(5px,env(safe-area-inset-top));padding-left:9px;padding-right:6px}.eco-nav-v23__logo{height:38px!important;max-width:min(145px,58vw)!important}.eco-nav-v23__sheet{width:calc(100vw - 10px)!important;max-width:calc(100vw - 10px)!important;height:min(720px,calc(100dvh - 72px))!important;max-height:min(720px,calc(100dvh - 72px))!important;padding-left:15px!important;padding-right:15px!important}.eco-nav-v23__mobile-tech-categories{grid-template-columns:minmax(0,1fr);margin-left:32px}.eco-nav-v23__sheet a{padding-top:11px!important;padding-bottom:11px!important}.ecotech-visual-slot{min-height:220px!important;border-radius:20px}}
@media(max-width:360px){.eco-nav-v23__logo{max-width:132px!important}.eco-nav-v23__mobile{width:42px;height:42px;flex-basis:42px}.eco-nav-v23__sheet a span{font-size:19px!important}.tile{padding:15px!important}}
@media(max-width:900px) and (orientation:landscape){.eco-nav-v23__sheet{height:calc(100dvh - 72px)!important;max-height:calc(100dvh - 72px)!important}.eco-nav-v23__sheet a{padding-top:8px!important;padding-bottom:8px!important}}
@media(min-width:601px) and (max-width:900px){.eco-nav-v23__sheet{width:min(620px,calc(100vw - 28px))!important}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cat-head{flex-direction:row;align-items:flex-end!important}.grid-3,.pillars,.how-grid,.svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){.eco-nav-v23,.eco-nav-v23 *,.tile,.eco-nav-v23__sheet{transition:none!important;animation:none!important}}


/* ===== SOURCE: mobile-navigation-final.css ===== */


/* ECOTECH MOBILE NAVIGATION — FINAL
   Highest-priority mobile navigation layer. */

@media (max-width:900px){
  .eco-nav-v23{
    position:fixed!important;
    overflow:visible!important;
    z-index:2147483000!important;
    isolation:isolate!important;
  }

  .eco-nav-v23__mobile{
    position:relative!important;
    z-index:2147483003!important;
    pointer-events:auto!important;
  }

  .eco-nav-v23__sheet{
    position:fixed!important;
    top:calc(67px + env(safe-area-inset-top))!important;
    left:7px!important;
    right:7px!important;
    width:auto!important;
    max-width:none!important;
    height:calc(100dvh - 79px - env(safe-area-inset-top))!important;
    max-height:none!important;
    min-height:0!important;
    margin:0!important;
    transform:none!important;
    z-index:2147483001!important;
    box-sizing:border-box!important;
    padding:22px 20px calc(28px + env(safe-area-inset-bottom))!important;
    display:flex!important;
    flex-direction:column!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    background:var(--eco-nav-bg,#F5F3EC)!important;
    border:1px solid rgba(23,37,43,.12)!important;
    border-radius:18px!important;
    box-shadow:0 24px 70px rgba(23,37,43,.22)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .eco-nav-v23.mobile-open .eco-nav-v23__sheet{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  .eco-nav-v23__sheet a{
    position:relative!important;
    z-index:1!important;
    flex:0 0 auto!important;
    min-height:48px!important;
    touch-action:manipulation!important;
  }

  .eco-nav-v23__sheet-cta{
    margin-bottom:env(safe-area-inset-bottom)!important;
  }

  /* A visible close control inside the sheet. The same JS hamburger remains
     the primary toggle, while this provides an unambiguous second close target. */
  .eco-mobile-menu-close{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:44px!important;
    margin:0 0 12px!important;
    padding:0 2px 12px!important;
    border:0!important;
    border-bottom:1px solid rgba(23,37,43,.12)!important;
    background:transparent!important;
    color:var(--eco-nav-ink,#17252B)!important;
    font:inherit!important;
    font-size:12px!important;
    font-weight:750!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
  }

  .eco-mobile-menu-close span:last-child{
    width:32px!important;
    height:32px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:rgba(23,37,43,.07)!important;
    font-size:22px!important;
    line-height:1!important;
  }

  .eco-nav-v23__mobile-tech-categories{
    position:relative!important;
    z-index:2!important;
  }
}

@media (max-width:600px){
  .eco-nav-v23__sheet{
    top:calc(61px + env(safe-area-inset-top))!important;
    left:5px!important;
    right:5px!important;
    height:calc(100dvh - 68px - env(safe-area-inset-top))!important;
    border-radius:16px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
}


/* ===== SOURCE: technology-logo-mobile-final.css ===== */


@media (max-width:900px){
  .tech-logo-stage,
  .tech-logo-stage img,
  .service-mark-stage,
  .service-mark-stage img{
    opacity:1!important;
    visibility:visible!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    transform:none!important;
  }

  .tech-logo-stage img{
    display:block!important;
    max-width:100%!important;
    max-height:100%!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
  }
}

/* SCROLL FIX — sheet only interactive when menu is open (does not touch photon/animations) */
.eco-nav-v23:not(.mobile-open) .eco-nav-v23__sheet,
.eco-nav-v23__sheet[aria-hidden="true"]{
  display:none !important;
  pointer-events:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  z-index:-1 !important;
}
.eco-nav-v23.mobile-open .eco-nav-v23__sheet,
.eco-nav-v23__sheet[aria-hidden="false"]{
  display:flex !important;
  pointer-events:auto !important;
  visibility:visible !important;
  opacity:1 !important;
}
.eco-mobile-nav-backdrop{ display:none !important; pointer-events:none !important; }
.eco-nav-v23.mobile-open + .eco-mobile-nav-backdrop{ display:block !important; pointer-events:auto !important; }