/* ZGL Scientific Media — native promotion V2 */
.zgl-media-nav-link{
  color:#0b6f73!important;
  border:1px solid rgba(40,194,183,.38);
  background:linear-gradient(135deg,rgba(232,250,247,.9),rgba(238,246,253,.96));
  padding:9px 12px!important;
  border-radius:999px;
  font-weight:900!important;
  white-space:nowrap;
}
.zgl-media-nav-link:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(20,111,115,.12)}

.zgl-media-ribbon{
  position:relative;
  z-index:20;
  border-bottom:1px solid rgba(91,208,198,.18);
  background:linear-gradient(90deg,#071b2c 0%,#0a3040 54%,#0d4851 100%);
  color:#e9f7f7;
}
.zgl-media-ribbon-inner{
  max-width:1180px;
  margin:0 auto;
  min-height:48px;
  padding:8px 24px;
  display:flex;
  align-items:center;
  gap:12px;
}
.zgl-media-ribbon-label{
  flex:0 0 auto;
  font-size:.72rem;
  line-height:1;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-weight:950;
  color:#68e7d9;
  border-right:1px solid rgba(255,255,255,.18);
  padding-right:12px;
}
.zgl-media-ribbon-copy{
  min-width:0;
  font-size:.88rem;
  line-height:1.35;
  color:#d5e5e9;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.zgl-media-ribbon-cta{
  margin-left:auto;
  flex:0 0 auto;
  color:#fff!important;
  font-size:.82rem;
  font-weight:900;
  text-decoration:none!important;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(104,231,217,.46);
  background:rgba(104,231,217,.09);
}
.zgl-media-ribbon-cta:hover{background:rgba(104,231,217,.16)}

.zgl-media-home{
  position:relative;
  overflow:hidden;
  padding:78px 0;
  background:
    radial-gradient(circle at 12% 20%,rgba(88,229,214,.12),transparent 30%),
    radial-gradient(circle at 88% 80%,rgba(112,147,255,.12),transparent 32%),
    linear-gradient(135deg,#061925,#092c3b 58%,#0b3440);
  color:#e8f3f5;
  border-top:1px solid rgba(113,224,212,.12);
  border-bottom:1px solid rgba(113,224,212,.12);
}
.zgl-media-home .zgl-media-home-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  gap:44px;
  align-items:center;
}
.zgl-media-home .zgl-media-kicker{
  color:#67e1d4;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.17em;
  font-weight:950;
  margin-bottom:15px;
}
.zgl-media-home h2{
  color:#fff;
  font-size:clamp(2.05rem,4.5vw,3.7rem);
  line-height:1.02;
  letter-spacing:-.035em;
  max-width:780px;
  margin:0 0 19px;
}
.zgl-media-home h2 em{font-style:normal;color:#70e4d7}
.zgl-media-home .zgl-media-lead{
  max-width:740px;
  color:#cbdce2;
  font-size:1.08rem;
  line-height:1.72;
  margin:0 0 25px;
}
.zgl-media-home .zgl-media-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 28px;
}
.zgl-media-home .zgl-media-pills span{
  border:1px solid rgba(121,221,211,.22);
  background:rgba(255,255,255,.045);
  color:#dce9ec;
  border-radius:999px;
  padding:8px 11px;
  font-size:.78rem;
  font-weight:780;
}
.zgl-media-home .zgl-media-actions{display:flex;gap:10px;flex-wrap:wrap}
.zgl-media-home .zgl-media-primary,
.zgl-media-home .zgl-media-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 18px;
  border-radius:12px;
  font-weight:900;
  text-decoration:none!important;
}
.zgl-media-home .zgl-media-primary{background:linear-gradient(135deg,#69e7da,#74d8ff);color:#05202a!important}
.zgl-media-home .zgl-media-secondary{border:1px solid rgba(255,255,255,.26);color:#fff!important;background:rgba(255,255,255,.035)}
.zgl-media-home .zgl-media-panel{
  border:1px solid rgba(113,224,212,.2);
  border-radius:20px;
  background:rgba(3,18,28,.42);
  box-shadow:0 28px 65px rgba(0,0,0,.18);
  padding:22px;
  backdrop-filter:blur(8px);
}
.zgl-media-home .zgl-media-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.zgl-media-home .zgl-media-panel-head strong{font-size:1rem;color:#fff}
.zgl-media-home .zgl-media-panel-head span{font-size:.72rem;color:#75ded5;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.zgl-media-home .zgl-media-offers{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.zgl-media-home .zgl-media-offer{
  min-height:83px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.035);
  padding:13px;
}
.zgl-media-home .zgl-media-offer b{display:block;color:#fff;font-size:.88rem;margin-bottom:5px}
.zgl-media-home .zgl-media-offer small{display:block;color:#9fb8c0;font-size:.74rem;line-height:1.4}
.zgl-media-home .zgl-media-panel-foot{margin-top:13px;color:#91aab3;font-size:.75rem;line-height:1.5}

@media(max-width:900px){
  .zgl-media-nav-link{display:none!important}
  .zgl-media-ribbon-inner{padding:8px 18px;gap:9px;min-height:46px}
  .zgl-media-ribbon-label{font-size:.66rem;padding-right:9px}
  .zgl-media-ribbon-copy{font-size:.8rem}
  .zgl-media-ribbon-cta{font-size:.76rem;padding:6px 8px}
  .zgl-media-home{padding:58px 0}
  .zgl-media-home .zgl-media-home-grid{grid-template-columns:1fr;gap:28px}
}
@media(max-width:620px){
  .zgl-media-ribbon-inner{align-items:flex-start;flex-wrap:wrap;padding-top:9px;padding-bottom:9px}
  .zgl-media-ribbon-label{border-right:0;padding-right:0;width:100%;font-size:.64rem}
  .zgl-media-ribbon-copy{white-space:normal;overflow:visible;text-overflow:clip;flex:1;font-size:.78rem;line-height:1.4}
  .zgl-media-ribbon-cta{margin-left:0;align-self:center}
  .zgl-media-home h2{font-size:2.25rem}
  .zgl-media-home .zgl-media-lead{font-size:1rem}
  .zgl-media-home .zgl-media-actions{display:grid;grid-template-columns:1fr}
  .zgl-media-home .zgl-media-offers{grid-template-columns:1fr 1fr}
  .zgl-media-home .zgl-media-offer{min-height:76px;padding:11px}
}
@media(max-width:390px){
  .zgl-media-home .zgl-media-offers{grid-template-columns:1fr}
}
