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


/* ===== SOURCE: technology-neutral-canvas-v1.css ===== */


/* =========================================================
   TECHNOLOGIES — NEUTRAL MATTE CANVAS
   Remove legacy green/teal atmospheric washes from the technology
   catalogue while retaining intentional colored typography.
   ========================================================= */

body.tech-catalog-page{
  background:#F4F3EF!important;
}

/* The old global style.css added translucent teal gradients to generic
   .section surfaces. They create the unwanted green cast here. */
body.tech-catalog-page main > .section,
body.tech-catalog-page main .cat-block{
  background:#F4F3EF!important;
}

/* Kill decorative color washes only; content remains untouched. */
body.tech-catalog-page main > .section::before,
body.tech-catalog-page main > .section::after,
body.tech-catalog-page main .cat-block::before,
body.tech-catalog-page main .cat-block::after{
  background:none!important;
  background-image:none!important;
  opacity:0!important;
}

/* Technology cards stay clean and neutral. */
body.tech-catalog-page .tile-grid .tile{
  background:#F8F7F3!important;
}

/* Keep category structure crisp rather than allowing the old green
   accent to tint the entire surface. */
body.tech-catalog-page .cat-head{
  border-color:rgba(48,72,63,.14)!important;
}

/* Detail pages: neutralize generic light-section atmospheric overlays,
   while leaving intentional dark hero/CTA backgrounds alone. */
body.tech-catalog-page .section:not(.section-navy):not(.cta-band)::before,
body.tech-catalog-page .section:not(.section-navy):not(.cta-band)::after{
  background:none!important;
  background-image:none!important;
  opacity:0!important;
}

/* No green wash behind technology detail content. */
body.tech-catalog-page .content-section::before,
body.tech-catalog-page .content-section::after{
  background:none!important;
  background-image:none!important;
}

/* Typography accents remain available; only the canvas wash is removed. */


/* ===== SOURCE: detail-logo-visual-v1.css ===== */


/* =========================================================
   ECOTECH — DETAIL PAGE LOGO VISUAL
   One consistent frame, adaptive logo sizing, original SVG
   colors preserved. No filters, recoloring or distortion.
   ========================================================= */

.ecotech-visual-slot{
  position:relative;
  width:100%;
  min-height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:28px;
  background:#F4F3EF;
  border:1px solid rgba(48,72,63,.10);
  box-shadow:0 18px 50px rgba(48,72,63,.08);
}

.ecotech-logo-visual{
  display:block;
  width:auto;
  height:auto;
  max-width:58%;
  max-height:150px;
  object-fit:contain;
  object-position:center;
  flex:0 0 auto;
}

/* Very wide wordmarks need more width but stay at the same optical height. */
.ecotech-logo-visual[data-shape="wide"]{
  max-width:66%;
  max-height:112px;
}

/* Tall logos need less height to preserve visual balance. */
.ecotech-logo-visual[data-shape="tall"]{
  max-width:30%;
  max-height:170px;
}

/* Compact square marks can be slightly larger while sharing the same
   optical footprint as the other logos. */
.ecotech-logo-visual[data-shape="square"]{
  max-width:30%;
  max-height:160px;
}

@media (max-width:900px){
  .ecotech-visual-slot{min-height:280px;}
  .ecotech-logo-visual{max-width:56%;max-height:120px;}
  .ecotech-logo-visual[data-shape="wide"]{max-width:68%;max-height:90px;}
  .ecotech-logo-visual[data-shape="tall"]{max-width:30%;max-height:135px;}
  .ecotech-logo-visual[data-shape="square"]{max-width:34%;max-height:130px;}
}
@media (max-width:600px){
  .ecotech-visual-slot{
    min-height:230px;
    border-radius:20px;
  }
  .ecotech-logo-visual{max-width:60%;max-height:95px;}
  .ecotech-logo-visual[data-shape="wide"]{max-width:72%;max-height:72px;}
  .ecotech-logo-visual[data-shape="tall"]{max-width:34%;max-height:105px;}
  .ecotech-logo-visual[data-shape="square"]{max-width:38%;max-height:105px;}
}