/* Approved technology/home visual layer. Style-only layer: keeps existing content, SEO and page structure intact. */

:root{
  --proto-blue-deep:#062033;
  --proto-blue-mid:#009FDA;
  --proto-blue-soft:#0b2637;
  --proto-paper:#f5f7f8;
  --proto-ink:#07121d;
  --proto-grid:rgba(91,197,239,.12);
  --proto-grid-strong:rgba(91,197,239,.18);
}

main > section,
.dm-hero,
.site-prefooter,
.cta-band,
.coexist-contact,
.doc-contact{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

main > section > *,
.dm-hero > *,
.site-prefooter > *,
.cta-band > *,
.coexist-contact > *,
.doc-contact > *{
  position:relative;
  z-index:1;
}

.dm-hero:before,
.industrial-hero:before,
main > .hero:before,
.scale-ready:before,
.metric-strip:before,
.award-news-section:before,
.site-prefooter:before,
.cta-band:before,
.coexist-contact:before,
.doc-contact:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(var(--proto-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--proto-grid) 1px,transparent 1px);
  background-size:44px 44px;
  opacity:.36;
  mask-image:linear-gradient(118deg,rgba(0,0,0,.88),rgba(0,0,0,.4) 48%,transparent 84%);
}

.dm-hero:after,
.industrial-hero:after,
main > .hero:after,
.scale-ready:after,
.metric-strip:after,
.award-news-section:after,
.site-prefooter:after,
.cta-band:after,
.coexist-contact:after,
.doc-contact:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 49%,var(--proto-grid-strong) 50%,transparent 51%),
    linear-gradient(180deg,transparent 0 49%,rgba(91,197,239,.1) 50%,transparent 51%);
  background-size:176px 176px;
  opacity:.16;
  mask-image:radial-gradient(circle at 78% 18%,#000,transparent 62%);
}

.industrial-hero,
.scale-ready,
.metric-strip,
.award-news-section,
.site-prefooter,
.cta-band,
.coexist-contact,
.doc-contact{
  background:
    radial-gradient(circle at 88% 12%,rgba(255,255,255,.22),transparent 28%),
    linear-gradient(135deg,#009FDA 0%,#008dbc 46%,#006f96 100%)!important;
  color:#fff;
}

.industrial-hero p,
.scale-ready p,
.metric-strip span,
.site-prefooter strong,
.site-prefooter span,
.cta-band p,
.coexist-contact p,
.doc-contact p{
  color:rgba(234,247,252,.86)!important;
}

.scale-ready .process-card,
.metric-strip .metric,
.site-prefooter__grid a,
.coexist-contact .contact-form,
.doc-contact .contact-form{
  background:rgba(4,17,29,.22)!important;
  border-color:rgba(255,255,255,.18)!important;
}

.site-prefooter__grid a{
  border-radius:8px!important;
}

.coexist-contact .contact-field input,
.coexist-contact .contact-field textarea,
.coexist-contact .contact-field select,
.doc-contact .contact-field input,
.doc-contact .contact-field textarea,
.doc-contact .contact-field select{
  background:rgba(4,17,29,.38)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
}

/* Light editorial breaks, inspired by About us. Use only where text density benefits. */
#portfolio-id,
#actividades,
#publicaciones,
#proceso,
#materias{
  background:var(--proto-paper)!important;
  color:var(--proto-ink)!important;
}

#portfolio-id .kicker,
#actividades .kicker,
#publicaciones .kicker,
#proceso .kicker,
#materias .kicker,
#portfolio-id .section-kicker,
#proceso .section-kicker{
  color:#007aa8!important;
}

#portfolio-id .kicker:before,
#actividades .kicker:before,
#publicaciones .kicker:before,
#proceso .kicker:before,
#materias .kicker:before{
  background:#007aa8!important;
}

#portfolio-id h2,
#portfolio-id h3,
#actividades h2,
#actividades h3,
#publicaciones h2,
#publicaciones h3,
#proceso h2,
#proceso h3,
#materias h2,
#materias h3{
  color:var(--proto-ink)!important;
}

#portfolio-id p,
#portfolio-id .copy,
#actividades p,
#actividades .copy,
#publicaciones p,
#publicaciones .copy,
#proceso p,
#proceso .copy,
#materias p,
#materias .copy{
  color:#314756!important;
}

#portfolio-id article,
#actividades article,
#publicaciones article,
#proceso article,
#materias article,
#portfolio-id .rd-project,
#actividades .coexist-card,
#publicaciones .coexist-card,
#materias .rd-map article{
  background:#fff!important;
  border-color:rgba(7,18,29,.12)!important;
  box-shadow:0 18px 42px rgba(7,18,29,.08);
}

#portfolio-id article a,
#actividades article a,
#publicaciones article a,
#proceso article a,
#materias article a{
  color:#007aa8!important;
}

/* Subtle grid for technical dark sections without turning the page into a blueprint. */
.statement:before,
.dm-collab-section:before,
.lab-video:before,
.rd-story:before,
.model-section:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(91,197,239,.09) 1px,transparent 1px),
    linear-gradient(90deg,rgba(91,197,239,.09) 1px,transparent 1px);
  background-size:48px 48px;
  opacity:.25;
  mask-image:linear-gradient(130deg,rgba(0,0,0,.65),transparent 76%);
}

.statement,
.dm-collab-section,
.lab-video,
.rd-story,
.model-section{
  position:relative;
  isolation:isolate;
}

.statement > *,
.dm-collab-section > *,
.lab-video > *,
.rd-story > *,
.model-section > *{
  position:relative;
  z-index:1;
}

@media(max-width:760px){
  .dm-hero:before,
  .industrial-hero:before,
  main > .hero:before,
  .scale-ready:before,
  .metric-strip:before,
  .award-news-section:before,
  .site-prefooter:before,
  .cta-band:before,
  .coexist-contact:before,
  .doc-contact:before{
    background-size:34px 34px;
    opacity:.26;
  }
}

/* Technology home trial: keep the approved scroll/video intact and add only atmosphere. */
.approved-technology-home .stage{
  position:relative;
  isolation:isolate;
}

.approved-technology-home .stage:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(91,197,239,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(91,197,239,.08) 1px,transparent 1px),
    radial-gradient(circle at 74% 34%,rgba(0,159,218,.14),transparent 36%);
  background-size:52px 52px,52px 52px,100% 100%;
  opacity:.32;
  mask-image:linear-gradient(105deg,rgba(0,0,0,.72),rgba(0,0,0,.34) 48%,transparent 84%);
}

.approved-technology-home .stage .sticky{
  z-index:1;
}

.approved-technology-home .stage .stage-bg,
.approved-technology-home .stage .visual{
  z-index:2;
}

.approved-technology-home .stage .stage-vignette{
  z-index:3;
}

.approved-technology-home .stage .story-copy,
.approved-technology-home .stage .story-steps,
.approved-technology-home .stage .scroll-hint,
.approved-technology-home .stage .story-progress{
  z-index:5;
}

.approved-technology-home .metrics,
.approved-technology-home .grid4,
.approved-technology-home .explore-stage,
.approved-technology-home .newsletter{
  position:relative;
  isolation:isolate;
}

.approved-technology-home .metric,
.approved-technology-home .card,
.approved-technology-home .ex-card,
.approved-technology-home .nl-card{
  border-color:rgba(91,197,239,.24)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.18);
}

.approved-technology-home .metric,
.approved-technology-home .card{
  background:
    linear-gradient(160deg,rgba(10,36,54,.78),rgba(6,18,30,.9))!important;
}

.approved-technology-home .ex-card{
  background:
    linear-gradient(160deg,rgba(9,31,48,.72),rgba(6,17,28,.94))!important;
}

.approved-technology-home .newsletter:before{
  content:"";
  position:absolute;
  inset:18px 0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(91,197,239,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(91,197,239,.07) 1px,transparent 1px);
  background-size:46px 46px;
  opacity:.45;
  mask-image:radial-gradient(circle at 50% 42%,#000,transparent 68%);
}

.approved-technology-home .newsletter > *{
  position:relative;
  z-index:1;
}

.approved-technology-home .cta,
.approved-technology-home .newsletter .nl-card{
  background:
    radial-gradient(80% 120% at 50% -10%,rgba(255,255,255,.22),transparent 60%),
    linear-gradient(145deg,#007aa8 0%,#006f96 58%,#044160 100%)!important;
  color:#fff!important;
}

.approved-technology-home .contact-wrap{
  background:transparent!important;
  box-shadow:none!important;
}

.approved-technology-home .cta{
  padding-block:clamp(86px,9vw,150px)!important;
}

.approved-technology-home .newsletter .nl-card{
  border-color:rgba(255,255,255,.24)!important;
}

.approved-technology-home .newsletter h2,
.approved-technology-home .newsletter h3,
.approved-technology-home .newsletter p,
.approved-technology-home .newsletter label,
.approved-technology-home .newsletter .nl-title,
.approved-technology-home .newsletter .nl-copy,
.approved-technology-home .newsletter .nl-note{
  color:#fff!important;
}

@media(max-width:760px){
  .approved-technology-home .stage:before{
    background-size:38px 38px,38px 38px,100% 100%;
    opacity:.22;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.44),transparent 72%);
  }
}

/* Shared blue editorial band, taken from the approved About/QHSE language. */
#ventajas,
#resultados,
.scale-ready,
.metric-strip,
.award-news-section,
.site-prefooter,
.cta-band,
.coexist-contact,
.doc-contact,
.coexist-page #actividades,
.coexist-page #publicaciones,
.coexist-page #vision{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.22),transparent 32%),
    linear-gradient(145deg,#009FDA 0%,#008dbc 50%,#006f96 100%)!important;
  color:#fff!important;
}

#ventajas:before,
#resultados:before,
.scale-ready:before,
.metric-strip:before,
.award-news-section:before,
.site-prefooter:before,
.cta-band:before,
.coexist-contact:before,
.doc-contact:before,
.coexist-page #actividades:before,
.coexist-page #publicaciones:before,
.coexist-page #vision:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:52px 52px;
  opacity:.28;
  mask-image:linear-gradient(118deg,rgba(0,0,0,.72),rgba(0,0,0,.36) 52%,transparent 86%);
}

#ventajas > *,
#resultados > *,
.scale-ready > *,
.metric-strip > *,
.award-news-section > *,
.site-prefooter > *,
.cta-band > *,
.coexist-contact > *,
.doc-contact > *,
.coexist-page #actividades > *,
.coexist-page #publicaciones > *,
.coexist-page #vision > *{
  position:relative;
  z-index:1;
}

#ventajas .kicker,
#resultados .kicker,
.scale-ready .kicker,
.site-prefooter span,
.award-news-kicker,
.coexist-page #actividades .kicker,
.coexist-page #publicaciones .kicker,
.coexist-page #vision small{
  color:#d9f5ff!important;
}

#ventajas .kicker:before,
#resultados .kicker:before,
.scale-ready .kicker:before,
.coexist-page #actividades .kicker:before,
.coexist-page #publicaciones .kicker:before{
  background:#5bc5ef!important;
}

#ventajas h2,
#ventajas h3,
#resultados h2,
#resultados h3,
.scale-ready h2,
.scale-ready h3,
.metric-strip b,
.site-prefooter h2,
.site-prefooter strong,
.award-news-title,
.coexist-page #actividades h2,
.coexist-page #actividades h3,
.coexist-page #publicaciones h2,
.coexist-page #publicaciones h3,
.coexist-page #vision h2,
.approved-technology-home .cta h2,
.approved-technology-home .contact-copy h2,
.cta-band h2,
.coexist-contact h2,
.doc-contact h2{
  color:#fff!important;
}

#ventajas p,
#ventajas .copy,
#resultados p,
#resultados .copy,
.scale-ready p,
.metric-strip span,
.site-prefooter span,
.award-news-copy,
.coexist-page #actividades p,
.coexist-page #actividades .copy,
.coexist-page #publicaciones p,
.coexist-page #publicaciones .copy,
.coexist-page #vision p,
.approved-technology-home .cta p,
.approved-technology-home .contact-copy p,
.cta-band p,
.coexist-contact p,
.doc-contact p{
  color:rgba(234,247,252,.86)!important;
}

#ventajas .value-grid,
#resultados .research-list,
#resultados .spec-panel,
.coexist-page #vision .coexist-focus{
  border-color:rgba(255,255,255,.2)!important;
}

#ventajas .value-card,
#resultados .research-item,
#resultados .spec-panel,
.scale-ready .scale-ready-card,
.scale-ready .process-card,
.site-prefooter__grid a,
.coexist-page #actividades .coexist-card,
.coexist-page #publicaciones .coexist-card,
.coexist-page #publicaciones .coexist-publication,
.coexist-page #vision .focus-item{
  background:rgba(7,18,29,.2)!important;
  border-color:rgba(255,255,255,.2)!important;
  box-shadow:none!important;
}

#ventajas .value-num,
#resultados .research-item b,
.coexist-page #vision small{
  color:#5bc5ef!important;
}

@media(max-width:760px){
  #ventajas:before,
  #resultados:before,
  .scale-ready:before,
  .metric-strip:before,
  .award-news-section:before,
  .site-prefooter:before,
  .cta-band:before,
  .coexist-contact:before,
  .doc-contact:before,
  .coexist-page #actividades:before,
  .coexist-page #publicaciones:before,
  .coexist-page #vision:before{
    background-size:38px 38px;
    opacity:.2;
  }
}

/* Technology home white editorial proposal, aligned with About us light sections. */
.approved-technology-home .statement,
.approved-technology-home .keys,
.approved-technology-home section.block:has(.grid4){
  background:#eef3f5!important;
  color:#07121d!important;
  border-top:1px solid #d4e0e6!important;
  border-bottom:1px solid #d4e0e6!important;
}

.approved-technology-home .statement:before,
.approved-technology-home .keys:before,
.approved-technology-home section.block:has(.grid4):before{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,122,168,.34),transparent);
  pointer-events:none;
}

.approved-technology-home .statement .eyebrow,
.approved-technology-home .keys .keys-head h2,
.approved-technology-home section.block:has(.grid4) .eyebrow{
  color:#007aa8!important;
}

.approved-technology-home .statement .big,
.approved-technology-home .statement .big .hl,
.approved-technology-home .keys .keys-head h2,
.approved-technology-home section.block:has(.grid4) h2,
.approved-technology-home section.block:has(.grid4) h3{
  color:#07121d!important;
}

.approved-technology-home .statement .big .hl{
  -webkit-text-fill-color:#007aa8;
  color:#007aa8!important;
}

.approved-technology-home .statement .lead,
.approved-technology-home .keys .keys-head p,
.approved-technology-home section.block:has(.grid4) p{
  color:#405768!important;
}

.approved-technology-home .keys .card,
.approved-technology-home section.block:has(.grid4) .card{
  background:#fff!important;
  border:1px solid #c8d7df!important;
  box-shadow:0 14px 38px rgba(7,18,29,.07)!important;
}

.approved-technology-home .keys .card:hover,
.approved-technology-home section.block:has(.grid4) .card:hover{
  border-color:rgba(0,122,168,.38)!important;
  background:#fff!important;
  box-shadow:0 18px 48px rgba(7,18,29,.11)!important;
}

.approved-technology-home .statement .metric{
  background:linear-gradient(165deg,var(--marine),var(--deep))!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
}

.approved-technology-home .statement .metric:hover{
  border-color:rgba(0,159,218,.55)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.35)!important;
}

.approved-technology-home .keys .card h3,
.approved-technology-home section.block:has(.grid4) .card h3{
  color:#07121d!important;
}

.approved-technology-home .keys .card p,
.approved-technology-home section.block:has(.grid4) .card p{
  color:#405768!important;
}

.approved-technology-home .keys .card .ico,
.approved-technology-home section.block:has(.grid4) .card .ico{
  color:#007aa8!important;
}

.approved-technology-home .statement .metric-body h3{
  color:#fff!important;
}

.approved-technology-home .statement .metric-body p,
.approved-technology-home .statement .metric-note{
  color:var(--cyan-lite)!important;
}

.approved-technology-home .statement .metric-gauge .metric-num .mv{
  color:var(--bone)!important;
}

.approved-technology-home .statement .metric-gauge .metric-num small{
  color:#5bc5ef!important;
}

@media(max-width:760px){
  .approved-technology-home .statement,
  .approved-technology-home .keys,
  .approved-technology-home section.block:has(.grid4){
    padding-top:52px!important;
    padding-bottom:52px!important;
  }
}

/* DemoSATH trial: replace the forced corporate-blue statement with an About-style light block. */
.demosath-integrated .statement:first-of-type{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#eef3f5!important;
  color:#07121d!important;
  border-top:1px solid #d4e0e6!important;
  border-bottom:1px solid #d4e0e6!important;
}

.demosath-integrated .statement:first-of-type:before{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,122,168,.34),transparent);
  pointer-events:none;
}

.demosath-integrated .statement:first-of-type > *{
  position:relative;
  z-index:1;
}

.demosath-integrated .statement:first-of-type .eyebrow{
  color:#007aa8!important;
}

.demosath-integrated .statement:first-of-type .big,
.demosath-integrated .statement:first-of-type .big .hl,
.demosath-integrated .statement:first-of-type h2,
.demosath-integrated .statement:first-of-type h3{
  color:#07121d!important;
}

.demosath-integrated .statement:first-of-type .big .hl{
  -webkit-text-fill-color:#007aa8;
  color:#007aa8!important;
}

.demosath-integrated .statement:first-of-type .lead,
.demosath-integrated .statement:first-of-type p{
  color:#405768!important;
}

.demosath-integrated .statement:first-of-type .metrics{
  border-color:rgba(91,197,239,.18)!important;
}

.demosath-integrated .statement:first-of-type .metric{
  background:linear-gradient(165deg,var(--marine),var(--deep))!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
}

.demosath-integrated .statement:first-of-type .metric:hover{
  border-color:rgba(0,159,218,.55)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.35)!important;
}

.demosath-integrated .statement:first-of-type .metric-num .mv{
  color:var(--bone)!important;
}

.demosath-integrated .statement:first-of-type .metric-num small,
.demosath-integrated .statement:first-of-type .metric-body p{
  color:var(--cyan-lite)!important;
}

.demosath-integrated .statement:first-of-type .local-value{
  border-top-color:#c8d7df!important;
}

.demosath-integrated .statement:first-of-type .local-value__num,
.demosath-integrated .statement:first-of-type .local-value p,
.demosath-integrated .statement:first-of-type .local-value strong{
  color:#07121d!important;
}

@media(max-width:760px){
  .demosath-integrated .statement:first-of-type{
    padding-top:52px!important;
    padding-bottom:52px!important;
  }
}

/* Approved responsive guard: keep the validated mobile/tablet home behavior
   after this external visual layer is loaded. */
@media(max-width:900px){
  .approved-technology-home section.block{
    padding-top:52px!important;
    padding-bottom:52px!important;
  }

  .approved-technology-home .statement .big{
    font-size:clamp(2rem,9vw,3.1rem)!important;
    line-height:1.02!important;
    max-width:12ch!important;
  }

  .approved-technology-home .statement .lead{
    font-size:1rem!important;
    line-height:1.55!important;
    margin-top:22px!important;
  }

  .approved-technology-home .metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    margin-top:30px!important;
  }

  .approved-technology-home .metric{
    min-height:0!important;
    padding:20px 14px!important;
    border-radius:8px!important;
  }

  .approved-technology-home .metric-gauge{
    min-height:58px!important;
    margin-bottom:12px!important;
  }

  .approved-technology-home .metric-gauge .metric-num .mv{
    font-size:1.9rem!important;
    line-height:.95!important;
  }

  .approved-technology-home .metric-gauge .metric-num small{
    font-size:.82rem!important;
    margin-top:6px!important;
  }

  .approved-technology-home .metric-body h3{
    font-size:.98rem!important;
    line-height:1.18!important;
    margin-bottom:0!important;
  }

  .approved-technology-home .metric-note,
  .approved-technology-home .metrics-hint{
    display:none!important;
  }

  .approved-technology-home .anatomy{
    padding-top:34px!important;
    padding-bottom:54px!important;
  }

  .approved-technology-home .anatomy-head{
    margin-bottom:22px!important;
  }

  .approved-technology-home .anatomy h2,
  .approved-technology-home .keys-head h2{
    font-size:clamp(2rem,10vw,3rem)!important;
    line-height:1!important;
  }

  .approved-technology-home .explore{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }

  .approved-technology-home .explore-selector{
    margin-top:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    padding:0!important;
    border-radius:12px!important;
  }

  .approved-technology-home .explore-selector .ex-chip{
    min-height:48px!important;
    padding:12px 10px!important;
    font-size:.9rem!important;
    line-height:1.15!important;
  }

  .approved-technology-home .ex-frame-3d{
    height:clamp(320px,72vw,430px)!important;
    border-radius:12px!important;
  }

  .approved-technology-home .windfarm{
    height:auto!important;
    min-height:0!important;
    margin-top:34px!important;
  }

  .approved-technology-home .windfarm-video{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    display:block!important;
    object-fit:cover!important;
  }

  .approved-technology-home .windfarm-overlay{
    position:relative!important;
    min-height:0!important;
    padding:30px 20px 42px!important;
    background:linear-gradient(180deg,#091624,#07111d)!important;
  }

  .approved-technology-home .windfarm-inner h2{
    font-size:clamp(2rem,10vw,3rem)!important;
    line-height:1.02!important;
    margin-bottom:14px!important;
  }

  .approved-technology-home .windfarm-inner p{
    font-size:1rem!important;
    line-height:1.5!important;
  }

  .approved-technology-home .grid4{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .approved-technology-home .card{
    min-height:0!important;
    padding:22px 18px!important;
    border-radius:8px!important;
  }

  .approved-technology-home .motion-body{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .approved-technology-home .motion-media{
    min-height:0!important;
    aspect-ratio:16/10!important;
    border-radius:8px!important;
  }

  .approved-technology-home .contact-copy h2,
  .approved-technology-home .cta h2{
    font-size:clamp(2rem,10vw,2.8rem)!important;
    line-height:1.02!important;
    letter-spacing:0!important;
  }

  .approved-technology-home .contact-copy p,
  .approved-technology-home .cta p{
    font-size:1rem!important;
    line-height:1.5!important;
    margin-top:16px!important;
    margin-bottom:26px!important;
  }
}

@media(max-width:1280px){
  .approved-technology-home .sath-header{
    align-items:center!important;
    gap:10px!important;
  }

  .approved-technology-home .sath-home-header{
    --logo-wide:220px;
    --logo-compact:170px;
    --logo-tall:62px;
    --logo-short:48px;
  }

  .approved-technology-home .sath-actions{
    margin-left:auto!important;
    position:relative!important;
    z-index:2!important;
  }

  .approved-technology-home .sath-menu-toggle{
    display:inline-flex!important;
    flex:0 0 auto!important;
  }

  .approved-technology-home .sath-nav{
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    top:calc(100% + 8px)!important;
    z-index:1!important;
    display:grid!important;
    justify-content:stretch!important;
    gap:4px!important;
    flex-wrap:nowrap!important;
    padding:12px!important;
    border:1px solid rgba(91,197,239,.22)!important;
    border-radius:14px!important;
    background:rgba(4,17,29,.97)!important;
    box-shadow:0 24px 48px rgba(0,0,0,.36)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-8px)!important;
    transition:opacity .2s ease,transform .2s ease,visibility .2s ease!important;
  }

  .approved-technology-home .sath-header.menu-open .sath-nav{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  .approved-technology-home .sath-nav a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:42px!important;
    padding:12px 14px!important;
    border-radius:10px!important;
    font-size:.9rem!important;
    line-height:1.1!important;
    color:#d7e3ea!important;
    background:transparent!important;
    text-align:left!important;
  }

  .approved-technology-home .sath-nav a:hover{
    background:rgba(0,159,218,.11)!important;
  }

  .approved-technology-home .sath-optional{
    display:flex!important;
  }

  .approved-technology-home .sath-cta{
    border-color:rgba(91,197,239,.4)!important;
    color:#5bc5ef!important;
    text-align:center!important;
    margin-top:4px!important;
  }
}

@media(max-width:760px){
  .approved-technology-home html,
  .approved-technology-home{
    overflow-x:hidden!important;
  }

  .approved-technology-home .stage{
    height:210vh!important;
    background:#090b13!important;
  }

  .approved-technology-home .stage .sticky{
    height:100svh!important;
    min-height:540px!important;
  }

  .approved-technology-home .stage .sticky::before{
    inset:0!important;
    background:linear-gradient(180deg,rgba(9,11,19,.96) 0%,rgba(9,11,19,.74) 30%,rgba(9,11,19,.1) 57%,rgba(9,11,19,.82) 100%)!important;
  }

  .approved-technology-home .visual{
    left:50%!important;
    right:auto!important;
    top:50%!important;
    width:94vw!important;
    height:50svh!important;
    min-height:260px!important;
    transform:translate(-50%,-50%)!important;
    opacity:.92!important;
  }

  .approved-technology-home .story-copy{
    top:78px!important;
    left:18px!important;
    right:18px!important;
    width:auto!important;
    max-width:calc(100vw - 36px)!important;
    transform:none!important;
  }

  .approved-technology-home .story-copy .eyebrow{
    font-size:.6rem!important;
    letter-spacing:.22em!important;
    margin-bottom:9px!important;
  }

  .approved-technology-home .story-copy h1{
    font-size:clamp(32px,11vw,46px)!important;
    line-height:.92!important;
    max-width:10ch!important;
  }

  .approved-technology-home .story-copy h1 span{
    -webkit-text-stroke:1.05px var(--cyan-lite)!important;
    text-stroke:1.05px var(--cyan-lite)!important;
  }

  .approved-technology-home .story-copy p{
    font-size:.94rem!important;
    line-height:1.4!important;
    max-width:20rem!important;
    margin-top:13px!important;
  }

  .approved-technology-home .caption{
    top:auto!important;
    left:18px!important;
    right:18px!important;
    bottom:74px!important;
    width:auto!important;
    max-width:none!important;
    padding:14px 15px!important;
    border-left:2px solid rgba(91,197,239,.55)!important;
    border-radius:8px!important;
    background:linear-gradient(90deg,rgba(4,18,29,.86),rgba(4,18,29,.52))!important;
    backdrop-filter:blur(10px)!important;
    transform:translateY(14px)!important;
  }

  .approved-technology-home .caption.show{
    transform:none!important;
  }

  .approved-technology-home .caption b{
    font-size:.6rem!important;
    letter-spacing:.2em!important;
    margin-bottom:7px!important;
  }

  .approved-technology-home .caption strong{
    font-size:clamp(22px,7vw,30px)!important;
    line-height:1.04!important;
  }

  .approved-technology-home .caption span{
    display:none!important;
  }

  .approved-technology-home .caption p{
    font-size:.92rem!important;
    line-height:1.4!important;
    max-width:none!important;
    margin-top:9px!important;
  }

  .approved-technology-home .story-steps{
    top:auto!important;
    right:18px!important;
    bottom:42px!important;
    display:flex!important;
    gap:7px!important;
    transform:none!important;
  }

  .approved-technology-home .scroll-hint{
    display:none!important;
  }

  .approved-technology-home .story-progress{
    bottom:22px!important;
    width:min(52vw,180px)!important;
  }

  .approved-technology-home section.block{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  .approved-technology-home .statement .big{
    font-size:clamp(1.8rem,8.6vw,2.45rem)!important;
    line-height:1.06!important;
    max-width:none!important;
  }

  .approved-technology-home .statement .lead{
    font-size:.98rem!important;
    line-height:1.52!important;
    max-width:none!important;
  }

  .approved-technology-home .metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin-top:24px!important;
  }

  .approved-technology-home .metric{
    min-height:126px!important;
    padding:16px 9px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }

  .approved-technology-home .metric-gauge{
    min-height:48px!important;
    margin-bottom:9px!important;
  }

  .approved-technology-home .metric-gauge .metric-num .mv{
    font-size:1.55rem!important;
  }

  .approved-technology-home .metric-gauge .metric-num small{
    font-size:.72rem!important;
    margin-top:5px!important;
  }

  .approved-technology-home .metric-body h3{
    font-size:.84rem!important;
    line-height:1.15!important;
  }

  .approved-technology-home .ex-frame-3d{
    height:min(76vw,340px)!important;
    min-height:286px!important;
    border-radius:10px!important;
  }

  .approved-technology-home .model-zoom-steps{
    left:50%!important;
    right:auto!important;
    top:10px!important;
    transform:translateX(-50%) scale(.86)!important;
    transform-origin:top center!important;
  }

  .approved-technology-home .model-interaction-tooltip{
    bottom:10px!important;
    padding:8px 11px!important;
    font-size:.68rem!important;
    line-height:1.25!important;
  }

  .approved-technology-home .explore-selector{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border-radius:10px!important;
  }

  .approved-technology-home .explore-selector .ex-chip{
    min-height:46px!important;
    padding:10px 8px!important;
    font-size:.82rem!important;
  }

  .approved-technology-home .windfarm-video{
    aspect-ratio:16/10!important;
    object-position:center!important;
  }

  .approved-technology-home .windfarm-overlay{
    padding:24px 18px 34px!important;
  }
}

@media(max-width:560px){
  .approved-technology-home .metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .approved-technology-home .metric{
    padding:18px 10px!important;
  }

  .approved-technology-home .explore-selector{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:340px){
  .approved-technology-home .metrics{
    grid-template-columns:1fr!important;
  }

  .approved-technology-home .story-copy h1{
    font-size:34px!important;
  }
}
/* sath-header-blue-line */
.sath-header:before{content:""!important;display:block!important;position:absolute!important;left:clamp(20px,5vw,54px)!important;right:clamp(20px,5vw,54px)!important;bottom:0!important;height:2px!important;background:linear-gradient(90deg,transparent,#009fda,#5bc5ef,transparent)!important;opacity:.95!important;transform:none!important;transform-origin:center!important;pointer-events:none!important;z-index:1!important}
.sath-header>*{position:relative;z-index:2}
@media(max-width:520px){.sath-header:before{left:18px!important;right:18px!important}}
/* Home responsive header F12 normalization */
@media(min-width:1101px){
  .approved-technology-home .sath-header{align-items:center!important;gap:24px!important}
  .approved-technology-home .sath-actions{margin-left:0!important;position:relative!important;z-index:3!important}
  .approved-technology-home .sath-menu-toggle{display:none!important}
  .approved-technology-home .sath-nav{position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:24px!important;flex-wrap:nowrap!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;transition:none!important}
  .approved-technology-home .sath-nav a{display:inline-flex!important;width:auto!important;min-height:0!important;padding:0!important;border-radius:0!important;font-size:.92rem!important;line-height:1!important;text-align:left!important;background:transparent!important}
  .approved-technology-home .sath-optional{display:inline-flex!important}
  .approved-technology-home .sath-cta{display:inline-flex!important;align-items:center!important;border:1px solid #009fda!important;border-radius:999px!important;padding:10px 18px!important;margin-top:0!important;color:#5bc5ef!important;text-align:center!important}
}
@media(max-width:1100px){
  .approved-technology-home .sath-header{align-items:center!important;gap:14px!important;padding:16px 22px!important}
  .approved-technology-home .sath-actions{margin-left:auto!important;position:relative!important;z-index:3!important;flex:0 0 auto!important}
  .approved-technology-home .sath-menu-toggle{display:inline-flex!important;flex:0 0 auto!important}
  .approved-technology-home .sath-nav{position:absolute!important;left:22px!important;right:22px!important;top:calc(100% + 8px)!important;z-index:2!important;display:grid!important;grid-template-columns:1fr!important;justify-content:stretch!important;gap:4px!important;flex-wrap:nowrap!important;padding:12px!important;border:1px solid rgba(91,197,239,.22)!important;border-radius:14px!important;background:rgba(4,17,29,.97)!important;box-shadow:0 24px 48px rgba(0,0,0,.36)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-8px)!important;transition:opacity .22s ease,transform .22s ease,visibility .22s ease!important}
  .approved-technology-home .sath-header.menu-open .sath-nav{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  .approved-technology-home .sath-nav a{display:block!important;width:100%!important;min-height:42px!important;padding:12px 14px!important;border-radius:10px!important;font-size:.9rem!important;line-height:1.15!important;color:#d7e3ea!important;background:transparent!important;text-align:left!important}
  .approved-technology-home .sath-optional{display:block!important}
  .approved-technology-home .sath-cta{border-color:rgba(91,197,239,.4)!important;color:#5bc5ef!important;text-align:left!important;margin-top:4px!important}
}
@media(max-width:520px){
  .approved-technology-home .sath-header{padding:14px 18px!important}
  .approved-technology-home .sath-nav{left:18px!important;right:18px!important}
  .approved-technology-home .sath-menu-toggle{width:42px!important;height:42px!important}
}

/* desktop-request-fixes-20260923 */
.approved-technology-home .explore-info .ex-card{background:transparent!important;box-shadow:none!important;border-color:transparent!important}
.approved-technology-home .explore-info{background:transparent!important}

/* desktop-contact-cta-fix-20260923 */
.approved-technology-home .sath-nav a.sath-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:max-content!important;
  min-height:38px!important;
  padding:10px 18px!important;
  border:1px solid #009fda!important;
  border-radius:999px!important;
  color:#5bc5ef!important;
  line-height:1!important;
  text-align:center!important;
  text-decoration:none!important;
  background:rgba(0,159,218,.08)!important;
}
.approved-technology-home .sath-nav a.sath-cta:hover,
.approved-technology-home .sath-nav a.sath-cta:focus-visible{
  background:#009fda!important;
  color:#04111d!important;
}

/* Mobile hero distribution QA 20260923b.
   Keep the approved "peek next card" carousel, but place it below the video
   with enough separation so the two layers never overlap. */
@media(max-width:760px){
  .approved-technology-home,
  .approved-technology-home body{
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  .approved-technology-home .stage{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    background:#090b13!important;
  }

  .approved-technology-home .stage .sticky,
  .approved-technology-home .stage.is-pinned .sticky,
  .approved-technology-home .stage.is-ended .sticky{
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:50px 18px 32px!important;
    overflow:visible!important;
    background:#090b13!important;
  }

  .approved-technology-home .story-copy{
    order:1!important;
    position:relative!important;
    z-index:5!important;
    inset:auto!important;
    width:100%!important;
    max-width:22rem!important;
    margin:0 0 22px!important;
    opacity:1!important;
    transform:none!important;
    pointer-events:auto!important;
  }

  .approved-technology-home .story-copy h1{
    font-size:clamp(31px,10vw,42px)!important;
    line-height:.94!important;
    max-width:10.5ch!important;
    margin:0!important;
  }

  .approved-technology-home .story-copy p{
    max-width:21.5rem!important;
    margin-top:12px!important;
    font-size:.92rem!important;
    line-height:1.42!important;
  }

  .approved-technology-home .visual{
    order:2!important;
    position:relative!important;
    z-index:3!important;
    inset:auto!important;
    align-self:center!important;
    width:min(86vw,335px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16/11!important;
    margin:0 auto 28px!important;
    opacity:1!important;
    overflow:hidden!important;
    transform:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    pointer-events:none!important;
  }

  .approved-technology-home .visual::before,
  .approved-technology-home .visual::after{
    display:none!important;
  }

  .approved-technology-home .visual .seq-video{
    display:none!important;
  }

  .approved-technology-home .visual .story-mobile-video{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:transparent!important;
  }

  .approved-technology-home .story-card-track{
    order:3!important;
    position:relative!important;
    z-index:6!important;
    display:flex!important;
    width:calc(100% + 18px)!important;
    max-width:none!important;
    margin:0 -18px 0 0!important;
    padding:0 18px 8px 0!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    touch-action:pan-x pan-y!important;
  }

  .approved-technology-home .story-card-track::-webkit-scrollbar{
    display:none!important;
  }

  .approved-technology-home .story-card-track .caption{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    flex:0 0 82%!important;
    width:auto!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:14px 15px!important;
    border:1px solid rgba(91,197,239,.32)!important;
    border-left:2px solid rgba(91,197,239,.58)!important;
    border-radius:8px!important;
    background:linear-gradient(145deg,rgba(4,18,29,.96),rgba(4,18,29,.88))!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    pointer-events:auto!important;
    scroll-snap-align:start!important;
    backdrop-filter:none!important;
  }

  .approved-technology-home .story-card-track .caption:not(.is-mobile-active){
    display:block!important;
    opacity:.82!important;
    visibility:visible!important;
    transform:none!important;
  }

  .approved-technology-home .caption b{
    margin-bottom:8px!important;
    font-size:.58rem!important;
    letter-spacing:.18em!important;
  }

  .approved-technology-home .caption strong{
    font-size:clamp(1.12rem,5.4vw,1.48rem)!important;
    line-height:1.08!important;
  }

  .approved-technology-home .caption span{
    display:block!important;
    width:34px!important;
    height:2px!important;
    margin:10px 0!important;
    background:linear-gradient(90deg,var(--cyan),transparent)!important;
  }

  .approved-technology-home .caption p{
    max-width:none!important;
    margin:0!important;
    font-size:.86rem!important;
    line-height:1.36!important;
  }

  .approved-technology-home .story-swipe-hint{
    order:4!important;
    position:relative!important;
    z-index:6!important;
    display:flex!important;
    justify-content:center!important;
    margin:10px 0 0!important;
  }

  .approved-technology-home .story-steps{
    order:5!important;
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    justify-content:center!important;
    width:100%!important;
    margin:8px auto 0!important;
    transform:none!important;
  }

  .approved-technology-home .story-progress,
  .approved-technology-home .scroll-hint{
    display:none!important;
  }
}

/* Correccion 23/09/2026 (Saitec): la caja del video "Aligned with the wind" forzaba 16:10 en moviles y tabletas
   y dejaba una franja vacia bajo el video, que es 16:9. La altura la marca el propio video. */
@media(max-width:900px){
  .approved-technology-home .motion-media{aspect-ratio:auto!important;height:auto!important}
  .approved-technology-home .motion-media video{width:100%!important;height:auto!important;display:block!important}
}