:root{
  --navy:#018390;
  --navy-deep:#018390;
  --cream:#f6efe3;
  --cream-soft:#faf6ef;
  --tan:#efe2cc;
  --tan-ink:#9a7a44;
  --ink:#1f2735;
  --muted:#6c7587;
  --line:#e8e4dc;
}

/* ---------- Hero ---------- */
.hero{
  position:relative;
  overflow:hidden;
  background:var(--cream);
  background-image:
    linear-gradient(90deg, var(--cream) 0%, rgba(246,239,227,.92) 38%, rgba(246,239,227,0) 64%),
    url("https://images.unsplash.com/photo-1613395877344-13d4a8e0d49e?auto=format&fit=crop&w=1600&q=80");
  background-size:cover;
  background-position:center right;
  padding-top: 100px;
  padding-bottom: 0px
}
.hero__inner{padding:4.5rem 0 4rem;}
.hero__title{
  font-weight:800;
  color: #fff;
  font-size:clamp(3rem,7vw,5.5rem);
  line-height:1;
  letter-spacing:-.01em;
  margin-bottom:1rem;
}
.hero__sub{
  color: #f8f8f8;
  max-width:30rem;
  font-size:1.05rem;
  line-height:1.5;
}

/* ---------- Stream block ---------- */
.stream-wrap{padding:3.25rem 0 1rem;}

.player{
  position:relative;
  border-radius:14px;
  overflow:hidden;
  aspect-ratio:16/9;
  /* background:
    linear-gradient(180deg, rgba(10,30,55,.15), rgba(10,30,55,.55)),
    url("https://images.unsplash.com/photo-1570077188670-e3a8d69ac5ff?auto=format&fit=crop&w=1400&q=80"); */
  background-size:cover;
  background-position:center;
  box-shadow:0 18px 40px -22px rgba(16,29,57,.5);
  color:#fff;
}
.player__live{
  position:absolute;top:14px;left:14px;
  background:#e11d2a;color:#fff;
  font-size:.7rem;font-weight:700;letter-spacing:.06em;
  padding:.2rem .55rem;border-radius:4px;
}
.player__brand{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:1rem;
}
.player__logo{
  width:74px;
  height:74px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.85);
  display:grid;
  place-items:center;
  margin-bottom:.85rem;
  font-size:1.5rem;

}
.player__title{font-family:var(--serif);
  font-weight:700;
  font-size:clamp(2rem,4.5vw,3.4rem);
  line-height:1;
}
.player__subtitle{
  font-family:var(--serif);
  letter-spacing:.18em;
  font-size:clamp(.85rem,1.6vw,1.15rem);
  margin-top:.35rem;
}
.player__tag{margin-top:1.1rem;
  font-style:italic;
  font-size:.95rem;
  opacity:.95;
  line-height:1.45;
}

.player__bar{
  position:absolute;left:0;right:0;bottom:0;
  padding:.55rem .9rem .7rem;
  background:linear-gradient(0deg, rgba(0,0,0,.55), rgba(0,0,0,0));
}
.player__progress{
  height:3px;background:rgba(255,255,255,.3);
  border-radius:3px;
  margin-bottom:.55rem;
}
.player__progress span{display:block;
  height:100%;
  width:42%;
  background:#e11d2a;
  border-radius:3px;
}
.player__controls{display:flex;
  align-items:center;
  gap:1rem;
  font-size:1.05rem;
}
.player__controls .live-dot{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.05em;
}
.player__controls .live-dot::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#e11d2a;
}
.player__controls i{
  cursor:pointer;
  opacity:.95;
}
.player__controls .right{
  margin-left:auto;
  display:flex;gap:1rem;
}

.stream-info h2{
  font-family:var(--serif);
  color:var(--link);
  font-weight:700;
  font-size:1.5rem;
  margin-bottom:.15rem;
}
.stream-info .verified{
  color:#2f6fdb;
  font-size:.95rem;
}
.stream-info .meta{
  color:var(--muted);
  font-size:.85rem;
}
.stream-info .lead-line{
  color:var(--link);
  font-weight:600;
}
.stream-info p{
  color:#46506180;
  color:#4a5468;
  font-size:.95rem;
  line-height:1.55;
}
.stream-info hr{
  border-color:var(--line);
  opacity:1;
}

.btn-youtube{
  background:var(--link);
  color:#fff;
  border:none;
  border-radius:8px;
  padding:.6rem 1.1rem;
  font-weight:600;
  font-size:.95rem;
  display:inline-flex;
  align-items:center;
  gap:.55rem;

}
.btn-youtube:hover{
  background:var(--link-deep);
  color:#fff;
}
.btn-youtube i{
  color:#ff0000;
  background:#fff;
  border-radius:3px;
  padding:0 .12rem;
  font-size:.9rem;
}

/* ---------- Exhibitors ---------- */
.exhibitors{
  padding:2.5rem 0 1rem;
}
.section-title{font-family:var(--serif);
  color:var(--link);
  font-weight:700;
  font-size:1.9rem;
  margin-bottom:.2rem;
}
.section-sub{color:var(--muted);
  font-size:.95rem;
}

.ex-card{
  position:relative;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  padding:1.4rem 1.1rem 1.1rem;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ex-card:hover{transform:translateY(-3px);
  box-shadow:0 16px 30px -20px rgba(16,29,57,.45);
border-color:#dcd6c9;
}

.ex-card__badge{
  position:absolute;
  top:-1px;
  left:-1px;
  background:var(--tan);
  color:var(--navy);
  font-size:.6rem;
  font-weight:700;
  letter-spacing:.08em;
  padding:.28rem .55rem;
  border-radius:11px 0 11px 0;
  border-right: 1px solid var(--navy);
  border-bottom: 1px solid var(--navy);
  background: #d8eef0;
}

.ex-logo{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  gap:.4rem;
  min-height:74px;
  width:100%;
  text-align:center;

  color:var(--link);

}
.ex-logo .mark{
  font-size:1.7rem;
  line-height:1;
  background: none;
}
.ex-logo .word{
  font-family:var(--serif);
  font-weight:600;
  font-size:1.02rem;
  letter-spacing:.01em;
}
.ex-logo .word-sm{
  font-size:.7rem;
  letter-spacing:.14em;
  font-weight:600;
  font-family:var(--sans);
  color:#5a6275;
}
.ex-logo .stack{
  display:flex;
  flex-direction:column;
  line-height:1.05;
}

.btn-profile{
  width:100%;
  margin-top:1rem;

  border:1px solid var(--navy);
  color:var(--navy);
  background:#fff;

  border-radius:7px;
  padding:.45rem 0;
  font-size:.82rem;
  font-weight:600;
  text-align: center;

}
.btn-profile:hover{
  background:var(--navy);
  color:#fff;
  border-color:var(--navy);
}

/* ---------- Footer CTA ---------- */
.cta{
  margin:2.5rem 0 3rem;
  background:linear-gradient(180deg,#eef3fb,#e9eff9);
  border:1px solid #dde6f3;
  border-radius:14px;
  padding:1.6rem 1.8rem;
}
.cta__icon{
  font-size:2.2rem;
  color:var(--link);
  opacity:.85;
}
.cta h3{
  font-family:var(--serif);
  color:var(--link);
  font-weight:700;
  font-size:1.45rem;
  margin:0;
}
.cta p{
  color:#4a5468;
  margin:.15rem 0 0;
  font-size:.95rem;
}
.btn-cta{
  background:var(--navy);
  color:#fff;
  border:none;
  border-radius:10px;
  padding:.8rem 1.5rem;
  font-weight:600;
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  white-space:nowrap;
}
.btn-cta:hover{
  background:var(--navy-deep);
  color:#fff;
}

@media (max-width:575.98px){
  .hero__inner{
    padding:3rem 0 2.5rem;
  }
  .cta{
    text-align:center;
  }
  .cta__icon{
    margin-bottom:.5rem;
  }
}