/* OMT V37 — audible market soundscape + unified custom card modals */
:root{
  --omt37-yellow:#f8c800;
  --omt37-ink:#03030c;
  --omt37-navy:#060622;
  --omt37-indigo:#140b70;
  --omt37-line:#2d268f;
  --omt37-muted:#aaa9bf;
  --omt37-green:#39f0a1;
  --omt37-red:#ff5669;
}

/* Sound control — visibly active and easier to understand. */
.omt-sound-toggle{
  min-width:118px;
  border-color:rgba(248,200,0,.34)!important;
  background:#050512!important;
  box-shadow:inset 0 0 0 1px rgba(82,67,255,.12),0 10px 28px rgba(0,0,0,.18);
}
.omt-sound-toggle.is-on{
  background:var(--omt37-yellow)!important;
  color:#05030c!important;
  border-color:var(--omt37-yellow)!important;
  box-shadow:0 0 0 4px rgba(248,200,0,.08),0 10px 30px rgba(248,200,0,.13);
}
.omt-sound-toggle__label{min-width:55px;text-align:left}

/* Shared modal staging. The overlay may dim the page, but the window itself is a solid custom OMT card. */
.omt-video-modal,
.omt-exchange-modal{
  padding:clamp(16px,2.7vw,42px)!important;
}
.omt-video-modal__backdrop,
.omt-project-modal__backdrop{
  background:rgba(0,0,9,.88)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Shared solid card language from the List Your Brand cards: black → indigo, deep violet edge, yellow badge. */
.omt-video-modal__shell,
.omt-exchange-modal__panel{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid var(--omt37-line)!important;
  border-top:8px solid #221786!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 88% 92%,rgba(29,12,168,.72) 0,rgba(20,11,112,.42) 20%,transparent 47%),
    linear-gradient(135deg,#02020a 0%,#050516 56%,#0a0838 100%)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.62),inset 0 0 0 1px rgba(90,79,220,.08)!important;
}
.omt-video-modal__shell::before,
.omt-exchange-modal__panel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(37,27,134,.36) 0 7px,transparent 7px calc(100% - 7px),rgba(37,27,134,.36) calc(100% - 7px)),
    linear-gradient(180deg,transparent 0 93%,rgba(19,13,95,.26));
}
.omt-video-modal__shell>* ,
.omt-exchange-modal__panel>*{position:relative;z-index:1}

/* Unified topbar. */
.omt-video-modal__topbar,
.omt-exchange-modal__topbar{
  min-height:112px!important;
  padding:20px 88px 18px 28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  border-bottom:1px solid rgba(91,80,211,.30)!important;
  background:transparent!important;
}
.omt-video-modal__brand,
.omt-exchange-modal__brand{
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
  color:#fff!important;
  letter-spacing:normal!important;
}
.omt-modal-card-badge{
  flex:0 0 auto;
  width:92px;
  height:76px;
  display:grid;
  place-items:center;
  border-radius:48% 52% 46% 54% / 54% 45% 55% 46%;
  background:var(--omt37-yellow);
  color:#061020;
  font:italic 800 25px/1 "ClashDisplay-Bold",Inter,sans-serif;
  letter-spacing:-.02em;
  transform:rotate(-5deg);
  box-shadow:0 10px 34px rgba(248,200,0,.09);
}
.omt-modal-card-heading{display:flex;flex-direction:column;gap:8px;min-width:0}
.omt-modal-card-heading strong{
  color:#fff;
  font:700 clamp(20px,2vw,30px)/1 "ClashDisplay-Bold",Inter,sans-serif;
  letter-spacing:.015em;
  word-spacing:.10em;
  text-transform:uppercase;
}
.omt-modal-card-heading small{
  color:var(--omt37-muted)!important;
  font:600 10px/1.2 Inter,sans-serif!important;
  letter-spacing:.17em!important;
  text-transform:uppercase;
}
.omt-video-modal__pulse,.omt-exchange-modal__live-dot{display:none!important}
.omt-exchange-modal__clock{
  margin-left:auto;
  margin-right:2px;
  color:var(--omt37-yellow)!important;
  font:700 10px/1 Inter,sans-serif!important;
  letter-spacing:.13em!important;
}

/* One close control for every popup. */
.omt-video-modal__close,
.omt-exchange-modal__close{
  position:absolute!important;
  z-index:8!important;
  top:25px!important;
  right:26px!important;
  width:50px!important;
  height:50px!important;
  border:1px solid var(--omt37-yellow)!important;
  border-radius:50%!important;
  background:var(--omt37-yellow)!important;
  box-shadow:0 10px 28px rgba(248,200,0,.12)!important;
  transition:transform .3s cubic-bezier(.2,.75,.22,1),background .25s ease!important;
}
.omt-video-modal__close:hover,
.omt-exchange-modal__close:hover{transform:rotate(90deg) scale(1.05)!important;background:#fff!important;border-color:#fff!important}
.omt-video-modal__close span,
.omt-exchange-modal__close span{
  position:absolute!important;
  left:14px!important;
  top:24px!important;
  width:21px!important;
  height:2px!important;
  background:#05030c!important;
  border-radius:3px!important;
}
.omt-video-modal__close span:first-child,.omt-exchange-modal__close span:first-child{transform:rotate(45deg)!important}
.omt-video-modal__close span:last-child,.omt-exchange-modal__close span:last-child{transform:rotate(-45deg)!important}

/* Company exchange card. */
.omt-exchange-modal__panel{
  width:min(1360px,94vw)!important;
  height:min(820px,91vh)!important;
  display:flex!important;
  flex-direction:column!important;
}
.omt-exchange-modal__grid{
  flex:1!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(320px,33%) 1fr!important;
  gap:0!important;
  padding:0 28px 24px!important;
}
.omt-exchange-modal__media{
  margin:0!important;
  min-width:0;
  border:1px solid rgba(65,52,166,.64)!important;
  border-right:0!important;
  background:#050512!important;
  overflow:hidden!important;
}
.omt-exchange-modal__media::after{
  background:linear-gradient(180deg,transparent 43%,rgba(3,2,13,.84) 100%),linear-gradient(120deg,rgba(23,10,140,.14),transparent 48%)!important;
}
.omt-exchange-modal__media img{transform:none!important;filter:saturate(.97) contrast(1.02)}
.omt-exchange-modal__media-overlay{left:26px!important;bottom:24px!important;gap:15px!important}
.omt-exchange-modal__media-overlay span{
  color:#fff!important;
  font:700 50px/1 "ClashDisplay-Bold",Inter,sans-serif!important;
  letter-spacing:.02em!important;
}
.omt-exchange-modal__media-overlay small{color:var(--omt37-yellow)!important;letter-spacing:.13em!important}
.omt-exchange-modal__content{
  min-width:0!important;
  overflow:auto!important;
  padding:30px 30px 24px!important;
  border:1px solid rgba(65,52,166,.64)!important;
  background:linear-gradient(140deg,rgba(4,4,14,.96),rgba(11,8,55,.88))!important;
}
.omt-exchange-modal__identity{gap:24px!important;padding-bottom:22px!important;border-bottom:1px solid rgba(86,70,200,.34)!important}
.omt-exchange-modal__identity h3{
  max-width:700px;
  margin:10px 0 9px!important;
  color:#fff!important;
  font:700 clamp(31px,3vw,49px)/1.03 "ClashDisplay-Bold",Inter,sans-serif!important;
  letter-spacing:.006em!important;
  word-spacing:.12em!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
}
.omt-exchange-modal .omt-project-modal__eyebrow{color:var(--omt37-yellow)!important;letter-spacing:.14em!important}
.omt-exchange-modal .omt-project-modal__category{color:var(--omt37-muted)!important;font-size:13px!important}
.omt-exchange-modal__ticker{
  min-width:168px!important;
  padding:14px 16px!important;
  border:1px solid rgba(248,200,0,.52)!important;
  background:#070714!important;
  box-shadow:inset 0 0 0 1px rgba(248,200,0,.04)!important;
}
.omt-exchange-modal__ticker span{color:rgba(255,255,255,.55)!important}
.omt-exchange-modal__ticker strong{font-size:27px!important;letter-spacing:.01em!important}
.omt-exchange-modal__story-grid{gap:14px!important;margin-top:18px!important}
.omt-exchange-modal__story,.omt-exchange-modal__position,
.omt-exchange-modal__stats>div,.omt-exchange-modal__chart-card{
  border:1px solid rgba(79,64,183,.56)!important;
  background:linear-gradient(145deg,#060612,#09082c)!important;
}
.omt-exchange-modal__story,.omt-exchange-modal__position{min-height:120px!important;padding:17px 18px!important}
.omt-exchange-modal__story>span,.omt-exchange-modal__position>span,
.omt-exchange-modal__stats span,.omt-exchange-modal__chart-head span{color:rgba(255,255,255,.48)!important}
.omt-exchange-modal__story p,.omt-exchange-modal__position p{color:#bebdce!important}
.omt-exchange-modal__stats{gap:9px!important}
.omt-exchange-modal__stats>div{padding:13px!important}
.omt-exchange-modal__chart-card{overflow:hidden}
.omt-exchange-modal__chart-head{border-bottom:1px solid rgba(79,64,183,.42)!important;background:#050511!important}
.omt-exchange-modal__chart-tabs span{border-color:rgba(79,64,183,.42)!important}
.omt-exchange-modal__chart-tabs span.is-active{background:var(--omt37-yellow)!important;color:#05030c!important;border-color:var(--omt37-yellow)!important}
.omt-exchange-modal__chart-wrap{
  height:214px!important;
  background:repeating-linear-gradient(0deg,rgba(80,67,190,.09) 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,rgba(80,67,190,.08) 0 1px,transparent 1px 72px),#03040d!important;
}
.omt-exchange-modal__footer{
  min-height:38px!important;
  margin:0 28px!important;
  padding:0!important;
  border-top:1px solid rgba(79,64,183,.38)!important;
  color:rgba(255,255,255,.38)!important;
}

/* Video popup uses the exact same card frame and badge language. */
.omt-video-modal__shell{width:min(1180px,94vw)!important;padding-bottom:22px!important}
.omt-video-modal__frame-wrap{
  margin:0 28px!important;
  border:1px solid rgba(67,54,172,.66)!important;
  background:#000!important;
  box-shadow:0 0 0 7px #050511,0 0 0 8px rgba(67,54,172,.36)!important;
}
.omt-video-modal__frame-wrap::before{
  background:linear-gradient(180deg,rgba(11,7,58,.14),transparent 26%,transparent 78%,rgba(2,2,12,.22))!important;
}
.omt-video-modal__corner::before,.omt-video-modal__corner::after{background:var(--omt37-yellow)!important;box-shadow:none!important}
.omt-video-modal__footer{
  margin:18px 28px 0!important;
  padding:13px 0 0!important;
  border-top:1px solid rgba(79,64,183,.38)!important;
  color:rgba(255,255,255,.40)!important;
}

@media(max-width:991px){
  .omt-sound-toggle{min-width:40px}
  .omt-exchange-modal__panel{height:94vh!important}
  .omt-exchange-modal__grid{grid-template-columns:1fr!important;overflow:auto!important;padding:0 16px 18px!important}
  .omt-exchange-modal__media{min-height:280px!important;border-right:1px solid rgba(65,52,166,.64)!important;border-bottom:0!important}
  .omt-exchange-modal__content{overflow:visible!important}
}
@media(max-width:767px){
  .omt-video-modal,.omt-exchange-modal{padding:8px!important}
  .omt-video-modal__topbar,.omt-exchange-modal__topbar{min-height:88px!important;padding:14px 62px 12px 14px!important}
  .omt-modal-card-badge{width:64px;height:56px;font-size:17px}
  .omt-modal-card-heading strong{font-size:16px}.omt-modal-card-heading small{display:none}
  .omt-video-modal__close,.omt-exchange-modal__close{top:17px!important;right:14px!important;width:42px!important;height:42px!important}
  .omt-video-modal__close span,.omt-exchange-modal__close span{left:11px!important;top:20px!important;width:19px!important}
  .omt-exchange-modal__clock{display:none!important}
  .omt-exchange-modal__content{padding:22px 15px 18px!important}
  .omt-exchange-modal__identity{flex-direction:column!important}
  .omt-exchange-modal__identity h3{font-size:31px!important;word-spacing:.08em!important}
  .omt-exchange-modal__ticker{width:100%!important;align-items:flex-start!important}
  .omt-exchange-modal__stats{grid-template-columns:repeat(2,1fr)!important}
  .omt-exchange-modal__chart-wrap{height:180px!important}
  .omt-exchange-modal__footer{display:none!important}
  .omt-video-modal__frame-wrap{margin:0 13px!important;box-shadow:0 0 0 4px #050511,0 0 0 5px rgba(67,54,172,.36)!important}
  .omt-video-modal__footer{margin:14px 13px 0!important}
}
/* Final collision guards against earlier popup styles. */
.omt-video-modal__shell::before,.omt-exchange-modal__panel::before{mix-blend-mode:normal!important}
.omt-modal-card-heading small{padding:0!important;margin:0!important;border:0!important}