:root {
  --brand-red: #d71920;
  --brand-red-dark: #ad1117;
  --ink: #0b1f33;
  --ink-soft: #344a61;
  --slate: #5e7082;
  --surface: #ffffff;
  --surface-warm: #f6f5f2;
  --surface-blue: #f2f6f9;
  --line: #dce3e9;
  --line-dark: #2b3946;
  --success: #2f9f65;
  --radius-sm: .75rem;
  --radius: 1.25rem;
  --radius-lg: 1.75rem;
  --shadow-sm: 0 10px 30px rgba(11, 31, 51, .08);
  --shadow: 0 24px 70px rgba(11, 31, 51, .13);
  --container: 1440px;
  --section-space: clamp(5rem, 8vw, 8.5rem);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--surface);
  font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; }
a { color: inherit; }
.container-wide {
  width: min(calc(100% - 3rem), var(--container));
  margin-inline: auto;
}
.skip-link {
  position: fixed;
  top: .75rem;
  left: .75rem;
  z-index: 2000;
  transform: translateY(-160%);
  padding: .75rem 1rem;
  border-radius: .5rem;
  color: #fff;
  background: var(--ink);
}
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid rgba(215, 25, 32, .35); outline-offset: 3px; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 1030;
  border-bottom: 1px solid rgba(220, 227, 233, .8);
  background: rgba(255, 255, 255, .94);
  backdrop-filter: blur(16px);
}
.site-header .navbar { min-height: 78px; padding: .65rem 0; }
.site-header .container-wide { display: flex; align-items: center; }
.navbar-brand { padding: 0; margin-right: 2.5rem; }
.navbar-brand img { display: block; width: 96px; height: 50px; object-fit: contain; }
.navbar-nav { gap: clamp(.15rem, .55vw, .65rem); }
.navbar .nav-link {
  border: 0;
  padding: .7rem .55rem !important;
  color: var(--ink);
  background: transparent;
  font-size: .9rem;
  font-weight: 600;
  white-space: nowrap;
}
.navbar .nav-link:hover,
.navbar .nav-link.active,
.navbar .nav-link[aria-current="page"] { color: var(--brand-red); }
.dropdown-menu {
  min-width: 19rem;
  margin-top: .65rem !important;
  padding: .65rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  box-shadow: var(--shadow-sm);
}
.dropdown-item {
  display: flex;
  align-items: center;
  gap: .85rem;
  padding: .7rem .8rem;
  border-radius: .7rem;
  color: var(--ink);
}
.dropdown-item:hover, .dropdown-item:focus { color: var(--brand-red); background: #fff3f3; }
.dropdown-item i { width: 1.35rem; color: var(--brand-red); font-size: 1.1rem; text-align: center; }
.dropdown-item span { display: grid; }
.dropdown-item strong { font-size: .9rem; }
.dropdown-item small { color: var(--slate); font-size: .74rem; }
.header-cta { margin-left: 1rem; white-space: nowrap; }
.language-switcher { flex: 0 0 auto; margin-left: .75rem; }
.language-toggle {
  display: inline-flex;
  align-items: center;
  gap: .38rem;
  min-height: 2.65rem;
  padding: .48rem .68rem;
  border: 1px solid var(--line);
  border-radius: .68rem;
  color: var(--ink);
  background: #fff;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .04em;
  line-height: 1;
  box-shadow: 0 4px 14px rgba(11,31,51,.05);
  transition: border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.language-toggle:hover,
.language-toggle:focus,
.language-toggle[aria-expanded="true"] { color: var(--brand-red); border-color: rgba(215,25,32,.35); box-shadow: 0 7px 18px rgba(11,31,51,.09); }
.language-toggle::after { margin-left: .12rem; }
.language-flag {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  width: 1.3rem;
  height: .86rem;
  overflow: hidden;
  border: 1px solid rgba(11,31,51,.14);
  border-radius: .12rem;
  box-shadow: 0 1px 2px rgba(11,31,51,.12);
}
.flag-us { background: repeating-linear-gradient(to bottom,#b22234 0,#b22234 7.69%,#fff 7.69%,#fff 15.38%); }
.flag-us::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 46%;
  height: 54%;
  background: #3c3b6e;
}
.flag-es { background: linear-gradient(to bottom,#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75% 100%); }
.flag-br { background: #009b3a; }
.flag-br::before {
  content: "";
  position: absolute;
  top: 19%;
  left: 30%;
  width: 40%;
  height: 62%;
  background: #ffdf00;
  transform: rotate(45deg);
}
.flag-br::after {
  content: "";
  position: absolute;
  top: 30%;
  left: 35%;
  width: 30%;
  height: 40%;
  border-radius: 50%;
  background: #002776;
}
.language-menu { min-width: 11.5rem; }
.language-menu .dropdown-item { gap: .68rem; padding: .62rem .7rem; }
.language-menu .language-flag { width: 1.55rem; height: 1rem; }
.language-menu .language-copy { display: grid; min-width: 0; }
.language-menu .dropdown-item.active,
.language-menu .dropdown-item[aria-current="true"] { color: var(--brand-red); background: #fff3f3; }
.language-menu .dropdown-item.active small,
.language-menu .dropdown-item[aria-current="true"] small { color: #8f5d60; }
.navbar-toggler { flex: 0 0 auto; margin-left: .5rem; }
.btn {
  border-radius: .7rem;
  padding: .72rem 1.2rem;
  font-weight: 700;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn-brand { color: #fff; border-color: var(--brand-red); background: var(--brand-red); box-shadow: 0 8px 20px rgba(215, 25, 32, .2); }
.btn-brand:hover, .btn-brand:focus { color: #fff; border-color: var(--brand-red-dark); background: var(--brand-red-dark); }
.btn-lg { padding: .95rem 1.55rem; font-size: 1rem; }

.hero {
  position: relative;
  overflow: hidden;
  padding: clamp(3.5rem, 6vw, 6.5rem) 0 0;
  background:
    radial-gradient(circle at 78% 10%, rgba(215, 25, 32, .055), transparent 28rem),
    linear-gradient(180deg, #fff 0%, #fbfbfa 100%);
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .42;
  background-image: linear-gradient(rgba(11, 31, 51, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(11, 31, 51, .035) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, #000, transparent 72%);
}
.hero .container-wide { position: relative; }
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin-bottom: 1.15rem;
  color: var(--brand-red);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.status-dot {
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background: var(--brand-red);
  box-shadow: 0 0 0 .32rem rgba(215, 25, 32, .1);
}
h1, h2, h3, h4 { margin-top: 0; color: var(--ink); font-weight: 750; letter-spacing: -.035em; }
h1 { max-width: 12ch; margin-bottom: 1.4rem; font-size: clamp(3rem, 5.1vw, 5.25rem); line-height: .99; }
.hero-lead { max-width: 42rem; margin-bottom: 1.8rem; color: var(--ink-soft); font-size: clamp(1.08rem, 1.4vw, 1.26rem); line-height: 1.65; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .85rem; }
.hero-points { display: flex; flex-wrap: wrap; gap: .45rem 1.4rem; margin: 1.5rem 0 0; padding: 0; color: var(--slate); list-style: none; font-size: .88rem; }
.hero-points i { margin-right: .35rem; color: var(--success); }

.broadcast-board {
  position: relative;
  overflow: hidden;
  padding: .8rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,.92);
  box-shadow: var(--shadow);
}
.signal-flow {
  display: grid;
  grid-template-columns: repeat(7, auto);
  align-items: center;
  justify-content: space-around;
  gap: .55rem;
  min-height: 3.3rem;
  color: var(--ink-soft);
  font-size: .76rem;
  font-weight: 800;
}
.signal-flow span { display: flex; align-items: center; gap: .4rem; }
.signal-flow span i { color: var(--brand-red); font-size: .95rem; }
.signal-flow > i { color: #9aabb9; }
.board-grid { display: grid; grid-template-columns: 1.05fr 1fr 1.05fr; gap: .55rem; }
.board-panel {
  min-width: 0;
  padding: .65rem;
  border: 1px solid #2b333b;
  border-radius: .65rem;
  color: #dce5ec;
  background: #151b20;
  box-shadow: inset 0 1px rgba(255,255,255,.05);
  font-size: .62rem;
}
.panel-head, .panel-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: .55rem; }
.on-air { padding: .12rem .3rem; border-radius: .18rem; color: #fff; background: var(--brand-red); font-size: .52rem; font-weight: 800; }
.auto, .panel-title span { color: #60d68f; font-weight: 800; }
.playlist-row { display: grid; grid-template-columns: auto 1fr auto; gap: .3rem; align-items: center; margin-bottom: .3rem; padding: .35rem .4rem; border-radius: .28rem; background: #20272d; }
.playlist-row.active { border-left: 2px solid #2dcc70; background: #183326; }
.playlist-row small { color: #9baab5; }
.transport { display: flex; gap: .3rem; padding-top: .25rem; }
.transport i { display: grid; place-items: center; width: 1.25rem; height: 1.1rem; border-radius: .18rem; background: #303940; }
.waveform { display: flex; align-items: center; justify-content: center; gap: 2px; height: 3rem; border-radius: .3rem; background: #101519; }
.waveform b { width: 3px; height: 25%; background: #42aee7; animation: meter 1.4s ease-in-out infinite alternate; }
.waveform b:nth-child(2n) { height: 65%; animation-delay: -.3s; }
.waveform b:nth-child(3n) { height: 90%; animation-delay: -.7s; }
.ai-line { display: flex; justify-content: space-between; margin-top: .5rem; color: #aebbc5; }
.ai-line strong { color: #58cf87; }
.meter { height: .28rem; margin-top: .65rem; overflow: hidden; border-radius: 1rem; background: #2c353c; }
.meter span { display: block; width: 72%; height: 100%; background: linear-gradient(90deg, #39c976, #a7d342, #f0b834); }
.camera-panel img { width: 100%; height: 4.2rem; border-radius: .35rem; object-fit: cover; object-position: center; filter: saturate(.85); }
.preset-row { display: flex; align-items: center; gap: .25rem; margin-top: .4rem; }
.preset-row span { margin-right: auto; color: #9cabb5; }
.preset-row b { display: grid; place-items: center; width: 1.15rem; height: 1.1rem; border-radius: .2rem; background: #2a333a; }
.preset-row .selected { color: #fff; background: var(--brand-red); }
.studio-visual { position: relative; margin: .55rem 0 0; overflow: hidden; border-radius: .85rem; }
.studio-visual > img { display: block; width: 100%; height: clamp(12rem, 22vw, 20.5rem); object-fit: cover; object-position: center 66%; filter: saturate(.82) contrast(1.02); }
.studio-visual figcaption {
  position: absolute;
  right: .55rem;
  bottom: .55rem;
  left: .55rem;
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  padding: .45rem;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: .55rem;
  color: #fff;
  background: rgba(9, 18, 27, .78);
  backdrop-filter: blur(8px);
  font-size: .65rem;
}
.studio-visual figcaption span { padding: .2rem .4rem; border-radius: .3rem; background: rgba(255,255,255,.08); }
.studio-visual figcaption i { margin-right: .25rem; color: #ff5a61; }
.studio-visual .stream-live { margin-left: auto; }
.studio-visual .stream-live i { font-size: .45rem; animation: pulse 1.5s infinite; }
.platform-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 4.25rem;
  border: 1px solid var(--line);
  border-bottom: 0;
  border-radius: var(--radius) var(--radius) 0 0;
  background: rgba(255,255,255,.85);
  box-shadow: var(--shadow-sm);
}
.platform-strip span { display: flex; align-items: center; justify-content: center; gap: .65rem; min-height: 5.1rem; padding: 1rem; color: var(--ink-soft); font-size: .85rem; }
.platform-strip span + span { border-left: 1px solid var(--line); }
.platform-strip i { color: var(--brand-red); font-size: 1.2rem; }

.section { padding: var(--section-space) 0; }
.section-intro { background: var(--surface-warm); }
.section-heading { max-width: 49rem; margin-bottom: 3rem; }
.section-heading h2 { margin-bottom: 1rem; font-size: clamp(2.2rem, 4vw, 3.75rem); line-height: 1.08; }
.section-heading p { color: var(--slate); font-size: 1.08rem; }
.workflow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: stretch; gap: .65rem; }
.workflow-step { display: flex; align-items: center; gap: .9rem; min-width: 0; padding: 1.2rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: 0 8px 20px rgba(11,31,51,.04); }
.workflow-step > i { color: var(--brand-red); font-size: 1.55rem; }
.workflow-step span { display: grid; }
.workflow-step b { color: var(--ink); }
.workflow-step small { color: var(--slate); line-height: 1.35; }
.workflow-arrow { align-self: center; color: #9aa9b6; }

.display-heading { margin-bottom: 1.25rem; font-size: clamp(2.35rem, 4.2vw, 4rem); line-height: 1.06; }
.section-lead { color: var(--slate); font-size: 1.08rem; }
.section-dark { color: #bdc8d2; background: #0b1f33; }
.section-heading-light h2 { color: #fff; }
.section-heading-light p { color: #aebbc6; }

.benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.benefit-card {
  position: relative;
  min-height: 19rem;
  padding: 2rem;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.benefit-card:hover { transform: translateY(-4px); border-color: #b9c6d0; box-shadow: var(--shadow-sm); }
.benefit-card > i { display: grid; place-items: center; width: 3.1rem; height: 3.1rem; margin-bottom: 3rem; border-radius: .9rem; color: var(--brand-red); background: #fff1f2; font-size: 1.4rem; }
.benefit-card h3 { margin-bottom: .8rem; font-size: 1.35rem; }
.benefit-card p { margin: 0; color: var(--slate); }
.card-number { position: absolute; top: 1.5rem; right: 1.5rem; color: #afbbc5; font-size: .72rem; font-weight: 800; letter-spacing: .1em; }
.benefit-card-featured { border-color: transparent; background: var(--ink); }
.benefit-card-featured > i { color: #fff; background: var(--brand-red); }
.benefit-card-featured h3 { color: #fff; }
.benefit-card-featured p { color: #bdc8d2; }

.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.product-card {
  position: relative;
  display: flex;
  min-height: 22rem;
  padding: 1.8rem;
  flex-direction: column;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--radius);
  color: #bdc8d2;
  background: rgba(255,255,255,.035);
  text-decoration: none;
  transition: transform .25s ease, border-color .25s ease, background-color .25s ease;
}
.product-card:hover { transform: translateY(-4px); border-color: rgba(255,255,255,.28); color: #fff; background: rgba(255,255,255,.07); }
.product-icon { display: grid; place-items: center; width: 3.2rem; height: 3.2rem; margin-bottom: 2.8rem; border: 1px solid rgba(255,255,255,.18); border-radius: .9rem; color: #ff6a70; font-size: 1.4rem; }
.product-type { margin-bottom: .7rem; color: #8496a5; font-size: .7rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.product-card h3 { margin-bottom: .7rem; color: #fff; font-size: 1.4rem; }
.product-card p { margin-bottom: 2rem; color: #aebbc6; }
.product-card .card-link { margin-top: auto; color: #fff; }
.product-card-primary { border-color: #e23940; background: var(--brand-red); }
.product-card-primary:hover { border-color: #ff777c; background: var(--brand-red-dark); }
.product-card-primary .product-icon { color: #fff; background: rgba(255,255,255,.13); }
.product-card-primary .product-type, .product-card-primary p { color: #ffe1e2; }
.product-card-kiwi { background: linear-gradient(140deg, rgba(121, 174, 72, .16), rgba(255,255,255,.03)); }
.product-card-kiwi .product-icon { color: #9cd06e; }
.card-link { display: inline-flex; align-items: center; gap: .4rem; color: var(--brand-red); font-weight: 800; text-decoration: none; }
.card-link i { transition: transform .2s ease; }
.card-link:hover i { transform: translateX(3px); }

.sticky-copy { position: sticky; top: 7rem; }
.feature-image { position: relative; margin: 2.25rem 0 0; overflow: hidden; border-radius: var(--radius); background: var(--surface-warm); }
.feature-image img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.feature-image figcaption { position: absolute; right: .75rem; bottom: .75rem; padding: .35rem .55rem; border-radius: .4rem; color: #fff; background: rgba(11,31,51,.78); font-size: .7rem; }
.capability-accordion { border-top: 1px solid var(--line); }
.capability-accordion .accordion-item { border: 0; border-bottom: 1px solid var(--line); background: transparent; }
.capability-accordion .accordion-button { gap: 1.1rem; padding: 1.55rem .25rem; color: var(--ink); background: transparent; box-shadow: none; font-size: clamp(1.1rem, 1.7vw, 1.4rem); font-weight: 750; }
.capability-accordion .accordion-button::after { width: 2.25rem; height: 2.25rem; border: 1px solid var(--line); border-radius: 50%; background-position: center; background-size: .85rem; }
.capability-accordion .accordion-button span { color: var(--brand-red); font-size: .7rem; letter-spacing: .1em; }
.capability-accordion .accordion-body { padding: 0 .25rem 1.8rem 3rem; color: var(--slate); }
.feature-list { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem 1.4rem; margin: 1.2rem 0 0; padding: 0; color: var(--ink-soft); list-style: none; }
.feature-list li::before { content: "✓"; margin-right: .45rem; color: var(--success); font-weight: 800; }

.section-process { background: var(--surface-blue); }
.process-list { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 0 4rem; padding: 0; list-style: none; }
.process-list li { position: relative; display: grid; gap: 2rem; padding: 0 1.6rem; border-left: 1px solid #cbd6df; }
.process-list li:last-child { border-right: 1px solid #cbd6df; }
.process-number { color: var(--brand-red); font-size: .72rem; font-weight: 800; letter-spacing: .12em; }
.process-list h3 { font-size: 1.25rem; }
.process-list p { margin: 0; color: var(--slate); }
.system-map {
  display: grid;
  grid-template-columns: 1.15fr auto 1fr auto 1.15fr auto 1fr auto 1.15fr;
  align-items: center;
  gap: .6rem;
  padding: 1.1rem;
  border: 1px solid #ccd7df;
  border-radius: var(--radius-lg);
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.system-map > i { color: #8da0ae; }
.map-source, .map-group { display: grid; align-content: center; gap: .45rem; min-height: 10rem; padding: 1rem; border: 1px solid var(--line); border-radius: 1rem; background: #f8fafb; text-align: center; }
.map-source strong { font-size: 1.05rem; line-height: 1.3; }
.map-source small { color: var(--slate); font-weight: 500; }
.map-source > span:last-child { color: var(--slate); font-size: .7rem; }
.map-group strong { padding: .45rem; border-radius: .45rem; color: var(--ink-soft); background: #fff; font-size: .78rem; }
.map-group-active { border-color: #e36a6f; background: #fff3f3; }
.map-group-active strong { color: var(--brand-red-dark); }
.map-label { color: var(--brand-red); font-size: .65rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.map-note { margin: 1rem 0 0; color: var(--slate); font-size: .82rem; text-align: center; }
.map-note i { margin-right: .35rem; }

.section-commercial { padding-top: 0; background: var(--surface-blue); }
.commercial-panel { height: 100%; min-height: 34rem; padding: clamp(2rem, 4vw, 4rem); border-radius: var(--radius-lg); }
.commercial-panel h2 { margin-bottom: 1rem; font-size: clamp(2.1rem, 3.5vw, 3.35rem); line-height: 1.08; }
.commercial-panel p { font-size: 1.05rem; }
.monetization-panel { color: #d7dfe5; background: var(--ink); }
.monetization-panel h2 { color: #fff; }
.monetization-panel p { color: #aebbc6; }
.tag-cloud { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 3rem; }
.tag-cloud span { padding: .55rem .8rem; border: 1px solid rgba(255,255,255,.15); border-radius: 5rem; color: #e6ebef; background: rgba(255,255,255,.055); font-size: .8rem; }
.integration-panel { border: 1px solid var(--line); background: #fff; }
.integration-panel p { color: var(--slate); }
.integration-list { display: grid; gap: .7rem; margin: 2rem 0; padding: 0; list-style: none; }
.integration-list li { display: flex; align-items: center; gap: 1rem; padding: .8rem 0; border-top: 1px solid var(--line); }
.integration-list i { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: .7rem; color: var(--brand-red); background: #fff1f2; }
.integration-list span { display: grid; color: var(--slate); font-size: .84rem; }
.integration-list b { color: var(--ink); font-size: .95rem; }

.customer-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; }
.customer-heading h2 { max-width: 18ch; margin: 0; font-size: clamp(2.2rem, 4vw, 3.6rem); }
.logo-row { display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; margin: 3.5rem 0; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.logo-row img { justify-self: center; max-width: 9.5rem; max-height: 4.5rem; padding: 1rem; object-fit: contain; filter: grayscale(1); opacity: .68; }
.logo-row img + img { border-left: 1px solid var(--line); }
.testimonial { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 2rem; margin: 0; padding: clamp(2rem, 4vw, 4rem); border-radius: var(--radius-lg); background: var(--surface-warm); }
.testimonial blockquote { max-width: 32ch; margin: 0; color: var(--ink); font-size: clamp(1.65rem, 3vw, 2.75rem); font-weight: 650; letter-spacing: -.03em; line-height: 1.25; }
.testimonial figcaption { display: grid; text-align: right; }
.testimonial figcaption span { color: var(--slate); }

.section-solutions { background: #fbfbfa; }
.solution-stack { border-top: 1px solid var(--line); }
.solution-row { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(2rem, 6vw, 6rem); align-items: center; padding: clamp(3.5rem, 6vw, 6rem) 0; border-bottom: 1px solid var(--line); }
.solution-row-reverse .solution-copy { order: 2; }
.solution-row-reverse .solution-visual { order: 1; }
.solution-index { display: block; margin-bottom: 1rem; color: var(--brand-red); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.solution-copy h3 { max-width: 17ch; font-size: clamp(2rem, 3.7vw, 3.4rem); line-height: 1.08; }
.solution-copy p { max-width: 40rem; color: var(--slate); font-size: 1.05rem; }
.solution-visual { position: relative; display: grid; align-content: center; min-height: 24rem; padding: clamp(1.5rem, 4vw, 3.5rem); overflow: hidden; border-radius: var(--radius-lg); color: #dfe6eb; background: #101e2b; box-shadow: var(--shadow); }
.media-visual { grid-template-columns: auto 1fr; gap: 1rem; background: linear-gradient(145deg, #172a3b, #0b1823); }
.media-visual > i { grid-row: 1 / 3; align-self: center; padding-right: 1rem; color: #ff5259; font-size: 4rem; }
.media-visual div { display: grid; padding: 1.1rem; border: 1px solid rgba(255,255,255,.12); border-radius: .8rem; background: rgba(255,255,255,.05); }
.media-visual div span { color: #ff6d73; font-size: .65rem; font-weight: 800; text-transform: uppercase; }
.media-visual div small { color: #91a1ae; }
.ai-visual { background: linear-gradient(145deg, #10263a, #0b1a27); }
.ai-status { justify-self: start; margin-bottom: 3rem; padding: .4rem .65rem; border-radius: 5rem; color: #8be2b0; background: rgba(61,199,116,.12); font-size: .75rem; }
.ai-status i { margin-right: .3rem; font-size: .45rem; }
.ai-visual p { max-width: 31rem; color: #fff; font-size: clamp(1.35rem, 2.4vw, 2.1rem); line-height: 1.35; }
.large-wave { display: flex; align-items: center; gap: 4px; height: 5rem; margin-top: 2rem; }
.large-wave b { width: 4px; height: 35%; border-radius: 4px; background: #49b9ec; }
.large-wave b:nth-child(2n) { height: 78%; }
.large-wave b:nth-child(3n) { height: 48%; }
.large-wave b:nth-child(5n) { height: 95%; background: #ff5058; }
.processor-visual { background: linear-gradient(145deg, #0b1823, #14283a); }
.level-scale, .processor-labels { display: flex; justify-content: space-between; color: #7e919f; font-size: .65rem; }
.processor-meter { display: flex; align-items: end; justify-content: space-around; gap: 1rem; height: 11rem; margin: 1rem 0; padding: 1rem; border: 1px solid rgba(255,255,255,.12); border-radius: .8rem; background: rgba(0,0,0,.2); }
.processor-meter b { width: 1.4rem; height: var(--level); border-radius: .25rem .25rem 0 0; background: linear-gradient(to top, #35c473 0 72%, #efc441 72% 90%, #eb4b52 90%); }
.processor-labels span { color: #c8d3da; }
.encoder-visual { grid-template-columns: auto 1fr 1.5fr; align-items: center; gap: 1rem; }
.source-node { display: grid; place-items: center; gap: .4rem; width: 7rem; height: 7rem; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; background: rgba(255,255,255,.06); }
.source-node i { color: #ff5d63; font-size: 1.7rem; }
.encoder-lines { height: 2px; background: linear-gradient(90deg, #e74b52, #5cc7f2); }
.destination-nodes { display: grid; grid-template-columns: repeat(2, 1fr); gap: .5rem; }
.destination-nodes span { padding: .65rem; border: 1px solid rgba(255,255,255,.13); border-radius: .6rem; background: rgba(255,255,255,.05); text-align: center; font-size: .72rem; }
.kiwi-visual { grid-template-columns: repeat(5, 1fr); align-items: center; gap: 1rem; background: linear-gradient(145deg, #17261f, #0c1a13); }
.mixer-channel { display: grid; justify-items: center; gap: 1.25rem; padding: 1.2rem .4rem; border: 1px solid rgba(255,255,255,.1); border-radius: .7rem; background: rgba(255,255,255,.04); }
.mixer-channel b { width: 2rem; height: 2rem; border: 4px solid #33483d; border-radius: 50%; background: #0c1711; }
.mixer-channel span { position: relative; width: .45rem; height: 8rem; border-radius: 1rem; background: linear-gradient(to top, #6fab45 0 58%, #25372d 58%); }
.mixer-channel i { width: 2.3rem; height: .8rem; border-radius: .2rem; background: #c7d2ca; box-shadow: 0 3px 10px rgba(0,0,0,.35); }

.support-section { background: var(--surface-warm); }
.support-panel { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 6vw, 6rem); align-items: center; padding: clamp(2rem, 5vw, 5rem); border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; box-shadow: var(--shadow-sm); }
.support-panel h2 { max-width: 17ch; font-size: clamp(2.1rem, 3.6vw, 3.5rem); line-height: 1.08; }
.support-panel p { max-width: 40rem; margin-bottom: 1.6rem; color: var(--slate); }
.support-list { display: grid; gap: .7rem; margin: 0; padding: 0; list-style: none; }
.support-list li { display: flex; align-items: center; gap: 1rem; padding: 1rem; border: 1px solid var(--line); border-radius: .85rem; }
.support-list i { display: grid; place-items: center; width: 2.7rem; height: 2.7rem; border-radius: .7rem; color: var(--brand-red); background: #fff1f2; font-size: 1.15rem; }
.support-list span { display: grid; }
.support-list small { color: var(--slate); }

/* AI Radio DJ product page */
.product-hero {
  position: relative;
  overflow: hidden;
  padding: 1.2rem 0 0;
  background:
    radial-gradient(circle at 76% 20%, rgba(215, 25, 32, .07), transparent 28rem),
    linear-gradient(180deg, #fff 0%, #fafaf8 100%);
}
.product-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .4;
  background-image: linear-gradient(rgba(11,31,51,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(11,31,51,.035) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, #000, transparent 82%);
}
.product-hero .container-wide { position: relative; }
.breadcrumb-wrap { margin-bottom: clamp(2.5rem, 4vw, 4.75rem); }
.breadcrumb { margin: 0; font-size: .78rem; }
.breadcrumb a { color: var(--slate); text-decoration: none; }
.breadcrumb a:hover { color: var(--brand-red); }
.breadcrumb-item + .breadcrumb-item::before { color: #aeb8c1; }
.breadcrumb-item.active { color: var(--ink); font-weight: 700; }
.ai-product-hero h1 { max-width: 11.5ch; font-size: clamp(3rem, 5vw, 5.15rem); }
.product-proof-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: clamp(3.5rem, 6vw, 6.5rem);
  border: 1px solid var(--line);
  border-bottom: 0;
  border-radius: var(--radius) var(--radius) 0 0;
  background: rgba(255,255,255,.9);
  box-shadow: var(--shadow-sm);
}
.product-proof-strip span { display: flex; align-items: center; justify-content: center; gap: .65rem; min-height: 5rem; padding: 1rem; color: var(--ink-soft); font-size: .84rem; }
.product-proof-strip span + span { border-left: 1px solid var(--line); }
.product-proof-strip i { color: var(--brand-red); font-size: 1.15rem; }

.ai-console {
  overflow: hidden;
  padding: .9rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  color: #dce5ec;
  background: #0d1822;
  box-shadow: var(--shadow);
}
.ai-console-top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .65rem .75rem 1rem; }
.ai-console-top > div { display: grid; }
.console-kicker { color: #ff646b; font-size: .62rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ai-console-top strong { color: #fff; }
.console-ready { padding: .35rem .6rem; border-radius: 5rem; color: #7ae0a6; background: rgba(64,201,121,.12); font-size: .68rem; }
.console-ready i { margin-right: .3rem; font-size: .4rem; }
.ai-console-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: .65rem; }
.ai-timeline, .ai-script-panel { padding: .8rem; border: 1px solid #2a3741; border-radius: .75rem; background: #131f29; }
.timeline-title, .script-toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: .75rem; color: #93a4b1; font-size: .68rem; }
.timeline-item { display: grid; grid-template-columns: auto 1fr auto; gap: .55rem; align-items: center; padding: .62rem .5rem; border-top: 1px solid rgba(255,255,255,.07); }
.timeline-item > i { color: #758a99; }
.timeline-item span { display: grid; }
.timeline-item b { color: #e9eff3; font-size: .7rem; }
.timeline-item small, .timeline-item em { color: #8295a4; font-size: .57rem; font-style: normal; }
.timeline-item.played > i { color: #4dcc83; }
.timeline-item.active { margin-inline: -.2rem; border: 1px solid rgba(215,25,32,.55); border-radius: .5rem; background: rgba(215,25,32,.12); }
.timeline-item.active > i { color: #ff5f66; }
.script-toolbar div { display: flex; gap: .65rem; color: #a6b7c4; }
.ai-script-panel > p { min-height: 7.2rem; margin: 0; padding: 1rem; border: 1px solid rgba(255,255,255,.08); border-radius: .55rem; color: #edf3f6; background: #0e1820; font-size: clamp(.82rem, 1.1vw, .98rem); line-height: 1.6; }
.script-sources { display: flex; flex-wrap: wrap; gap: .35rem; margin: .6rem 0; }
.script-sources span { padding: .3rem .45rem; border-radius: .35rem; color: #9eb0bc; background: rgba(255,255,255,.06); font-size: .55rem; }
.script-sources i { margin-right: .25rem; color: #58bde9; }
.voice-preview { display: grid; grid-template-columns: auto auto 1fr auto; gap: .6rem; align-items: center; padding: .65rem; border-radius: .6rem; background: #1a2833; }
.voice-info { display: flex; align-items: center; gap: .5rem; }
.voice-info > span:last-child { display: grid; }
.voice-info b { color: #fff; font-size: .62rem; }
.voice-info small { color: #8295a4; font-size: .52rem; }
.voice-avatar { display: grid; place-items: center; width: 1.9rem; height: 1.9rem; border-radius: 50%; color: #fff; background: var(--brand-red); }
.voice-play { display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border: 0; border-radius: 50%; color: #fff; background: #30414e; }
.voice-wave { display: flex; align-items: center; gap: 2px; height: 2rem; overflow: hidden; }
.voice-wave b { width: 2px; height: 30%; border-radius: 2px; background: #4db7e5; animation: meter 1.3s ease-in-out infinite alternate; }
.voice-wave b:nth-child(2n) { height: 75%; animation-delay: -.25s; }
.voice-wave b:nth-child(3n) { height: 48%; animation-delay: -.6s; }
.voice-time { color: #8295a4; font-size: .55rem; }
.ai-console-footer { display: flex; align-items: center; justify-content: center; gap: .7rem; padding: .9rem .4rem .15rem; color: #91a4b2; font-size: .62rem; }
.ai-console-footer span { display: flex; align-items: center; gap: .3rem; }
.ai-console-footer span i { color: #ff6168; }
.ai-console-footer > i { color: #536774; }

.ai-positioning { background: var(--surface-warm); }
.positioning-lead { margin: 0 0 2rem; color: var(--ink-soft); font-size: clamp(1.35rem, 2.2vw, 2rem); line-height: 1.45; }
.positioning-details { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #cfd8df; }
.positioning-details span { display: grid; gap: .3rem; padding: 1.2rem 1rem 0 0; }
.positioning-details span + span { padding-left: 1rem; border-left: 1px solid #cfd8df; }
.positioning-details b { color: var(--ink); }
.positioning-details small { color: var(--slate); line-height: 1.5; }

.ai-capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.ai-capability-grid article {
  position: relative;
  min-height: 20rem;
  padding: 1.7rem;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--radius);
  background: rgba(255,255,255,.035);
  transition: transform .25s ease, border-color .25s ease, background-color .25s ease;
}
.ai-capability-grid article:hover { transform: translateY(-4px); border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.065); }
.ai-capability-grid article > i { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: 2.7rem; border-radius: .85rem; color: #ff676e; background: rgba(215,25,32,.14); font-size: 1.3rem; }
.ai-capability-grid article > span { color: #7f94a4; font-size: .65rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ai-capability-grid h3 { margin: .45rem 0 .7rem; color: #fff; font-size: 1.3rem; }
.ai-capability-grid p { margin: 0; color: #aebbc6; }

.ai-workflow-section { background: var(--surface-blue); }
.ai-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr; align-items: stretch; gap: .5rem; }
.ai-flow-step { position: relative; min-width: 0; padding: 1.3rem; border: 1px solid #cfdae2; border-radius: var(--radius); background: #fff; }
.ai-flow-step > span { position: absolute; top: 1.1rem; right: 1.1rem; color: #a6b4bf; font-size: .65rem; font-weight: 800; }
.ai-flow-step > i { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; margin-bottom: 2.2rem; border-radius: .8rem; color: var(--brand-red); background: #fff1f2; font-size: 1.15rem; }
.ai-flow-step h3 { font-size: 1.05rem; }
.ai-flow-step p { margin: 0; color: var(--slate); font-size: .85rem; }
.flow-arrow { align-self: center; color: #8fa0ad; }

.voice-production-section { background: #fff; }
.voice-studio-card { padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius-lg); color: #dbe5eb; background: #101d28; box-shadow: var(--shadow); }
.voice-studio-head { display: flex; align-items: center; justify-content: space-between; padding: .6rem .6rem 1rem; }
.voice-studio-head span { color: #fff; font-weight: 750; }
.voice-studio-head i { margin-right: .4rem; color: #ff646b; }
.voice-studio-head small { color: #7f93a2; }
.presenter-selector { display: grid; gap: .55rem; }
.presenter { display: grid; grid-template-columns: auto 1fr auto; gap: .75rem; align-items: center; padding: .8rem; border: 1px solid #2b3a46; border-radius: .7rem; background: #162530; }
.presenter.selected { border-color: rgba(215,25,32,.75); background: rgba(215,25,32,.1); }
.presenter-avatar { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; color: #fff; background: #354957; font-weight: 800; }
.presenter.selected .presenter-avatar { background: var(--brand-red); }
.presenter > span:nth-child(2) { display: grid; }
.presenter b { color: #fff; font-size: .82rem; }
.presenter small { color: #8297a5; font-size: .68rem; }
.presenter > i { color: #627785; }
.presenter.selected > i { color: #56cf88; }
.voice-settings { display: grid; grid-template-columns: repeat(3, 1fr); gap: .55rem; margin-top: .7rem; }
.voice-settings div { display: grid; padding: .7rem; border-radius: .6rem; background: #172732; }
.voice-settings span { color: #718796; font-size: .58rem; }
.voice-settings b { color: #dce6ec; font-size: .68rem; }
.voice-studio-wave { display: flex; align-items: center; gap: 3px; height: 5.5rem; margin-top: .75rem; padding: 1rem; border-radius: .7rem; background: #0b151d; }
.voice-studio-wave b { flex: 1; max-width: 5px; height: 30%; border-radius: 4px; background: #43b8e9; }
.voice-studio-wave b:nth-child(2n) { height: 75%; }
.voice-studio-wave b:nth-child(3n) { height: 46%; }
.voice-studio-wave b:nth-child(5n) { height: 92%; background: #ff5e65; }
.check-list { display: grid; gap: 1rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.check-list li { display: flex; gap: .8rem; color: var(--slate); }
.check-list li > i { display: grid; place-items: center; flex: 0 0 1.7rem; height: 1.7rem; margin-top: .1rem; border-radius: 50%; color: var(--success); background: #eaf7f0; }
.check-list span { display: grid; }
.check-list b { color: var(--ink); }

.mediatv-integration-section { color: #dce5eb; background: var(--ink); }
.mediatv-integration-panel { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(2rem, 6vw, 7rem); align-items: center; }
.integration-screen { position: relative; justify-self: center; width: min(100%, 23rem); padding: 1.1rem; border: 1px solid rgba(255,255,255,.15); border-radius: var(--radius-lg); background: #152839; box-shadow: 0 35px 80px rgba(0,0,0,.25); }
.integration-screen img { display: block; width: 100%; max-height: 36rem; border-radius: .9rem; object-fit: cover; object-position: top; }
.screen-label { position: absolute; right: 1.6rem; bottom: 1.6rem; left: 1.6rem; padding: .6rem; border: 1px solid rgba(255,255,255,.17); border-radius: .55rem; color: #fff; background: rgba(9,20,30,.85); font-size: .68rem; text-align: center; backdrop-filter: blur(8px); }
.screen-label i { margin-right: .35rem; color: #ff646b; }
.integration-copy h2 { max-width: 17ch; color: #fff; font-size: clamp(2.4rem, 4.5vw, 4.4rem); line-height: 1.04; }
.integration-copy > p { max-width: 44rem; color: #aebdc7; font-size: 1.08rem; }
.integration-benefits { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; margin: 2rem 0; }
.integration-benefits > span { display: grid; grid-template-columns: auto 1fr; gap: 0 .7rem; padding: 1rem; border: 1px solid rgba(255,255,255,.12); border-radius: .8rem; background: rgba(255,255,255,.035); }
.integration-benefits i { grid-row: 1 / 3; color: #ff646b; font-size: 1.25rem; }
.integration-benefits b { color: #fff; font-size: .86rem; }
.integration-benefits small { color: #8fa1ad; }

.responsible-ai-section { background: var(--surface-warm); }
.control-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.control-grid article { position: relative; min-height: 16rem; padding: 1.6rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.control-grid article > span { position: absolute; top: 1.35rem; right: 1.35rem; color: #adb8c1; font-size: .65rem; font-weight: 800; }
.control-grid article > i { display: grid; place-items: center; width: 2.9rem; height: 2.9rem; margin-bottom: 2.2rem; border-radius: .8rem; color: var(--brand-red); background: #fff1f2; font-size: 1.2rem; }
.control-grid h3 { font-size: 1.2rem; }
.control-grid p { margin: 0; color: var(--slate); font-size: .9rem; }

.ai-final-cta { padding-top: 0; background: var(--surface-warm); }
.ai-final-panel { display: flex; align-items: center; justify-content: space-between; gap: 3rem; padding: clamp(2.5rem, 5vw, 5rem); border-radius: var(--radius-lg); color: #b9c7d0; background: linear-gradient(135deg, #0b1f33 0%, #142f47 100%); }
.ai-final-panel h2 { max-width: 17ch; color: #fff; font-size: clamp(2.2rem, 4vw, 4rem); line-height: 1.08; }
.ai-final-panel p { max-width: 42rem; margin: 0; color: #aebdc7; }
.ai-final-panel .footer-cta-actions { flex: 0 0 auto; }

/* mediaTV product page */
.mediatv-product-hero h1 { max-width: 12.5ch; font-size: clamp(2.8rem, 4.65vw, 4.85rem); }
.playout-console {
  overflow: hidden;
  padding: .85rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  color: #dce5ec;
  background: #0d1822;
  box-shadow: var(--shadow);
}
.playout-topbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .65rem .7rem 1rem; }
.playout-topbar > div:first-child { display: grid; }
.playout-topbar strong { color: #fff; }
.playout-clock { display: flex; align-items: center; gap: .65rem; }
.playout-clock span { padding: .26rem .48rem; border-radius: .28rem; color: #fff; background: var(--brand-red); font-size: .58rem; font-weight: 900; letter-spacing: .08em; }
.playout-clock b { color: #fff; font-size: 1.05rem; font-variant-numeric: tabular-nums; }
.playout-main { display: grid; grid-template-columns: 1.1fr .9fr; gap: .65rem; }
.playout-log, .playout-side { min-width: 0; }
.playout-log { padding: .75rem; border: 1px solid #2a3741; border-radius: .75rem; background: #131f29; }
.log-heading { display: flex; justify-content: space-between; margin-bottom: .45rem; color: #91a4b2; font-size: .65rem; }
.log-row { display: grid; grid-template-columns: 3.8rem auto 1fr auto; gap: .45rem; align-items: center; padding: .57rem .45rem; border-top: 1px solid rgba(255,255,255,.07); }
.log-row time, .log-row em { color: #7f93a2; font-size: .55rem; font-style: normal; font-variant-numeric: tabular-nums; }
.log-row > i { color: #728795; }
.log-row > span { display: grid; min-width: 0; }
.log-row b { overflow: hidden; color: #eaf0f3; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.log-row small { overflow: hidden; color: #8396a4; font-size: .55rem; text-overflow: ellipsis; white-space: nowrap; }
.log-row.played > i { color: #4dcc83; }
.log-row.active { margin-inline: -.15rem; border: 1px solid rgba(215,25,32,.65); border-radius: .45rem; background: rgba(215,25,32,.12); }
.log-row.active > i { color: #ff646b; }
.log-row.next { background: rgba(255,255,255,.035); }
.playout-side { display: grid; gap: .65rem; }
.video-preview { position: relative; min-height: 8.7rem; overflow: hidden; border: 1px solid #2a3741; border-radius: .7rem; background: #131f29; }
.video-preview img { width: 100%; height: 8.7rem; object-fit: cover; filter: saturate(.82) brightness(.8); }
.preview-live { position: absolute; top: .55rem; left: .55rem; padding: .22rem .38rem; border-radius: .25rem; color: #fff; background: rgba(215,25,32,.92); font-size: .52rem; font-weight: 800; }
.preview-live i { margin-right: .25rem; font-size: .36rem; }
.preview-meta { position: absolute; right: .45rem; bottom: .45rem; left: .45rem; display: flex; justify-content: space-between; padding: .35rem .45rem; border-radius: .35rem; color: #e8eef2; background: rgba(8,17,24,.82); font-size: .52rem; }
.player-stack { display: grid; gap: .4rem; }
.player-card { position: relative; padding: .52rem .6rem; border: 1px solid #2a3741; border-radius: .55rem; background: #14212b; }
.player-card > span { display: flex; gap: .4rem; align-items: center; }
.player-card > span i { color: #7f93a2; }
.player-card b { color: #eaf0f3; font-size: .62rem; }
.player-card small { display: block; color: #78909f; font-size: .52rem; }
.player-card > div { height: 2px; margin-top: .35rem; overflow: hidden; background: #2b3944; }
.player-card > div b { display: block; width: var(--progress); height: 100%; background: #45bde9; }
.player-card.onair { border-color: rgba(62,198,119,.45); }
.player-card.onair > span i { color: #4dcc83; }
.player-card.aux > i { position: absolute; right: .65rem; bottom: .7rem; color: #4dcc83; }
.playout-footer { display: flex; justify-content: space-between; gap: .7rem; padding: .8rem .5rem .15rem; color: #8296a4; font-size: .56rem; }
.playout-footer i { margin-right: .28rem; color: #ff6269; }

.mediatv-positioning { background: var(--surface-warm); }
.mediatv-mode-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.mediatv-mode-grid article { min-height: 19rem; padding: 1.7rem; border: 1px solid rgba(255,255,255,.12); border-radius: var(--radius); background: rgba(255,255,255,.035); transition: transform .25s ease, border-color .25s ease; }
.mediatv-mode-grid article:hover { transform: translateY(-4px); border-color: rgba(255,255,255,.27); }
.mediatv-mode-grid article > i { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: 2.5rem; border-radius: .85rem; color: #ff676e; background: rgba(215,25,32,.14); font-size: 1.3rem; }
.mediatv-mode-grid article > span { color: #7f94a4; font-size: .65rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.mediatv-mode-grid h3 { margin: .45rem 0 .7rem; color: #fff; font-size: 1.3rem; }
.mediatv-mode-grid p { margin: 0; color: #aebbc6; }

.mediatv-workflow-section { background: var(--surface-blue); }
.mediatv-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr; align-items: stretch; gap: .5rem; }
.mediatv-flow-step { position: relative; min-width: 0; padding: 1.3rem; border: 1px solid #cfdae2; border-radius: var(--radius); background: #fff; }
.mediatv-flow-step > span { position: absolute; top: 1.1rem; right: 1.1rem; color: #a6b4bf; font-size: .65rem; font-weight: 800; }
.mediatv-flow-step > i { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; margin-bottom: 2.2rem; border-radius: .8rem; color: var(--brand-red); background: #fff1f2; font-size: 1.15rem; }
.mediatv-flow-step h3 { font-size: 1.05rem; }
.mediatv-flow-step p { margin: 0; color: var(--slate); font-size: .85rem; }

.programming-section { background: #fff; }
.schedule-board { padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius-lg); color: #dce5eb; background: #101d28; box-shadow: var(--shadow); }
.schedule-board-head { display: flex; justify-content: space-between; padding: .55rem .55rem 1rem; }
.schedule-board-head span { color: #fff; font-weight: 750; }
.schedule-board-head i { margin-right: .4rem; color: #ff646b; }
.schedule-board-head small { color: #7f93a2; }
.clock-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: .35rem; }
.clock-tabs span { padding: .55rem; border-radius: .45rem; color: #8498a6; background: #172732; font-size: .62rem; text-align: center; }
.clock-tabs span.active { color: #fff; background: var(--brand-red); }
.clock-ring { position: relative; display: grid; place-items: center; width: min(19rem, 72vw); aspect-ratio: 1; margin: 1.2rem auto; border: 2.1rem solid #263944; border-radius: 50%; background: #0b151d; box-shadow: inset 0 0 0 .45rem #101d28; }
.clock-ring::before { content: ""; position: absolute; inset: -2.1rem; border-radius: 50%; background: conic-gradient(#42b9e7 0 40%, #4dcc83 40% 70%, #ff6269 70% 83.33%, #e2b649 83.33% 100%); mask: radial-gradient(farthest-side, transparent calc(100% - 2.1rem), #000 0); }
.clock-center { z-index: 1; display: grid; text-align: center; }
.clock-center b { color: #fff; font-size: 2.25rem; }
.clock-center span { color: #8296a4; font-size: .68rem; }
.clock-segment { position: absolute; z-index: 2; padding: .18rem .35rem; border-radius: .25rem; color: #fff; background: rgba(8,18,25,.82); font-size: .48rem; font-style: normal; }
.seg-music { top: -1.15rem; }.seg-talk { right: -1.75rem; bottom: 24%; }.seg-spot { bottom: -1.1rem; }.seg-image { left: -2rem; top: 35%; }
.schedule-rules { display: grid; grid-template-columns: repeat(3, 1fr); gap: .45rem; }
.schedule-rules span { display: grid; grid-template-columns: auto 1fr; gap: 0 .45rem; padding: .65rem; border-radius: .55rem; background: #172732; }
.schedule-rules i { grid-row: 1 / 3; color: #ff646b; }
.schedule-rules b { color: #fff; font-size: .62rem; }
.schedule-rules small { color: #7f94a3; font-size: .53rem; }

.commercial-scheduler-section { color: #dce5eb; background: var(--ink); }
.commercial-scheduler-section h2 { color: #fff; }
.commercial-scheduler-section .section-lead { color: #aebdc7; }
.commercial-points { display: grid; gap: .7rem; margin-top: 2rem; }
.commercial-points span { display: grid; grid-template-columns: auto 1fr; gap: 0 .75rem; padding: .9rem 0; border-top: 1px solid rgba(255,255,255,.12); }
.commercial-points i { grid-row: 1 / 3; color: #ff646b; font-size: 1.2rem; }
.commercial-points b { color: #fff; }
.commercial-points small { color: #93a4b0; }
.break-scheduler { overflow: hidden; padding: 1rem; border: 1px solid rgba(255,255,255,.14); border-radius: var(--radius-lg); background: #122638; box-shadow: 0 30px 80px rgba(0,0,0,.25); }
.break-head, .break-status { display: flex; justify-content: space-between; gap: 1rem; padding: .55rem; color: #fff; font-size: .76rem; }
.break-head b { color: #69d493; }
.break-timeline { display: flex; height: 2rem; margin: .65rem 0; overflow: hidden; border-radius: .4rem; }
.break-timeline span { display: grid; place-items: center; width: var(--size); overflow: hidden; padding: .2rem; border-right: 2px solid #122638; color: #fff; background: #b72229; font-size: .5rem; white-space: nowrap; }
.break-timeline span:nth-child(2) { background: #2b86ad; }.break-timeline span:nth-child(3) { background: #9b7130; }.break-timeline span:nth-child(4) { background: #3a8e61; }
.break-list { border: 1px solid rgba(255,255,255,.1); border-radius: .7rem; background: #0d1d2a; }
.break-list > span { display: grid; grid-template-columns: 3.3rem auto 1fr auto; gap: .6rem; align-items: center; padding: .85rem; }
.break-list > span + span { border-top: 1px solid rgba(255,255,255,.08); }
.break-list time { color: #718795; font-size: .6rem; }
.break-list i { color: #ff646b; }
.break-list b { color: #e7eef2; font-size: .7rem; }
.break-list small { color: #78909e; font-size: .58rem; }
.break-status { margin-top: .45rem; color: #8498a6; font-size: .62rem; }
.break-status i { margin-right: .3rem; color: #4dcc83; }

.media-library-section { background: var(--surface-warm); }
.media-feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.media-feature-grid article { position: relative; min-height: 19rem; padding: 1.6rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.media-feature-grid article > i { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: 3rem; border-radius: .85rem; color: var(--brand-red); background: #fff1f2; font-size: 1.25rem; }
.media-feature-grid h3 { font-size: 1.25rem; }
.media-feature-grid p { color: var(--slate); }
.media-feature-grid article > span { position: absolute; right: 1.6rem; bottom: 1.4rem; left: 1.6rem; padding-top: .8rem; border-top: 1px solid var(--line); color: var(--slate); font-size: .66rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }

.sync-section { padding-top: 0; background: var(--surface-warm); }
.sync-panel { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border-radius: var(--radius-lg); background: #101f2e; box-shadow: var(--shadow); }
.sync-image { position: relative; min-height: 35rem; }
.sync-image > img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.8) brightness(.75); }
.sync-badge { position: absolute; right: 1.3rem; bottom: 1.3rem; left: 1.3rem; display: flex; align-items: center; gap: .8rem; padding: .9rem; border: 1px solid rgba(255,255,255,.18); border-radius: .7rem; color: #fff; background: rgba(7,17,25,.85); backdrop-filter: blur(8px); }
.sync-badge > i { color: #ff646b; font-size: 1.4rem; }
.sync-badge span { display: grid; }
.sync-badge small { color: #8fa2ae; }
.sync-copy { padding: clamp(2rem, 5vw, 5rem); }
.sync-copy h2 { color: #fff; font-size: clamp(2.3rem, 4vw, 4rem); line-height: 1.06; }
.sync-copy > p { color: #aebdc7; font-size: 1.05rem; }
.sync-copy ul { display: grid; gap: .5rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.sync-copy li { display: flex; gap: .8rem; padding: .8rem 0; border-top: 1px solid rgba(255,255,255,.1); color: #8fa2ae; }
.sync-copy li > i { color: #ff646b; }
.sync-copy li span { display: grid; }
.sync-copy li b { color: #fff; }

.mediatv-integrations { background: #fff; }
.mediatv-integration-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
.mediatv-integration-grid a { display: grid; grid-template-columns: auto 1fr auto; gap: .8rem; align-items: start; min-height: 10rem; padding: 1.2rem; border: 1px solid var(--line); border-radius: var(--radius); text-decoration: none; transition: transform .2s ease, border-color .2s ease; }
.mediatv-integration-grid a:hover { transform: translateY(-3px); border-color: #e2767a; }
.mediatv-integration-grid a > i:first-child { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border-radius: .8rem; color: var(--brand-red); background: #fff1f2; }
.mediatv-integration-grid a > span { display: grid; }
.mediatv-integration-grid b { color: var(--ink); }
.mediatv-integration-grid small { color: var(--slate); line-height: 1.45; }
.mediatv-integration-grid a > i:last-child { color: #9aa9b4; }
.hardware-note { display: flex; gap: .85rem; margin-top: .7rem; padding: 1.1rem; border-radius: var(--radius); color: #aebdc7; background: var(--ink); }
.hardware-note > i { color: #ff646b; font-size: 1.3rem; }
.hardware-note span { display: grid; }
.hardware-note b { color: #fff; }
.mediatv-final-cta { background: #fff; }

/* MultiEncoder product page */
.encoder-product-hero h1 { max-width: 11.5ch; font-size: clamp(3rem, 4.9vw, 5rem); }
.encoder-console {
  overflow: hidden;
  padding: .85rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  color: #dce5ec;
  background: #0d1822;
  box-shadow: var(--shadow);
}
.encoder-console-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .65rem .7rem 1rem; }
.encoder-console-head > div { display: grid; }
.encoder-console-head strong { color: #fff; }
.encoder-live { padding: .35rem .6rem; border-radius: 5rem; color: #7ae0a6; background: rgba(64,201,121,.12); font-size: .65rem; }
.encoder-live i { margin-right: .3rem; font-size: .4rem; animation: pulse 1.5s infinite; }
.encoder-console-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: .65rem; }
.encoder-source-panel, .encoder-output-panel { min-width: 0; padding: .75rem; border: 1px solid #2a3741; border-radius: .75rem; background: #131f29; }
.encoder-panel-title { display: flex; justify-content: space-between; margin-bottom: .65rem; color: #91a4b2; font-size: .64rem; }
.encoder-panel-title small { color: #4dcc83; font-size: .54rem; font-weight: 800; }
.encoder-preview { position: relative; overflow: hidden; border-radius: .55rem; background: #071018; }
.encoder-preview img { width: 100%; height: 9rem; object-fit: cover; filter: saturate(.8) brightness(.78); }
.encoder-preview > span { position: absolute; top: .5rem; left: .5rem; padding: .22rem .4rem; border-radius: .25rem; color: #fff; background: rgba(215,25,32,.9); font-size: .5rem; font-weight: 800; }
.source-specs { display: grid; grid-template-columns: repeat(3, 1fr); gap: .35rem; margin-top: .45rem; }
.source-specs span { display: grid; padding: .45rem; border-radius: .4rem; background: #192934; }
.source-specs small { color: #718795; font-size: .48rem; }
.source-specs b { color: #e2eaf0; font-size: .56rem; }
.encoder-audio-meter { display: grid; grid-template-columns: auto 1fr auto; gap: .3rem .5rem; align-items: center; margin-top: .55rem; color: #7f93a2; font-size: .5rem; }
.encoder-audio-meter div { height: .27rem; overflow: hidden; border-radius: 1rem; background: #2b3944; }
.encoder-audio-meter div b { display: block; width: var(--level); height: 100%; background: linear-gradient(90deg, #45c97c 0 75%, #e7bc41 75%); }
.encoder-audio-meter em { font-style: normal; font-variant-numeric: tabular-nums; }
.encoder-output-panel { display: grid; align-content: start; }
.output-route { display: grid; grid-template-columns: auto 1fr auto; gap: .55rem; align-items: center; padding: .56rem .5rem; border-top: 1px solid rgba(255,255,255,.07); }
.output-route > i { display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: .4rem; color: #8ca0ad; background: #1e303c; }
.output-route > span { display: grid; min-width: 0; }
.output-route b { overflow: hidden; color: #e8eef2; font-size: .64rem; text-overflow: ellipsis; white-space: nowrap; }
.output-route small { color: #7f93a2; font-size: .52rem; }
.output-route em { color: #51cc84; font-size: .52rem; font-style: normal; }
.output-route em i { margin-right: .2rem; }
.output-route.primary { margin-inline: -.15rem; border: 1px solid rgba(215,25,32,.55); border-radius: .45rem; background: rgba(215,25,32,.1); }
.output-route.primary > i { color: #ff6269; background: rgba(215,25,32,.16); }
.encoder-console-foot { display: flex; justify-content: space-between; gap: .7rem; padding: .8rem .45rem .15rem; color: #8296a4; font-size: .55rem; }
.encoder-console-foot i { margin-right: .25rem; color: #ff6269; }

.encoder-positioning { background: var(--surface-warm); }
.encoder-capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.encoder-capability-grid article { min-height: 19rem; padding: 1.7rem; border: 1px solid rgba(255,255,255,.12); border-radius: var(--radius); background: rgba(255,255,255,.035); transition: transform .25s ease, border-color .25s ease; }
.encoder-capability-grid article:hover { transform: translateY(-4px); border-color: rgba(255,255,255,.27); }
.encoder-capability-grid article > i { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: 2.5rem; border-radius: .85rem; color: #ff676e; background: rgba(215,25,32,.14); font-size: 1.3rem; }
.encoder-capability-grid article > span { color: #7f94a4; font-size: .65rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.encoder-capability-grid h3 { margin: .45rem 0 .7rem; color: #fff; font-size: 1.3rem; }
.encoder-capability-grid p { margin: 0; color: #aebbc6; }

.encoder-workflow-section { background: var(--surface-blue); }
.encoder-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr; align-items: stretch; gap: .5rem; }
.encoder-flow-step { position: relative; min-width: 0; padding: 1.3rem; border: 1px solid #cfdae2; border-radius: var(--radius); background: #fff; }
.encoder-flow-step > span { position: absolute; top: 1.1rem; right: 1.1rem; color: #a6b4bf; font-size: .65rem; font-weight: 800; }
.encoder-flow-step > i { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; margin-bottom: 2.2rem; border-radius: .8rem; color: var(--brand-red); background: #fff1f2; font-size: 1.15rem; }
.encoder-flow-step h3 { font-size: 1.05rem; }
.encoder-flow-step p { margin: 0; color: var(--slate); font-size: .85rem; }

.protocol-section { background: #fff; }
.protocol-matrix { display: grid; gap: .55rem; }
.protocol-matrix article { display: grid; grid-template-columns: 5rem 1fr auto; gap: 1rem; align-items: center; padding: 1rem; border: 1px solid var(--line); border-radius: .85rem; background: #fff; box-shadow: 0 7px 18px rgba(11,31,51,.035); }
.protocol-matrix article > b { display: grid; place-items: center; width: 4.2rem; height: 2.7rem; border-radius: .55rem; color: #fff; background: var(--ink); letter-spacing: .08em; }
.protocol-matrix article > span { display: grid; }
.protocol-matrix strong { color: var(--ink); }
.protocol-matrix small { color: var(--slate); }
.protocol-matrix em { padding: .3rem .5rem; border-radius: .35rem; color: var(--brand-red); background: #fff1f2; font-size: .55rem; font-style: normal; font-weight: 800; letter-spacing: .08em; }
.protocol-hls > b { background: #246f92 !important; }.protocol-rtmp > b { background: #b4232a !important; }.protocol-srt > b { background: #337d59 !important; }.protocol-rtsp > b { background: #6b5895 !important; }.protocol-webrtc > b { background: #9a6d25 !important; }

.profile-control-section { color: #dce5eb; background: var(--ink); }
.profile-control-panel { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem,6vw,7rem); align-items: center; }
.profile-ui { padding: 1rem; border: 1px solid rgba(255,255,255,.15); border-radius: var(--radius-lg); background: #122638; box-shadow: 0 35px 80px rgba(0,0,0,.25); }
.profile-ui-head { display: flex; justify-content: space-between; padding: .55rem .55rem 1rem; }
.profile-ui-head span { color: #fff; font-weight: 750; }
.profile-ui-head i { margin-right: .35rem; color: #ff646b; }
.profile-ui-head small { color: #7f93a2; }
.profile-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: .35rem; }
.profile-tabs span { padding: .5rem; border-radius: .4rem; color: #8296a4; background: #172f42; font-size: .58rem; text-align: center; }
.profile-tabs span.active { color: #fff; background: var(--brand-red); }
.profile-form { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; margin-top: .65rem; }
.profile-form > div { display: grid; padding: .75rem; border: 1px solid rgba(255,255,255,.08); border-radius: .55rem; background: #0d1d2a; }
.profile-form small { color: #718795; font-size: .55rem; }
.profile-form b { color: #e4ebef; font-size: .72rem; }
.profile-form .profile-wide { position: relative; grid-column: 1 / -1; }
.profile-wide > i { position: absolute; top: 1.1rem; right: 1rem; color: #4dcc83; }
.profile-rate { display: grid; grid-template-columns: auto 1fr auto; gap: .7rem; align-items: center; margin-top: .65rem; padding: .75rem; border-radius: .55rem; background: #172f42; }
.profile-rate > span { display: grid; }
.profile-rate small { color: #718795; font-size: .5rem; }
.profile-rate b { color: #fff; font-size: .65rem; }
.profile-rate > div { height: .28rem; overflow: hidden; border-radius: 1rem; background: #2b4456; }
.profile-rate > div b { display: block; width: var(--width); height: 100%; background: #4dcc83; }
.profile-rate em { color: #58d18a; font-size: .5rem; font-style: normal; font-weight: 800; }
.profile-copy h2 { color: #fff; font-size: clamp(2.35rem,4vw,4rem); line-height: 1.06; }
.profile-copy > p { color: #aebdc7; font-size: 1.05rem; }
.profile-copy ul { display: grid; gap: .8rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.profile-copy li { display: flex; gap: .7rem; color: #91a4b2; }
.profile-copy li > i { display: grid; place-items: center; flex: 0 0 1.7rem; height: 1.7rem; border-radius: 50%; color: #65d593; background: rgba(70,201,123,.12); }
.profile-copy li span { display: grid; }
.profile-copy li b { color: #fff; }

.audio-processing-section { background: var(--surface-warm); }
.processing-rack { padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius-lg); color: #dce5eb; background: #101d28; box-shadow: var(--shadow); }
.processing-rack-head { display: flex; justify-content: space-between; padding: .55rem .55rem 1rem; }
.processing-rack-head span { color: #fff; font-weight: 750; }
.processing-rack-head i { margin-right: .35rem; color: #ff646b; }
.processing-rack-head small { color: #718795; }
.processing-preset { display: flex; justify-content: space-between; align-items: center; padding: .8rem; border-radius: .65rem; background: #172b39; }
.processing-preset > span { display: grid; }
.processing-preset small { color: #718795; font-size: .55rem; }
.processing-preset b { color: #fff; }
.processing-preset > div { display: flex; gap: .35rem; }
.processing-preset > div i { display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: .4rem; color: #9babb5; background: #213847; }
.processing-modules { display: grid; grid-template-columns: repeat(3, 1fr); gap: .45rem; margin-top: .5rem; }
.processing-modules span { display: grid; padding: .7rem; border: 1px solid #263a47; border-radius: .55rem; background: #0d1922; }
.processing-modules i { margin-bottom: .7rem; color: #4dcc83; }
.processing-modules b { color: #e5edf1; font-size: .7rem; }
.processing-modules small { color: #718795; font-size: .55rem; }
.processing-wave { display: flex; align-items: center; gap: 3px; height: 5rem; margin-top: .5rem; padding: .8rem; border-radius: .6rem; background: #09131a; }
.processing-wave b { flex: 1; max-width: 5px; height: 28%; border-radius: 4px; background: #43b8e9; }
.processing-wave b:nth-child(2n) { height: 72%; }.processing-wave b:nth-child(3n) { height: 45%; }.processing-wave b:nth-child(5n) { height: 90%; background: #ff5e65; }
.processing-levels { display: flex; justify-content: space-between; margin-top: .45rem; color: #718795; font-size: .55rem; }
.processing-levels b { color: #d9e4ea; }
.preset-list { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; margin-top: 2rem; }
.preset-list span { display: grid; padding: 1rem; border: 1px solid var(--line); border-radius: .8rem; background: #fff; }
.preset-list b { color: var(--ink); }
.preset-list small { color: var(--slate); }

.monitoring-section { background: #fff; }
.monitoring-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.monitoring-grid article { position: relative; min-height: 18rem; padding: 1.6rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.monitoring-grid article > span { position: absolute; top: 1.35rem; right: 1.35rem; color: #adb8c1; font-size: .65rem; font-weight: 800; }
.monitoring-grid article > i { display: grid; place-items: center; width: 2.9rem; height: 2.9rem; margin-bottom: 3rem; border-radius: .8rem; color: var(--brand-red); background: #fff1f2; font-size: 1.2rem; }
.monitoring-grid h3 { font-size: 1.2rem; }
.monitoring-grid p { margin: 0; color: var(--slate); font-size: .9rem; }

.encoder-ecosystem-section { padding-top: 0; background: #fff; }
.ecosystem-panel { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem,6vw,6rem); align-items: center; padding: clamp(2.2rem,5vw,5rem); border-radius: var(--radius-lg); background: var(--ink); }
.ecosystem-panel h2 { color: #fff; font-size: clamp(2.2rem,3.7vw,3.6rem); }
.ecosystem-panel p { color: #aebdc7; }
.ecosystem-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: .55rem; }
.ecosystem-flow > i { color: #728795; }
.ecosystem-flow a { display: grid; justify-items: center; gap: .6rem; min-height: 10rem; padding: 1rem; border: 1px solid rgba(255,255,255,.13); border-radius: .9rem; color: #fff; background: rgba(255,255,255,.04); text-align: center; text-decoration: none; }
.ecosystem-flow a:hover { border-color: rgba(255,255,255,.28); }
.ecosystem-flow a > i { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border-radius: .8rem; color: #ff646b; background: rgba(215,25,32,.13); }
.ecosystem-flow a span { display: grid; }
.ecosystem-flow small { color: #8296a4; line-height: 1.4; }
.encoder-final-cta { background: #fff; }

/* KIWI MIX product page */
.kiwi-product-hero {
  --kiwi-green: #72b84a;
  --kiwi-green-bright: #9be26d;
  --kiwi-deep: #102018;
  background:
    radial-gradient(circle at 78% 24%, rgba(114,184,74,.14), transparent 29rem),
    linear-gradient(180deg,#fff 0%,#f8faf6 100%);
}
.kiwi-product-hero h1 { max-width: 11ch; font-size: clamp(3rem,5vw,5.15rem); }
.kiwi-eyebrow { color: #4e8f2e; }
.kiwi-eyebrow-light { color: var(--kiwi-green-bright,#9be26d); }
.kiwi-status-dot { width: .5rem; height: .5rem; border-radius: 50%; background: #72b84a; box-shadow: 0 0 0 .32rem rgba(114,184,74,.14); }
.kiwi-hero-stage {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 34rem;
  overflow: hidden;
  border: 1px solid #26392d;
  border-radius: var(--radius-lg);
  background:
    linear-gradient(rgba(125,196,84,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(125,196,84,.055) 1px,transparent 1px),
    radial-gradient(circle at 50% 52%,#2a4933 0,#14271d 34%,#0b1710 70%);
  background-size: 42px 42px,42px 42px,auto;
  box-shadow: 0 30px 80px rgba(14,35,21,.26);
}
.kiwi-hero-stage::before { content: ""; position: absolute; width: 23rem; height: 23rem; border: 1px solid rgba(155,226,109,.17); border-radius: 50%; box-shadow: 0 0 70px rgba(114,184,74,.14),inset 0 0 70px rgba(114,184,74,.08); }
.kiwi-hero-stage > img { position: relative; z-index: 3; width: 90%; transform: perspective(1100px) rotateX(2deg) rotateY(-3deg) translateY(1rem); filter: drop-shadow(0 35px 25px rgba(0,0,0,.5)); }
.kiwi-stage-floor { position: absolute; z-index: 2; bottom: 4.2rem; width: 66%; height: 3rem; border-radius: 50%; background: rgba(104,199,65,.19); filter: blur(24px); }
.kiwi-orbit { position: absolute; border: 1px dashed rgba(155,226,109,.18); border-radius: 50%; }
.orbit-one { width: 31rem; height: 31rem; animation: kiwi-spin 40s linear infinite; }
.orbit-two { width: 25rem; height: 25rem; animation: kiwi-spin 29s linear reverse infinite; }
.kiwi-stage-label { position: absolute; z-index: 4; padding: .5rem .7rem; border: 1px solid rgba(255,255,255,.14); border-radius: .55rem; color: #d9e8dd; background: rgba(11,23,16,.76); box-shadow: 0 12px 30px rgba(0,0,0,.2); backdrop-filter: blur(8px); font-size: .64rem; font-weight: 700; }
.kiwi-stage-label i { margin-right: .35rem; color: #9be26d; }
.label-touch { top: 16%; left: 5%; }.label-aoip { right: 5%; top: 25%; }.label-dsp { right: 10%; bottom: 14%; }
.kiwi-proof-strip i { color: #5e9f3b; }

.kiwi-positioning { background: #f3f6f0; }
.kiwi-capabilities-section { --kiwi-green-bright:#9be26d; background: linear-gradient(145deg,#0d1c13,#14281b); }
.kiwi-capability-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.kiwi-capability-grid article { min-height: 19rem; padding: 1.7rem; border: 1px solid rgba(255,255,255,.11); border-radius: var(--radius); background: rgba(255,255,255,.035); transition: transform .25s ease,border-color .25s ease; }
.kiwi-capability-grid article:hover { transform: translateY(-4px); border-color: rgba(155,226,109,.35); }
.kiwi-capability-grid article > i { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: 2.5rem; border-radius: .85rem; color: #9be26d; background: rgba(114,184,74,.14); font-size: 1.3rem; }
.kiwi-capability-grid article > span { color: #7e9686; font-size: .65rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.kiwi-capability-grid h3 { margin: .45rem 0 .7rem; color: #fff; font-size: 1.3rem; }
.kiwi-capability-grid p { margin: 0; color: #a8baae; }

.kiwi-interface-section { overflow: hidden; background: #f3f6f0; }
.kiwi-console-showcase { position: relative; }
.kiwi-console-glow { position: absolute; top: 5%; right: 10%; left: 10%; height: 70%; border-radius: 50%; background: rgba(114,184,74,.17); filter: blur(80px); }
.kiwi-console-frame { position: relative; z-index: 2; padding: .8rem; border: 1px solid #324339; border-radius: var(--radius-lg); background: #121b15; box-shadow: 0 40px 90px rgba(20,40,26,.24); transform: perspective(1500px) rotateX(1.5deg); }
.kiwi-console-toolbar { display: flex; justify-content: space-between; gap: 1rem; padding: .55rem .55rem .9rem; color: #91a799; font-size: .62rem; }
.kiwi-console-toolbar span i { margin-right: .35rem; color: #83cf57; font-size: .42rem; }
.kiwi-console-toolbar div { display: flex; gap: .35rem; }
.kiwi-console-toolbar b { padding: .2rem .4rem; border-radius: .25rem; color: #bed0c3; background: #233027; font-size: .5rem; }
.kiwi-console-frame img { display: block; width: 100%; border-radius: .8rem; box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); }
.kiwi-console-notes { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(4,1fr); gap: .7rem; margin: -1.1rem 2rem 0; }
.kiwi-console-notes span { display: grid; grid-template-columns: auto 1fr; gap: 0 .6rem; padding: 1rem; border: 1px solid #d5dfd7; border-radius: .8rem; background: rgba(255,255,255,.95); box-shadow: var(--shadow-sm); }
.kiwi-console-notes i { grid-row: 1/3; color: #5e9f3b; }
.kiwi-console-notes b { color: var(--ink); font-size: .75rem; }
.kiwi-console-notes small { color: var(--slate); font-size: .63rem; line-height: 1.35; }

.kiwi-connectivity-section { background: #fff; }
.kiwi-connection-map { position: relative; min-height: 35rem; border: 1px solid var(--line); border-radius: var(--radius-lg); background: radial-gradient(circle at center,rgba(114,184,74,.11),transparent 45%),#f8faf7; box-shadow: var(--shadow-sm); }
.kiwi-connection-map::before,.kiwi-connection-map::after { content: ""; position: absolute; top: 50%; left: 50%; border: 1px dashed #c6d5ca; border-radius: 50%; transform: translate(-50%,-50%); }
.kiwi-connection-map::before { width: 20rem; height: 20rem; }.kiwi-connection-map::after { width: 29rem; height: 29rem; }
.connection-core { position: absolute; z-index: 3; top: 50%; left: 50%; display: grid; justify-items: center; width: 9rem; height: 9rem; padding: 1rem; border: 1px solid #52785f; border-radius: 50%; color: #dce9df; background: #102018; box-shadow: 0 20px 50px rgba(16,32,24,.26),0 0 0 .7rem rgba(114,184,74,.09); transform: translate(-50%,-50%); }
.connection-core > span { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: .7rem; color: #9be26d; background: rgba(114,184,74,.14); }
.connection-core b { color: #fff; }.connection-core small { color: #8fa496; font-size: .58rem; }
.connection-node { position: absolute; z-index: 2; display: grid; justify-items: center; width: 7.4rem; padding: .8rem; border: 1px solid var(--line); border-radius: .8rem; background: #fff; box-shadow: 0 10px 25px rgba(11,31,51,.07); text-align: center; }
.connection-node i { color: #5e9f3b; font-size: 1.35rem; }.connection-node b { color: var(--ink); font-size: .78rem; }.connection-node small { color: var(--slate); font-size: .56rem; }
.node-usb { top: 8%; left: 42%; }.node-analog { top: 22%; right: 5%; }.node-bluetooth { right: 8%; bottom: 13%; }.node-webrtc { bottom: 6%; left: 42%; }.node-dante { bottom: 15%; left: 6%; }.node-kiwi { top: 22%; left: 5%; }

.kiwi-dsp-section { --kiwi-green-bright:#9be26d; color: #dce7df; background: linear-gradient(145deg,#0c1a11,#14261a); }
.kiwi-dsp-section h2 { color: #fff; }
.kiwi-dsp-section .section-lead { color: #a9b9ae; }
.kiwi-dsp-stage { position: relative; display: grid; place-items: center; min-height: 37rem; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: var(--radius-lg); background: radial-gradient(circle at 50% 45%,rgba(114,184,74,.17),transparent 46%),#0b1510; }
.dsp-grid-lines { position: absolute; inset: 0; opacity: .5; background-image: linear-gradient(rgba(155,226,109,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(155,226,109,.05) 1px,transparent 1px); background-size: 38px 38px; }
.dsp-image-card { position: relative; z-index: 2; width: min(72%,27rem); padding: .55rem; border: 1px solid rgba(255,255,255,.16); border-radius: 1rem; background: #1a261e; box-shadow: 0 35px 70px rgba(0,0,0,.4); transform: perspective(900px) rotateY(-7deg) rotateX(3deg); }
.dsp-image-card img { width: 100%; border-radius: .65rem; }
.dsp-callout { position: absolute; z-index: 3; padding: .55rem .7rem; border: 1px solid rgba(255,255,255,.14); border-radius: .55rem; color: #d9e8dd; background: rgba(16,32,24,.88); box-shadow: 0 12px 25px rgba(0,0,0,.25); font-size: .65rem; }
.dsp-callout i { margin-right: .3rem; color: #9be26d; }.callout-eq { top: 16%; left: 5%; }.callout-comp { right: 5%; top: 38%; }.callout-gain { bottom: 13%; left: 10%; }
.kiwi-check-list { display: grid; gap: .9rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.kiwi-check-list li { display: flex; gap: .8rem; color: #91a499; }
.kiwi-check-list li > i { display: grid; place-items: center; flex: 0 0 1.7rem; height: 1.7rem; border-radius: 50%; color: #9be26d; background: rgba(114,184,74,.13); }
.kiwi-check-list span { display: grid; }.kiwi-check-list b { color: #fff; }

.kiwi-setup-section { background: #f3f6f0; }
.kiwi-setup-showcase { display: grid; grid-template-columns: .7fr 1.3fr; gap: 1rem; align-items: stretch; }
.setup-copy { display: grid; gap: .65rem; }
.setup-copy span { display: grid; grid-template-columns: auto 1fr; gap: 0 .7rem; padding: 1.15rem; border: 1px solid #d5dfd7; border-radius: 1rem; background: #fff; }
.setup-copy i { grid-row: 1/3; color: #5e9f3b; font-size: 1.35rem; }.setup-copy b { color: var(--ink); }.setup-copy small { color: var(--slate); }
.setup-image-shell { overflow: hidden; border: 1px solid #283c30; border-radius: var(--radius-lg); background: #102018; box-shadow: var(--shadow); transform: perspective(1400px) rotateY(-1.5deg); }
.setup-browser-bar { display: flex; align-items: center; gap: .35rem; padding: .75rem; color: #8da093; background: #15271c; font-size: .58rem; }
.setup-browser-bar i { width: .55rem; height: .55rem; border-radius: 50%; background: #5d705f; }.setup-browser-bar i:first-child { background: #db5960; }.setup-browser-bar i:nth-child(2) { background: #dcb24a; }.setup-browser-bar i:nth-child(3) { background: #69bd68; }
.setup-browser-bar span { margin-left: .5rem; }
.setup-image-shell img { display: block; width: 100%; height: 100%; max-height: 35rem; object-fit: cover; object-position: top; filter: saturate(.78) contrast(1.02); }

.kiwi-mobility-section { --kiwi-green-bright:#9be26d; background: #fff; }
.kiwi-mobility-panel { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem,5vw,5rem); align-items: center; overflow: hidden; padding: clamp(2rem,5vw,5rem); border-radius: var(--radius-lg); background: linear-gradient(135deg,#0d1d13,#1b3422); }
.mobility-copy h2 { color: #fff; font-size: clamp(2.3rem,4vw,4rem); line-height: 1.06; }
.mobility-copy > p { color: #a8b9ad; }
.mobility-use-list { display: grid; grid-template-columns: repeat(2,1fr); gap: .55rem; margin-top: 2rem; }
.mobility-use-list span { display: flex; align-items: center; gap: .55rem; padding: .7rem; border: 1px solid rgba(255,255,255,.11); border-radius: .6rem; color: #dbe6de; background: rgba(255,255,255,.035); font-size: .72rem; }
.mobility-use-list i { color: #9be26d; }
.mobility-visual { position: relative; min-height: 27rem; }
.mobility-visual::before { content: ""; position: absolute; inset: 12% 5%; border: 1px dashed rgba(155,226,109,.2); border-radius: 50%; }
.mobility-visual > img { position: absolute; z-index: 2; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); filter: drop-shadow(0 30px 25px rgba(0,0,0,.45)); }
.mobility-signal { position: absolute; z-index: 3; display: grid; place-items: center; width: 3.2rem; height: 3.2rem; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; color: #9be26d; background: #182d1e; box-shadow: 0 10px 25px rgba(0,0,0,.25); }
.signal-a { top: 10%; left: 4%; }.signal-b { top: 18%; right: 7%; }
.mobility-route { position: absolute; z-index: 4; right: 8%; bottom: 4%; left: 8%; display: flex; justify-content: center; gap: .7rem; padding: .55rem; border: 1px solid rgba(255,255,255,.12); border-radius: .5rem; color: #9eb0a3; background: rgba(10,23,15,.82); font-size: .55rem; font-weight: 800; letter-spacing: .08em; }
.mobility-route i { color: #9be26d; }

.kiwi-scale-section { background: #f3f6f0; }
.kiwi-scale-board { padding: 1rem; border: 1px solid #d3ded6; border-radius: var(--radius-lg); background: #fff; box-shadow: var(--shadow-sm); }
.scale-head { display: flex; justify-content: space-between; padding: .55rem .55rem 1rem; color: var(--ink); font-weight: 750; }
.scale-head small { color: var(--slate); font-weight: 500; }
.scale-track { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; padding: 1.3rem; border-radius: 1rem; background: #102018; }
.scale-track > span { display: grid; justify-items: center; gap: .2rem; color: #7f9787; text-align: center; }
.scale-track > span b { display: grid; place-items: center; width: 4.2rem; height: 4.2rem; border: 1px solid #405548; border-radius: 50%; color: #dbe7de; font-size: 1.4rem; }
.scale-track > span small { font-size: .55rem; }
.scale-track > span.active b { border-color: #82c75b; color: #fff; background: rgba(114,184,74,.16); box-shadow: 0 0 0 .5rem rgba(114,184,74,.07); }
.scale-track > i { width: 2.5rem; height: 1px; background: #405448; }
.scale-benefits { display: grid; grid-template-columns: repeat(3,1fr); gap: .55rem; margin-top: .55rem; }
.scale-benefits span { display: grid; grid-template-columns: auto 1fr; gap: 0 .55rem; padding: .8rem; border-radius: .7rem; background: #f4f7f3; }
.scale-benefits i { grid-row: 1/3; color: #5e9f3b; }.scale-benefits b { color: var(--ink); font-size: .7rem; }.scale-benefits small { color: var(--slate); font-size: .6rem; }

.kiwi-final-section { --kiwi-green-bright:#9be26d; padding-top: 0; background: #f3f6f0; }
.kiwi-final-panel { display: flex; justify-content: space-between; align-items: center; gap: 3rem; padding: clamp(2.5rem,5vw,5rem); border-radius: var(--radius-lg); color: #a8b9ad; background: linear-gradient(135deg,#0d1d13,#1c3924); box-shadow: 0 30px 70px rgba(18,45,25,.18); }
.kiwi-final-panel h2 { max-width: 18ch; color: #fff; font-size: clamp(2.2rem,4vw,4rem); line-height: 1.08; }
.kiwi-final-panel p { max-width: 42rem; margin: 0; }
.kiwi-final-panel .footer-cta-actions { flex: 0 0 auto; }

@keyframes kiwi-spin { to { transform: rotate(360deg); } }

.site-footer { padding: 0 0 1.5rem; color: #bdc8d2; background: #0b1f33; }
.footer-cta { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 4rem 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.footer-cta h2 { max-width: 18ch; margin: 0; color: #fff; font-size: clamp(2rem, 3.2vw, 3.2rem); }
.eyebrow-light { color: #ff7075; }
.footer-cta-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1.35fr; gap: 3rem; padding: 4rem 0; }
.footer-brand img { width: 115px; height: auto; padding: .4rem; border-radius: .45rem; background: #fff; }
.footer-brand p { max-width: 28rem; margin: 1.25rem 0 0; }
.footer-grid h3 { margin-bottom: 1rem; color: #fff; font-size: .9rem; letter-spacing: .08em; text-transform: uppercase; }
.footer-grid ul { margin: 0; padding: 0; list-style: none; }
.footer-grid li + li { margin-top: .45rem; }
.footer-grid a { color: #bdc8d2; text-decoration: none; }
.footer-grid a:hover { color: #fff; }
.footer-grid address { display: grid; gap: .5rem; font-style: normal; }
.footer-legal { display: flex; justify-content: space-between; gap: 1rem; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,.12); font-size: .82rem; }
.footer-legal div { display: flex; gap: 1.25rem; }
.footer-legal a { color: #bdc8d2; }

@keyframes meter { from { transform: scaleY(.45); } to { transform: scaleY(1); } }
@keyframes pulse { 50% { opacity: .35; } }

@media (max-width: 1199.98px) {
  .site-header {
    background: #fff;
    backdrop-filter: none;
  }
  .navbar .offcanvas {
    overflow: hidden;
  }
  .navbar .offcanvas-body {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .navbar-nav { align-items: stretch !important; gap: .2rem; }
  .navbar-nav,
  .navbar-nav .nav-item.dropdown { width: 100%; }
  .navbar-nav .dropdown-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-align: left;
  }
  .header-cta { align-self: stretch; margin: 1rem 0 0; text-align: center; }
  .language-switcher { margin-left: auto; }
  .navbar-nav .dropdown-menu,
  .navbar-nav .dropdown-menu.show {
    position: static !important;
    inset: auto !important;
    float: none;
    width: 100%;
    min-width: 0;
    max-height: none;
    margin: .15rem 0 .55rem !important;
    border: 0;
    box-shadow: none;
    transform: none !important;
  }
  .hero { padding-top: 3.5rem; }
}
@media (max-width: 991.98px) {
  h1 { max-width: 14ch; }
  .broadcast-board { margin-top: 1rem; }
  .platform-strip { grid-template-columns: repeat(2, 1fr); }
  .platform-strip span:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }
  .platform-strip span:nth-child(4) { border-top: 1px solid var(--line); }
  .workflow { grid-template-columns: 1fr 1fr; }
  .workflow-arrow { display: none; }
  .benefit-grid, .product-grid { grid-template-columns: repeat(2, 1fr); }
  .sticky-copy { position: static; }
  .process-list { grid-template-columns: repeat(2, 1fr); gap: 2rem 0; }
  .system-map { grid-template-columns: 1fr; }
  .system-map > i { transform: rotate(90deg); justify-self: center; }
  .map-source, .map-group { min-height: auto; }
  .solution-row { grid-template-columns: 1fr; }
  .solution-row-reverse .solution-copy, .solution-row-reverse .solution-visual { order: initial; }
  .support-panel { grid-template-columns: 1fr; }
  .ai-console { margin-top: 1rem; }
  .playout-console { margin-top: 1rem; }
  .encoder-console { margin-top: 1rem; }
  .kiwi-hero-stage { margin-top: 1rem; }
  .ai-capability-grid { grid-template-columns: repeat(2, 1fr); }
  .mediatv-mode-grid { grid-template-columns: repeat(2, 1fr); }
  .encoder-capability-grid { grid-template-columns: repeat(2, 1fr); }
  .kiwi-capability-grid { grid-template-columns: repeat(2,1fr); }
  .ai-flow { grid-template-columns: 1fr 1fr; }
  .mediatv-flow { grid-template-columns: 1fr 1fr; }
  .encoder-flow { grid-template-columns: 1fr 1fr; }
  .ai-flow .flow-arrow { display: none; }
  .mediatv-flow .flow-arrow { display: none; }
  .encoder-flow .flow-arrow { display: none; }
  .media-feature-grid { grid-template-columns: repeat(2, 1fr); }
  .sync-panel { grid-template-columns: 1fr; }
  .profile-control-panel, .ecosystem-panel { grid-template-columns: 1fr; }
  .kiwi-setup-showcase,.kiwi-mobility-panel { grid-template-columns: 1fr; }
  .kiwi-console-notes { grid-template-columns: repeat(2,1fr); }
  .kiwi-connection-map { min-height: 32rem; }
  .kiwi-final-panel { align-items: flex-start; flex-direction: column; }
  .monitoring-grid { grid-template-columns: repeat(2, 1fr); }
  .sync-image { min-height: 26rem; }
  .mediatv-integration-panel { grid-template-columns: 1fr; }
  .integration-screen { width: min(100%, 28rem); }
  .ai-final-panel { align-items: flex-start; flex-direction: column; }
  .footer-cta { align-items: flex-start; flex-direction: column; }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
  .footer-grid > :last-child { grid-column: 1 / -1; }
}
@media (max-width: 767.98px) {
  .container-wide { width: min(calc(100% - 2rem), var(--container)); }
  .hero { padding-top: 2.75rem; }
  h1 { font-size: clamp(2.7rem, 13vw, 4rem); }
  .hero-actions .btn { width: 100%; }
  .signal-flow { grid-template-columns: repeat(4, 1fr); gap: .3rem; }
  .signal-flow > i { display: none; }
  .signal-flow span { justify-content: center; text-align: center; }
  .board-grid { grid-template-columns: 1fr 1fr; }
  .camera-panel { grid-column: 1 / -1; }
  .camera-panel img { height: 7rem; }
  .studio-visual > img { height: 14rem; }
  .platform-strip { margin-top: 2.5rem; }
  .platform-strip span { min-height: 4.5rem; font-size: .76rem; }
  .platform-strip i { display: none; }
  .workflow { grid-template-columns: 1fr; }
  .benefit-grid, .product-grid { grid-template-columns: 1fr; }
  .benefit-card { min-height: 17rem; }
  .product-card { min-height: 19rem; }
  .feature-list { grid-template-columns: 1fr; }
  .capability-accordion .accordion-body { padding-left: .25rem; }
  .process-list { grid-template-columns: 1fr; gap: 2.25rem; }
  .process-list li, .process-list li:last-child { padding: 0 0 0 1.25rem; border: 0; border-left: 1px solid #cbd6df; }
  .commercial-panel { min-height: auto; }
  .customer-heading { align-items: flex-start; flex-direction: column; }
  .logo-row { grid-template-columns: repeat(2, 1fr); }
  .logo-row img:nth-child(3) { border-top: 1px solid var(--line); border-left: 0; }
  .logo-row img:nth-child(4) { border-top: 1px solid var(--line); }
  .testimonial { grid-template-columns: 1fr; }
  .testimonial figcaption { text-align: left; }
  .solution-visual { min-height: 20rem; }
  .encoder-visual { grid-template-columns: 1fr; justify-items: center; }
  .encoder-lines { width: 2px; height: 2.5rem; }
  .destination-nodes { width: 100%; }
  .product-proof-strip { grid-template-columns: repeat(2, 1fr); }
  .product-proof-strip span:nth-child(3) { border-top: 1px solid var(--line); border-left: 0; }
  .product-proof-strip span:nth-child(4) { border-top: 1px solid var(--line); }
  .ai-console-grid { grid-template-columns: 1fr; }
  .playout-main { grid-template-columns: 1fr; }
  .encoder-console-grid { grid-template-columns: 1fr; }
  .ai-timeline { display: none; }
  .ai-script-panel > p { min-height: auto; }
  .positioning-details { grid-template-columns: 1fr; }
  .positioning-details span + span { padding-left: 0; border-left: 0; }
  .ai-capability-grid, .ai-flow { grid-template-columns: 1fr; }
  .mediatv-mode-grid, .mediatv-flow { grid-template-columns: 1fr; }
  .encoder-capability-grid, .encoder-flow { grid-template-columns: 1fr; }
  .kiwi-capability-grid { grid-template-columns: 1fr; }
  .ai-capability-grid article { min-height: 17rem; }
  .mediatv-mode-grid article { min-height: 17rem; }
  .encoder-capability-grid article { min-height: 17rem; }
  .kiwi-capability-grid article { min-height: 17rem; }
  .kiwi-console-notes { grid-template-columns: 1fr; margin: .7rem 0 0; }
  .kiwi-connection-map { display: grid; grid-template-columns: repeat(2,1fr); gap: .6rem; min-height: auto; padding: 1rem; }
  .kiwi-connection-map::before,.kiwi-connection-map::after { display: none; }
  .connection-core,.connection-node { position: static; width: auto; min-height: 7rem; transform: none; }
  .connection-core { grid-column: 1/-1; height: auto; border-radius: 1rem; }
  .kiwi-dsp-stage { min-height: 29rem; }
  .kiwi-mobility-panel { padding-inline: 1.5rem; }
  .scale-track { grid-template-columns: repeat(4,1fr); gap: .5rem; }
  .scale-track > i { display: none; }
  .scale-track > span b { width: 3.5rem; height: 3.5rem; }
  .scale-benefits { grid-template-columns: 1fr; }
  .protocol-matrix article { grid-template-columns: 4.2rem 1fr; }
  .protocol-matrix em { grid-column: 2; justify-self: start; }
  .processing-modules, .monitoring-grid { grid-template-columns: 1fr; }
  .ecosystem-flow { grid-template-columns: 1fr; }
  .ecosystem-flow > i { justify-self: center; transform: rotate(90deg); }
  .schedule-rules, .media-feature-grid, .mediatv-integration-grid { grid-template-columns: 1fr; }
  .break-list > span { grid-template-columns: 2.8rem auto 1fr; }
  .break-list small { grid-column: 3; }
  .sync-image { min-height: 20rem; }
  .voice-settings { grid-template-columns: 1fr; }
  .integration-benefits, .control-grid { grid-template-columns: 1fr; }
  .ai-final-panel .footer-cta-actions { width: 100%; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
  .footer-brand, .footer-grid > :last-child { grid-column: 1 / -1; }
  .footer-legal { flex-direction: column; }
}
@media (max-width: 479.98px) {
  .hero-points { display: grid; }
  .board-grid { grid-template-columns: 1fr; }
  .camera-panel { grid-column: auto; }
  .ai-panel { display: none; }
  .platform-strip { grid-template-columns: 1fr; }
  .platform-strip span + span { border-top: 1px solid var(--line); border-left: 0; }
  .logo-row { grid-template-columns: 1fr; }
  .logo-row img + img, .logo-row img:nth-child(3) { border-top: 1px solid var(--line); border-left: 0; }
  .media-visual { grid-template-columns: 1fr; }
  .media-visual > i { display: none; }
  .kiwi-visual { gap: .4rem; padding: 1rem; }
  .mixer-channel { padding-inline: .15rem; }
  .product-proof-strip { grid-template-columns: 1fr; }
  .product-proof-strip span + span, .product-proof-strip span:nth-child(3) { border-top: 1px solid var(--line); border-left: 0; }
  .ai-console-top { align-items: flex-start; flex-direction: column; }
  .playout-topbar { align-items: flex-start; flex-direction: column; }
  .encoder-console-head { align-items: flex-start; flex-direction: column; }
  .kiwi-hero-stage { min-height: 25rem; }
  .kiwi-stage-label { display: none; }
  .kiwi-console-toolbar { align-items: flex-start; flex-direction: column; }
  .kiwi-console-toolbar div { flex-wrap: wrap; }
  .kiwi-connection-map { grid-template-columns: 1fr; }
  .connection-core { grid-column: auto; }
  .dsp-callout { display: none; }
  .dsp-image-card { width: 88%; transform: none; }
  .mobility-use-list { grid-template-columns: 1fr; }
  .mobility-visual { min-height: 20rem; }
  .scale-head { flex-direction: column; }
  .scale-track { grid-template-columns: repeat(2,1fr); gap: 1rem; }
  .kiwi-final-panel .btn { width: 100%; }
  .encoder-console-foot { flex-direction: column; }
  .source-specs, .profile-tabs, .profile-form, .preset-list { grid-template-columns: 1fr; }
  .profile-form .profile-wide { grid-column: auto; }
  .output-route { grid-template-columns: auto 1fr; }
  .output-route em { grid-column: 2; }
  .log-row { grid-template-columns: auto 1fr auto; }
  .log-row time { display: none; }
  .playout-footer { flex-direction: column; }
  .clock-tabs { grid-template-columns: 1fr; }
  .break-head, .break-status { flex-direction: column; }
  .voice-preview { grid-template-columns: auto auto 1fr; }
  .voice-info { grid-column: 1 / -1; }
  .ai-console-footer { flex-wrap: wrap; }
  .presenter { grid-template-columns: auto 1fr; }
  .presenter > i { display: none; }
  .voice-studio-wave { gap: 2px; padding-inline: .5rem; }
  .ai-final-panel .btn { width: 100%; }
  .footer-cta-actions .btn { width: 100%; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-brand, .footer-grid > :last-child { grid-column: auto; }
}
/* Visual Radio product page */
.vr-product-hero {
  position: relative;
  overflow: hidden;
  color: #dbe4ec;
  background:
    radial-gradient(circle at 78% 22%, rgba(227,28,36,.19), transparent 28rem),
    radial-gradient(circle at 12% 86%, rgba(50,92,132,.2), transparent 30rem),
    linear-gradient(142deg,#07111b 0%,#0d1b29 58%,#101b26 100%);
}
.vr-hero-grid { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px); background-size: 4rem 4rem; mask-image: linear-gradient(to bottom,black,transparent 92%); }
.vr-product-hero .container-wide { position: relative; }
.vr-product-hero h1 { max-width: 10ch; color: #fff; font-size: clamp(3.2rem,5.3vw,5.75rem); }
.vr-product-hero .hero-lead { color: #aebdcc; }
.vr-breadcrumb .breadcrumb-item,.vr-breadcrumb .breadcrumb-item::before { color: #73869a; }
.vr-breadcrumb .breadcrumb-item a { color: #a8bac9; }
.vr-eyebrow { color: #ff676d; }
.vr-live-dot { width: .5rem; height: .5rem; border-radius: 50%; background: #ff3942; box-shadow: 0 0 0 .35rem rgba(255,57,66,.14),0 0 1.4rem rgba(255,57,66,.55); animation: vr-pulse 2s ease-in-out infinite; }
.vr-hero-points { color: #aebdcc; }
.vr-hero-points i { color: #ff646a; }
.vr-broadcast-stage { position: relative; min-height: 42rem; perspective: 1400px; }
.vr-stage-light { position: absolute; top: 17%; right: 6%; width: 80%; height: 65%; border-radius: 50%; background: rgba(226,31,40,.14); filter: blur(70px); }
.vr-program-frame { position: absolute; z-index: 3; top: 6rem; right: 2%; width: 88%; padding: .75rem; border: 1px solid rgba(255,255,255,.14); border-radius: 1.4rem; background: #101b25; box-shadow: 0 45px 90px rgba(0,0,0,.52); transform: rotateY(-5deg) rotateX(2deg); }
.vr-program-head,.vr-program-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .45rem .35rem .8rem; color: #71869a; font-size: .58rem; font-weight: 800; letter-spacing: .1em; }
.vr-program-head span { color: #d7e0e7; }.vr-program-head span i { margin-right: .35rem; color: #ff3a43; font-size: .42rem; }
.vr-program-frame > img { display: block; width: 100%; border: 1px solid rgba(255,255,255,.1); border-radius: .8rem; filter: saturate(.86) contrast(1.05); }
.vr-program-footer { padding: .8rem .35rem .35rem; }
.vr-program-footer > span i { margin-right: .35rem; color: #8ba0b2; }
.vr-program-footer > div { display: grid; flex: 1; grid-template-columns: 1fr 1fr; gap: .28rem; max-width: 10rem; }
.vr-program-footer > div i { position: relative; height: .24rem; overflow: hidden; border-radius: 1rem; background: #283847; }
.vr-program-footer > div i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--meter); background: linear-gradient(90deg,#47c989,#e7c84c,#ef3c44); }
.vr-program-footer b { padding: .25rem .45rem; border-radius: .25rem; color: #fff; background: #d81f28; font-size: .54rem; }
.vr-source-card { position: absolute; z-index: 4; display: grid; place-items: center; width: 7.2rem; height: 6.4rem; border: 1px solid rgba(255,255,255,.12); border-radius: .75rem; color: #778b9c; background: rgba(10,21,31,.94); box-shadow: 0 16px 35px rgba(0,0,0,.32); }
.vr-source-card span { position: absolute; top: .45rem; left: .55rem; font-size: .48rem; font-weight: 800; letter-spacing: .1em; }
.vr-source-card i { font-size: 1.7rem; }.vr-source-card small { position: absolute; right: .55rem; bottom: .4rem; font-size: .45rem; font-weight: 800; }
.vr-source-card.active { border-color: rgba(255,70,78,.62); color: #ff666d; box-shadow: 0 0 0 2px rgba(255,55,65,.12),0 16px 35px rgba(0,0,0,.35); }
.source-one { top: 1.15rem; right: 27%; }.source-two { right: 3%; bottom: 1.5rem; }.source-three { bottom: .25rem; left: 13%; }
.vr-float-tag { position: absolute; z-index: 5; padding: .48rem .7rem; border: 1px solid rgba(255,255,255,.13); border-radius: .45rem; color: #b8c5cf; background: rgba(8,19,28,.82); box-shadow: 0 12px 28px rgba(0,0,0,.25); backdrop-filter: blur(10px); font-size: .53rem; font-weight: 800; letter-spacing: .08em; }
.vr-float-tag i { margin-right: .35rem; color: #ff525a; }.vr-tag-automation { top: 11rem; left: -1rem; }.vr-tag-stream { right: 1rem; bottom: 8.5rem; }
.vr-proof-strip { border-color: rgba(255,255,255,.11); background: rgba(255,255,255,.045); }
.vr-proof-strip span + span { border-color: rgba(255,255,255,.1); }.vr-proof-strip i { color: #ff5b62; }.vr-proof-strip b { color: #d9e2e8; }

.vr-positioning { background: #f3f6f8; }
.vr-capabilities-section { color: #a9bac8; background: linear-gradient(150deg,#101d29,#172a3b); }
.vr-capability-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.vr-capability-grid article { min-height: 19rem; padding: 1.7rem; border: 1px solid rgba(255,255,255,.1); border-radius: var(--radius); background: rgba(255,255,255,.035); transition: transform .25s ease,border-color .25s ease,background .25s ease; }
.vr-capability-grid article:hover { transform: translateY(-4px); border-color: rgba(255,81,89,.35); background: rgba(255,255,255,.055); }
.vr-capability-grid article > i { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: 2.5rem; border-radius: .85rem; color: #ff656c; background: rgba(232,38,47,.13); font-size: 1.3rem; }
.vr-capability-grid article > span { color: #748a9b; font-size: .65rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.vr-capability-grid h3 { margin: .45rem 0 .7rem; color: #fff; font-size: 1.3rem; }
.vr-capability-grid p { margin: 0; color: #9eb0be; }

.vr-flow-section { overflow: hidden; background: #fff; }
.vr-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: .8rem; align-items: center; }
.vr-flow article { position: relative; min-height: 19rem; padding: 1.5rem; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: #f8fafb; }
.vr-flow article::after { content: ""; position: absolute; right: -4rem; bottom: -5rem; width: 10rem; height: 10rem; border: 1px solid #dfe6eb; border-radius: 50%; }
.vr-flow article > span { color: #98a7b3; font-size: .65rem; font-weight: 800; letter-spacing: .12em; }
.vr-flow article > i { display: grid; place-items: center; width: 3.3rem; height: 3.3rem; margin: 2.2rem 0 1.8rem; border-radius: 50%; color: #d71f28; background: #fff0f1; font-size: 1.4rem; }
.vr-flow h3 { font-size: 1.2rem; }.vr-flow p { color: var(--slate); }.vr-flow-arrow { color: #a9b6c0; }

.vr-botcam-section { --vr-red:#ff555d; color: #a8bac7; background: linear-gradient(145deg,#09141f,#132536); }
.vr-botcam-section h2,.vr-check-list b { color: #fff; }.vr-botcam-section .section-lead { color: #a8bac7; }
.vr-eyebrow-dark { color: #ff686f; }
.vr-botcam-visual { position: relative; display: grid; place-items: center; min-height: 38rem; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: var(--radius-lg); background: radial-gradient(circle at 50% 45%,rgba(231,37,46,.18),transparent 40%),#0b1823; }
.vr-studio-grid { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size: 2.5rem 2.5rem; transform: perspective(700px) rotateX(55deg) scale(1.4); transform-origin: center bottom; }
.vr-botcam-visual > img { position: relative; z-index: 2; width: 62%; border-radius: 50%; filter: drop-shadow(0 35px 35px rgba(0,0,0,.45)) saturate(.85); mix-blend-mode: screen; }
.vr-camera-orbit { position: absolute; z-index: 1; border: 1px dashed rgba(255,91,99,.23); border-radius: 50%; }.orbit-a { width: 28rem; height: 28rem; }.orbit-b { width: 21rem; height: 21rem; }
.vr-speaker-card,.vr-auto-switch { position: absolute; z-index: 4; padding: .8rem; border: 1px solid rgba(255,255,255,.13); border-radius: .65rem; background: rgba(10,25,36,.88); box-shadow: 0 18px 36px rgba(0,0,0,.35); backdrop-filter: blur(8px); }
.vr-speaker-card { right: 1.2rem; bottom: 2rem; display: grid; min-width: 11rem; }.vr-speaker-card span { color: #ff656c; font-size: .58rem; font-weight: 800; }.vr-speaker-card b { margin: .25rem 0; color: #fff; font-size: .78rem; }.vr-speaker-card small { color: #758a9b; font-size: .55rem; }
.vr-auto-switch { top: 2.5rem; left: 1.5rem; display: flex; gap: .7rem; align-items: center; }.vr-auto-switch > i { color: #ff5a62; font-size: 1.2rem; }.vr-auto-switch span { display: grid; }.vr-auto-switch b { color: #fff; font-size: .65rem; }.vr-auto-switch small { color: #7890a1; font-size: .55rem; }
.vr-check-list { display: grid; gap: .9rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.vr-check-list li { display: flex; gap: .8rem; color: #93a8b6; }.vr-check-list li > i { display: grid; place-items: center; flex: 0 0 1.7rem; height: 1.7rem; border-radius: 50%; color: #ff676e; background: rgba(234,44,53,.14); }
.vr-check-list span { display: grid; }

.vr-content-section { background: #f2f5f7; }
.vr-content-points { display: grid; grid-template-columns: repeat(3,1fr); gap: .65rem; margin-top: 2rem; }
.vr-content-points span { display: grid; padding: 1rem; border: 1px solid var(--line); border-radius: .75rem; background: #fff; }
.vr-content-points i { margin-bottom: 1rem; color: var(--brand-red); }.vr-content-points b { font-size: .78rem; }.vr-content-points small { color: var(--slate); font-size: .62rem; line-height: 1.4; }
.vr-cloud-stage { position: relative; padding: 2rem 1.5rem 3.5rem; }
.vr-cloud-stage::before { content: ""; position: absolute; inset: 8% 2% 18%; border-radius: 50%; background: rgba(225,34,44,.13); filter: blur(70px); }
.vr-cloud-card { position: relative; z-index: 2; padding: .75rem; border: 1px solid #cfd9e0; border-radius: var(--radius-lg); background: #101b25; box-shadow: 0 35px 70px rgba(28,45,58,.25); transform: perspective(1300px) rotateY(-4deg); }
.vr-cloud-head { display: flex; justify-content: space-between; padding: .4rem .35rem .75rem; color: #8093a2; font-size: .56rem; font-weight: 800; letter-spacing: .08em; }.vr-cloud-head span { color: #ccd7de; }.vr-cloud-head i { margin-right: .35rem; color: #ff555d; }
.vr-cloud-card > img { display: block; width: 100%; border-radius: .75rem; }
.vr-track-row { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .8rem .4rem .2rem; }.vr-track-row > span { display: grid; grid-template-columns: auto 1fr; gap: 0 .55rem; }.vr-track-row i { grid-row: 1/3; color: #ff6168; }.vr-track-row b { color: #eef3f6; font-size: .67rem; }.vr-track-row small { color: #718697; font-size: .54rem; }.vr-track-row em { padding: .2rem .4rem; border-radius: .25rem; color: #75d59e; background: rgba(50,181,108,.12); font-size: .5rem; font-style: normal; font-weight: 800; }
.vr-cloud-progress { position: absolute; z-index: 3; right: 8%; bottom: 1rem; left: 8%; height: 3.1rem; padding: .75rem 1rem; border: 1px solid #d6dee4; border-radius: .65rem; background: rgba(255,255,255,.96); box-shadow: var(--shadow-sm); }.vr-cloud-progress::before { content: ""; position: absolute; right: 1rem; bottom: .65rem; left: 1rem; height: .25rem; border-radius: 1rem; background: #e4e9ed; }.vr-cloud-progress i { position: absolute; right: 1rem; bottom: .65rem; left: 1rem; width: calc(var(--progress) - 2rem); height: .25rem; border-radius: 1rem; background: linear-gradient(90deg,#e3252e,#ff6b72); }.vr-cloud-progress span { color: #627483; font-size: .56rem; font-weight: 800; letter-spacing: .1em; }

.vr-scenes-section { color: #a8bac7; background: linear-gradient(145deg,#0d1a25,#172a38); }
.vr-scenes-section .section-heading h2 { color: #fff; }.vr-scenes-section .section-heading p { color: #9daebb; }
.vr-scene-builder { display: grid; grid-template-columns: 13rem 1fr 12rem; gap: .65rem; padding: .75rem; border: 1px solid rgba(255,255,255,.11); border-radius: var(--radius-lg); background: #08131d; box-shadow: 0 40px 90px rgba(0,0,0,.25); }
.vr-scene-sidebar,.vr-layer-panel { padding: .7rem; border: 1px solid rgba(255,255,255,.08); border-radius: .7rem; background: #101e2a; }
.vr-scene-sidehead { display: flex; gap: .65rem; align-items: center; padding: .4rem .35rem 1rem; color: #f1f4f7; }.vr-scene-sidehead > i { color: #ff5961; }.vr-scene-sidehead span { display: grid; }.vr-scene-sidehead b { font-size: .7rem; }.vr-scene-sidehead small { color: #728797; font-size: .52rem; }
.vr-scene-sidebar button { display: grid; grid-template-columns: auto 1fr; gap: .6rem; align-items: center; width: 100%; margin: .35rem 0; padding: .75rem; border: 1px solid transparent; border-radius: .5rem; color: #8497a6; background: transparent; text-align: left; }.vr-scene-sidebar button.active { border-color: rgba(255,82,91,.28); color: #ff6970; background: rgba(229,38,47,.1); }.vr-scene-sidebar button span { display: grid; color: #c1ccd4; font-size: .62rem; font-weight: 700; }.vr-scene-sidebar button small { color: #647988; font-size: .5rem; font-weight: 500; }
.vr-scene-canvas { padding: .65rem; border-radius: .7rem; background: #162632; }
.vr-canvas-top { display: flex; justify-content: space-between; padding: .25rem .2rem .75rem; color: #7e92a1; font-size: .5rem; font-weight: 800; }.vr-canvas-top div { display: flex; gap: .3rem; }.vr-canvas-top i { width: .4rem; height: .4rem; border-radius: 50%; background: #526777; }
.vr-canvas-screen { position: relative; min-height: 28rem; overflow: hidden; border-radius: .45rem; background: linear-gradient(130deg,#263d4c,#162632); box-shadow: inset 0 0 0 1px rgba(255,255,255,.07); }
.vr-cam-area { position: absolute; display: grid; place-items: center; overflow: hidden; color: rgba(255,255,255,.42); background: radial-gradient(circle at 50% 35%,#5f7787,#2a404e 62%,#1b2d39); }.vr-cam-area::before { content: ""; position: absolute; bottom: -8rem; width: 18rem; height: 17rem; border-radius: 50% 50% 0 0; background: rgba(12,27,37,.55); }.vr-cam-area i { position: relative; z-index: 1; font-size: 4rem; }.vr-cam-area span { position: absolute; right: .5rem; bottom: .5rem; padding: .22rem .35rem; border-radius: .2rem; background: rgba(0,0,0,.4); font-size: .45rem; font-weight: 800; }
.area-main { inset: 0 35% 0 0; }.area-guest { inset: 0 0 0 65%; border-left: 3px solid #0c1720; }
.vr-canvas-logo { position: absolute; top: 1rem; left: 1rem; color: #fff; font-size: .9rem; font-weight: 900; letter-spacing: -.05em; }.vr-canvas-logo::first-letter { color: #ff3f48; }.vr-canvas-logo small { display: block; color: #d8e0e5; font-size: .35rem; letter-spacing: .28em; }
.vr-canvas-title { position: absolute; right: 1rem; bottom: 3.2rem; left: 1rem; display: grid; width: 68%; padding: .65rem 1rem; color: #fff; background: linear-gradient(90deg,#d91f29,rgba(217,31,41,.64)); }.vr-canvas-title b { font-size: .72rem; }.vr-canvas-title span { font-size: .5rem; }
.vr-canvas-ticker { position: absolute; right: 0; bottom: 0; left: 0; display: flex; color: #e6edf2; background: rgba(4,11,17,.9); font-size: .5rem; }.vr-canvas-ticker b { padding: .55rem .7rem; background: #df2029; }.vr-canvas-ticker span { padding: .55rem .7rem; }
.vr-layer-head { display: flex; justify-content: space-between; padding: .4rem .2rem .9rem; color: #dce4e9; font-size: .55rem; font-weight: 800; }.vr-layer-head span { color: #6ed39c; }
.vr-layer-panel > span { display: grid; grid-template-columns: auto 1fr; gap: .05rem .5rem; align-items: center; padding: .7rem .25rem; border-top: 1px solid rgba(255,255,255,.07); }.vr-layer-panel > span i { grid-row: 1/3; color: #738a9a; }.vr-layer-panel > span b { color: #b8c6d0; font-size: .58rem; }.vr-layer-panel > span em { color: #5fae82; font-size: .45rem; font-style: normal; font-weight: 800; }
.vr-scene-features { display: grid; grid-template-columns: repeat(4,1fr); gap: .7rem; margin-top: .8rem; }.vr-scene-features span { display: grid; grid-template-columns: auto 1fr; gap: 0 .65rem; padding: 1rem; border: 1px solid rgba(255,255,255,.1); border-radius: .7rem; background: rgba(255,255,255,.035); }.vr-scene-features i { grid-row: 1/3; color: #ff6169; }.vr-scene-features b { color: #e9eef2; font-size: .7rem; }.vr-scene-features small { color: #7f94a3; font-size: .56rem; line-height: 1.4; }

.vr-inputs-section { background: #f3f6f8; }
.vr-input-note { display: flex; gap: .8rem; margin-top: 2rem; padding: 1rem; border: 1px solid #d7e0e6; border-radius: .8rem; background: #fff; }.vr-input-note > i { color: var(--brand-red); }.vr-input-note span { display: grid; }.vr-input-note b { font-size: .78rem; }.vr-input-note span { color: var(--slate); font-size: .68rem; }
.vr-input-matrix { display: grid; grid-template-columns: repeat(2,1fr); gap: .65rem; }
.vr-input-matrix article { display: grid; grid-template-columns: auto 1fr auto; gap: .8rem; align-items: center; min-height: 6.8rem; padding: 1rem; border: 1px solid #d7e0e6; border-radius: .8rem; background: #fff; box-shadow: 0 12px 28px rgba(30,51,68,.04); }
.vr-input-matrix article > i { display: grid; place-items: center; width: 2.7rem; height: 2.7rem; border-radius: .65rem; color: #dc2029; background: #fff0f1; }
.vr-input-matrix article span { display: grid; }.vr-input-matrix b { font-size: .75rem; }.vr-input-matrix small { color: var(--slate); font-size: .58rem; }.vr-input-matrix em { color: #8494a1; font-size: .48rem; font-style: normal; font-weight: 800; }

.vr-distribution-section { background: #fff; }
.vr-distribution-panel { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem,5vw,5rem); align-items: center; overflow: hidden; padding: clamp(2.5rem,5vw,5rem); border-radius: var(--radius-lg); color: #9eafbd; background: radial-gradient(circle at 82% 42%,rgba(226,33,43,.24),transparent 24rem),linear-gradient(135deg,#0b1722,#172c3c); }
.vr-distribution-copy h2 { max-width: 12ch; color: #fff; font-size: clamp(2.6rem,4.4vw,4.6rem); line-height: 1.02; }.vr-distribution-copy p { max-width: 42rem; }
.vr-distribution-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 2rem; }
.vr-device-stage { position: relative; display: grid; place-items: center; min-height: 34rem; }.vr-device-stage > img { position: relative; z-index: 2; width: 86%; filter: drop-shadow(0 32px 28px rgba(0,0,0,.45)) saturate(.75); }.vr-device-glow { position: absolute; width: 22rem; height: 22rem; border-radius: 50%; background: rgba(235,44,53,.2); filter: blur(40px); }
.vr-device-badge { position: absolute; z-index: 3; padding: .55rem .7rem; border: 1px solid rgba(255,255,255,.13); border-radius: .45rem; color: #cad5dc; background: rgba(10,23,33,.82); backdrop-filter: blur(8px); font-size: .55rem; font-weight: 800; }.vr-device-badge i { margin-right: .35rem; color: #ff6269; }.badge-web { top: 3rem; left: 0; }.badge-social { top: 11rem; right: -.5rem; }.badge-mobile { bottom: 3rem; left: 5%; }

.vr-operation-section { background: #f3f6f8; }
.vr-operation-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: .8rem; }
.vr-operation-grid article { min-height: 21rem; padding: 1.5rem; border: 1px solid #d6dfe5; border-radius: var(--radius); background: #fff; }
.vr-operation-icon { display: grid; place-items: center; width: 3.2rem; height: 3.2rem; margin-bottom: 3.3rem; border-radius: .85rem; color: #dc2029; background: #fff0f1; font-size: 1.3rem; }
.vr-operation-grid article > span { color: #95a4b0; font-size: .58rem; font-weight: 800; letter-spacing: .1em; }.vr-operation-grid h3 { margin: .55rem 0 .8rem; font-size: 1.14rem; }.vr-operation-grid p { color: var(--slate); font-size: .82rem; }

.vr-business-section { background: #fff; }
.vr-business-visual { position: relative; min-height: 34rem; padding: 2rem 2rem 5rem; }
.vr-business-visual::before { content: ""; position: absolute; inset: 10% 4% 18%; border-radius: 50%; background: rgba(218,31,40,.12); filter: blur(60px); }
.vr-business-screen { position: relative; z-index: 2; min-height: 25rem; overflow: hidden; border: .7rem solid #0f1c26; border-radius: 1.3rem; background: radial-gradient(circle at 50% 28%,#718895,#304855 50%,#1b2c36); box-shadow: 0 35px 70px rgba(25,42,55,.25); transform: perspective(1100px) rotateY(5deg); }
.business-cam { position: absolute; inset: 0; display: grid; place-items: center; color: rgba(255,255,255,.42); }.business-cam i { font-size: 6rem; }.business-cam span { position: absolute; top: 1rem; left: 1rem; padding: .3rem .5rem; border-radius: .25rem; color: #fff; background: #d91f28; font-size: .5rem; font-weight: 800; }
.business-lower { position: absolute; right: 1.2rem; bottom: 2rem; left: 1.2rem; display: grid; width: 74%; padding: .7rem 1rem; color: #fff; background: linear-gradient(90deg,#da2029,rgba(218,32,41,.56)); }.business-lower b { font-size: .75rem; }.business-lower span { font-size: .54rem; }
.business-bug { position: absolute; top: 1rem; right: 1rem; display: grid; place-items: center; width: 2.7rem; height: 2.7rem; border-radius: 50%; color: #fff; background: rgba(12,25,34,.72); font-size: .6rem; font-weight: 800; }
.vr-inventory-card { position: absolute; z-index: 3; right: 0; bottom: 1rem; left: 10%; padding: 1rem; border: 1px solid #d7dfe5; border-radius: .8rem; background: rgba(255,255,255,.96); box-shadow: var(--shadow-sm); }.vr-inventory-card > span { display: flex; gap: .6rem; align-items: center; font-size: .72rem; }.vr-inventory-card > span i { color: var(--brand-red); }.vr-inventory-card > div { height: .3rem; margin: .8rem 0 .55rem; overflow: hidden; border-radius: 1rem; background: #e7ecef; }.vr-inventory-card > div i { display: block; width: var(--inventory); height: 100%; background: linear-gradient(90deg,#d91f28,#f16970); }.vr-inventory-card small { color: var(--slate); font-size: .55rem; }
.vr-business-list { display: grid; gap: .7rem; margin-top: 2rem; }.vr-business-list span { display: grid; grid-template-columns: auto 1fr; gap: 0 .75rem; padding: 1rem; border: 1px solid var(--line); border-radius: .75rem; background: #f8fafb; }.vr-business-list i { grid-row: 1/3; color: var(--brand-red); }.vr-business-list b { font-size: .78rem; }.vr-business-list small { color: var(--slate); font-size: .65rem; }

.vr-final-section { padding-top: 0; background: #fff; }
.vr-final-panel { display: flex; justify-content: space-between; align-items: center; gap: 3rem; padding: clamp(2.5rem,5vw,5rem); border-radius: var(--radius-lg); color: #a6b5c0; background: linear-gradient(135deg,#0b1722,#1a3040); box-shadow: 0 30px 70px rgba(18,36,50,.16); }
.vr-final-panel h2 { max-width: 15ch; color: #fff; font-size: clamp(2.3rem,4vw,4rem); line-height: 1.06; }.vr-final-panel p { max-width: 44rem; margin: 0; }.vr-final-panel .footer-cta-actions { flex: 0 0 auto; }

@keyframes vr-pulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .6; transform: scale(.82); } }

@media (max-width: 1199.98px) {
  .vr-broadcast-stage { margin-top: 1rem; }
  .vr-capability-grid { grid-template-columns: repeat(2,1fr); }
  .vr-flow { grid-template-columns: repeat(2,1fr); }
  .vr-flow-arrow { display: none; }
  .vr-scene-builder { grid-template-columns: 12rem 1fr; }
  .vr-layer-panel { grid-column: 1/-1; display: grid; grid-template-columns: repeat(3,1fr); }
  .vr-layer-head { grid-column: 1/-1; }
  .vr-scene-features,.vr-operation-grid { grid-template-columns: repeat(2,1fr); }
  .vr-distribution-panel { grid-template-columns: 1fr; }
  .vr-device-stage { width: min(100%,42rem); margin: 0 auto; }
  .vr-final-panel { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 767.98px) {
  .vr-broadcast-stage { min-height: 34rem; }
  .vr-program-frame { top: 5rem; right: 0; width: 96%; transform: none; }
  .vr-source-card { width: 5.6rem; height: 5rem; }
  .vr-float-tag { display: none; }
  .vr-capability-grid,.vr-flow,.vr-operation-grid { grid-template-columns: 1fr; }
  .vr-capability-grid article,.vr-flow article,.vr-operation-grid article { min-height: 17rem; }
  .vr-botcam-visual { min-height: 30rem; }
  .vr-camera-orbit { display: none; }
  .vr-botcam-visual > img { width: 78%; }
  .vr-content-points { grid-template-columns: 1fr; }
  .vr-scene-builder { grid-template-columns: 1fr; }
  .vr-scene-sidebar { display: grid; grid-template-columns: repeat(2,1fr); }
  .vr-scene-sidehead { grid-column: 1/-1; }
  .vr-canvas-screen { min-height: 22rem; }
  .vr-layer-panel { grid-column: auto; grid-template-columns: repeat(2,1fr); }
  .vr-scene-features,.vr-input-matrix { grid-template-columns: 1fr; }
  .vr-distribution-panel { padding-inline: 1.5rem; }
  .vr-device-stage { min-height: 27rem; }
  .vr-business-visual { min-height: 29rem; padding-inline: 0; }
  .vr-business-screen { min-height: 21rem; transform: none; }
}
@media (max-width: 479.98px) {
  .vr-broadcast-stage { min-height: 29rem; }
  .vr-source-card { display: none; }
  .vr-program-frame { top: 2rem; width: 100%; }
  .vr-program-footer > div { display: none; }
  .vr-botcam-visual { min-height: 25rem; }
  .vr-speaker-card { right: .7rem; bottom: .7rem; }
  .vr-auto-switch { top: .7rem; left: .7rem; }
  .vr-cloud-stage { padding-inline: 0; }
  .vr-cloud-card { transform: none; }
  .vr-scene-sidebar { grid-template-columns: 1fr; }
  .vr-scene-sidehead { grid-column: auto; }
  .vr-canvas-screen { min-height: 18rem; }
  .vr-canvas-title { width: auto; }
  .vr-layer-panel { grid-template-columns: 1fr; }
  .vr-device-badge { display: none; }
  .vr-device-stage { min-height: 22rem; }
  .vr-distribution-actions .btn,.vr-final-panel .btn { width: 100%; }
  .vr-input-matrix article { grid-template-columns: auto 1fr; }
  .vr-input-matrix em { grid-column: 2; }
  .vr-final-panel .footer-cta-actions { width: 100%; }
}

/* Audio Processor product page */
.ap-product-hero {
  position: relative;
  overflow: hidden;
  color: #d7e2ea;
  background:
    radial-gradient(circle at 78% 18%,rgba(79,195,247,.17),transparent 28rem),
    radial-gradient(circle at 18% 80%,rgba(179,136,255,.12),transparent 31rem),
    linear-gradient(142deg,#1e1d1e 0%,#373435 58%,#252324 100%);
}
.ap-hero-wave { position: absolute; inset: 0; opacity: .14; background: repeating-radial-gradient(ellipse at 52% 110%,transparent 0 2.8rem,rgba(79,195,247,.18) 2.85rem 2.92rem); mask-image: linear-gradient(to top,black,transparent 80%); }
.ap-product-hero .container-wide { position: relative; }
.ap-product-hero h1 { max-width: 10ch; color: #fff; font-size: clamp(3.2rem,5.15vw,5.6rem); }
.ap-product-hero .hero-lead { color: #b7c2ca; }
.ap-breadcrumb .breadcrumb-item,.ap-breadcrumb .breadcrumb-item::before { color: #8b9195; }.ap-breadcrumb .breadcrumb-item a { color: #bec7cd; }
.ap-eyebrow { color: #6dd4ff; }.ap-eyebrow-light { color: #73d7ff; }
.ap-status-dot { width: .5rem; height: .5rem; border-radius: 50%; background: #62d2ff; box-shadow: 0 0 0 .35rem rgba(79,195,247,.13),0 0 1.5rem rgba(79,195,247,.55); animation: ap-pulse 2.2s ease-in-out infinite; }
.ap-hero-points { color: #b7c2ca; }.ap-hero-points i { color: #68d4ff; }
.ap-hero-console { position: relative; min-height: 44rem; perspective: 1400px; }
.ap-console-glow { position: absolute; top: 15%; right: 5%; width: 80%; height: 65%; border-radius: 50%; background: rgba(79,195,247,.14); filter: blur(75px); }
.ap-console-shell { position: absolute; z-index: 3; top: 3rem; right: 0; width: 94%; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 1.3rem; background: #373435; box-shadow: 0 45px 90px rgba(0,0,0,.48); transform: rotateY(-4deg) rotateX(1.5deg); }
.ap-console-head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem; border-bottom: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.025); }
.ap-console-brand { display: flex; gap: .7rem; align-items: center; }.ap-console-brand > span { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: .7rem; color: #06212c; background: linear-gradient(135deg,#65d5ff,#09bcd5); box-shadow: 0 0 1.5rem rgba(79,195,247,.2); }.ap-console-brand div { display: grid; }.ap-console-brand b { color: #fff; font-size: .78rem; }.ap-console-brand small { color: #99a4aa; font-size: .52rem; }
.ap-console-state { padding: .32rem .5rem; border: 1px solid rgba(124,255,178,.3); border-radius: 1rem; color: #7cffb2; background: rgba(124,255,178,.07); font-size: .5rem; font-weight: 800; }.ap-console-state i { margin-right: .3rem; font-size: .34rem; }
.ap-console-body { display: grid; grid-template-columns: .95fr 1.05fr; gap: .7rem; padding: .7rem; }
.ap-preset-panel,.ap-chain-panel { padding: .8rem; border: 1px solid rgba(255,255,255,.08); border-radius: .75rem; background: rgba(40,38,39,.74); }
.ap-panel-title { display: flex; justify-content: space-between; margin-bottom: .7rem; color: #aeb8be; font-size: .5rem; font-weight: 800; letter-spacing: .1em; }.ap-panel-title small { color: #62d4ff; }
.ap-preset-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: .4rem; }.ap-preset-grid > span { display: grid; grid-template-columns: auto 1fr; gap: 0 .45rem; padding: .65rem; border: 1px solid rgba(255,255,255,.08); border-radius: .55rem; color: #89959b; background: rgba(255,255,255,.025); }.ap-preset-grid > span i { grid-row: 1/3; }.ap-preset-grid b { color: #c9d0d4; font-size: .57rem; }.ap-preset-grid small { font-size: .43rem; }.ap-preset-grid > span.active { border-color: rgba(79,195,247,.4); color: #5dd2ff; background: rgba(79,195,247,.08); box-shadow: inset 0 0 0 1px rgba(79,195,247,.08); }
.ap-control-list { display: grid; gap: .55rem; margin-top: .75rem; }.ap-control-list > div { display: grid; grid-template-columns: 1fr auto; gap: .35rem .6rem; padding: .55rem; border-radius: .5rem; background: rgba(255,255,255,.025); }.ap-control-list span { display: grid; }.ap-control-list b { color: #cbd3d7; font-size: .52rem; }.ap-control-list small { color: #758086; font-size: .42rem; }.ap-control-list em { color: #63d4ff; font-size: .6rem; font-style: normal; font-weight: 800; }.ap-control-list div > i { grid-column: 1/-1; height: .22rem; overflow: hidden; border-radius: 1rem; background: #4a4748; }.ap-control-list u { display: block; width: var(--ap-level); height: 100%; border-radius: 1rem; background: linear-gradient(90deg,#4fc3f7,#00bcd4); text-decoration: none; }
.ap-chain-stack { display: grid; gap: .45rem; }.ap-chain-stack article { display: grid; grid-template-columns: auto 1fr; gap: 0 .65rem; padding: .65rem; border: 1px solid rgba(255,255,255,.08); border-radius: .55rem; background: rgba(255,255,255,.025); }.ap-chain-stack article > span { display: grid; place-items: center; grid-row: 1/3; width: 2rem; height: 2rem; border-radius: .45rem; color: #63d4ff; background: rgba(79,195,247,.09); }.ap-chain-stack article > div { display: grid; }.ap-chain-stack small { color: #758188; font-size: .4rem; }.ap-chain-stack b { color: #d8dde0; font-size: .57rem; }.ap-chain-stack em { color: #8b979d; font-size: .44rem; font-style: normal; }.ap-chain-stack article > u { grid-column: 1/-1; height: .18rem; margin-top: .5rem; overflow: hidden; border-radius: 1rem; background: #4a4748; text-decoration: none; }.ap-chain-stack article > u::after { content: ""; display: block; width: var(--ap-impact); height: 100%; background: linear-gradient(90deg,#4fc3f7,#b388ff); }.ap-chain-stack article.active { border-color: rgba(179,136,255,.35); background: rgba(179,136,255,.06); }
.ap-console-foot { display: grid; grid-template-columns: 1fr auto 1fr; gap: .8rem; align-items: center; padding: .8rem 1rem; border-top: 1px solid rgba(255,255,255,.08); color: #89949a; font-size: .45rem; font-weight: 800; letter-spacing: .05em; }.ap-console-foot > span:last-child { text-align: right; }.ap-console-foot i { margin-right: .3rem; color: #68d6ff; }
.ap-mini-meter { display: grid; grid-template-columns: 4.5rem 4.5rem; gap: .25rem; }.ap-mini-meter i { position: relative; height: .2rem; overflow: hidden; border-radius: 1rem; background: #4c494a; }.ap-mini-meter i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--ap-meter); background: linear-gradient(90deg,#4fc3f7,#7cffb2,#ffd166); }
.ap-float-card { position: absolute; z-index: 4; display: grid; grid-template-columns: auto 1fr; gap: 0 .55rem; padding: .65rem .8rem; border: 1px solid rgba(255,255,255,.13); border-radius: .55rem; background: rgba(42,39,40,.84); box-shadow: 0 16px 34px rgba(0,0,0,.3); backdrop-filter: blur(10px); }.ap-float-card > i { grid-row: 1/3; color: #68d6ff; }.ap-float-card b { color: #e2e7ea; font-size: .52rem; }.ap-float-card small { color: #909ba0; font-size: .43rem; }.ap-float-card.card-one { bottom: 1rem; left: -1rem; }.ap-float-card.card-two { top: 1rem; right: 2rem; }
.ap-proof-strip { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.04); }.ap-proof-strip span + span { border-color: rgba(255,255,255,.09); }.ap-proof-strip i { color: #67d4ff; }.ap-proof-strip b { color: #d7dfe4; }

.ap-positioning { background: #f2f5f7; }
.ap-breakthrough-section { color: #aebbc3; background: linear-gradient(145deg,#181718,#2b292a); }
.ap-comparison { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: stretch; }
.ap-comparison-side { padding: 1rem; border: 1px solid rgba(255,255,255,.1); border-radius: var(--radius-lg); background: rgba(255,255,255,.03); }.ap-comparison-side.software { border-color: rgba(79,195,247,.25); background: radial-gradient(circle at 50% 45%,rgba(79,195,247,.09),transparent 55%),rgba(255,255,255,.035); }
.ap-comparison-head { display: flex; justify-content: space-between; gap: 1rem; padding: .3rem .3rem 1rem; color: #d9e0e4; font-size: .58rem; font-weight: 800; letter-spacing: .08em; }.ap-comparison-head small { color: #7f8c93; font-size: .52rem; letter-spacing: 0; }
.ap-rack { display: grid; gap: .55rem; }.ap-rack article { display: grid; grid-template-columns: auto 1fr auto; gap: .75rem; align-items: center; min-height: 5rem; padding: .85rem; border: 1px solid rgba(255,255,255,.08); border-radius: .6rem; background: #242223; box-shadow: inset 0 -8px 18px rgba(0,0,0,.12); }.ap-rack article > i { color: #818d93; font-size: 1.25rem; }.ap-rack article span { display: grid; }.ap-rack b { color: #c5cdd1; font-size: .66rem; }.ap-rack small { color: #747f84; font-size: .5rem; }.ap-rack em { display: grid; place-items: center; width: 1.6rem; height: 1.6rem; border-radius: 50%; color: #d9a75d; background: rgba(217,167,93,.1); font-size: .65rem; font-style: normal; font-weight: 800; }
.ap-comparison-side > p { display: flex; gap: .55rem; margin: 1rem .25rem 0; color: #859198; font-size: .67rem; }.ap-comparison-side.legacy > p i { color: #d99b62; }.ap-comparison-side.software > p i { color: #7cffb2; }
.ap-comparison-divider { display: grid; place-items: center; }.ap-comparison-divider span { display: grid; place-items: center; width: 3rem; height: 3rem; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; color: #87939a; background: #262425; font-size: .65rem; font-weight: 800; }
.ap-software-core { padding: 1rem; border: 1px solid rgba(79,195,247,.22); border-radius: .85rem; background: #242223; box-shadow: 0 0 45px rgba(79,195,247,.07); }.ap-software-core > div:first-child { display: flex; gap: .75rem; align-items: center; padding: .5rem; }.ap-software-core > div:first-child > i { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: .65rem; color: #09242d; background: linear-gradient(135deg,#6bd7ff,#0dbbd3); font-size: 1.25rem; }.ap-software-core > div:first-child span { display: grid; }.ap-software-core > div:first-child b { color: #fff; font-size: .75rem; }.ap-software-core > div:first-child small { color: #829097; font-size: .55rem; }
.ap-instance-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: .55rem; margin-top: .7rem; }.ap-instance-grid span { display: grid; grid-template-columns: auto 1fr; gap: 0 .45rem; padding: .7rem; border: 1px solid rgba(255,255,255,.08); border-radius: .5rem; background: rgba(255,255,255,.025); }.ap-instance-grid i { grid-row: 1/3; color: #66d5ff; }.ap-instance-grid b { color: #cbd3d7; font-size: .58rem; }.ap-instance-grid small { color: #77858c; font-size: .45rem; }

.ap-routing-section { overflow: hidden; background: #fff; }
.ap-routing-map { display: grid; grid-template-columns: 1fr 15rem 1fr; gap: 1rem; align-items: center; }
.ap-route-column { padding: .9rem; border: 1px solid var(--line); border-radius: var(--radius); background: #f7f9fa; }
.ap-route-head { display: flex; gap: .65rem; align-items: center; padding: .4rem .35rem 1rem; border-bottom: 1px solid var(--line); }.ap-route-head > i { color: #168fbe; }.ap-route-head span { display: grid; }.ap-route-head b { font-size: .67rem; letter-spacing: .06em; }.ap-route-head small { color: var(--slate); font-size: .52rem; }
.ap-route-column article { display: grid; grid-template-columns: 1fr auto; gap: .7rem; align-items: center; padding: .8rem .35rem; border-bottom: 1px solid var(--line); }.ap-route-column article:last-child { border-bottom: 0; }.ap-route-column article > span { display: grid; grid-template-columns: auto 1fr; gap: 0 .6rem; }.ap-route-column article i { grid-row: 1/3; color: #499fbe; }.ap-route-column article b { font-size: .68rem; }.ap-route-column article small { color: var(--slate); font-size: .52rem; }.ap-route-column article em { color: #568395; font-size: .45rem; font-style: normal; font-weight: 800; }
.ap-route-column.outputs article em { color: #7864aa; }
.ap-route-core { position: relative; display: grid; place-items: center; height: 15rem; border-radius: 50%; color: #72828c; background: radial-gradient(circle,#313031 0 42%,#252425 43% 58%,#1b1a1b 59%); box-shadow: 0 25px 55px rgba(27,44,55,.22); }.ap-route-core > span { display: grid; place-items: center; width: 3.5rem; height: 3.5rem; border-radius: 50%; color: #082630; background: linear-gradient(135deg,#6cd8ff,#06b9d2); font-size: 1.5rem; box-shadow: 0 0 25px rgba(79,195,247,.25); }.ap-route-core > b { margin-top: .45rem; color: #fff; font-size: 1.05rem; letter-spacing: .08em; }.ap-route-core > strong { color: #aeb9bf; font-size: .55rem; letter-spacing: .08em; }.ap-route-core > small { color: #67747b; font-size: .43rem; letter-spacing: .08em; }.ap-core-rings { position: absolute; inset: -1.4rem; border: 1px dashed #cfd8de; border-radius: 50%; animation: ap-spin 40s linear infinite; }.ap-core-rings i { position: absolute; width: .45rem; height: .45rem; border-radius: 50%; background: #4fc3f7; box-shadow: 0 0 10px rgba(79,195,247,.5); }.ap-core-rings i:nth-child(1){top:4%;left:48%}.ap-core-rings i:nth-child(2){right:6%;bottom:24%}.ap-core-rings i:nth-child(3){bottom:18%;left:7%}
.ap-routing-proof { display: grid; grid-template-columns: repeat(3,1fr); gap: .7rem; margin-top: 2.5rem; }.ap-routing-proof span { display: grid; grid-template-columns: auto 1fr; gap: 0 .65rem; padding: 1rem; border: 1px solid var(--line); border-radius: .75rem; background: #f7f9fa; }.ap-routing-proof i { grid-row: 1/3; color: #1b9bc8; }.ap-routing-proof b { font-size: .72rem; }.ap-routing-proof small { color: var(--slate); font-size: .6rem; line-height: 1.4; }

.ap-chain-section { color: #afbbc2; background: linear-gradient(145deg,#1a191a,#302e2f); }.ap-chain-section h2,.ap-check-list b { color: #fff; }.ap-chain-section .section-lead { color: #a6b2b8; }
.ap-check-list { display: grid; gap: .9rem; margin: 2rem 0 0; padding: 0; list-style: none; }.ap-check-list li { display: flex; gap: .8rem; color: #909da4; }.ap-check-list li > i { display: grid; place-items: center; flex: 0 0 1.7rem; height: 1.7rem; border-radius: 50%; color: #69d5ff; background: rgba(79,195,247,.12); }.ap-check-list span { display: grid; }
.ap-chain-showcase { position: relative; display: grid; gap: .65rem; }.ap-chain-line { position: absolute; top: 2rem; bottom: 2rem; left: 2.35rem; width: 1px; background: linear-gradient(#4fc3f7,#b388ff,#7cffb2); }
.ap-chain-showcase article { position: relative; display: grid; grid-template-columns: auto auto 1fr auto; gap: .85rem; align-items: center; min-height: 7rem; padding: 1rem; border: 1px solid rgba(255,255,255,.09); border-radius: .8rem; background: rgba(255,255,255,.03); }.ap-chain-showcase article.active { border-color: rgba(179,136,255,.32); background: rgba(179,136,255,.06); box-shadow: 0 20px 40px rgba(0,0,0,.15); }.ap-chain-number { position: relative; z-index: 2; display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border: 1px solid rgba(79,195,247,.3); border-radius: 50%; color: #69d6ff; background: #292728; font-size: .55rem; font-weight: 800; }.ap-chain-showcase article > i { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: .65rem; color: #6bd6ff; background: rgba(79,195,247,.09); font-size: 1.2rem; }.ap-chain-showcase article > div small { color: #77858c; font-size: .45rem; font-weight: 800; letter-spacing: .08em; }.ap-chain-showcase h3 { margin: .2rem 0; color: #e9eef1; font-size: .9rem; }.ap-chain-showcase p { margin: 0; color: #89969c; font-size: .64rem; }.ap-chain-showcase em { color: #73cfa0; font-size: .47rem; font-style: normal; font-weight: 800; }

.ap-presets-section { background: #f1f4f6; }
.ap-preset-showcase { display: grid; grid-template-columns: repeat(4,1fr); gap: .8rem; }
.ap-preset-showcase article { min-height: 24rem; padding: 1.4rem; border: 1px solid #d6dfe4; border-radius: var(--radius); background: #fff; }.ap-preset-showcase article.active { border-color: #6fcbea; box-shadow: 0 18px 45px rgba(52,129,157,.12),inset 0 0 0 1px rgba(79,195,247,.18); }
.ap-preset-icon { display: grid; place-items: center; width: 3.2rem; height: 3.2rem; margin-bottom: 2.8rem; border-radius: .8rem; color: #178fb8; background: #e9f8fd; font-size: 1.3rem; }.ap-preset-showcase article > span { color: #7a8b95; font-size: .57rem; font-weight: 800; letter-spacing: .1em; }.ap-preset-showcase h3 { margin: .45rem 0 .8rem; font-size: 1.18rem; }.ap-preset-showcase p { min-height: 6.3rem; color: var(--slate); font-size: .78rem; }
.ap-profile-bars { display: grid; grid-template-columns: repeat(4,1fr); gap: .3rem; align-items: end; height: 4rem; padding: .5rem; border-radius: .5rem; background: #f3f6f8; }.ap-profile-bars i { height: var(--bar); min-height: .35rem; border-radius: .2rem .2rem 0 0; background: linear-gradient(to top,#20a4cc,#7ad8f5); }.ap-profile-bars i:nth-child(3){background:linear-gradient(to top,#8668c4,#b398ea)}.ap-profile-bars i:nth-child(4){background:linear-gradient(to top,#3eb979,#83e2aa)}.ap-preset-showcase article > small { display: block; margin-top: .5rem; color: #96a3ab; font-size: .42rem; text-align: center; }
.ap-bass-strip { display: grid; grid-template-columns: .7fr 1.3fr; gap: 1rem; align-items: center; margin-top: 1rem; padding: 1.3rem; border: 1px solid #d5dee3; border-radius: var(--radius); background: #fff; }.ap-bass-strip h3 { margin: .35rem 0 0; font-size: 1.05rem; }.ap-bass-options { display: grid; grid-template-columns: repeat(4,1fr); gap: .55rem; }.ap-bass-options span { display: grid; padding: .75rem; border: 1px solid #e0e6ea; border-radius: .6rem; }.ap-bass-options span.active { border-color: #67c9e8; background: #effaff; }.ap-bass-options i { width: var(--bass-dot,1rem); height: .25rem; margin-bottom: .65rem; border-radius: 1rem; background: #63c8e9; }.ap-bass-options span:nth-child(1) i{width:.3rem}.ap-bass-options span:nth-child(2) i{width:.7rem}.ap-bass-options span:nth-child(3) i{width:1.1rem}.ap-bass-options span:nth-child(4) i{width:1.5rem}.ap-bass-options b { font-size: .65rem; }.ap-bass-options small { color: var(--slate); font-size: .48rem; }

.ap-operations-section { background: #fff; }
.ap-operations-panel { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem,5vw,5rem); align-items: center; padding: clamp(2.5rem,5vw,5rem); border-radius: var(--radius-lg); color: #a8b6be; background: radial-gradient(circle at 80% 45%,rgba(79,195,247,.13),transparent 25rem),linear-gradient(135deg,#1d1b1c,#343132); }
.ap-operations-copy h2 { max-width: 13ch; color: #fff; font-size: clamp(2.6rem,4.3vw,4.6rem); line-height: 1.04; }
.ap-operations-points { display: grid; grid-template-columns: repeat(2,1fr); gap: .6rem; margin-top: 2rem; }.ap-operations-points span { display: grid; grid-template-columns: auto 1fr; gap: 0 .6rem; padding: .8rem; border: 1px solid rgba(255,255,255,.09); border-radius: .6rem; background: rgba(255,255,255,.03); }.ap-operations-points i { grid-row: 1/3; color: #65d4ff; }.ap-operations-points b { color: #dbe2e6; font-size: .68rem; }.ap-operations-points small { color: #849198; font-size: .54rem; }
.ap-performance-visual { overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 1rem; background: #2b292a; box-shadow: 0 35px 70px rgba(0,0,0,.25); }.ap-performance-head { display: flex; justify-content: space-between; padding: 1rem; border-bottom: 1px solid rgba(255,255,255,.08); color: #d7dfe3; font-size: .55rem; font-weight: 800; letter-spacing: .08em; }.ap-performance-head i { margin-right: .35rem; color: #64d4ff; }.ap-performance-head small { color: #7cffb2; font-size: .48rem; }
.ap-instance-list { padding: .7rem; }.ap-instance-list article { display: grid; grid-template-columns: 1fr 6rem auto; gap: .8rem; align-items: center; padding: .85rem .6rem; border-bottom: 1px solid rgba(255,255,255,.07); }.ap-instance-list article:last-child { border-bottom: 0; }.ap-instance-list article > span { display: grid; grid-template-columns: auto 1fr; gap: 0 .6rem; }.ap-instance-list article > span i { grid-row: 1/3; color: #67d5ff; }.ap-instance-list b { color: #d4dce0; font-size: .64rem; }.ap-instance-list small { color: #7b888f; font-size: .48rem; }.ap-instance-list article > div { height: .25rem; overflow: hidden; border-radius: 1rem; background: #484546; }.ap-instance-list article > div i { display: block; width: var(--load); height: 100%; background: linear-gradient(90deg,#4fc3f7,#7cffb2); }.ap-instance-list em { color: #73d4a0; font-size: .45rem; font-style: normal; font-weight: 800; }
.ap-performance-foot { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.08); }.ap-performance-foot span { display: grid; padding: 1rem; text-align: center; }.ap-performance-foot span + span { border-left: 1px solid rgba(255,255,255,.08); }.ap-performance-foot b { color: #fff; font-size: 1.2rem; }.ap-performance-foot small { color: #7d8b92; font-size: .4rem; letter-spacing: .08em; }

.ap-usecases-section { background: #f1f4f6; }
.ap-usecase-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: .8rem; }.ap-usecase-grid article { position: relative; min-height: 22rem; padding: 1.4rem; border: 1px solid #d6dfe4; border-radius: var(--radius); background: #fff; }.ap-usecase-grid article > i { display: grid; place-items: center; width: 3.2rem; height: 3.2rem; margin-bottom: 3rem; border-radius: .8rem; color: #168fb9; background: #e9f8fd; font-size: 1.3rem; }.ap-usecase-grid article > span { color: #8797a0; font-size: .55rem; font-weight: 800; letter-spacing: .1em; }.ap-usecase-grid h3 { margin: .45rem 0 .8rem; font-size: 1.15rem; }.ap-usecase-grid p { color: var(--slate); font-size: .78rem; }.ap-usecase-grid em { position: absolute; right: 1.4rem; bottom: 1.2rem; left: 1.4rem; padding-top: .7rem; border-top: 1px solid var(--line); color: #3198bb; font-size: .5rem; font-style: normal; font-weight: 800; letter-spacing: .08em; }

.ap-final-section { padding-top: 0; background: #f1f4f6; }.ap-final-panel { display: flex; justify-content: space-between; align-items: center; gap: 3rem; padding: clamp(2.5rem,5vw,5rem); border-radius: var(--radius-lg); color: #a8b5bc; background: radial-gradient(circle at 86% 35%,rgba(79,195,247,.16),transparent 20rem),linear-gradient(135deg,#1c1a1b,#343132); box-shadow: 0 30px 70px rgba(28,45,56,.16); }.ap-final-panel h2 { max-width: 17ch; color: #fff; font-size: clamp(2.3rem,4vw,4rem); line-height: 1.06; }.ap-final-panel p { max-width: 45rem; margin: 0; }.ap-final-panel .footer-cta-actions { flex: 0 0 auto; }

@keyframes ap-pulse { 0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.82)} }
@keyframes ap-spin { to{transform:rotate(360deg)} }

@media (max-width:1199.98px) {
  .ap-hero-console { margin-top: 1rem; }
  .ap-comparison { grid-template-columns: 1fr; }.ap-comparison-divider span { width: 2.5rem; height: 2.5rem; }
  .ap-routing-map { grid-template-columns: 1fr 12rem 1fr; }
  .ap-preset-showcase,.ap-usecase-grid { grid-template-columns: repeat(2,1fr); }
  .ap-operations-panel { grid-template-columns: 1fr; }
  .ap-performance-visual { width: min(100%,42rem); margin: 0 auto; }
  .ap-final-panel { align-items: flex-start; flex-direction: column; }
}
@media (max-width:767.98px) {
  .ap-hero-console { min-height: 41rem; }
  .ap-console-shell { top: 2rem; width: 100%; transform: none; }
  .ap-console-body { grid-template-columns: 1fr; }
  .ap-float-card { display: none; }
  .ap-routing-map { grid-template-columns: 1fr; }.ap-route-core { width: 13rem; height: 13rem; margin: 1.5rem auto; }
  .ap-routing-proof { grid-template-columns: 1fr; }
  .ap-chain-showcase article { grid-template-columns: auto auto 1fr; }.ap-chain-showcase article > em { grid-column: 3; }
  .ap-preset-showcase,.ap-usecase-grid { grid-template-columns: 1fr; }
  .ap-preset-showcase article { min-height: 21rem; }.ap-preset-showcase p { min-height: auto; }
  .ap-bass-strip { grid-template-columns: 1fr; }.ap-bass-options { grid-template-columns: repeat(2,1fr); }
  .ap-operations-panel { padding-inline: 1.5rem; }.ap-operations-points { grid-template-columns: 1fr; }
}
@media (max-width:479.98px) {
  .ap-hero-console { min-height: 44rem; }
  .ap-console-head { align-items: flex-start; flex-direction: column; }
  .ap-console-foot { grid-template-columns: 1fr; }.ap-console-foot > span:last-child { text-align: left; }.ap-mini-meter { display: none; }
  .ap-preset-grid { grid-template-columns: 1fr; }
  .ap-comparison-head { flex-direction: column; }
  .ap-instance-grid { grid-template-columns: 1fr; }
  .ap-chain-showcase article { grid-template-columns: auto 1fr; }.ap-chain-showcase article > i { display: none; }.ap-chain-showcase article > em { grid-column: 2; }
  .ap-bass-options { grid-template-columns: 1fr; }
  .ap-instance-list article { grid-template-columns: 1fr auto; }.ap-instance-list article > div { grid-column: 1/-1; }
  .ap-performance-foot { grid-template-columns: 1fr; }.ap-performance-foot span + span { border-top: 1px solid rgba(255,255,255,.08); border-left: 0; }
  .ap-final-panel .footer-cta-actions,.ap-final-panel .btn { width: 100%; }
}

/* LiveCAM product page */
.lc-product-hero {
  position: relative;
  overflow: hidden;
  color: #d6e2e8;
  background:
    radial-gradient(circle at 79% 28%,rgba(0,205,185,.18),transparent 28rem),
    radial-gradient(circle at 18% 82%,rgba(79,195,247,.14),transparent 30rem),
    linear-gradient(142deg,#181b1c 0%,#2f3536 58%,#1d2223 100%);
}
.lc-hero-orbit {
  position: absolute;
  top: -18rem;
  right: -15rem;
  width: 52rem;
  height: 52rem;
  border: 1px solid rgba(87,223,207,.12);
  border-radius: 50%;
  box-shadow: inset 0 0 0 7rem rgba(87,223,207,.02),inset 0 0 0 14rem rgba(87,223,207,.015);
}
.lc-product-hero .container-wide { position: relative; }
.lc-product-hero h1 { max-width: 9ch; color: #fff; font-size: clamp(3.4rem,5.4vw,5.9rem); }
.lc-product-hero .hero-lead { color: #b7c4c9; }
.lc-breadcrumb .breadcrumb-item,.lc-breadcrumb .breadcrumb-item::before { color: #879398; }
.lc-breadcrumb .breadcrumb-item a { color: #c0cbcf; }
.lc-eyebrow,.lc-eyebrow-light { color: #69e1d2; }
.lc-live-dot {
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background: #6de7d8;
  box-shadow: 0 0 0 .35rem rgba(109,231,216,.12),0 0 1.4rem rgba(109,231,216,.55);
  animation: lc-pulse 2.2s ease-in-out infinite;
}
.lc-hero-points { color: #b7c4c9; }
.lc-hero-points i { color: #6de7d8; }
.lc-hero-stage { position: relative; min-height: 45rem; perspective: 1300px; }
.lc-stage-glow {
  position: absolute;
  top: 11%;
  right: 5%;
  width: 78%;
  height: 70%;
  border-radius: 50%;
  background: rgba(73,218,202,.13);
  filter: blur(80px);
}
.lc-studio-window {
  position: absolute;
  z-index: 2;
  top: 3rem;
  right: 0;
  width: 91%;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 1.25rem;
  background: #292d2e;
  box-shadow: 0 45px 90px rgba(0,0,0,.45);
  transform: rotateY(-4deg) rotateX(1deg);
}
.lc-window-head,.lc-quality-head,.lc-mixer-head,.lc-director-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: #dbe4e7;
  background: rgba(255,255,255,.025);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .08em;
}
.lc-window-head > div { display: flex; gap: .65rem; align-items: center; }
.lc-window-head > div > i { color: #68e0d1; font-size: 1rem; }
.lc-window-head span { display: grid; }
.lc-window-head small { color: #76878d; font-size: .42rem; }
.lc-window-head em,.lc-mixer-head em {
  padding: .3rem .5rem;
  border: 1px solid rgba(109,231,216,.3);
  border-radius: 1rem;
  color: #76e9db;
  background: rgba(109,231,216,.07);
  font-size: .46rem;
  font-style: normal;
}
.lc-window-head em i,.lc-mixer-head em i { margin-right: .25rem; font-size: .32rem; }
.lc-guest-grid {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  grid-template-rows: repeat(2,9.5rem);
  gap: .55rem;
  padding: .7rem;
}
.lc-guest-grid article {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: .7rem;
  background:
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.2)),
    linear-gradient(135deg,#3c474a,#202526);
}
.lc-guest-grid .lc-guest-main { grid-row: 1/3; }
.lc-person { position: absolute; inset: 0; overflow: hidden; }
.lc-person::before {
  content: "";
  position: absolute;
  inset: auto 8% 0;
  height: 52%;
  border-radius: 50% 50% 0 0;
  background: linear-gradient(145deg,#576b70,#273033);
}
.lc-person .lc-head {
  position: absolute;
  z-index: 2;
  top: 19%;
  left: 50%;
  width: 23%;
  aspect-ratio: .8;
  border-radius: 47% 47% 44% 44%;
  background: linear-gradient(145deg,#d1a382,#8b5d46);
  transform: translateX(-50%);
}
.lc-person .lc-head::before {
  content: "";
  position: absolute;
  inset: -13% -5% 53%;
  border-radius: 50% 50% 32% 32%;
  background: #242728;
}
.lc-person .lc-body {
  position: absolute;
  z-index: 1;
  bottom: -6%;
  left: 50%;
  width: 55%;
  height: 47%;
  border-radius: 45% 45% 0 0;
  background: linear-gradient(145deg,#263d47,#101b20);
  transform: translateX(-50%);
}
.lc-person-field { background: radial-gradient(circle at 70% 25%,rgba(255,202,117,.18),transparent 24%),linear-gradient(145deg,#3e555c,#192629); }
.lc-person-dj { background: radial-gradient(circle at 25% 20%,rgba(99,224,210,.18),transparent 26%),linear-gradient(145deg,#424e52,#202527); }
.lc-person-dj .lc-head { background: linear-gradient(145deg,#d6aa89,#8f614a); }
.lc-person-dj .lc-body { background: linear-gradient(145deg,#475e66,#202d32); }
.lc-person-guest { background: radial-gradient(circle at 75% 20%,rgba(121,176,226,.16),transparent 25%),linear-gradient(145deg,#4a5058,#202329); }
.lc-person-guest .lc-head { background: linear-gradient(145deg,#edc7ad,#a3765c); }
.lc-person-guest .lc-body { background: linear-gradient(145deg,#514765,#282333); }
.lc-guest-label {
  position: absolute;
  right: .55rem;
  bottom: .55rem;
  left: .55rem;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: .5rem;
  padding: .5rem;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: .45rem;
  background: rgba(17,21,22,.78);
  backdrop-filter: blur(8px);
}
.lc-guest-label span { display: grid; }
.lc-guest-label b { color: #e1e8ea; font-size: .47rem; letter-spacing: .06em; }
.lc-guest-label small { color: #7d8c92; font-size: .4rem; }
.lc-guest-label em { color: #69e1d2; font-size: .4rem; font-style: normal; font-weight: 800; }
.lc-signal-bars {
  position: absolute;
  z-index: 3;
  top: .7rem;
  right: .7rem;
  display: flex;
  gap: .15rem;
  align-items: end;
  height: 1.2rem;
  padding: .3rem;
  border-radius: .35rem;
  background: rgba(10,13,14,.65);
}
.lc-signal-bars i { width: .12rem; height: 35%; background: #6ee5d7; }
.lc-signal-bars i:nth-child(2) { height: 48%; }
.lc-signal-bars i:nth-child(3) { height: 66%; }
.lc-signal-bars i:nth-child(4) { height: 82%; }
.lc-signal-bars i:nth-child(5) { height: 100%; }
.lc-control-deck {
  display: grid;
  grid-template-columns: 1fr 9rem 1fr;
  gap: 1rem;
  align-items: center;
  padding: .9rem 1rem;
  border-top: 1px solid rgba(255,255,255,.08);
}
.lc-control-deck > span {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 .5rem;
}
.lc-control-deck > span > i { grid-row: 1/3; color: #68e0d1; }
.lc-control-deck b { color: #cbd5d9; font-size: .52rem; }
.lc-control-deck small { color: #6f7d82; font-size: .42rem; }
.lc-levels { display: grid; gap: .25rem; }
.lc-levels i { position: relative; height: .22rem; overflow: hidden; border-radius: 1rem; background: #484e50; }
.lc-levels i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--lc-level); background: linear-gradient(90deg,#48cfc0,#7be5d8,#ffe082); }
.lc-phone {
  position: absolute;
  z-index: 4;
  right: -1.2rem;
  bottom: .25rem;
  width: 10.4rem;
  height: 19.5rem;
  padding: .45rem;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 1.5rem;
  background: #15191a;
  box-shadow: 0 30px 55px rgba(0,0,0,.5);
  transform: rotate(3deg);
}
.lc-phone-top { position: absolute; z-index: 2; top: .6rem; left: 50%; width: 3.3rem; height: .32rem; border-radius: 1rem; background: #090b0c; transform: translateX(-50%); }
.lc-phone-screen {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
  padding: 1.8rem .7rem .7rem;
  border-radius: 1.1rem;
  background: radial-gradient(circle at 50% 30%,rgba(92,225,210,.2),transparent 35%),linear-gradient(165deg,#344144,#192021);
}
.lc-phone-badge { color: #69e1d2; font-size: .43rem; font-weight: 800; letter-spacing: .12em; }
.lc-phone-person {
  position: relative;
  width: 5.3rem;
  height: 6.8rem;
  margin: .75rem 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 2.7rem 2.7rem .7rem .7rem;
  background: linear-gradient(145deg,#49595e,#202829);
}
.lc-phone-person span { position: absolute; top: 18%; left: 50%; width: 2.1rem; height: 2.6rem; border-radius: 47%; background: #bd8e70; transform: translateX(-50%); }
.lc-phone-person span::before { content: ""; position: absolute; inset: -.25rem -.1rem 1.45rem; border-radius: 50%; background: #252829; }
.lc-phone-person i { position: absolute; bottom: -.5rem; left: 50%; width: 4.7rem; height: 3.4rem; border-radius: 50% 50% 0 0; background: #263c45; transform: translateX(-50%); }
.lc-phone-screen b { color: #fff; font-size: .62rem; }
.lc-phone-screen small { margin: .2rem 0 .75rem; color: #93a0a5; font-size: .45rem; }
.lc-phone-screen em { width: 100%; padding: .55rem; border-radius: .5rem; color: #092c2a; background: #6de7d8; font-size: .48rem; font-style: normal; font-weight: 800; text-align: center; }
.lc-phone-screen em i { margin-right: .3rem; }
.lc-float-card {
  position: absolute;
  z-index: 5;
  display: flex;
  gap: .55rem;
  align-items: center;
  padding: .7rem .85rem;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: .6rem;
  background: rgba(35,40,41,.86);
  box-shadow: 0 15px 35px rgba(0,0,0,.28);
  backdrop-filter: blur(10px);
}
.lc-float-card > i { color: #6ce3d4; font-size: 1rem; }
.lc-float-card span { display: grid; }
.lc-float-card b { color: #dce5e8; font-size: .5rem; }
.lc-float-card small { color: #839197; font-size: .4rem; }
.lc-link-card { bottom: 2rem; left: 0; }
.lc-opus-card { top: 1.4rem; right: 2rem; }
.lc-proof-strip { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.04); }
.lc-proof-strip span + span { border-color: rgba(255,255,255,.09); }
.lc-proof-strip i { color: #6de5d6; }
.lc-proof-strip b { color: #d9e3e6; }

.lc-positioning,.lc-usecases-section,.lc-final-section { background: #f1f4f6; }
.lc-steps-section,.lc-camera-section { background: #fff; }
.lc-step-flow {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 1rem;
  align-items: center;
}
.lc-step-flow article {
  position: relative;
  min-height: 22rem;
  padding: 1.6rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #f7f9fa;
}
.lc-step-number { position: absolute; top: 1.4rem; right: 1.4rem; color: #9aa8af; font-size: .55rem; font-weight: 800; }
.lc-step-flow article > i {
  display: grid;
  place-items: center;
  width: 3.5rem;
  height: 3.5rem;
  margin: 3rem 0 2.4rem;
  border-radius: .9rem;
  color: #118f82;
  background: #e4f8f5;
  font-size: 1.4rem;
}
.lc-step-flow article > small { color: #70838d; font-size: .55rem; font-weight: 800; letter-spacing: .1em; }
.lc-step-flow h3 { margin: .45rem 0 .8rem; font-size: 1.15rem; }
.lc-step-flow p { margin: 0; color: var(--slate); font-size: .78rem; }
.lc-step-arrow { color: #8eb8b3; font-size: 1.3rem; }
.lc-device-strip {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  margin-top: 1rem;
  border: 1px solid var(--line);
  border-radius: .75rem;
  background: #f7f9fa;
}
.lc-device-strip span { display: flex; gap: .6rem; justify-content: center; align-items: center; padding: 1rem; }
.lc-device-strip span + span { border-left: 1px solid var(--line); }
.lc-device-strip i { color: #168f82; }
.lc-device-strip b { font-size: .67rem; }

.lc-quality-section {
  color: #aebbc0;
  background:
    radial-gradient(circle at 76% 48%,rgba(91,224,208,.11),transparent 29rem),
    linear-gradient(145deg,#181c1d,#2d3334);
}
.lc-quality-section h2,.lc-check-list b { color: #fff; }
.lc-quality-section .section-lead { color: #a7b3b8; }
.lc-check-list { display: grid; gap: .9rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.lc-check-list li { display: flex; gap: .8rem; color: #8e9ca2; }
.lc-check-list li > i { display: grid; place-items: center; flex: 0 0 1.7rem; height: 1.7rem; border-radius: 50%; color: #6de4d5; background: rgba(109,228,213,.11); }
.lc-check-list span { display: grid; }
.lc-quality-console {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 1rem;
  background: #272c2d;
  box-shadow: 0 35px 75px rgba(0,0,0,.32);
}
.lc-quality-head > span i { margin-right: .35rem; color: #68e1d2; }
.lc-quality-head em { color: #74e3d6; font-size: .47rem; font-style: normal; }
.lc-quality-body { padding: 1rem; }
.lc-waveform {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .7rem;
  align-items: center;
  padding: 1rem;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: .7rem;
  background: #202526;
}
.lc-waveform > span { color: #718187; font-size: .48rem; font-weight: 800; }
.lc-waveform > div { display: flex; gap: .22rem; align-items: center; height: 4rem; }
.lc-waveform i { width: 3.5%; height: 18%; border-radius: 1rem; background: linear-gradient(to top,#3fc8b9,#7ce7da); }
.lc-waveform i:nth-child(2n) { height: 45%; }
.lc-waveform i:nth-child(3n) { height: 72%; }
.lc-waveform i:nth-child(5n) { height: 92%; }
.lc-waveform > div:nth-of-type(2) i:nth-child(2n) { height: 65%; }
.lc-waveform > div:nth-of-type(2) i:nth-child(3n) { height: 36%; }
.lc-quality-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: .55rem; margin-top: .7rem; }
.lc-quality-metrics span {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 .55rem;
  padding: .8rem;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: .55rem;
  background: rgba(255,255,255,.025);
}
.lc-quality-metrics i { grid-row: 1/3; color: #68e0d1; }
.lc-quality-metrics small { color: #708087; font-size: .4rem; }
.lc-quality-metrics b { color: #d0dadd; font-size: .52rem; }
.lc-bandwidth-track {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .8rem;
  align-items: center;
  margin-top: .7rem;
  padding: .9rem;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: .55rem;
  color: #819096;
  font-size: .44rem;
  font-weight: 800;
}
.lc-bandwidth-track div { height: .28rem; overflow: hidden; border-radius: 1rem; background: #444b4d; }
.lc-bandwidth-track div i { display: block; width: 86%; height: 100%; background: linear-gradient(90deg,#49cdbd,#7fe8db,#ffe082); }
.lc-bandwidth-track em { color: #73dfd2; font-style: normal; }

.lc-usecase-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: .8rem; }
.lc-usecase-grid article {
  position: relative;
  min-height: 23rem;
  padding: 1.4rem;
  border: 1px solid #d5dee3;
  border-radius: var(--radius);
  background: #fff;
}
.lc-usecase-grid article > i {
  display: grid;
  place-items: center;
  width: 3.2rem;
  height: 3.2rem;
  margin-bottom: 3.2rem;
  border-radius: .8rem;
  color: #128f82;
  background: #e5f8f5;
  font-size: 1.3rem;
}
.lc-usecase-grid article > span { color: #82939b; font-size: .55rem; font-weight: 800; letter-spacing: .1em; }
.lc-usecase-grid h3 { margin: .45rem 0 .8rem; font-size: 1.15rem; }
.lc-usecase-grid p { color: var(--slate); font-size: .78rem; }
.lc-usecase-grid em {
  position: absolute;
  right: 1.4rem;
  bottom: 1.2rem;
  left: 1.4rem;
  padding-top: .7rem;
  border-top: 1px solid var(--line);
  color: #148f82;
  font-size: .5rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .08em;
}

.lc-kiwi-section {
  color: #aebbc0;
  background:
    radial-gradient(circle at 16% 48%,rgba(101,225,211,.09),transparent 27rem),
    linear-gradient(145deg,#171b1c,#303536);
}
.lc-kiwi-layout { display: grid; grid-template-columns: 1.2fr .8fr; gap: 1rem; align-items: stretch; }
.lc-kiwi-console {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 1rem;
  background: #262b2c;
  box-shadow: 0 35px 65px rgba(0,0,0,.25);
}
.lc-channel-bank { display: grid; grid-template-columns: repeat(4,1fr); gap: .5rem; padding: .7rem; }
.lc-channel-bank article {
  padding: .8rem;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: .65rem;
  background: rgba(255,255,255,.025);
}
.lc-channel-bank article.active { border-color: rgba(109,228,213,.35); background: rgba(109,228,213,.06); }
.lc-channel-bank article > span { display: grid; grid-template-columns: auto 1fr; gap: 0 .5rem; min-height: 3rem; }
.lc-channel-bank article > span i { grid-row: 1/3; color: #68e1d2; }
.lc-channel-bank b { color: #d2dcdf; font-size: .55rem; }
.lc-channel-bank small { color: #77868c; font-size: .42rem; }
.lc-fader { position: relative; height: 12rem; margin: 1rem auto; }
.lc-fader::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: .22rem; border-radius: 1rem; background: #444b4d; transform: translateX(-50%); }
.lc-fader i { position: absolute; right: 50%; bottom: 0; left: 50%; width: .22rem; height: var(--lc-fader); border-radius: 1rem; background: linear-gradient(to top,#3cc9b8,#7ce8da); transform: translateX(-50%); }
.lc-fader u { position: absolute; bottom: calc(var(--lc-fader) - .65rem); left: 50%; width: 1.5rem; height: 1.3rem; border: 1px solid rgba(255,255,255,.16); border-radius: .35rem; background: #565e60; box-shadow: 0 4px 8px rgba(0,0,0,.25); transform: translateX(-50%); }
.lc-channel-bank article > em { display: block; padding: .4rem; border-radius: .35rem; color: #72e2d4; background: rgba(109,228,213,.08); font-size: .43rem; font-style: normal; font-weight: 800; text-align: center; }
.lc-mixer-foot { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem; border-top: 1px solid rgba(255,255,255,.08); color: #74dfd2; font-size: .46rem; font-weight: 800; letter-spacing: .06em; }
.lc-mixer-foot i { margin-right: .3rem; }
.lc-integration-benefits { display: grid; gap: .7rem; }
.lc-integration-benefits article {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: start;
  padding: 1.2rem;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: .8rem;
  background: rgba(255,255,255,.03);
}
.lc-integration-benefits article > i { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border-radius: .65rem; color: #6ce3d4; background: rgba(109,228,213,.1); font-size: 1.1rem; }
.lc-integration-benefits small { color: #718087; font-size: .43rem; font-weight: 800; letter-spacing: .08em; }
.lc-integration-benefits h3 { margin: .25rem 0 .5rem; color: #e5ebed; font-size: 1rem; }
.lc-integration-benefits p { margin: 0; color: #8c9aa0; font-size: .67rem; }

.lc-camera-section .section-lead { color: var(--slate); }
.lc-camera-points { display: grid; gap: .65rem; margin-top: 2rem; }
.lc-camera-points span {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 .7rem;
  padding: .9rem;
  border: 1px solid var(--line);
  border-radius: .65rem;
  background: #f7f9fa;
}
.lc-camera-points i { grid-row: 1/3; color: #128f82; }
.lc-camera-points b { font-size: .68rem; }
.lc-camera-points small { color: var(--slate); font-size: .56rem; }
.lc-director-ui {
  overflow: hidden;
  border: 1px solid #d2dce1;
  border-radius: 1rem;
  background: #272c2d;
  box-shadow: 0 35px 65px rgba(31,49,58,.2);
}
.lc-director-head > span i { margin-right: .35rem; color: #69e1d2; }
.lc-director-head em { color: #72ded1; font-size: .45rem; font-style: normal; }
.lc-director-preview { display: grid; grid-template-columns: 1fr 9rem; gap: .55rem; padding: .7rem; }
.lc-preview-main {
  position: relative;
  min-height: 24rem;
  overflow: hidden;
  border: 1px solid rgba(109,228,213,.35);
  border-radius: .7rem;
  background: #354145;
}
.lc-preview-main > b,.lc-preview-main > small { position: absolute; z-index: 3; left: 1rem; }
.lc-preview-main > b { bottom: 2.1rem; padding: .3rem .5rem; border-radius: .3rem; color: #0b302c; background: #6de4d6; font-size: .47rem; }
.lc-preview-main > small { bottom: 1rem; color: #dce4e7; font-size: .5rem; }
.lc-preview-stack { display: grid; gap: .5rem; }
.lc-preview-stack span {
  display: grid;
  place-items: center;
  align-content: center;
  min-height: 7.65rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: .6rem;
  color: #88979c;
  background: rgba(255,255,255,.03);
  text-align: center;
}
.lc-preview-stack span.live { border-color: rgba(109,228,213,.4); color: #69e1d2; background: rgba(109,228,213,.07); }
.lc-preview-stack i { margin-bottom: .45rem; font-size: 1.1rem; }
.lc-preview-stack b { color: #c8d2d5; font-size: .55rem; }
.lc-preview-stack small { font-size: .4rem; }
.lc-director-switcher {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: .7rem;
  align-items: center;
  padding: .9rem;
  border-top: 1px solid rgba(255,255,255,.08);
  color: #77868b;
  font-size: .45rem;
  font-weight: 800;
  text-align: center;
}
.lc-director-switcher span { padding: .5rem; border-radius: .4rem; background: rgba(255,255,255,.035); }
.lc-director-switcher span.active { color: #75e4d6; background: rgba(109,228,213,.09); }

.lc-workflow-section { background: #eef3f4; }
.lc-workflow {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  gap: .8rem;
  align-items: center;
}
.lc-workflow article {
  display: grid;
  place-items: center;
  min-height: 14rem;
  padding: 1rem;
  border: 1px solid #d3dde1;
  border-radius: .85rem;
  background: #fff;
  text-align: center;
}
.lc-workflow article > i { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: 1.5rem; border-radius: .7rem; color: #128f82; background: #e3f8f4; font-size: 1.2rem; }
.lc-workflow small { color: #819099; font-size: .46rem; font-weight: 800; letter-spacing: .1em; }
.lc-workflow b { margin: .3rem 0; font-size: .8rem; }
.lc-workflow span { color: var(--slate); font-size: .57rem; }
.lc-workflow > i { color: #8eb5b0; }
.lc-final-section { padding-top: 0; }
.lc-final-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3rem;
  padding: clamp(2.5rem,5vw,5rem);
  border-radius: var(--radius-lg);
  color: #aab8bd;
  background:
    radial-gradient(circle at 86% 35%,rgba(93,225,210,.16),transparent 20rem),
    linear-gradient(135deg,#191d1e,#323738);
  box-shadow: 0 30px 70px rgba(28,45,56,.16);
}
.lc-final-panel h2 { max-width: 16ch; color: #fff; font-size: clamp(2.3rem,4vw,4rem); line-height: 1.06; }
.lc-final-panel p { max-width: 45rem; margin: 0; }
.lc-final-panel .footer-cta-actions { flex: 0 0 auto; }

@keyframes lc-pulse { 0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.82)} }

@media (max-width:1199.98px) {
  .lc-hero-stage { margin-top: 1rem; }
  .lc-usecase-grid { grid-template-columns: repeat(2,1fr); }
  .lc-kiwi-layout { grid-template-columns: 1fr; }
  .lc-integration-benefits { grid-template-columns: repeat(3,1fr); }
  .lc-final-panel { align-items: flex-start; flex-direction: column; }
}
@media (max-width:767.98px) {
  .lc-hero-stage { min-height: 41rem; }
  .lc-studio-window { top: 2rem; width: 100%; transform: none; }
  .lc-guest-grid { grid-template-columns: 1fr; grid-template-rows: 13rem 8rem 8rem; }
  .lc-guest-grid .lc-guest-main { grid-row: auto; }
  .lc-phone { display: none; }
  .lc-float-card { display: none; }
  .lc-control-deck { grid-template-columns: 1fr; }
  .lc-step-flow { grid-template-columns: 1fr; }
  .lc-step-arrow { transform: rotate(90deg); justify-self: center; }
  .lc-device-strip { grid-template-columns: repeat(2,1fr); }
  .lc-device-strip span:nth-child(3) { border-top: 1px solid var(--line); border-left: 0; }
  .lc-device-strip span:nth-child(4) { border-top: 1px solid var(--line); }
  .lc-quality-metrics { grid-template-columns: 1fr; }
  .lc-usecase-grid { grid-template-columns: 1fr; }
  .lc-channel-bank { grid-template-columns: repeat(2,1fr); }
  .lc-integration-benefits { grid-template-columns: 1fr; }
  .lc-director-preview { grid-template-columns: 1fr; }
  .lc-preview-stack { grid-template-columns: repeat(3,1fr); }
  .lc-preview-stack span { min-height: 7rem; }
  .lc-workflow { grid-template-columns: 1fr; }
  .lc-workflow > i { transform: rotate(90deg); justify-self: center; }
}
@media (max-width:479.98px) {
  .lc-hero-stage { min-height: 45rem; }
  .lc-window-head { align-items: flex-start; flex-direction: column; }
  .lc-device-strip { grid-template-columns: 1fr; }
  .lc-device-strip span + span { border-top: 1px solid var(--line); border-left: 0; }
  .lc-quality-metrics { grid-template-columns: 1fr; }
  .lc-bandwidth-track { grid-template-columns: 1fr; }
  .lc-channel-bank { grid-template-columns: 1fr; }
  .lc-fader { height: 8rem; }
  .lc-mixer-foot { flex-direction: column; }
  .lc-director-preview { grid-template-columns: 1fr; }
  .lc-preview-main { min-height: 19rem; }
  .lc-preview-stack { grid-template-columns: 1fr; }
  .lc-preview-stack span { min-height: 5.5rem; }
  .lc-director-switcher { grid-template-columns: 1fr; }
  .lc-director-switcher > i { transform: rotate(90deg); }
  .lc-final-panel .footer-cta-actions,.lc-final-panel .btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* CloudADS product page */
.ca-product-hero {
  position: relative;
  overflow: hidden;
  padding-bottom: 0;
  color: #c3d2dc;
  background:
    radial-gradient(circle at 76% 25%,rgba(31,171,255,.18),transparent 28rem),
    radial-gradient(circle at 35% 8%,rgba(215,25,32,.12),transparent 20rem),
    linear-gradient(142deg,#091520 0%,#10283b 58%,#0c1d2a 100%);
}
.ca-product-hero::before {
  opacity: .28;
  background-image: linear-gradient(rgba(118,203,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(118,203,255,.08) 1px,transparent 1px);
  background-size: 46px 46px;
}
.ca-product-hero .container-wide { position: relative; }
.ca-product-hero h1 { max-width: 10.5ch; color: #fff; font-size: clamp(3.2rem,5.15vw,5.55rem); }
.ca-product-hero .hero-lead { color: #b8c8d3; }
.ca-eyebrow,.ca-breadcrumb a,.ca-breadcrumb .breadcrumb-item,.ca-breadcrumb .breadcrumb-item::before { color: #63c6ff; }
.ca-eyebrow-light { color: #6dcbff; }
.ca-hero-points { color: #aebfca; }
.ca-hero-points i { color: #64d8b0; }
.ca-dashboard { position: relative; min-height: 36rem; padding: .65rem; border: 1px solid rgba(148,210,247,.18); border-radius: 1.2rem; background: rgba(7,17,26,.82); box-shadow: 0 38px 90px rgba(0,0,0,.38); transform: perspective(1200px) rotateY(-2deg); }
.ca-dashboard-head { display: flex; justify-content: space-between; align-items: center; min-height: 3.5rem; padding: 0 .85rem; border-bottom: 1px solid rgba(255,255,255,.08); }
.ca-dashboard-head > span { display: grid; grid-template-columns: auto 1fr; gap: 0 .5rem; align-items: center; }
.ca-dashboard-head > span i { grid-row: 1/3; color: #50bfff; font-size: 1.35rem; }
.ca-dashboard-head b { color: #fff; font-size: .7rem; letter-spacing: .02em; }
.ca-dashboard-head small { color: #60798a; font-size: .42rem; font-weight: 800; letter-spacing: .12em; }
.ca-dashboard-head em { color: #5bd9ab; font-size: .47rem; font-style: normal; font-weight: 800; letter-spacing: .08em; }
.ca-dashboard-head em i { margin-right: .3rem; font-size: .4rem; animation: lc-pulse 1.5s infinite; }
.ca-dashboard-body { display: grid; grid-template-columns: 3.2rem 1fr; min-height: 30.7rem; }
.ca-sidebar { display: flex; flex-direction: column; align-items: center; gap: 1rem; padding-top: 1rem; border-right: 1px solid rgba(255,255,255,.07); color: #617787; }
.ca-sidebar i { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: .45rem; }
.ca-sidebar i.active { color: #63c7ff; background: rgba(70,184,250,.12); }
.ca-main-ui { min-width: 0; padding: .7rem; }
.ca-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: .45rem; }
.ca-metrics span { display: grid; padding: .65rem; border: 1px solid rgba(255,255,255,.06); border-radius: .55rem; background: rgba(255,255,255,.025); }
.ca-metrics small { color: #638094; font-size: .38rem; font-weight: 800; letter-spacing: .1em; }
.ca-metrics b { color: #e9f4fa; font-size: 1.1rem; }
.ca-metrics em { color: #52cea4; font-size: .4rem; font-style: normal; }
.ca-schedule { margin-top: .55rem; overflow: hidden; border: 1px solid rgba(255,255,255,.07); border-radius: .65rem; }
.ca-panel-head { display: flex; justify-content: space-between; align-items: center; padding: .65rem .8rem; border-bottom: 1px solid rgba(255,255,255,.07); }
.ca-panel-head span { display: grid; }.ca-panel-head b { color: #e8f2f8; font-size: .58rem; }.ca-panel-head small { color: #617887; font-size: .4rem; }
.ca-panel-head > em { color: #ff666d; font-size: .42rem; font-style: normal; font-weight: 800; }
.ca-time-row { display: grid; grid-template-columns: 2.5rem 1fr 1fr auto; gap: .45rem; align-items: center; min-height: 4.65rem; padding: .55rem .65rem; border-bottom: 1px solid rgba(255,255,255,.055); }
.ca-time-row.active { border-left: 2px solid #45bbfb; background: rgba(53,171,237,.06); }
.ca-time-row time { color: #7f95a4; font-size: .44rem; font-weight: 800; }
.ca-time-row > i { color: #57d2a8; }.ca-time-row > em { color: #59c7ff; font-size: .38rem; font-style: normal; font-weight: 800; }
.ca-spot { display: grid; min-width: 0; padding: .5rem; border-left: 2px solid #4bbcff; border-radius: .3rem; background: rgba(75,188,255,.08); }
.ca-spot b { overflow: hidden; color: #d9e7ef; font-size: .48rem; text-overflow: ellipsis; white-space: nowrap; }.ca-spot small { color: #708795; font-size: .37rem; }
.ca-spot.violet { border-color: #9b82ff; background: rgba(155,130,255,.08); }.ca-spot.red { grid-column: span 2; border-color: #ff6068; background: rgba(255,96,104,.08); }.ca-spot.green { border-color: #55d2a8; background: rgba(85,210,168,.08); }.ca-spot.amber { border-color: #f5bd58; background: rgba(245,189,88,.08); }
.ca-sync-bar { display: grid; grid-template-columns: 1fr auto; gap: 0 1rem; align-items: center; margin-top: .55rem; padding: .65rem .8rem; border: 1px solid rgba(77,199,255,.18); border-radius: .55rem; background: rgba(54,177,235,.06); }
.ca-sync-bar span { color: #dceaf2; font-size: .48rem; }.ca-sync-bar span i { margin-right: .35rem; color: #5bcbff; }.ca-sync-bar small { grid-column: 1; color: #658091; font-size: .38rem; }.ca-sync-bar em { grid-row: 1/3; grid-column: 2; color: #6b8798; font-size: .36rem; font-style: normal; font-weight: 800; text-align: right; }
.ca-float { position: absolute; display: grid; grid-template-columns: auto 1fr; gap: 0 .6rem; padding: .7rem .8rem; border: 1px solid rgba(255,255,255,.14); border-radius: .65rem; background: rgba(15,36,51,.94); box-shadow: 0 18px 38px rgba(0,0,0,.3); }
.ca-float > i { grid-row: 1/3; color: #5fc7ff; }.ca-float b { color: #edf7fb; font-size: .53rem; }.ca-float small { color: #78909e; font-size: .4rem; }
.ca-users { top: 5.5rem; right: -1.5rem; }.ca-mobile { right: 1.8rem; bottom: -1.4rem; }
.ca-proof-strip { margin-top: 4rem; background: rgba(255,255,255,.96); }.ca-proof-strip i { color: #1ba8f6; }
.ca-positioning { background: #fff; }
.positioning-lead { color: var(--ink-soft); font-size: clamp(1.15rem,1.6vw,1.42rem); line-height: 1.65; }
.ca-positioning-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: .8rem; margin-top: 2rem; }
.ca-positioning-grid span { display: grid; padding-top: 1rem; border-top: 2px solid #43b9f8; }.ca-positioning-grid b { font-size: .75rem; }.ca-positioning-grid small { margin-top: .35rem; color: var(--slate); font-size: .61rem; }
.ca-workflow-section { background: #f2f6f9; }
.ca-workflow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: .7rem; align-items: center; }
.ca-workflow article { position: relative; min-height: 18rem; padding: 1.3rem; border: 1px solid #d5e0e7; border-radius: .9rem; background: #fff; }
.ca-workflow article > span { position: absolute; top: 1rem; right: 1rem; color: #c7d6df; font-size: 1.6rem; font-weight: 800; }
.ca-workflow article > i { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: 3.2rem; border-radius: .7rem; color: #149fe9; background: #e9f6fd; font-size: 1.2rem; }
.ca-workflow small { color: #168fcf; font-size: .5rem; font-weight: 800; letter-spacing: .1em; }.ca-workflow h3 { margin: .4rem 0 .7rem; font-size: 1rem; }.ca-workflow p { color: var(--slate); font-size: .68rem; }.ca-workflow > i { color: #92adbd; }
.ca-control-section { background: #fff; }.ca-control-section .section-lead,.ca-reporting-section .section-lead { color: var(--slate); }
.ca-check-list { display: grid; gap: .7rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.ca-check-list li { display: grid; grid-template-columns: auto 1fr; gap: .8rem; }.ca-check-list li > i { display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: 50%; color: #fff; background: #169fe8; }.ca-check-list span { display: grid; }.ca-check-list b { font-size: .78rem; }.ca-check-list span { color: var(--slate); font-size: .65rem; }
.ca-calendar-ui { overflow: hidden; border: 1px solid #d5e0e7; border-radius: 1rem; background: #fff; box-shadow: 0 30px 70px rgba(20,58,81,.14); }
.ca-calendar-head { display: flex; justify-content: space-between; align-items: center; padding: 1rem; color: #6a7f8d; background: #f8fafb; font-size: .58rem; font-weight: 800; }
.ca-calendar-head > span i { margin-right: .4rem; color: #159fe8; }.ca-calendar-head > div { display: flex; gap: .7rem; align-items: center; }.ca-calendar-head button { border: 0; color: #607583; background: transparent; }
.ca-calendar-days { display: grid; grid-template-columns: repeat(7,1fr); border-block: 1px solid var(--line); }
.ca-calendar-days b { display: grid; place-items: center; padding: .65rem .2rem; color: #83949f; font-size: .45rem; text-align: center; }.ca-calendar-days em { color: var(--ink); font-size: .75rem; font-style: normal; }.ca-calendar-days b.active { color: #fff; background: #169fe8; }.ca-calendar-days b.active em { color: #fff; }
.ca-break-list { padding: .7rem; }.ca-break-list article { display: grid; grid-template-columns: 3.2rem 1fr auto; gap: .8rem; align-items: center; padding: .85rem; border-bottom: 1px solid var(--line); }.ca-break-list article.selected { border: 1px solid #a7daf6; border-radius: .55rem; background: #f0f9fe; }
.ca-break-list time { color: var(--ink); font-size: .65rem; font-weight: 800; }.ca-break-list span { display: grid; }.ca-break-list b { font-size: .55rem; }.ca-break-list small { color: var(--slate); font-size: .45rem; }.ca-break-list em { font-size: .42rem; font-style: normal; font-weight: 800; }.ca-break-list em.ready { color: #269966; }.ca-break-list em.live { color: var(--brand-red); }.ca-break-list em.scheduled { color: #178fcf; }
.ca-calendar-foot { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; color: #66808f; background: #f6f9fa; font-size: .45rem; font-weight: 800; }.ca-calendar-foot i { margin-right: .3rem; color: #2aa577; }
.ca-sync-section { color: #a9bbc7; background: radial-gradient(circle at 50% 50%,rgba(34,162,232,.11),transparent 32rem),linear-gradient(145deg,#08131c,#112a3c); }
.ca-sync-section .section-heading { max-width: 55rem; }.ca-sync-grid { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 1rem; align-items: center; }
.ca-sync-grid article { min-height: 14.5rem; padding: 1.25rem; border: 1px solid rgba(255,255,255,.09); border-radius: .8rem; background: rgba(255,255,255,.035); }.ca-sync-grid article.cloud { border-color: rgba(82,193,251,.28); background: rgba(61,176,236,.08); box-shadow: 0 20px 45px rgba(0,0,0,.2); }
.ca-sync-grid article > div { display: flex; gap: .75rem; align-items: center; }.ca-sync-grid article > div > i { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border-radius: .65rem; color: #65c9ff; background: rgba(76,190,251,.1); font-size: 1.1rem; }.ca-sync-grid article > div span { display: grid; }.ca-sync-grid small { color: #637f90; font-size: .45rem; font-weight: 800; letter-spacing: .08em; }.ca-sync-grid b { color: #e6f0f5; font-size: .72rem; }.ca-sync-grid article > em { display: inline-block; margin: 1.5rem 0 .6rem; padding: .25rem .45rem; border-radius: .3rem; color: #62c9ff; background: rgba(89,198,255,.08); font-size: .42rem; font-style: normal; font-weight: 800; }.ca-sync-grid p { margin: 0; color: #8ea4b2; font-size: .65rem; }.ca-sync-grid > i { color: #5e8298; }
.ca-team-strip { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 2rem; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: .85rem; background: rgba(255,255,255,.025); }.ca-team-strip span { display: grid; grid-template-columns: auto 1fr; gap: 0 .65rem; padding: 1rem; }.ca-team-strip span + span { border-left: 1px solid rgba(255,255,255,.08); }.ca-team-strip i { grid-row: 1/3; color: #61c7fd; }.ca-team-strip b { color: #dfeaf0; font-size: .62rem; }.ca-team-strip small { color: #718998; font-size: .48rem; }
.ca-report-ui { overflow: hidden; border: 1px solid #d4dfe6; border-radius: 1rem; background: #fff; box-shadow: 0 30px 70px rgba(20,58,81,.14); }
.ca-report-head { display: flex; justify-content: space-between; align-items: center; padding: 1rem; border-bottom: 1px solid var(--line); }.ca-report-head > span { display: grid; grid-template-columns: auto 1fr; gap: 0 .6rem; }.ca-report-head > span i { grid-row: 1/3; color: #159ee7; font-size: 1.2rem; }.ca-report-head b { font-size: .7rem; }.ca-report-head small { color: var(--slate); font-size: .45rem; }.ca-report-head button { padding: .55rem .75rem; border: 0; border-radius: .45rem; color: #fff; background: #208d5c; font-size: .5rem; font-weight: 800; }
.ca-report-filters { display: flex; gap: .5rem; padding: .75rem 1rem; background: #f7f9fa; }.ca-report-filters span { padding: .45rem .65rem; border: 1px solid var(--line); border-radius: .4rem; color: #617583; background: #fff; font-size: .45rem; }.ca-report-filters i { margin-left: .7rem; }
.ca-chart { display: grid; grid-template-columns: repeat(7,1fr); gap: .4rem; padding: 1.2rem 1.2rem .8rem; color: #7a8e9b; font-size: .4rem; text-align: center; }.ca-chart-bars { grid-column: 1/-1; display: grid; grid-template-columns: repeat(7,1fr); gap: .6rem; align-items: end; height: 13rem; border-bottom: 1px solid var(--line); background: repeating-linear-gradient(to bottom,transparent 0,transparent 3.2rem,#edf1f3 3.25rem); }.ca-chart-bars i { display: block; height: var(--h); border-radius: .35rem .35rem 0 0; background: linear-gradient(to top,#168fd0,#54c6ff); }
.ca-report-summary { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); }.ca-report-summary span { display: grid; padding: 1rem; }.ca-report-summary span + span { border-left: 1px solid var(--line); }.ca-report-summary small { color: var(--slate); font-size: .42rem; font-weight: 800; }.ca-report-summary b { font-size: 1rem; }
.ca-report-benefits { display: grid; gap: .65rem; margin-top: 1.8rem; }.ca-report-benefits span { display: grid; grid-template-columns: auto 1fr; gap: 0 .75rem; padding: .8rem; border: 1px solid var(--line); border-radius: .6rem; }.ca-report-benefits i { grid-row: 1/3; color: #159ee7; }.ca-report-benefits b { font-size: .68rem; }.ca-report-benefits small { color: var(--slate); font-size: .55rem; }
.ca-anywhere-section { background: #f2f6f9; }.ca-benefit-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: .8rem; }.ca-benefit-grid article { min-height: 18rem; padding: 1.4rem; border: 1px solid #d4dfe6; border-radius: .9rem; background: #fff; }.ca-benefit-grid i { display: grid; place-items: center; width: 3.2rem; height: 3.2rem; margin-bottom: 3rem; border-radius: .75rem; color: #159ee7; background: #e9f6fd; font-size: 1.3rem; }.ca-benefit-grid h3 { font-size: 1rem; }.ca-benefit-grid p { color: var(--slate); font-size: .68rem; }
.ca-ecosystem-section { color: #aabdc9; background: linear-gradient(145deg,#0a1822,#163448); }.ca-ecosystem-section h2 { color: #fff; }.ca-ecosystem-section .section-lead { color: #9cb0bc; }
.ca-ecosystem-flow { display: grid; grid-template-columns: 1fr 7rem 1.1fr; gap: .8rem; align-items: center; }.ca-ecosystem-flow article { border: 1px solid rgba(255,255,255,.1); border-radius: .8rem; background: rgba(255,255,255,.035); }.ca-ecosystem-flow article.source { display: grid; place-items: center; min-height: 18rem; padding: 1.3rem; text-align: center; }.ca-ecosystem-flow article.source i { color: #5dc6ff; font-size: 2.6rem; }.ca-ecosystem-flow article.source small { margin-top: 1.5rem; color: #668293; font-size: .45rem; font-weight: 800; letter-spacing: .1em; }.ca-ecosystem-flow article.source b { color: #fff; font-size: 1.5rem; }.ca-ecosystem-flow article.source span { color: #7e96a5; font-size: .56rem; }
.ca-flow-lines { display: grid; gap: .6rem; text-align: center; }.ca-flow-lines i { height: 1px; background: linear-gradient(90deg,transparent,#4dbdf8,transparent); }.ca-flow-lines b { color: #5cc7ff; font-size: .42rem; letter-spacing: .08em; }
.ca-product-stack { display: grid; gap: .55rem; }.ca-product-stack article { display: grid; grid-template-columns: auto 1fr; gap: 0 .8rem; align-items: center; padding: 1rem; }.ca-product-stack i { grid-row: 1/3; display: grid; place-items: center; width: 2.7rem; height: 2.7rem; border-radius: .6rem; color: #5dc6ff; background: rgba(78,190,249,.09); }.ca-product-stack span { display: grid; }.ca-product-stack b { color: #e6f0f5; font-size: .7rem; }.ca-product-stack small { color: #728b9a; font-size: .48rem; }
.ca-final-section { padding-top: 0; background: #f2f6f9; }.ca-final-panel { display: flex; justify-content: space-between; align-items: center; gap: 3rem; padding: clamp(2.5rem,5vw,5rem); border-radius: var(--radius-lg); color: #aabdc9; background: radial-gradient(circle at 85% 30%,rgba(75,190,251,.18),transparent 20rem),linear-gradient(135deg,#091722,#16364b); box-shadow: 0 30px 70px rgba(20,58,81,.18); }.ca-final-panel h2 { max-width: 16ch; color: #fff; font-size: clamp(2.3rem,4vw,4rem); line-height: 1.06; }.ca-final-panel p { max-width: 44rem; margin: 0; }.ca-final-panel .footer-cta-actions { flex: 0 0 auto; }

@media (max-width:1199.98px) {
  .ca-dashboard { margin-top: 1rem; transform: none; }
  .ca-benefit-grid { grid-template-columns: repeat(2,1fr); }
  .ca-final-panel { align-items: flex-start; flex-direction: column; }
}
@media (max-width:991.98px) {
  .ca-positioning-grid { grid-template-columns: 1fr; }
  .ca-workflow { grid-template-columns: 1fr; }
  .ca-workflow > i { justify-self: center; transform: rotate(90deg); }
  .ca-sync-grid { grid-template-columns: 1fr; }
  .ca-sync-grid > i { justify-self: center; transform: rotate(90deg); }
  .ca-team-strip { grid-template-columns: repeat(2,1fr); }
  .ca-team-strip span:nth-child(3) { border-top: 1px solid rgba(255,255,255,.08); border-left: 0; }
  .ca-team-strip span:nth-child(4) { border-top: 1px solid rgba(255,255,255,.08); }
}
@media (max-width:767.98px) {
  .ca-dashboard { min-height: 41rem; }
  .ca-dashboard-body { grid-template-columns: 1fr; }
  .ca-sidebar { flex-direction: row; justify-content: center; padding: .65rem; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.07); }
  .ca-metrics { grid-template-columns: 1fr; }
  .ca-time-row { grid-template-columns: 2.5rem 1fr auto; }
  .ca-time-row .ca-spot:nth-of-type(2) { display: none; }
  .ca-spot.red { grid-column: auto; }
  .ca-sync-bar { grid-template-columns: 1fr; }.ca-sync-bar em { grid-row: auto; grid-column: 1; margin-top: .4rem; text-align: left; }
  .ca-float { display: none; }
  .ca-calendar-head { align-items: flex-start; flex-direction: column; gap: .65rem; }
  .ca-calendar-days b:nth-child(n+6) { display: none; }.ca-calendar-days { grid-template-columns: repeat(5,1fr); }
  .ca-break-list article { grid-template-columns: 2.6rem 1fr; }.ca-break-list em { grid-column: 2; }
  .ca-team-strip { grid-template-columns: 1fr; }.ca-team-strip span + span { border-top: 1px solid rgba(255,255,255,.08); border-left: 0; }
  .ca-report-head { align-items: flex-start; flex-direction: column; gap: .75rem; }.ca-report-filters { flex-wrap: wrap; }
  .ca-report-summary { grid-template-columns: 1fr; }.ca-report-summary span + span { border-top: 1px solid var(--line); border-left: 0; }
  .ca-benefit-grid { grid-template-columns: 1fr; }
  .ca-ecosystem-flow { grid-template-columns: 1fr; }.ca-flow-lines { transform: rotate(90deg); margin: 1.5rem auto; width: 7rem; }
}
@media (max-width:479.98px) {
  .ca-product-hero h1 { font-size: 2.85rem; }
  .ca-dashboard { min-height: 43rem; padding: .4rem; }
  .ca-main-ui { padding: .45rem; }
  .ca-dashboard-head { padding: 0 .45rem; }
  .ca-dashboard-head em { display: none; }
  .ca-sidebar { gap: .4rem; }
  .ca-time-row { grid-template-columns: 2.2rem 1fr; }.ca-time-row > i,.ca-time-row > em { display: none; }
  .ca-calendar-days b:nth-child(5) { display: none; }.ca-calendar-days { grid-template-columns: repeat(4,1fr); }
  .ca-chart-bars { height: 9rem; }
  .ca-final-panel .footer-cta-actions,.ca-final-panel .btn { width: 100%; }
}

/* Founder page */
.founder-hero {
  position: relative;
  overflow: hidden;
  padding: 1.2rem 0 0;
  color: #b8c5cf;
  background:
    radial-gradient(circle at 82% 35%,rgba(215,25,32,.17),transparent 24rem),
    radial-gradient(circle at 15% 80%,rgba(66,157,207,.1),transparent 28rem),
    linear-gradient(142deg,#09141e 0%,#102536 58%,#0b1925 100%);
}
.founder-grid { position: absolute; inset: 0; opacity: .26; pointer-events: none; background-image: linear-gradient(rgba(121,176,208,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(121,176,208,.09) 1px,transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom,#000,transparent 90%); }
.founder-hero .container-wide { position: relative; }
.founder-breadcrumb { margin-bottom: clamp(3rem,6vw,6.5rem); }
.founder-breadcrumb a,.founder-breadcrumb .breadcrumb-item,.founder-breadcrumb .breadcrumb-item::before { color: #8195a4; }
.founder-eyebrow { color: #ff6167; }
.founder-eyebrow-light { color: #ff6c72; }
.founder-hero h1 { max-width: none; margin-bottom: .7rem; color: #fff; font-size: clamp(4rem,7vw,7.5rem); letter-spacing: -.065em; }
.founder-role { margin-bottom: 1.6rem; color: #ff656b; font-size: clamp(.9rem,1.25vw,1.1rem); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.founder-lead { max-width: 48rem; margin-bottom: 2rem; color: #bdcad3; font-size: clamp(1.15rem,1.6vw,1.45rem); line-height: 1.6; }
.founder-hero-actions { display: flex; flex-wrap: wrap; gap: 1.3rem; align-items: center; }
.founder-text-link { color: #dce7ed; font-size: .85rem; font-weight: 800; text-decoration: none; }.founder-text-link i { margin-left: .35rem; color: #ff646b; }.founder-text-link:hover { color: #fff; }
.founder-signature-card { position: relative; min-height: 34rem; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 1.3rem; background: linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); box-shadow: 0 40px 90px rgba(0,0,0,.3); }
.founder-signature-card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 40%,rgba(215,25,32,.18),transparent 16rem); }
.founder-monogram { position: absolute; top: 2.5rem; left: 50%; width: 19rem; height: 19rem; transform: translateX(-50%); }
.founder-monogram span { position: absolute; inset: 2.7rem; z-index: 2; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; color: #fff; background: rgba(8,20,29,.75); box-shadow: inset 0 0 0 1.1rem rgba(255,255,255,.025),0 0 70px rgba(215,25,32,.18); font-size: 4.5rem; font-weight: 800; letter-spacing: -.08em; }
.founder-monogram::before,.founder-monogram::after { content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(255,101,107,.3); }.founder-monogram::before { inset: 0; }.founder-monogram::after { inset: 1.25rem; border-style: dashed; animation: founder-spin 34s linear infinite; }
.founder-monogram i { position: absolute; z-index: 3; width: .65rem; height: .65rem; border-radius: 50%; background: #ff6168; box-shadow: 0 0 0 .45rem rgba(255,97,104,.1),0 0 18px #ff6168; }.founder-monogram i:nth-of-type(1) { top: 2.2rem; left: 5rem; }.founder-monogram i:nth-of-type(2) { top: 5.5rem; right: 1.4rem; }.founder-monogram i:nth-of-type(3) { right: 4rem; bottom: 1rem; }.founder-monogram i:nth-of-type(4) { bottom: 4rem; left: 1.2rem; }
.founder-card-copy { position: absolute; right: 2rem; bottom: 4.5rem; left: 2rem; display: grid; text-align: center; }.founder-card-copy small { margin-bottom: .5rem; color: #6e8493; font-size: .48rem; font-weight: 800; letter-spacing: .16em; }.founder-card-copy strong { color: #eaf1f5; font-size: 1rem; line-height: 1.35; }
.founder-signal { position: absolute; right: 1.5rem; bottom: 1.2rem; left: 1.5rem; display: flex; justify-content: center; align-items: center; gap: 3px; height: 2rem; }.founder-signal i { width: 3px; height: 25%; border-radius: 1rem; background: #ff6269; animation: meter 1.4s ease-in-out infinite alternate; }.founder-signal i:nth-child(2n) { height: 70%; animation-delay: -.3s; }.founder-signal i:nth-child(3n) { height: 100%; animation-delay: -.7s; }
.founder-proof { display: grid; grid-template-columns: repeat(4,1fr); margin-top: clamp(4rem,7vw,7rem); border: 1px solid rgba(255,255,255,.11); border-bottom: 0; border-radius: var(--radius) var(--radius) 0 0; background: rgba(255,255,255,.035); backdrop-filter: blur(8px); }
.founder-proof span { display: grid; justify-items: center; align-content: center; min-height: 7rem; padding: 1rem; text-align: center; }.founder-proof span + span { border-left: 1px solid rgba(255,255,255,.1); }.founder-proof b { color: #fff; font-size: 1.45rem; }.founder-proof small { color: #7790a0; font-size: .52rem; font-weight: 700; letter-spacing: .04em; }
.founder-editorial-grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: clamp(3rem,8vw,9rem); align-items: start; }
.founder-section-number { display: block; margin-bottom: 3.5rem; color: #c8d3db; font-size: 3rem; font-weight: 800; letter-spacing: -.06em; }
.founder-editorial-grid h2 { max-width: 14ch; font-size: clamp(2.4rem,4vw,4rem); line-height: 1.08; }
.founder-copy { padding-top: 7rem; }.founder-copy p { color: var(--slate); }.founder-copy-lead { color: var(--ink-soft) !important; font-size: clamp(1.2rem,1.7vw,1.5rem); line-height: 1.65; }
.founder-pioneer { color: #9fb0bc; background: radial-gradient(circle at 85% 20%,rgba(215,25,32,.12),transparent 24rem),linear-gradient(145deg,#0a1721,#152d3e); }
.founder-pioneer .section-heading { max-width: 58rem; }.founder-pioneer .section-heading h2 { color: #fff; }.founder-pioneer .section-heading p { color: #9dafba; }
.founder-timeline { position: relative; display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; padding-top: 2.5rem; }.founder-timeline::before { content: ""; position: absolute; top: 4.4rem; right: 11%; left: 11%; height: 1px; background: linear-gradient(90deg,transparent,#ff6067 20%,#ff6067 80%,transparent); }
.founder-timeline article { position: relative; z-index: 1; padding: 1.4rem; border: 1px solid rgba(255,255,255,.09); border-radius: .9rem; background: rgba(255,255,255,.035); }.founder-timeline time { color: #fff; font-size: 2.4rem; font-weight: 800; letter-spacing: -.05em; }.founder-time-dot { display: grid; place-items: center; width: 3.4rem; height: 3.4rem; margin: 1rem 0 2.8rem; border: 1px solid rgba(255,97,104,.4); border-radius: 50%; color: #ff646b; background: #122838; box-shadow: 0 0 0 .5rem rgba(255,97,104,.06); }.founder-timeline small { color: #758b99; font-size: .48rem; font-weight: 800; letter-spacing: .1em; }.founder-timeline h3 { margin: .5rem 0 .9rem; color: #e8eff3; font-size: 1.15rem; }.founder-timeline p { margin: 0; color: #8fa3b0; font-size: .7rem; }
.founder-anticipation { display: grid; grid-template-columns: auto 1fr; gap: 1.2rem; align-items: center; margin-top: 1.2rem; padding: 1.4rem; border-left: 3px solid #ff6269; background: rgba(255,255,255,.035); }.founder-anticipation i { color: #ff656b; font-size: 1.5rem; }.founder-anticipation p { margin: 0; color: #9fb1bc; }.founder-anticipation strong { color: #fff; }
.founder-world .section-lead { color: var(--slate); }.founder-world-stage { position: relative; min-height: 31rem; overflow: hidden; border: 1px solid var(--line); border-radius: 1rem; background: #f4f7f8; box-shadow: var(--shadow-sm); }
.founder-world-map { position: absolute; inset: 0; opacity: .85; background: radial-gradient(ellipse at center,rgba(71,144,182,.08),transparent 64%); }.founder-world-map::before,.founder-world-map::after { content: ""; position: absolute; border: 1px solid #cfdae0; border-radius: 50%; }.founder-world-map::before { inset: 3rem 7rem; }.founder-world-map::after { top: 2rem; bottom: 2rem; left: 50%; width: 13rem; transform: translateX(-50%); }.founder-world-map span { position: absolute; z-index: 2; color: #657b89; font-size: .45rem; font-weight: 800; }.founder-world-map span i { display: block; width: .55rem; height: .55rem; margin: .2rem auto 0; border-radius: 50%; background: #d71920; box-shadow: 0 0 0 .35rem rgba(215,25,32,.09); }.founder-world-map .argentina { top: 61%; left: 28%; }.founder-world-map .china { top: 37%; right: 22%; }.founder-world-map .usa { top: 24%; left: 24%; }.founder-world-map .europe { top: 20%; left: 54%; }.founder-world-map b { position: absolute; height: 1px; background: linear-gradient(90deg,transparent,#d71920,transparent); transform-origin: left; }.founder-world-map b:nth-of-type(1) { top: 48%; left: 29%; width: 47%; transform: rotate(-16deg); }.founder-world-map b:nth-of-type(2) { top: 35%; left: 27%; width: 31%; transform: rotate(-22deg); }.founder-world-map b:nth-of-type(3) { top: 54%; left: 29%; width: 29%; transform: rotate(-48deg); }
.founder-award-card,.founder-mission-card { position: absolute; z-index: 3; display: grid; grid-template-columns: auto auto 1fr; gap: .8rem; align-items: center; padding: 1rem; border: 1px solid #d6e0e6; border-radius: .75rem; background: rgba(255,255,255,.94); box-shadow: 0 15px 35px rgba(11,31,51,.12); }.founder-award-card { top: 2rem; left: 2rem; }.founder-mission-card { right: 2rem; bottom: 2rem; }.founder-award-card > span,.founder-mission-card > span { color: #d71920; font-size: 1.4rem; font-weight: 800; }.founder-award-card > i,.founder-mission-card > i { color: #d71920; font-size: 1.3rem; }.founder-award-card div,.founder-mission-card div { display: grid; max-width: 18rem; }.founder-award-card small,.founder-mission-card small { color: #8798a3; font-size: .4rem; font-weight: 800; letter-spacing: .08em; }.founder-award-card strong,.founder-mission-card strong { color: var(--ink); font-size: .6rem; }
.founder-world-copy { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-top: 2rem; }.founder-world-copy p { margin: 0; padding-top: 1rem; border-top: 2px solid var(--brand-red); color: var(--slate); font-size: .7rem; }.founder-world-copy strong { color: var(--ink-soft); }
.founder-tradition { color: #a5b6c1; background: linear-gradient(145deg,#0a1721,#173044); }.founder-tradition h2 { color: #fff; }.founder-tradition .founder-editorial-grid > div:first-child > p { color: #91a5b1; }.founder-tradition-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: .7rem; padding-top: 4rem; }.founder-tradition-grid article { display: grid; grid-template-columns: auto 1fr; gap: 1rem; padding: 1rem; border: 1px solid rgba(255,255,255,.09); border-radius: .75rem; background: rgba(255,255,255,.035); }.founder-tradition-grid article > i { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border-radius: .65rem; color: #ff646b; background: rgba(255,97,104,.09); }.founder-tradition-grid small { color: #708897; font-size: .42rem; font-weight: 800; letter-spacing: .08em; }.founder-tradition-grid h3 { margin: .25rem 0 .5rem; color: #e3ecf1; font-size: .9rem; }.founder-tradition-grid p { margin: 0; color: #879daa; font-size: .62rem; }
.founder-bridge { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1rem; margin-top: 4rem; padding: 1.5rem; border: 1px solid rgba(255,255,255,.1); border-radius: .8rem; background: rgba(255,255,255,.03); }.founder-bridge span { color: #ff666d; font-size: .52rem; font-weight: 800; letter-spacing: .1em; }.founder-bridge strong { color: #dce7ed; font-size: .75rem; }.founder-bridge i { color: #638091; }.founder-bridge-copy { max-width: 56rem; margin: 1.5rem auto 0; color: #90a5b1; text-align: center; }
.founder-close .section-lead { color: var(--slate); }.founder-ecosystem { display: grid; grid-template-columns: repeat(2,1fr); gap: .65rem; }.founder-ecosystem span { display: flex; align-items: center; gap: .8rem; min-height: 4.3rem; padding: .8rem; border: 1px solid var(--line); border-radius: .65rem; color: var(--ink-soft); background: #f8fafb; font-size: .65rem; font-weight: 700; }.founder-ecosystem i { display: grid; place-items: center; flex: 0 0 2.4rem; height: 2.4rem; border-radius: .55rem; color: var(--brand-red); background: #fff0f1; font-size: 1rem; }
.founder-future { background: #f1f4f6; }.founder-future-panel { display: grid; grid-template-columns: .85fr 1.15fr; gap: 4rem; padding: clamp(2.5rem,6vw,6rem); border-radius: var(--radius-lg); color: #9fb1bc; background: radial-gradient(circle at 85% 28%,rgba(215,25,32,.14),transparent 20rem),linear-gradient(135deg,#091721,#173448); box-shadow: 0 30px 70px rgba(11,31,51,.17); }.founder-future-panel h2 { max-width: 12ch; color: #fff; font-size: clamp(2.5rem,4vw,4.2rem); line-height: 1.05; }.founder-future-copy { padding-top: 6rem; }.founder-future-copy p { color: #9db0bc; }.founder-future-copy strong { color: #fff; }.founder-manifesto { grid-column: 1/-1; display: grid; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,.12); }.founder-manifesto span { color: #788f9d; font-size: clamp(1.5rem,3vw,2.8rem); font-weight: 700; letter-spacing: -.03em; }.founder-manifesto strong { color: #fff; font-size: clamp(2.4rem,5vw,5.3rem); line-height: 1; letter-spacing: -.055em; }
.founder-quote-section { background: #fff; }.founder-quote { position: relative; max-width: 74rem; margin: 0 auto; padding: clamp(2rem,6vw,5rem); border-left: 4px solid var(--brand-red); background: #f7f9fa; }.founder-quote > i { color: #e2e8ec; font-size: 4rem; }.founder-quote > p { margin: .5rem 0 2.5rem; color: var(--ink); font-size: clamp(1.8rem,3.2vw,3.2rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.25; }.founder-quote footer { display: flex; gap: 1rem; align-items: center; }.founder-quote-monogram { display: grid; place-items: center; width: 3.3rem; height: 3.3rem; border-radius: 50%; color: #fff; background: var(--ink); font-size: .8rem; font-weight: 800; }.founder-quote footer div { display: grid; }.founder-quote footer strong { font-size: .8rem; }.founder-quote footer small { color: var(--slate); font-size: .6rem; }
@keyframes founder-spin { to { transform: rotate(360deg); } }
@media (max-width:1199.98px) {
  .founder-signature-card { min-height: 30rem; }
  .founder-monogram { top: 1.8rem; transform: translateX(-50%) scale(.86); }
  .founder-proof { grid-template-columns: repeat(2,1fr); }
  .founder-proof span:nth-child(3) { border-top: 1px solid rgba(255,255,255,.1); border-left: 0; }
  .founder-proof span:nth-child(4) { border-top: 1px solid rgba(255,255,255,.1); }
}
@media (max-width:991.98px) {
  .founder-editorial-grid { grid-template-columns: 1fr; gap: 2rem; }
  .founder-copy { padding-top: 0; }
  .founder-timeline { grid-template-columns: 1fr; }.founder-timeline::before { display: none; }
  .founder-timeline article { display: grid; grid-template-columns: 6rem 4rem 1fr; gap: 0 1rem; }.founder-timeline time { grid-row: 1/5; }.founder-time-dot { grid-row: 1/5; margin: 0; }.founder-timeline small,.founder-timeline h3,.founder-timeline p { grid-column: 3; }
  .founder-world-copy { grid-template-columns: 1fr; }
  .founder-tradition-grid { padding-top: 0; }
  .founder-future-panel { grid-template-columns: 1fr; gap: 1rem; }.founder-future-copy { padding-top: 0; }.founder-manifesto { grid-column: 1; }
}
@media (max-width:767.98px) {
  .founder-hero h1 { font-size: clamp(3.7rem,16vw,5.2rem); }
  .founder-proof { grid-template-columns: 1fr; }.founder-proof span + span,.founder-proof span:nth-child(3) { border-top: 1px solid rgba(255,255,255,.1); border-left: 0; }
  .founder-timeline article { grid-template-columns: 4rem 1fr; }.founder-timeline time { grid-row: 1; }.founder-time-dot { grid-row: 2/5; grid-column: 1; }.founder-timeline small,.founder-timeline h3,.founder-timeline p { grid-column: 2; }
  .founder-world-stage { min-height: 35rem; }.founder-world-map::before { inset: 4rem 2rem; }.founder-award-card { top: 1rem; right: 1rem; left: 1rem; }.founder-mission-card { right: 1rem; bottom: 1rem; left: 1rem; }
  .founder-tradition-grid { grid-template-columns: 1fr; }
  .founder-bridge { align-items: flex-start; flex-direction: column; }.founder-bridge i { transform: rotate(90deg); }
  .founder-ecosystem { grid-template-columns: 1fr; }
}
@media (max-width:479.98px) {
  .founder-signature-card { min-height: 27rem; }
  .founder-monogram { top: .5rem; transform: translateX(-50%) scale(.72); }
  .founder-card-copy { right: 1rem; bottom: 4rem; left: 1rem; }
  .founder-timeline article { grid-template-columns: 1fr; }.founder-timeline time,.founder-time-dot,.founder-timeline small,.founder-timeline h3,.founder-timeline p { grid-row: auto; grid-column: 1; }.founder-time-dot { margin: .8rem 0 1.5rem; }
  .founder-award-card,.founder-mission-card { grid-template-columns: auto 1fr; }.founder-award-card > i,.founder-mission-card > i { display: none; }.founder-award-card div,.founder-mission-card div { max-width: none; }
  .founder-future-panel { padding: 2rem 1.2rem; }
  .founder-quote { padding: 2rem 1.2rem; }
  .founder-quote footer { align-items: flex-start; }.founder-quote footer small { line-height: 1.45; }
}

/* Integrations and deployment page */
.int-hero { position: relative; overflow: hidden; padding: 1.2rem 0 0; color: #b8c7d1; background: radial-gradient(circle at 77% 32%,rgba(35,160,223,.17),transparent 28rem),radial-gradient(circle at 32% 8%,rgba(215,25,32,.1),transparent 20rem),linear-gradient(145deg,#08141e,#112b3d 60%,#0a1b27); }
.int-hero-grid { position: absolute; inset: 0; opacity: .28; pointer-events: none; background-image: linear-gradient(rgba(94,175,219,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(94,175,219,.085) 1px,transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom,#000,transparent 90%); }
.int-hero .container-wide { position: relative; }.int-breadcrumb { margin-bottom: clamp(2.8rem,5vw,5rem); }.int-breadcrumb a,.int-breadcrumb .breadcrumb-item,.int-breadcrumb .breadcrumb-item::before { color: #8096a5; }.int-eyebrow { color: #5cc7ff; }.int-eyebrow-light { color: #65cbff; }.int-hero h1 { max-width: 10.5ch; color: #fff; font-size: clamp(3.25rem,5.2vw,5.7rem); }.int-hero .hero-lead { color: #b6c6d0; }.int-hero-points { color: #92a9b7; }.int-hero-points i { color: #60d3a7; }
.int-architecture { overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 1.1rem; background: rgba(6,17,25,.82); box-shadow: 0 38px 90px rgba(0,0,0,.36); }.int-arch-head { display: flex; justify-content: space-between; align-items: center; min-height: 3.5rem; padding: 0 1rem; border-bottom: 1px solid rgba(255,255,255,.08); color: #7690a0; font-size: .45rem; font-weight: 800; letter-spacing: .08em; }.int-arch-head span i { margin-right: .35rem; color: #5bd4a7; font-size: .4rem; }.int-arch-head em { color: #5bcaff; font-style: normal; }
.int-arch-body { display: grid; grid-template-columns: 1fr 3rem 1.25fr 3rem 1.1fr; gap: .3rem; align-items: center; min-height: 29rem; padding: 1rem; }.int-input-bank,.int-output-bank { display: grid; gap: .55rem; }.int-input-bank article,.int-output-bank article { display: grid; grid-template-columns: auto 1fr; gap: 0 .6rem; align-items: center; padding: .7rem; border: 1px solid rgba(255,255,255,.07); border-radius: .55rem; background: rgba(255,255,255,.03); }.int-input-bank article > i,.int-output-bank article > i { grid-row: 1/3; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: .45rem; color: #56c5fb; background: rgba(73,186,244,.09); }.int-input-bank span,.int-output-bank span { display: grid; }.int-input-bank b,.int-output-bank b { color: #dbe7ed; font-size: .52rem; }.int-input-bank small,.int-output-bank small { color: #688190; font-size: .4rem; }.int-output-bank article { grid-template-columns: auto 1fr auto; }.int-output-bank article > em { color: #6c8a9b; font-size: .35rem; font-style: normal; font-weight: 800; }.int-output-bank article.cloud { border-color: rgba(83,198,255,.24); background: rgba(60,178,237,.07); }.int-output-bank article.cloud > em { color: #5bd3a6; }.int-output-bank article.hybrid > em { color: #5fc8ff; }
.int-arch-lines { display: grid; gap: 3.65rem; }.int-arch-lines i { height: 1px; background: linear-gradient(90deg,rgba(80,195,253,.15),#50c2fb); }.int-arch-lines.reverse i { background: linear-gradient(90deg,#50c2fb,rgba(80,195,253,.15)); }
.int-core { position: relative; display: grid; place-items: center; min-height: 16rem; }.int-core-ring { position: absolute; inset: 0; border: 1px solid rgba(83,197,255,.22); border-radius: 50%; box-shadow: inset 0 0 0 1.1rem rgba(70,180,237,.025),0 0 60px rgba(44,159,218,.09); }.int-core-ring::before,.int-core-ring::after { content: ""; position: absolute; border: 1px dashed rgba(85,197,255,.18); border-radius: 50%; }.int-core-ring::before { inset: 1.2rem; }.int-core-ring::after { inset: 2.4rem; }.int-core > div { position: relative; z-index: 2; display: grid; place-items: center; text-align: center; }.int-core img { width: 6rem; filter: drop-shadow(0 8px 18px rgba(0,0,0,.28)); }.int-core small { margin-top: 1rem; color: #5f7b8c; font-size: .38rem; font-weight: 800; letter-spacing: .12em; }.int-core b { color: #dfeaf0; font-size: .57rem; }
.int-protocol-ticker { display: grid; grid-template-columns: repeat(7,1fr); border-top: 1px solid rgba(255,255,255,.08); }.int-protocol-ticker span { display: grid; place-items: center; min-height: 3rem; color: #698494; font-size: .42rem; font-weight: 800; }.int-protocol-ticker span + span { border-left: 1px solid rgba(255,255,255,.07); }
.int-proof-strip { margin-top: clamp(3.5rem,6vw,6rem); background: rgba(255,255,255,.96); }.int-proof-strip i { color: #199fdf; }
.int-intro-lead { color: var(--ink-soft); font-size: clamp(1.15rem,1.65vw,1.45rem); line-height: 1.65; }.int-intro-points { display: grid; grid-template-columns: repeat(3,1fr); gap: .8rem; margin-top: 2rem; }.int-intro-points span { display: grid; padding-top: 1rem; border-top: 2px solid #1b9edc; }.int-intro-points b { font-size: .75rem; }.int-intro-points small { margin-top: .35rem; color: var(--slate); font-size: .58rem; }
.int-deployment { background: #f1f5f7; }.int-deployment-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: .9rem; align-items: stretch; }.int-deployment-grid > article { position: relative; display: flex; flex-direction: column; min-height: 40rem; padding: 1.35rem; border: 1px solid #d4dfe6; border-radius: 1rem; background: #fff; }.int-deployment-grid > article.featured { border-color: #75c8f1; box-shadow: 0 28px 65px rgba(20,105,150,.15); }.int-recommended { position: absolute; top: -1px; right: 1.3rem; padding: .35rem .6rem; border-radius: 0 0 .45rem .45rem; color: #fff; background: #168fca; font-size: .42rem; font-weight: 800; letter-spacing: .08em; }.int-deploy-top { display: grid; grid-template-columns: auto 1fr; gap: 0 .8rem; align-items: center; padding-bottom: 1rem; border-bottom: 1px solid var(--line); }.int-deploy-top > i { grid-row: 1/3; display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: .7rem; color: #168fca; background: #eaf7fd; font-size: 1.2rem; }.int-deploy-top span { display: grid; }.int-deploy-top small { color: #81939f; font-size: .42rem; font-weight: 800; letter-spacing: .1em; }.int-deploy-top b { font-size: 1rem; }.int-deploy-top em { grid-column: 1/-1; margin-top: .7rem; color: #168fca; font-size: .42rem; font-style: normal; font-weight: 800; letter-spacing: .1em; }.int-deployment-grid h3 { margin: 1.5rem 0 .8rem; font-size: 1.35rem; line-height: 1.2; }.int-deployment-grid > article > p { color: var(--slate); font-size: .72rem; }.int-deployment-grid ul { display: grid; gap: .75rem; margin: 1.3rem 0 2rem; padding: 0; list-style: none; }.int-deployment-grid li { display: grid; grid-template-columns: auto 1fr; gap: .6rem; color: var(--ink-soft); font-size: .63rem; }.int-deployment-grid li i { color: #249c6c; }.int-best { display: grid; margin-top: auto; padding: 1rem; border-radius: .65rem; background: #f4f8fa; }.int-best small { color: #168fca; font-size: .42rem; font-weight: 800; letter-spacing: .08em; }.int-best b { margin-top: .25rem; font-size: .62rem; }
.int-cloud { color: #a9bbc6; background: radial-gradient(circle at 20% 50%,rgba(39,169,231,.12),transparent 28rem),linear-gradient(145deg,#08141e,#123044); }.int-cloud h2 { color: #fff; }.int-cloud .section-lead { color: #9cafbb; }.int-cloud-slogan { display: grid; margin: 2rem 0; }.int-cloud-slogan span { color: #718a99; font-size: clamp(1.3rem,2.4vw,2rem); font-weight: 700; letter-spacing: -.03em; }.int-cloud-slogan strong { color: #fff; font-size: clamp(2rem,3.6vw,3.4rem); line-height: 1; letter-spacing: -.045em; }
.int-cloud-console { overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 1rem; background: #0b1b27; box-shadow: 0 35px 75px rgba(0,0,0,.3); }.int-cloud-head { display: flex; justify-content: space-between; align-items: center; min-height: 4rem; padding: .8rem 1rem; border-bottom: 1px solid rgba(255,255,255,.08); }.int-cloud-head > span { display: grid; grid-template-columns: auto 1fr; gap: 0 .65rem; }.int-cloud-head > span > i { grid-row: 1/3; color: #5fc8ff; font-size: 1.2rem; }.int-cloud-head b { color: #e3edf2; font-size: .58rem; }.int-cloud-head small { color: #638091; font-size: .4rem; }.int-cloud-head em { color: #5bd3a7; font-size: .42rem; font-style: normal; font-weight: 800; }.int-cloud-head em i { margin-right: .3rem; font-size: .38rem; }
.int-cloud-body { padding: .75rem; }.int-cloud-services { display: grid; grid-template-columns: repeat(2,1fr); gap: .5rem; }.int-cloud-services article { display: grid; grid-template-columns: auto 1fr auto; gap: 0 .6rem; align-items: center; padding: .8rem; border: 1px solid rgba(255,255,255,.07); border-radius: .55rem; background: rgba(255,255,255,.025); }.int-cloud-services article > i { grid-row: 1/3; color: #5fc8ff; }.int-cloud-services span { display: grid; }.int-cloud-services b { color: #dce7ed; font-size: .5rem; }.int-cloud-services small { color: #66808f; font-size: .38rem; }.int-cloud-services em { color: #5bd1a6; font-size: .34rem; font-style: normal; font-weight: 800; }
.int-cloud-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem; margin-top: .5rem; }.int-cloud-metrics span { display: grid; padding: .8rem; border: 1px solid rgba(84,197,255,.15); border-radius: .55rem; background: rgba(60,179,236,.05); }.int-cloud-metrics small { color: #658191; font-size: .38rem; font-weight: 800; letter-spacing: .08em; }.int-cloud-metrics b { color: #fff; font-size: .9rem; }.int-cloud-metrics em { color: #6e8999; font-size: .36rem; font-style: normal; }
.int-cloud-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: .55rem; align-items: center; margin-top: .5rem; padding: .8rem; border: 1px solid rgba(255,255,255,.07); border-radius: .55rem; }.int-cloud-flow span { display: grid; grid-template-columns: auto 1fr; gap: 0 .5rem; }.int-cloud-flow span > i { grid-row: 1/3; color: #5ec7fe; }.int-cloud-flow b { color: #d7e3e9; font-size: .48rem; }.int-cloud-flow small { color: #66808f; font-size: .36rem; }.int-cloud-flow > i { color: #5b788a; }.int-cloud-flow span.center { padding: .55rem; border-radius: .45rem; background: rgba(73,186,243,.07); }
.int-cloud-benefits { display: grid; grid-template-columns: repeat(4,1fr); gap: .75rem; margin-top: 2rem; }.int-cloud-benefits article { min-height: 17rem; padding: 1.2rem; border: 1px solid rgba(255,255,255,.09); border-radius: .75rem; background: rgba(255,255,255,.03); }.int-cloud-benefits i { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: 2.5rem; border-radius: .65rem; color: #61c9ff; background: rgba(81,194,251,.08); font-size: 1.2rem; }.int-cloud-benefits h3 { color: #e5edf1; font-size: .9rem; }.int-cloud-benefits p { color: #8199a7; font-size: .62rem; }
.int-comparison { background: #fff; }.int-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 1rem; box-shadow: var(--shadow-sm); }.int-table { width: 100%; min-width: 880px; border-collapse: collapse; background: #fff; }.int-table th,.int-table td { padding: 1.1rem; border-bottom: 1px solid var(--line); text-align: left; }.int-table thead th { color: #fff; background: var(--ink); font-size: .7rem; }.int-table thead th:first-child { color: #8fa3b0; }.int-table thead i { margin-right: .4rem; color: #5fc8ff; }.int-table tbody th { width: 25%; color: var(--ink-soft); background: #f7f9fa; font-size: .65rem; }.int-table td { width: 25%; }.int-table td strong,.int-table td small { display: block; }.int-table td strong { font-size: .65rem; }.int-table td small { color: var(--slate); font-size: .5rem; }
.int-connect { background: #f1f5f7; }.int-category-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: .75rem; }.int-category-grid article { min-height: 23rem; padding: 1.3rem; border: 1px solid #d4dfe5; border-radius: .85rem; background: #fff; }.int-category-grid article > i { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: 2.3rem; border-radius: .7rem; color: #168fca; background: #eaf7fd; font-size: 1.2rem; }.int-category-grid article > small { color: #168fca; font-size: .45rem; font-weight: 800; letter-spacing: .1em; }.int-category-grid h3 { margin: .4rem 0 .7rem; font-size: 1.05rem; }.int-category-grid p { color: var(--slate); font-size: .67rem; }.int-category-grid article > div { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: 1.2rem; }.int-category-grid article > div span { padding: .25rem .45rem; border-radius: .3rem; color: #5d7382; background: #eef4f7; font-size: .42rem; font-weight: 800; }.int-compat-note { margin: 1.2rem 0 0; padding: 1rem; border-left: 3px solid #199fdc; color: var(--slate); background: #fff; font-size: .65rem; }.int-compat-note i { margin-right: .5rem; color: #168fca; }
.int-ecosystem { color: #a9bbc6; background: linear-gradient(145deg,#091621,#16354a); }.int-ecosystem h2 { color: #fff; }.int-ecosystem .section-lead { color: #92a8b5; }.int-product-flow { display: grid; gap: .6rem; }.int-product-flow article { display: grid; grid-template-columns: auto 1fr; gap: 0 .8rem; align-items: center; min-height: 5.3rem; padding: .9rem; border: 1px solid rgba(255,255,255,.09); border-radius: .65rem; background: rgba(255,255,255,.035); }.int-product-flow article > i { grid-row: 1/4; display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: .65rem; color: #62caff; background: rgba(79,190,247,.09); }.int-product-flow article span { display: grid; }.int-product-flow small { color: #668191; font-size: .4rem; font-weight: 800; letter-spacing: .08em; }.int-product-flow b { color: #e3edf2; font-size: .68rem; }.int-product-flow em { color: #7e96a4; font-size: .46rem; font-style: normal; }.int-product-flow > i { justify-self: center; color: #58798b; transform: rotate(90deg); }
.int-smart-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: .8rem; }.int-smart-grid article { position: relative; min-height: 20rem; padding: 1.4rem; border: 1px solid var(--line); border-radius: .85rem; background: #fff; }.int-smart-grid span { display: block; margin-bottom: 5rem; color: #c9d5dc; font-size: 2.2rem; font-weight: 800; letter-spacing: -.05em; }.int-smart-grid h3 { font-size: 1.05rem; }.int-smart-grid p { color: var(--slate); font-size: .67rem; }
.int-final-section { padding-top: 0; }.int-final-panel { display: flex; justify-content: space-between; align-items: center; gap: 3rem; padding: clamp(2.5rem,5vw,5rem); border-radius: var(--radius-lg); color: #a9bbc6; background: radial-gradient(circle at 85% 25%,rgba(61,181,240,.17),transparent 20rem),linear-gradient(135deg,#091722,#17394f); box-shadow: 0 30px 70px rgba(11,31,51,.17); }.int-final-panel h2 { max-width: 17ch; color: #fff; font-size: clamp(2.3rem,4vw,4rem); line-height: 1.06; }.int-final-panel p { max-width: 46rem; margin: 0; }.int-final-panel .footer-cta-actions { flex: 0 0 auto; }
@media (max-width:1199.98px) {
  .int-architecture { margin-top: 1rem; }
  .int-arch-body { grid-template-columns: 1fr 2rem 1.2fr 2rem 1fr; }
  .int-cloud-benefits,.int-smart-grid { grid-template-columns: repeat(2,1fr); }
  .int-final-panel { align-items: flex-start; flex-direction: column; }
}
@media (max-width:991.98px) {
  .int-intro-points { grid-template-columns: 1fr; }
  .int-deployment-grid { grid-template-columns: 1fr; }
  .int-deployment-grid > article { min-height: auto; }
  .int-category-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width:767.98px) {
  .int-arch-body { grid-template-columns: 1fr; gap: .8rem; }.int-arch-lines { display: none; }.int-core { min-height: 15rem; width: 15rem; margin: 0 auto; }.int-protocol-ticker { grid-template-columns: repeat(4,1fr); }.int-protocol-ticker span:nth-child(n+5) { border-top: 1px solid rgba(255,255,255,.07); }
  .int-cloud-services,.int-cloud-metrics { grid-template-columns: 1fr; }
  .int-cloud-flow { grid-template-columns: 1fr; }.int-cloud-flow > i { justify-self: center; transform: rotate(90deg); }
  .int-cloud-benefits,.int-category-grid,.int-smart-grid { grid-template-columns: 1fr; }
  .int-category-grid article { min-height: auto; }
  .int-smart-grid article { min-height: 16rem; }.int-smart-grid span { margin-bottom: 3rem; }
}
@media (max-width:479.98px) {
  .int-hero h1 { font-size: 2.9rem; }
  .int-arch-head { align-items: flex-start; flex-direction: column; justify-content: center; gap: .3rem; }
  .int-core { width: 12rem; min-height: 12rem; }
  .int-output-bank article { grid-template-columns: auto 1fr; }.int-output-bank article > em { grid-column: 2; }
  .int-protocol-ticker { grid-template-columns: repeat(2,1fr); }.int-protocol-ticker span:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.07); }
  .int-cloud-head { align-items: flex-start; flex-direction: column; gap: .5rem; }
  .int-cloud-services article { grid-template-columns: auto 1fr; }.int-cloud-services em { grid-column: 2; }
  .int-final-panel .footer-cta-actions,.int-final-panel .btn { width: 100%; }
}

/* Audio and video streaming page */
.st-hero { position: relative; overflow: hidden; padding: 1.2rem 0 0; color: #b4c6d1; background: radial-gradient(circle at 75% 32%,rgba(28,164,228,.19),transparent 27rem),radial-gradient(circle at 27% 12%,rgba(215,25,32,.1),transparent 20rem),linear-gradient(145deg,#07131d,#102b3d 62%,#081824); }
.st-hero-grid { position: absolute; inset: 0; opacity: .28; pointer-events: none; background-image: linear-gradient(rgba(95,181,224,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(95,181,224,.08) 1px,transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom,#000,transparent 93%); }
.st-hero .container-wide { position: relative; }.st-breadcrumb { margin-bottom: clamp(2.8rem,5vw,5rem); }.st-breadcrumb a,.st-breadcrumb .breadcrumb-item,.st-breadcrumb .breadcrumb-item::before { color: #7e95a3; }.st-eyebrow { color: #60caff; }.st-eyebrow-light { color: #66ceff; }.st-hero h1 { max-width: 10ch; color: #fff; font-size: clamp(3.35rem,5.4vw,5.9rem); }.st-hero .hero-lead { color: #b3c3cd; }.st-hero-points { color: #91a8b5; }.st-hero-points i { color: #5bd2a5; }
.st-network { overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 1.1rem; background: rgba(5,16,24,.86); box-shadow: 0 38px 90px rgba(0,0,0,.37); }.st-network-head { display: flex; justify-content: space-between; align-items: center; min-height: 3.6rem; padding: .8rem 1rem; border-bottom: 1px solid rgba(255,255,255,.08); }.st-network-head > span { display: grid; grid-template-columns: auto 1fr; gap: 0 .55rem; }.st-network-head > span > i { grid-row: 1/3; align-self: center; color: #59d1a4; font-size: .38rem; }.st-network-head b { color: #dbe8ee; font-size: .52rem; }.st-network-head small { color: #5f7a8a; font-size: .36rem; }.st-network-head em { color: #5bd2a5; font-size: .37rem; font-style: normal; font-weight: 800; letter-spacing: .05em; }
.st-network-body { position: relative; min-height: 28.5rem; }.st-source { position: absolute; z-index: 4; top: 50%; left: 50%; display: grid; place-items: center; width: 8.8rem; height: 8.8rem; border: 1px solid rgba(81,196,253,.3); border-radius: 50%; background: #0e2737; box-shadow: 0 0 0 1rem rgba(65,180,236,.035),0 0 65px rgba(35,156,215,.18); transform: translate(-50%,-50%); }.st-source::before,.st-source::after { content: ""; position: absolute; border: 1px dashed rgba(84,195,250,.18); border-radius: 50%; }.st-source::before { inset: -1.5rem; }.st-source::after { inset: -3rem; }.st-source > * { position: relative; z-index: 2; }.st-source > i { margin-bottom: .4rem; color: #62ccff; font-size: 1.7rem; }.st-source small { color: #607d8e; font-size: .35rem; font-weight: 800; letter-spacing: .1em; }.st-source b { color: #e3eef3; font-size: .68rem; }.st-source em { color: #6f8998; font-size: .4rem; font-style: normal; }.st-source-pulse { position: absolute; inset: .7rem; border: 1px solid rgba(86,199,255,.14); border-radius: 50%; }
.st-edge { position: absolute; z-index: 3; display: grid; grid-template-columns: auto 1fr auto; gap: 0 .55rem; align-items: center; width: 11.3rem; padding: .7rem; border: 1px solid rgba(255,255,255,.08); border-radius: .55rem; background: #0c202d; box-shadow: 0 15px 30px rgba(0,0,0,.18); }.st-edge > i { grid-row: 1/3; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: .45rem; color: #60caff; background: rgba(73,185,241,.09); }.st-edge span { display: grid; }.st-edge b { color: #dce8ee; font-size: .48rem; }.st-edge small { color: #627d8d; font-size: .34rem; }.st-edge em { color: #5bd2a5; font-size: .3rem; font-style: normal; font-weight: 800; }.st-edge-one { top: 2rem; left: 1.2rem; }.st-edge-two { top: 2rem; right: 1.2rem; }.st-edge-three { bottom: 4.8rem; left: 1.2rem; }.st-edge-four { right: 1.2rem; bottom: 4.8rem; }
.st-route { position: absolute; z-index: 1; width: 27%; height: 1px; background: linear-gradient(90deg,rgba(76,191,247,.18),#55c6fd); transform-origin: center; }.st-route::after { content: ""; position: absolute; top: -2px; right: 12%; width: 5px; height: 5px; border-radius: 50%; background: #68d4ff; box-shadow: 0 0 10px #58c8ff; }.st-route-one { top: 30%; left: 25%; transform: rotate(25deg); }.st-route-two { top: 30%; right: 25%; transform: rotate(-25deg); }.st-route-three { bottom: 30%; left: 25%; transform: rotate(-25deg); }.st-route-four { right: 25%; bottom: 30%; transform: rotate(25deg); }
.st-network-scale { position: absolute; right: 25%; bottom: .9rem; left: 25%; display: grid; grid-template-columns: 1fr auto 1fr; gap: .7rem; align-items: center; padding: .6rem .8rem; border: 1px solid rgba(82,196,251,.12); border-radius: .5rem; background: rgba(70,181,237,.04); }.st-network-scale span { display: grid; text-align: center; }.st-network-scale small { color: #5e7989; font-size: .3rem; font-weight: 800; }.st-network-scale b { color: #e2edf2; font-size: .68rem; }.st-network-scale em { color: #6e8796; font-size: .32rem; font-style: normal; }.st-network-scale > i { color: #57c8ff; font-size: .6rem; }
.st-protocol-bar { display: grid; grid-template-columns: repeat(7,1fr); border-top: 1px solid rgba(255,255,255,.08); }.st-protocol-bar span { display: grid; place-items: center; min-height: 3rem; color: #65808f; font-size: .38rem; font-weight: 800; }.st-protocol-bar span + span { border-left: 1px solid rgba(255,255,255,.07); }.st-proof-strip { margin-top: clamp(3.5rem,6vw,6rem); background: rgba(255,255,255,.96); }.st-proof-strip i { color: #199fdd; }
.st-intro-lead { color: var(--ink-soft); font-size: clamp(1.15rem,1.65vw,1.45rem); line-height: 1.65; }.st-intro-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: .8rem; margin-top: 2rem; }.st-intro-grid span { display: grid; padding-top: 1rem; border-top: 2px solid #1b9edc; }.st-intro-grid b { font-size: .75rem; }.st-intro-grid small { margin-top: .35rem; color: var(--slate); font-size: .58rem; }
.st-services { background: #f1f5f7; }.st-service-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; }.st-service-grid > article { display: flex; flex-direction: column; min-height: 35rem; padding: 1.5rem; border: 1px solid #d4dfe6; border-radius: 1rem; background: #fff; box-shadow: var(--shadow-sm); }.st-service-top { display: grid; grid-template-columns: auto 1fr; gap: 0 1rem; align-items: center; padding-bottom: 1.3rem; border-bottom: 1px solid var(--line); }.st-service-top > i { grid-row: 1/3; display: grid; place-items: center; width: 4rem; height: 4rem; border-radius: .8rem; color: #168fca; background: #e9f6fc; font-size: 1.5rem; }.st-service-top.video > i { color: #7655d5; background: #f0edfc; }.st-service-top span { display: grid; }.st-service-top small { color: #168fca; font-size: .43rem; font-weight: 800; letter-spacing: .1em; }.st-service-top.video small { color: #7354cf; }.st-service-top b { max-width: 18ch; font-size: 1.2rem; line-height: 1.15; }.st-service-grid > article > p { margin: 1.5rem 0; color: var(--slate); font-size: .72rem; }.st-service-grid ul { display: grid; gap: .75rem; margin: 0 0 2rem; padding: 0; list-style: none; }.st-service-grid li { display: grid; grid-template-columns: auto 1fr; gap: .6rem; color: var(--ink-soft); font-size: .65rem; }.st-service-grid li i { color: #249c6c; }.st-service-grid > article > a { margin-top: auto; color: #168fca; font-size: .63rem; font-weight: 800; text-decoration: none; }
.st-plan-section { color: #aabcc7; background: radial-gradient(circle at 18% 42%,rgba(42,172,234,.12),transparent 26rem),linear-gradient(145deg,#08141e,#143348); }.st-plan-wrap { display: grid; grid-template-columns: 1fr .78fr; gap: clamp(2rem,6vw,6rem); align-items: center; }.st-plan-copy h2 { max-width: 13ch; color: #fff; font-size: clamp(2.7rem,4.5vw,4.8rem); line-height: 1.04; }.st-plan-copy > p { max-width: 43rem; color: #91a7b4; font-size: .82rem; }.st-plan-note { display: grid; grid-template-columns: auto 1fr; gap: .8rem; max-width: 42rem; margin-top: 2rem; padding: 1rem; border: 1px solid rgba(255,255,255,.09); border-radius: .65rem; background: rgba(255,255,255,.03); }.st-plan-note > i { color: #61caff; }.st-plan-note span { display: grid; }.st-plan-note b { color: #dfeaf0; font-size: .65rem; }.st-plan-note small { color: #7f97a5; font-size: .52rem; }
.st-price-card { position: relative; padding: 1.6rem; border: 1px solid rgba(94,202,255,.35); border-radius: 1rem; background: linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035)); box-shadow: 0 35px 75px rgba(0,0,0,.28); }.st-plan-label { display: inline-flex; padding: .35rem .55rem; border-radius: .35rem; color: #62ccff; background: rgba(82,196,252,.1); font-size: .42rem; font-weight: 800; letter-spacing: .1em; }.st-price { display: flex; align-items: flex-end; margin: 1.4rem 0 .5rem; color: #fff; }.st-price sup { align-self: flex-start; margin-top: .8rem; color: #68ceff; font-size: 1.5rem; font-weight: 800; }.st-price > b { font-size: clamp(5rem,8vw,7rem); line-height: .8; letter-spacing: -.08em; }.st-price > span { display: grid; margin-left: 1rem; }.st-price small { color: #67cfff; font-size: .5rem; font-weight: 800; }.st-price em { color: #8099a7; font-size: .55rem; font-style: normal; }.st-price-card > p { color: #93a9b6; font-size: .68rem; }.st-plan-specs { display: grid; gap: .5rem; margin: 1.3rem 0; }.st-plan-specs span { display: grid; grid-template-columns: auto 1fr; gap: 0 .75rem; align-items: center; padding: .85rem; border: 1px solid rgba(255,255,255,.08); border-radius: .55rem; background: rgba(255,255,255,.025); }.st-plan-specs i { grid-row: 1/3; color: #60caff; font-size: 1rem; }.st-plan-specs small { color: #6b8595; font-size: .4rem; }.st-plan-specs b { color: #e0ebf0; font-size: .62rem; }.st-price-card .btn { width: 100%; }.st-price-foot { display: block; margin-top: .8rem; color: #66808f; font-size: .42rem; text-align: center; }
.st-scale { background: #fff; }.st-scale-panel { overflow: hidden; border: 1px solid var(--line); border-radius: 1rem; background: #f5f8fa; box-shadow: var(--shadow-sm); }.st-scale-head { display: flex; justify-content: space-between; align-items: center; min-height: 3.7rem; padding: 0 1rem; color: #708795; background: #eaf0f3; font-size: .42rem; font-weight: 800; letter-spacing: .07em; }.st-scale-head em { color: #168fca; font-style: normal; }.st-scale-levels { display: grid; grid-template-columns: repeat(3,1fr); gap: .6rem; padding: .8rem; }.st-scale-levels article { position: relative; min-height: 17rem; padding: 1rem; border: 1px solid #d8e2e7; border-radius: .65rem; background: #fff; }.st-scale-levels article.featured { color: #a9bdc8; border-color: #2b9ed6; background: linear-gradient(145deg,#102c3d,#17445e); }.st-scale-levels article > span { position: absolute; top: .7rem; right: .8rem; color: #c5d3da; font-size: 1.4rem; font-weight: 800; }.st-scale-levels article.featured > span { color: rgba(255,255,255,.18); }.st-scale-levels i { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: 3rem; border-radius: .65rem; color: #168fca; background: #e9f6fc; }.st-scale-levels article.featured i { color: #65ceff; background: rgba(86,200,255,.1); }.st-scale-levels small { display: block; color: #168fca; font-size: .39rem; font-weight: 800; letter-spacing: .08em; }.st-scale-levels article.featured small { color: #64cdff; }.st-scale-levels b { display: block; margin: .25rem 0 .5rem; font-size: 1.05rem; }.st-scale-levels article.featured b { color: #fff; }.st-scale-levels p { color: var(--slate); font-size: .57rem; }.st-scale-levels article.featured p { color: #8ca4b2; }.st-scale-line { display: grid; grid-template-columns: 1fr auto auto auto; gap: 31%; align-items: center; margin: 0 3rem; }.st-scale-line i { height: 2px; background: linear-gradient(90deg,#59c9ff,#35a9df); }.st-scale-line b { width: .55rem; height: .55rem; border-radius: 50%; background: #35a9df; box-shadow: 0 0 0 .3rem rgba(50,166,222,.1); }.st-scale-caption { margin: 1rem; padding: .9rem; border-radius: .55rem; color: #607684; background: #fff; font-size: .58rem; }.st-scale-caption i { margin-right: .45rem; color: #168fca; }
.st-protocols { background: #f1f5f7; }.st-protocol-grid { display: grid; grid-template-columns: repeat(7,1fr); gap: .55rem; }.st-protocol-grid article { min-height: 15.5rem; padding: .8rem; border: 1px solid #d3dfe5; border-radius: .7rem; background: #fff; }.st-protocol-grid article > b { display: grid; place-items: center; width: 3.4rem; height: 3.4rem; margin-bottom: 3rem; border-radius: 50%; color: #168fca; background: #e8f5fb; font-size: .62rem; }.st-protocol-grid span { display: grid; }.st-protocol-grid strong { font-size: .64rem; }.st-protocol-grid small { margin-top: .35rem; color: var(--slate); font-size: .48rem; }.st-protocol-note { margin: 1rem 0 0; color: #687e8b; font-size: .58rem; text-align: center; }.st-protocol-note i { margin-right: .4rem; color: #168fca; }
.st-stats { color: #a9bbc6; background: linear-gradient(145deg,#08151f,#14354b); }.st-stats h2 { color: #fff; }.st-stats .section-lead { color: #91a7b4; }.st-chart-card { overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 1rem; background: #0b1e2b; box-shadow: 0 35px 75px rgba(0,0,0,.25); }.st-chart-head { display: flex; justify-content: space-between; align-items: center; min-height: 4rem; padding: .8rem 1rem; border-bottom: 1px solid rgba(255,255,255,.08); }.st-chart-head span { display: grid; }.st-chart-head small { color: #658191; font-size: .38rem; font-weight: 800; letter-spacing: .08em; }.st-chart-head b { color: #e0ebf0; font-size: .6rem; }.st-chart-head em { color: #59d2a4; font-size: .4rem; font-style: normal; font-weight: 800; }.st-chart-head em i { margin-right: .3rem; font-size: .35rem; }.st-chart-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem; padding: .7rem; }.st-chart-metrics span { display: grid; padding: .8rem; border: 1px solid rgba(84,196,251,.12); border-radius: .55rem; background: rgba(67,181,237,.04); }.st-chart-metrics small { color: #638090; font-size: .36rem; font-weight: 800; letter-spacing: .07em; }.st-chart-metrics b { color: #fff; font-size: 1rem; }.st-chart { position: relative; margin: 0 .7rem .7rem; padding: 1rem 1rem .6rem; border: 1px solid rgba(255,255,255,.06); border-radius: .55rem; background: rgba(255,255,255,.02); }.st-chart-lines { position: absolute; inset: 1rem 1rem 2rem; display: grid; }.st-chart-lines i { border-top: 1px solid rgba(255,255,255,.06); }.st-chart svg { position: relative; z-index: 2; display: block; width: 100%; }.st-chart-area { fill: url(#stArea); }.st-chart-line { fill: none; stroke: #4dc3fa; stroke-linecap: round; stroke-width: 4; filter: drop-shadow(0 0 5px rgba(74,193,248,.35)); }.st-chart-times { display: flex; justify-content: space-between; color: #587483; font-size: .34rem; font-weight: 800; }
.st-value { background: #fff; }.st-value-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: .75rem; }.st-value-grid article { min-height: 22rem; padding: 1.3rem; border: 1px solid var(--line); border-radius: .85rem; background: #fff; box-shadow: var(--shadow-sm); }.st-value-grid i { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: 5rem; border-radius: .65rem; color: #168fca; background: #eaf7fd; font-size: 1.2rem; }.st-value-grid small { color: #168fca; font-size: .42rem; font-weight: 800; letter-spacing: .09em; }.st-value-grid h3 { margin: .35rem 0 .65rem; font-size: 1rem; }.st-value-grid p { color: var(--slate); font-size: .63rem; }
.st-ecosystem { padding-top: 0; background: #fff; }.st-ecosystem-panel { padding: clamp(2rem,4vw,4rem); border-radius: 1rem; color: #9db1bd; background: linear-gradient(145deg,#091621,#163b51); }.st-ecosystem-panel h2 { max-width: 17ch; color: #fff; font-size: clamp(2.5rem,4vw,4rem); }.st-ecosystem-panel > div:first-child > p { max-width: 50rem; }.st-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: .6rem; align-items: center; margin-top: 2.5rem; }.st-flow span { display: grid; grid-template-columns: auto 1fr; gap: 0 .65rem; min-height: 5.2rem; padding: .8rem; border: 1px solid rgba(255,255,255,.09); border-radius: .65rem; background: rgba(255,255,255,.035); }.st-flow span.featured { border-color: rgba(87,201,255,.28); background: rgba(69,181,237,.09); }.st-flow span > i { grid-row: 1/3; align-self: center; color: #61caff; font-size: 1.2rem; }.st-flow small { align-self: end; color: #64808f; font-size: .36rem; font-weight: 800; }.st-flow b { color: #dce8ee; font-size: .58rem; }.st-flow > i { color: #57798a; }
.st-final-section { padding-top: 0; }.st-final-panel { display: flex; justify-content: space-between; align-items: center; gap: 3rem; padding: clamp(2.5rem,5vw,5rem); border-radius: var(--radius-lg); color: #a9bbc6; background: radial-gradient(circle at 85% 25%,rgba(61,181,240,.17),transparent 20rem),linear-gradient(135deg,#091722,#17394f); box-shadow: 0 30px 70px rgba(11,31,51,.17); }.st-final-panel h2 { max-width: 17ch; color: #fff; font-size: clamp(2.3rem,4vw,4rem); line-height: 1.06; }.st-final-panel p { max-width: 46rem; margin: 0; }.st-final-panel .footer-cta-actions { flex: 0 0 auto; }
@media (max-width:1199.98px) {
  .st-network { margin-top: 1rem; }
  .st-protocol-grid { grid-template-columns: repeat(4,1fr); }
  .st-value-grid { grid-template-columns: repeat(2,1fr); }
  .st-final-panel { align-items: flex-start; flex-direction: column; }
}
@media (max-width:991.98px) {
  .st-intro-grid { grid-template-columns: 1fr; }
  .st-plan-wrap { grid-template-columns: 1fr; }
  .st-flow { grid-template-columns: 1fr; }.st-flow > i { justify-self: center; transform: rotate(90deg); }
}
@media (max-width:767.98px) {
  .st-network-body { min-height: 43rem; }.st-source { top: 48%; }.st-edge { width: calc(50% - 1.8rem); }.st-edge-one { top: 1.2rem; }.st-edge-two { top: 1.2rem; }.st-edge-three { bottom: 5.8rem; }.st-edge-four { bottom: 5.8rem; }.st-route { display: none; }.st-network-scale { right: 1.2rem; bottom: 1rem; left: 1.2rem; }.st-protocol-bar { grid-template-columns: repeat(4,1fr); }.st-protocol-bar span:nth-child(n+5) { border-top: 1px solid rgba(255,255,255,.07); }
  .st-service-grid,.st-scale-levels,.st-chart-metrics,.st-value-grid { grid-template-columns: 1fr; }
  .st-service-grid > article,.st-scale-levels article,.st-value-grid article { min-height: auto; }
  .st-service-top > i,.st-value-grid i { margin-bottom: 0; }
  .st-scale-line { display: none; }
  .st-protocol-grid { grid-template-columns: repeat(2,1fr); }
  .st-protocol-grid article { min-height: 13rem; }.st-protocol-grid article > b { margin-bottom: 2rem; }
}
@media (max-width:479.98px) {
  .st-hero h1 { font-size: 2.9rem; }
  .st-network-head { align-items: flex-start; flex-direction: column; gap: .35rem; }
  .st-network-body { min-height: 46rem; }.st-source { width: 8rem; height: 8rem; }.st-edge { grid-template-columns: auto 1fr; width: calc(50% - 1rem); padding: .55rem; }.st-edge-one,.st-edge-three { left: .65rem; }.st-edge-two,.st-edge-four { right: .65rem; }.st-edge em { grid-column: 2; }.st-protocol-bar { grid-template-columns: repeat(2,1fr); }.st-protocol-bar span:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.07); }
  .st-service-top { grid-template-columns: 1fr; }.st-service-top > i { grid-row: auto; margin-bottom: 1rem; }
  .st-price-card { padding: 1.2rem; }.st-price > b { font-size: 5rem; }
  .st-protocol-grid { grid-template-columns: 1fr; }.st-protocol-grid article { min-height: auto; }.st-protocol-grid article > b { margin-bottom: 1.4rem; }
  .st-final-panel .footer-cta-actions,.st-final-panel .btn { width: 100%; }
}
/* Homepage — CLOSE AI Automation */
.home-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(4rem,7vw,7.5rem) 0 0;
  color: #b9c8d2;
  background:
    radial-gradient(circle at 82% 30%,rgba(45,167,231,.16),transparent 29rem),
    radial-gradient(circle at 22% 5%,rgba(215,25,32,.13),transparent 25rem),
    linear-gradient(145deg,#07131d,#102b3d 58%,#081824);
}
.home-hero-grid { position: absolute; inset: 0; opacity: .3; pointer-events: none; background-image: linear-gradient(rgba(96,185,229,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(96,185,229,.075) 1px,transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom,#000,transparent 90%); }
.home-hero .container-wide { position: relative; }
.home-hero h1 { max-width: 10.5ch; color: #fff; font-size: clamp(3.35rem,5.4vw,5.9rem); }
.home-hero h1 span { color: #68c8f5; }
.home-hero .hero-lead { color: #b7c6d0; }
.home-audience-line { margin: -.35rem 0 1.35rem; color: #82a5b7; font-size: .68rem; font-weight: 800; letter-spacing: .14em; }
.home-audience-line b { margin: 0 .3rem; color: #e14950; }
.home-eyebrow { color: #66ccfa; }
.home-hero-points { color: #98adba; }
.home-hero-points i { color: #60d3a7; }
.home-platform-diagram { overflow: hidden; padding: .75rem; border: 1px solid rgba(126,199,235,.24); border-radius: 1.25rem; background: rgba(3,14,23,.7); box-shadow: 0 38px 80px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.06); backdrop-filter: blur(10px); }
.home-pc-topbar { display: flex; align-items: center; justify-content: space-between; min-height: 3.2rem; padding: .7rem .9rem; border-bottom: 1px solid rgba(255,255,255,.09); color: #8ea7b6; font-size: .63rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.home-pc-topbar i { margin-right: .45rem; color: #65c9f6; font-size: 1rem; }
.home-pc-topbar .home-live { color: #fff; letter-spacing: .05em; }
.home-pc-topbar .home-live i { color: #ff424b; font-size: .47rem; animation: pulse 1.5s infinite; }
.home-module-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: .6rem; padding: .8rem .4rem 0; }
.home-module-grid a { display: grid; grid-template-columns: auto 1fr; gap: 0 .75rem; align-items: center; min-height: 5.7rem; padding: .9rem; border: 1px solid rgba(255,255,255,.09); border-radius: .75rem; color: #dce8ee; background: rgba(255,255,255,.035); text-decoration: none; transition: transform .2s ease,border-color .2s ease,background-color .2s ease; }
.home-module-grid a:hover { transform: translateY(-2px); border-color: rgba(101,201,246,.34); background: rgba(74,181,232,.08); }
.home-module-grid a > i { grid-row: 1/3; display: grid; place-items: center; width: 2.9rem; height: 2.9rem; border-radius: .65rem; color: #65cbf8; background: rgba(67,180,233,.1); font-size: 1.25rem; }
.home-module-grid a:nth-child(2) > i { color: #ff656c; background: rgba(215,25,32,.12); }
.home-module-grid a:nth-child(3) > i { color: #9ed77b; background: rgba(122,184,80,.11); }
.home-module-grid a:nth-child(4) > i { color: #f5c85c; background: rgba(238,183,55,.1); }
.home-module-grid span { display: grid; }
.home-module-grid b { color: #f1f6f8; font-size: .78rem; }
.home-module-grid small { color: #6f8998; font-size: .55rem; }
.home-converge { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: .6rem; padding: .35rem 4rem; color: #5cc8f8; }
.home-converge span { height: 1px; background: linear-gradient(90deg,transparent,#3b91ba); }
.home-converge span:last-child { background: linear-gradient(90deg,#3b91ba,transparent); }
.home-converge i { font-size: 1rem; }
.home-pc-core { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; min-height: 8.4rem; margin: 0 .4rem; padding: 1.2rem; border: 1px solid rgba(91,202,252,.36); border-radius: .8rem; background: linear-gradient(135deg,rgba(26,127,177,.19),rgba(215,25,32,.08)); box-shadow: inset 0 0 40px rgba(52,177,235,.06); }
.home-core-mark { display: grid; place-items: center; width: 4rem; height: 4rem; border: 1px solid rgba(102,204,250,.28); border-radius: .9rem; color: #6dd0fa; background: rgba(78,188,239,.09); font-size: 1.8rem; }
.home-pc-core > span:nth-child(2) { display: grid; }
.home-pc-core small { color: #5fbbe7; font-size: .48rem; font-weight: 800; letter-spacing: .11em; }
.home-pc-core strong { color: #fff; font-size: clamp(1.15rem,2.3vw,1.75rem); }
.home-pc-core em { color: #9fb3bf; font-size: .66rem; font-style: normal; }
.home-core-status { display: grid; padding-left: 1rem; border-left: 1px solid rgba(255,255,255,.1); text-align: right; }
.home-core-status b { color: #64d7a6; font-size: 1.3rem; }
.home-core-status small { color: #6d8796; letter-spacing: 0; }
.home-output-row { display: grid; grid-template-columns: repeat(5,1fr); gap: .35rem; padding: .75rem .4rem .15rem; }
.home-output-row span { display: flex; align-items: center; justify-content: center; gap: .3rem; min-height: 2.4rem; border: 1px solid rgba(255,255,255,.07); border-radius: .5rem; color: #7892a1; background: rgba(255,255,255,.025); font-size: .56rem; font-weight: 700; }
.home-output-row i { color: #5fc8f6; }
.home-broadcast-paths { display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem; padding: 0 .4rem; }
.home-broadcast-paths a { display: grid; grid-template-columns: auto 1fr; gap: 0 .6rem; align-items: center; min-height: 5.4rem; padding: .8rem; border: 1px solid rgba(255,255,255,.09); border-radius: .65rem; color: #dce8ee; background: rgba(255,255,255,.035); text-decoration: none; transition: transform .2s ease,border-color .2s ease,background-color .2s ease; }
.home-broadcast-paths a:hover { transform: translateY(-2px); border-color: rgba(102,204,250,.34); background: rgba(79,188,239,.08); }
.home-broadcast-paths a > i { grid-row: 1/3; display: grid; place-items: center; width: 2.7rem; height: 2.7rem; border-radius: .6rem; color: #6bd0fa; background: rgba(79,188,239,.1); font-size: 1.15rem; }
.home-broadcast-paths a:nth-child(2) > i { color: #ff696f; background: rgba(215,25,32,.12); }
.home-broadcast-paths a:nth-child(3) > i { color: #f3c85d; background: rgba(238,183,55,.1); }
.home-broadcast-paths span { display: grid; }
.home-broadcast-paths b { color: #f2f7f9; font-size: .67rem; letter-spacing: .04em; }
.home-broadcast-paths small { color: #6d8796; font-size: .5rem; }
.home-deployment-row { display: grid; grid-template-columns: repeat(3,1fr); gap: .35rem; padding: .7rem .4rem .15rem; }
.home-deployment-row span { display: flex; align-items: center; justify-content: center; gap: .4rem; min-height: 2.5rem; border: 1px solid rgba(255,255,255,.07); border-radius: .5rem; color: #7893a2; background: rgba(255,255,255,.022); font-size: .5rem; font-weight: 800; letter-spacing: .06em; }
.home-deployment-row i { color: #5ec8f6; }
.home-impact-strip { display: grid; grid-template-columns: repeat(4,1fr); margin-top: clamp(3.5rem,6vw,6rem); border: 1px solid rgba(255,255,255,.1); border-bottom: 0; border-radius: 1rem 1rem 0 0; background: rgba(255,255,255,.045); backdrop-filter: blur(10px); }
.home-impact-strip span { display: grid; grid-template-columns: auto 1fr; gap: 0 .65rem; align-content: center; min-height: 6.4rem; padding: 1rem 1.25rem; }
.home-impact-strip span + span { border-left: 1px solid rgba(255,255,255,.1); }
.home-impact-strip i { grid-row: 1/3; align-self: center; color: #61caf8; font-size: 1.25rem; }
.home-impact-strip b { color: #eaf1f4; font-size: .78rem; }
.home-impact-strip small { color: #728b99; font-size: .57rem; }

.home-radio-people { background: #fff; }
.home-radio-people h2 { max-width: 18ch; margin: 0; font-size: clamp(2.6rem,4.6vw,4.6rem); line-height: 1.03; }
.home-statement { margin: 0 0 1.5rem; color: var(--slate); font-size: 1.15rem; line-height: 1.75; }
.home-engineering-line { display: inline-flex; align-items: center; gap: .65rem; padding: .75rem 1rem; border: 1px solid #d4e2ea; border-radius: .65rem; color: #1d668e; background: #f3f9fc; font-size: .76rem; font-weight: 800; letter-spacing: .035em; }
.home-audiences .section-heading { max-width: 60rem; }
.home-audience-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.home-audience-card { position: relative; display: flex; min-height: 30rem; padding: 2rem; overflow: hidden; flex-direction: column; border: 1px solid var(--line); border-radius: 1rem; color: var(--slate); background: #fff; box-shadow: 0 14px 35px rgba(11,31,51,.045); text-decoration: none; transition: transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.home-audience-card::before { content: ""; position: absolute; inset: 0 0 auto; height: .28rem; background: var(--audience-accent,var(--brand-red)); }
.home-audience-card:hover { transform: translateY(-5px); border-color: #b6c8d2; box-shadow: 0 22px 50px rgba(11,31,51,.1); }
.home-audience-card > i { display: grid; place-items: center; width: 4rem; height: 4rem; margin-bottom: 4rem; border-radius: 1rem; color: #fff; background: var(--audience-accent,var(--brand-red)); font-size: 1.6rem; }
.home-audience-card > small { color: var(--audience-accent,var(--brand-red)); font-size: .58rem; font-weight: 800; letter-spacing: .1em; }
.home-audience-card h3 { margin: .6rem 0 .9rem; color: var(--ink); font-size: 1.65rem; }
.home-audience-card p { font-size: .91rem; line-height: 1.68; }
.home-audience-card em { display: inline-flex; align-items: center; gap: .4rem; margin-top: auto; color: var(--ink); font-size: .78rem; font-style: normal; font-weight: 800; }
.home-audience-number { position: absolute; top: 1.8rem; right: 1.8rem; color: #c2ced5; font-size: .66rem; font-weight: 800; }
.home-audience-radio { --audience-accent: #168bc5; }
.home-audience-visual { --audience-accent: #d71920; }
.home-audience-tv { --audience-accent: #263f51; }
.home-audience-promise { display: flex; align-items: center; justify-content: center; gap: .9rem; margin-top: 1.2rem; padding: 1.25rem; border: 1px solid #d7e3ea; border-radius: .8rem; color: #1d668e; background: #f4f9fc; }
.home-audience-promise > i { font-size: 1.4rem; }
.home-audience-promise span { display: grid; }
.home-audience-promise b { color: var(--ink); font-size: .9rem; }
.home-audience-promise small { color: #668092; font-size: .7rem; }
.home-value-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; margin-top: clamp(3.5rem,6vw,6rem); }
.home-value-grid article { position: relative; min-height: 20rem; padding: 1.7rem; border: 1px solid var(--line); border-radius: 1rem; background: #fff; box-shadow: 0 14px 35px rgba(11,31,51,.045); }
.home-value-grid article > span { position: absolute; top: 1.5rem; right: 1.5rem; color: #bdc9d1; font-size: .65rem; font-weight: 800; }
.home-value-grid article > i { display: grid; place-items: center; width: 3.2rem; height: 3.2rem; margin-bottom: 3.2rem; border-radius: .8rem; color: var(--brand-red); background: #fff0f1; font-size: 1.35rem; }
.home-value-grid h3 { font-size: 1.25rem; }
.home-value-grid p { margin: 0; color: var(--slate); font-size: .9rem; line-height: 1.65; }

.home-hybrid { color: #aebfca; background: linear-gradient(145deg,#081721,#123249); }
.home-hybrid .section-heading { max-width: 58rem; }
.home-hybrid .section-heading p { color: #9eb1bc; }
.home-hybrid-flow { display: grid; grid-template-columns: 1fr 5rem 1.08fr 5rem 1fr; align-items: center; gap: .6rem; }
.home-hybrid-flow article { min-height: 24rem; padding: 2rem; border: 1px solid rgba(255,255,255,.1); border-radius: 1rem; background: rgba(255,255,255,.035); }
.home-hybrid-flow article > i { display: grid; place-items: center; width: 4rem; height: 4rem; margin: 3.2rem 0 2rem; border-radius: 1rem; color: #63cbf8; background: rgba(78,188,239,.1); font-size: 1.7rem; }
.home-hybrid-flow h3 { color: #fff; font-size: 1.4rem; }
.home-hybrid-flow p { color: #8fa5b2; font-size: .88rem; line-height: 1.65; }
.home-hybrid-flow article > small { color: #5c7b8c; font-size: .52rem; font-weight: 800; letter-spacing: .09em; }
.home-flow-label { color: #5fc8f7; font-size: .56rem; font-weight: 800; letter-spacing: .12em; }
.home-hybrid-flow .home-flow-core { border-color: rgba(215,75,82,.4); background: linear-gradient(145deg,rgba(215,25,32,.12),rgba(57,155,204,.09)); box-shadow: 0 25px 55px rgba(0,0,0,.18); }
.home-hybrid-flow .home-flow-core > i { color: #fff; background: var(--brand-red); }
.home-flow-connector { display: grid; justify-items: center; gap: .55rem; color: #5d7e90; text-align: center; }
.home-flow-connector i { color: #61c9f8; font-size: 1.4rem; }
.home-flow-connector span { font-size: .42rem; font-weight: 800; letter-spacing: .08em; }
.home-hybrid-result { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 2rem; padding: 1.3rem; border: 1px solid rgba(255,255,255,.09); border-radius: .8rem; background: rgba(255,255,255,.025); }
.home-hybrid-result > i { color: #62cffb; font-size: 2rem; }
.home-hybrid-result span { display: grid; }
.home-hybrid-result b { color: #e6eef2; }
.home-hybrid-result small { color: #78909e; }

.home-core-products { background: #f7f9fa; }
.home-core-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; }
.home-core-grid > a { position: relative; display: flex; min-height: 27rem; padding: 1.8rem; flex-direction: column; border: 1px solid var(--line); border-radius: 1rem; color: var(--slate); background: #fff; text-decoration: none; transition: transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.home-core-grid > a:hover { transform: translateY(-5px); border-color: #b9cbd5; box-shadow: 0 20px 45px rgba(11,31,51,.09); }
.home-core-grid > a > span { position: absolute; top: 1.5rem; right: 1.5rem; color: #c3cfd6; font-size: .65rem; font-weight: 800; }
.home-core-grid > a > i { display: grid; place-items: center; width: 3.4rem; height: 3.4rem; margin-bottom: 4rem; border-radius: .85rem; color: #fff; background: var(--brand-red); font-size: 1.4rem; }
.home-core-grid > a:nth-child(2) > i { background: #168bc5; }
.home-core-grid > a:nth-child(3) > i { background: #6f9e4a; }
.home-core-grid > a:nth-child(4) > i { background: #253f52; }
.home-core-grid small { color: var(--brand-red); font-size: .57rem; font-weight: 800; letter-spacing: .09em; }
.home-core-grid h3 { margin: .6rem 0 .8rem; color: var(--ink); font-size: 1.4rem; }
.home-core-grid p { font-size: .88rem; line-height: 1.65; }
.home-core-grid em { display: inline-flex; align-items: center; gap: .4rem; margin-top: auto; color: var(--ink); font-size: .77rem; font-style: normal; font-weight: 800; }

.home-ecosystem { padding-top: 0; background: #f7f9fa; }
.home-ecosystem-panel { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(2rem,5vw,5rem); align-items: center; padding: clamp(2.2rem,5vw,5rem); border-radius: 1.25rem; color: #a9bbc5; background: linear-gradient(145deg,#091722,#153c54); }
.home-ecosystem-copy h2 { max-width: 13ch; color: #fff; font-size: clamp(2.5rem,4vw,4rem); }
.home-ecosystem-copy p { max-width: 37rem; margin-bottom: 1.8rem; color: #94a9b5; }
.home-capability-links { display: grid; grid-template-columns: repeat(2,1fr); gap: .6rem; }
.home-capability-links a { display: grid; grid-template-columns: auto 1fr; gap: 0 .75rem; align-items: center; min-height: 5.2rem; padding: .85rem; border: 1px solid rgba(255,255,255,.09); border-radius: .7rem; color: #dce7ec; background: rgba(255,255,255,.035); text-decoration: none; transition: border-color .2s ease,background-color .2s ease; }
.home-capability-links a:hover { border-color: rgba(98,201,248,.28); background: rgba(75,181,231,.08); }
.home-capability-links a > i { grid-row: 1/3; display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border-radius: .6rem; color: #62c9f7; background: rgba(79,188,239,.09); }
.home-capability-links span { display: grid; }
.home-capability-links b { color: #eaf1f4; font-size: .7rem; }
.home-capability-links small { color: #698493; font-size: .5rem; }

.home-final-cta { background: #fff; }
.home-final-panel { padding: clamp(3rem,7vw,7rem) clamp(1.5rem,6vw,6rem); border-radius: 1.25rem; background: radial-gradient(circle at 20% 0,rgba(215,25,32,.15),transparent 25rem),radial-gradient(circle at 85% 100%,rgba(67,182,235,.16),transparent 27rem),#0b1f33; text-align: center; }
.home-final-panel h2 { max-width: 17ch; margin: 0 auto 1.2rem; color: #fff; font-size: clamp(2.8rem,5vw,5rem); line-height: 1.03; }
.home-final-panel p { max-width: 52rem; margin: 0 auto 2rem; color: #a8bac5; font-size: 1.05rem; }

@media (max-width: 1199.98px) {
  .home-impact-strip,.home-value-grid,.home-core-grid { grid-template-columns: repeat(2,1fr); }
  .home-impact-strip span:nth-child(3) { border-top: 1px solid rgba(255,255,255,.1); border-left: 0; }
  .home-impact-strip span:nth-child(4) { border-top: 1px solid rgba(255,255,255,.1); }
  .home-hybrid-flow { grid-template-columns: 1fr; }
  .home-flow-connector { grid-template-columns: auto auto; justify-content: center; }
  .home-flow-connector i { transform: rotate(90deg); }
  .home-hybrid-flow article { min-height: 0; }
  .home-hybrid-flow article > i { margin: 2rem 0 1.5rem; }
  .home-ecosystem-panel { grid-template-columns: 1fr; }
  .home-audience-grid { grid-template-columns: 1fr; }
  .home-audience-card { min-height: 0; }
  .home-audience-card > i { margin-bottom: 2.5rem; }
}
@media (max-width: 991.98px) {
  .home-platform-diagram { margin-top: 1rem; }
  .home-radio-people h2 { margin-bottom: 1.2rem; }
}
@media (max-width: 767.98px) {
  .home-hero { padding-top: 3.2rem; }
  .home-hero h1 { font-size: clamp(3rem,14vw,4.4rem); }
  .home-module-grid,.home-value-grid,.home-core-grid,.home-capability-links { grid-template-columns: 1fr; }
  .home-module-grid a { min-height: 5rem; }
  .home-converge { padding-inline: 1.5rem; }
  .home-pc-core { grid-template-columns: auto 1fr; }
  .home-core-status { grid-column: 1/-1; padding: .7rem 0 0; border-top: 1px solid rgba(255,255,255,.1); border-left: 0; text-align: left; }
  .home-output-row { grid-template-columns: repeat(3,1fr); }
  .home-broadcast-paths { grid-template-columns: 1fr; }
  .home-deployment-row { grid-template-columns: 1fr; }
  .home-impact-strip { grid-template-columns: 1fr; }
  .home-impact-strip span + span,.home-impact-strip span:nth-child(3),.home-impact-strip span:nth-child(4) { border-top: 1px solid rgba(255,255,255,.1); border-left: 0; }
  .home-radio-people h2 { font-size: 2.75rem; }
  .home-value-grid article,.home-core-grid > a { min-height: 0; }
  .home-core-grid > a > i { margin-bottom: 2.5rem; }
  .home-hybrid-result { align-items: flex-start; }
  .home-audience-promise { align-items: flex-start; justify-content: flex-start; }
  .home-ecosystem-panel { padding: 2rem 1.2rem; }
}
@media (max-width: 419.98px) {
  .home-module-grid a { grid-template-columns: 1fr; }
  .home-module-grid a > i { grid-row: auto; margin-bottom: .55rem; }
  .home-pc-core { grid-template-columns: 1fr; }
  .home-output-row { grid-template-columns: repeat(2,1fr); }
  .home-core-mark { width: 3.4rem; height: 3.4rem; }
}