.live-lab-launchpad {
  --lab-accent: #75f6ce;
  width: min(calc(100% - clamp(2rem,6vw,7rem)), 1500px);
  margin: clamp(2rem,4vw,4rem) auto clamp(3rem,6vw,6rem);
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(460px,1.1fr);
  overflow: hidden;
  border: 1px solid color-mix(in srgb,var(--lab-accent) 38%,rgba(255,255,255,.16));
  border-radius: 8px;
  background:
    radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--lab-accent) 17%,transparent),transparent 28rem),
    linear-gradient(145deg,#0b1113,#050809 72%);
  box-shadow: 0 30px 75px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.06);
  color: #f6f7f5;
  isolation: isolate;
}

.live-lab-launchpad__intro { padding: clamp(1.6rem,4vw,4rem); }
.live-lab-kicker { margin: 0 0 1rem; color: var(--lab-accent); font: 800 .7rem/1.2 system-ui,sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.live-lab-launchpad h2 { max-width: 12ch; margin: 0; color: #fff; font-size: clamp(2.35rem,5vw,5.4rem); line-height: .92; letter-spacing: -.06em; }
.live-lab-launchpad__intro > p:not(.live-lab-kicker) { max-width: 42rem; margin: 1.2rem 0 0; color: rgba(255,255,255,.72); font-size: clamp(1rem,1.4vw,1.16rem); line-height: 1.6; }

.live-lab-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.7rem; }
.live-lab-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: .8rem 1.05rem; border: 1px solid rgba(255,255,255,.22); color: #fff; font: 800 .78rem/1 system-ui,sans-serif; text-decoration: none; }
.live-lab-button--primary { border-color: var(--lab-accent); background: var(--lab-accent); color: #04100d; box-shadow: 0 10px 28px color-mix(in srgb,var(--lab-accent) 20%,transparent); }
.live-lab-button--secondary { background: rgba(2,5,6,.58); }
.live-lab-button:hover,.live-lab-button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

.live-lab-signals { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); background: rgba(255,255,255,.1); gap: 1px; }
.live-lab-signals article { position: relative; min-height: 100%; overflow: hidden; padding: clamp(1.4rem,2.4vw,2.4rem); background: rgba(5,9,10,.94); }
.live-lab-signals article::before { content: ""; position: absolute; inset: auto -28% -12% 24%; aspect-ratio: 1; border: 1px solid color-mix(in srgb,var(--lab-accent) 28%,transparent); border-radius: 50%; }
.live-lab-signals article:nth-child(2) { background: linear-gradient(155deg,color-mix(in srgb,var(--lab-accent) 8%,#081012),#06090a); }
.live-lab-signals article:nth-child(2)::before { border-radius: 0; transform: rotate(18deg); }
.live-lab-signals article:nth-child(3)::before { inset: 8% -55% auto auto; width: 12rem; background: radial-gradient(circle,color-mix(in srgb,var(--lab-accent) 14%,transparent),transparent 68%); }
.live-lab-signals span,.live-lab-signals strong,.live-lab-signals small { position: relative; z-index: 1; display: block; }
.live-lab-signals span { color: var(--lab-accent); font: 800 .66rem/1.2 system-ui,sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.live-lab-signals strong { margin-top: clamp(2.5rem,5vw,5.5rem); color: #fff; font-size: clamp(1.15rem,2vw,1.65rem); line-height: 1.12; }
.live-lab-signals small { margin-top: .75rem; color: rgba(255,255,255,.56); font: 650 .72rem/1.45 system-ui,sans-serif; }

@media (max-width:1050px) {
  .live-lab-launchpad { grid-template-columns: 1fr; }
  .live-lab-signals article { min-height: 250px; }
}

@media (max-width:720px) {
  .live-lab-launchpad { width: min(calc(100% - 2rem),1500px); margin-block: 1.5rem 3.5rem; }
  .live-lab-signals { grid-template-columns: 1fr; }
  .live-lab-signals article { min-height: 190px; }
  .live-lab-signals strong { margin-top: 2.6rem; }
  .live-lab-actions { flex-direction: column; }
  .live-lab-button { width: 100%; }
}