/* V111 — Live runtime Hub embed on marketing .com */
.page-live-hub-preview main{padding-top:clamp(96px,12vw,128px);}
.runtime-preview-hero{
  display:grid;
  grid-template-columns:minmax(280px,.92fr) minmax(0,1.08fr);
  gap:clamp(24px,4vw,48px);
  align-items:start;
  padding:0 clamp(20px,4vw,40px) clamp(28px,5vw,44px);
  max-width:1380px;
  margin:0 auto;
}
.runtime-preview-hero .lead{max-width:56ch;color:#c5d4ea;}
.runtime-preview-badges{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px;}
.runtime-preview-badges span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#dff7ff;
  background:rgba(143,238,255,.08);
  border:1px solid rgba(143,238,255,.18);
}
.runtime-preview-badges span::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:#21e88a;
  box-shadow:0 0 12px rgba(33,232,138,.65);
}
.runtime-preview-cta-row{display:flex;flex-wrap:wrap;gap:12px;}
.runtime-preview-note{
  margin-top:14px;
  color:#9eb0cb;
  font-size:13px;
  line-height:1.55;
}
.runtime-embed-section{
  padding:0 clamp(16px,3vw,40px) clamp(48px,6vw,72px);
  max-width:1380px;
  margin:0 auto;
}
.runtime-embed-shell{
  position:relative;
  border-radius:28px;
  padding:14px;
  background:linear-gradient(145deg,rgba(12,27,52,.96),rgba(4,10,24,.94));
  border:1px solid rgba(143,238,255,.18);
  box-shadow:0 40px 120px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.06);
}
.runtime-embed-toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  padding:4px 6px 10px;
}
.runtime-embed-toolbar strong{color:#fff;font-size:14px;}
.runtime-embed-toolbar span{color:#9eb0cb;font-size:12px;}
.runtime-embed-toolbar .toolbar-actions{display:flex;flex-wrap:wrap;gap:8px;}
.runtime-embed-frame-wrap{
  position:relative;
  min-height:min(72vh,760px);
  border-radius:20px;
  overflow:hidden;
  background:#020611;
  border:1px solid rgba(143,238,255,.12);
}
.runtime-embed-frame-wrap iframe{
  display:block;
  width:100%;
  height:min(72vh,760px);
  min-height:520px;
  border:0;
  background:#020611;
}
.runtime-embed-fallback{
  display:none;
  position:absolute;
  inset:0;
  z-index:2;
  padding:clamp(24px,4vw,40px);
  text-align:center;
  background:radial-gradient(circle at 50% 0,rgba(30,231,255,.12),transparent 42%),linear-gradient(180deg,rgba(2,7,18,.2),rgba(2,7,18,.94));
}
.runtime-embed-shell.is-blocked .runtime-embed-fallback{display:grid;place-items:center;}
.runtime-embed-shell.is-blocked iframe{opacity:.12;pointer-events:none;}
.runtime-embed-fallback .panel{
  max-width:520px;
  padding:28px;
  background:rgba(8,18,36,.88);
  border:1px solid rgba(143,238,255,.16);
}
.runtime-embed-fallback h3{margin:10px 0 8px;color:#fff;}
.runtime-embed-fallback p{color:#b7c7de;font-size:14px;line-height:1.6;}
.runtime-embed-mobile-fallback{
  display:none;
  min-height:min(56vh,620px);
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(143,238,255,.12);
  background:#020611;
}
.runtime-embed-mobile-fallback video,
.runtime-embed-mobile-fallback img{
  width:100%;
  height:100%;
  min-height:320px;
  object-fit:cover;
  display:block;
}
.runtime-embed-mobile-copy{
  padding:20px;
  background:linear-gradient(180deg,rgba(2,7,18,0),rgba(2,7,18,.92) 28%);
  margin-top:-120px;
  position:relative;
  z-index:1;
}
.runtime-embed-mobile-copy p{color:#c5d4ea;font-size:14px;line-height:1.55;}
.runtime-embed-replica-link{
  display:inline-flex;
  margin-top:16px;
  color:#8feeff;
  font-size:13px;
  font-weight:700;
}
.commhub-live-banner{
  max-width:1380px;
  margin:0 auto clamp(18px,3vw,28px);
  padding:0 clamp(20px,4vw,40px);
}
.commhub-live-banner .panel{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border-radius:20px;
  background:linear-gradient(90deg,rgba(30,231,255,.08),rgba(167,60,255,.08));
  border:1px solid rgba(143,238,255,.18);
}
.commhub-live-banner p{margin:0;color:#d5e4f8;font-size:14px;line-height:1.5;max-width:62ch;}
.commhub-live-banner .banner-actions{display:flex;flex-wrap:wrap;gap:10px;}
@media (max-width:980px){
  .runtime-preview-hero{grid-template-columns:1fr;}
}
@media (max-width:900px){
  .runtime-embed-frame-wrap,
  .runtime-embed-frame-wrap iframe{display:none!important;}
  .runtime-embed-mobile-fallback{display:block;}
  .runtime-embed-shell.is-blocked .runtime-embed-fallback{display:none;}
}