*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;background:#06141b;color:#f5f8f8}a{color:inherit;text-decoration:none}header{height:78px;position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;gap:28px;padding:0 5vw;background:#06141be8;backdrop-filter:blur(10px)}.brand{margin-right:auto;font-size:12px;font-weight:700;letter-spacing:1.5px}.brand b{color:#61dcd4;border:1px solid #61dcd4;padding:8px;margin-right:9px}nav{display:flex;gap:22px;font-size:12px}.langs{display:flex;gap:7px;align-items:center}.langs button{border:0;background:none;color:#8da0a5;font-weight:bold;cursor:pointer}.langs button.active{color:#61dcd4}#menu{display:none;background:none;border:0;color:#fff;font-size:23px}.hero{height:100vh;min-height:650px;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,#06141bf5,#06141b6a),radial-gradient(circle at 76% 36%,#277985,#07161d 58%);overflow:hidden}.hero:after{content:"";position:absolute;width:50vw;height:50vw;border:1px solid #61dcd426;border-radius:50%;right:-10vw;top:12vh}.heroCopy{position:relative;z-index:2;margin-left:8vw;max-width:930px}.hero small,.dark>small,.media>small,.impact small,.contact small{color:#61dcd4;letter-spacing:3px;font-weight:bold}.hero h1{font-size:clamp(52px,7vw,104px);line-height:.94;letter-spacing:-4px;margin:22px 0}.hero p{max-width:700px;font-size:19px;line-height:1.65;color:#cad8db;margin-bottom:38px}.primary,.secondary{display:inline-block;padding:16px 20px;border:1px solid #61dcd4;font-size:12px;font-weight:bold;margin:0 10px 10px 0}.primary{background:#61dcd4;color:#06141b}.light{background:#f3f6f4;color:#0a252c;padding:105px 8vw}.light>small{color:#087f83;letter-spacing:3px;font-weight:bold}.split{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.split h2,.dark h2,.media h2,.impact h2,.light h2,.contact h2{font-size:clamp(38px,5vw,68px);line-height:1.03;letter-spacing:-2px;margin:14px 0 40px}.split p{font-size:17px;line-height:1.8;color:#4c6267}.dark,.media{padding:105px 8vw}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #294149;border-top:1px solid #294149}.cards article{padding:34px;min-height:285px;border-right:1px solid #294149;border-bottom:1px solid #294149}.cards i{font-style:normal;color:#61dcd4}.cards h3{font-size:23px;margin-top:48px}.cards p{color:#9eafb4;line-height:1.7}.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:34px 8vw;background:#61dcd4;color:#06141b}.strip div{display:flex;flex-direction:column;gap:7px}.strip b{letter-spacing:2px}.media{background:#091c24}.mediaIntro{color:#aabcc0;margin-top:-25px;margin-bottom:45px}.videoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.videoCard{background:#0e2831;border:1px solid #29454d;overflow:hidden;min-height:390px}.videoCard video{width:100%;height:330px;object-fit:cover;background:#020708;display:block}.videoCard>div:not(.placeholder){padding:20px}.videoCard b{color:#61dcd4;font-size:12px}.videoCard h3{font-size:16px}.placeholder{height:100%;min-height:390px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:60px;color:#294951;background:linear-gradient(135deg,#0c222b,#07171e)}.placeholder span{font-size:10px;letter-spacing:3px;color:#668087;margin-top:15px}.impact{min-height:620px;padding:8vw;display:flex;align-items:flex-end;background:linear-gradient(90deg,#06141bf2,#06141b3d),radial-gradient(circle at 75% 35%,#24717b,#07151b 60%)}.impact div{max-width:720px}.impact p{font-size:18px;line-height:1.7;color:#cad8db}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cbd5d4}.pillars div{background:#f3f6f4;padding:32px}.pillars b{color:#087f83}.contact{padding:115px 8vw;background:#0a2a34}.contacts{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:30px;border-top:1px solid #49636b;padding-top:34px}.contacts label{display:block;color:#61dcd4;font-size:10px;letter-spacing:2px;margin-bottom:12px}.contacts p{margin:0;line-height:1.6}footer{padding:45px 8vw;display:grid;grid-template-columns:1fr 1fr auto;gap:25px;color:#9fafb3}footer small{grid-column:1/-1;border-top:1px solid #263b42;padding-top:25px}@media(max-width:900px){nav{display:none;position:absolute;top:78px;left:0;right:0;background:#06141b;padding:25px 8vw;flex-direction:column}.langs{margin-left:auto}nav.open{display:flex}#menu{display:block;order:4}.split,.contacts{grid-template-columns:1fr}.cards,.videoGrid{grid-template-columns:1fr 1fr}.strip{grid-template-columns:1fr}.pillars{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr}}@media(max-width:560px){.brand span{display:none}.heroCopy{margin:0 7vw}.hero h1{letter-spacing:-2px}.light,.dark,.media,.contact{padding:82px 7vw}.cards,.videoGrid,.pillars{grid-template-columns:1fr}.videoCard video{height:500px}.videoCard{min-height:auto}}
/* V3 — vertical corporate video gallery */
.videoGrid{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:42px !important;
}
.videoCard.live{
  width:min(390px,92vw) !important;
  min-height:auto !important;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.videoCard.live video{
  width:100% !important;
  height:auto !important;
  aspect-ratio:9 / 16 !important;
  object-fit:contain !important;
  background:#000 !important;
  display:block;
}
.videoCard.future{
  width:min(390px,92vw) !important;
  min-height:220px !important;
  border-radius:18px;
}
.videoCard.future .placeholder{
  min-height:220px !important;
}
video::cue{
  font-size:1.05rem;
  line-height:1.25;
  background:rgba(0,0,0,.72);
  color:white;
}
@media(max-width:560px){
  .videoCard.live{width:min(340px,94vw) !important;}
  .videoCard.live video{height:auto !important;aspect-ratio:9/16 !important;}
}

/* V4 — language-specific video display */
.videoGrid{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}
.lang-video{
  width:min(390px,92vw) !important;
}
.future-hidden{
  display:none !important;
}

/* V5 — definitive language-specific video visibility */
.lang-video{
  display:none !important;
}
html[lang="en"] .lang-video.video-en{
  display:block !important;
}
html[lang="es"] .lang-video.video-es{
  display:block !important;
}
html[lang="en"] .lang-video.video-es,
html[lang="es"] .lang-video.video-en{
  display:none !important;
}

/* Only one active media card should occupy the gallery */
.videoGrid{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}
.future-hidden{
  display:none !important;
}

/* V8 — Compliance Manuals */
.documents{
  padding:105px 8vw;
  background:#081a22;
}
.documents>small{
  color:#61dcd4;
  letter-spacing:3px;
  font-weight:bold;
}
.documents h2{
  font-size:clamp(38px,5vw,68px);
  line-height:1.03;
  letter-spacing:-2px;
  margin:14px 0 22px;
}
.documentsIntro{
  max-width:760px;
  color:#aabcc0;
  line-height:1.7;
  margin-bottom:42px;
}
.documentCards{
  display:flex;
  justify-content:center;
}
.documentCard{
  width:min(680px,100%);
  padding:34px;
  background:#0e2831;
  border:1px solid #29454d;
  border-radius:16px;
}
.documentCard h3{
  font-size:28px;
  margin:18px 0 12px;
}
.documentCard p{
  color:#aabcc0;
  line-height:1.7;
  margin-bottom:28px;
}
.docTag{
  display:inline-block;
  color:#61dcd4;
  letter-spacing:2px;
  font-size:11px;
  font-weight:bold;
}
.docButton{
  display:inline-block;
  padding:15px 20px;
  background:#61dcd4;
  color:#06141b;
  font-size:12px;
  font-weight:bold;
  border:1px solid #61dcd4;
}
.document-en,
.document-es{
  display:none !important;
}
html[lang="en"] .document-en{
  display:block !important;
}
html[lang="es"] .document-es{
  display:block !important;
}
@media(max-width:560px){
  .documents{padding:82px 7vw;}
  .documentCard{padding:26px;}
}
