@font-face {
  font-family:Manrope;
  font-style:normal;
  font-weight:200 800;
  font-display:swap;
  src:url('assets/fonts/manrope-latin.woff2') format('woff2')
}
@font-face {
  font-family:'DM Sans';
  font-style:normal;
  font-weight:100 1000;
  font-display:swap;
  src:url('assets/fonts/dm-sans-latin.woff2') format('woff2')
}
:root {
  --bg:#0b1420;
  --panel:#111e2c;
  --panel-2:#162637;
  --ink:#f3f6fa;
  --muted:#a6b6c8;
  --line:#2b3b4c;
  --cyan:#6cdae9;
  --orange:#f5a06d;
  --paper:#f1f3f5;
  --paper-ink:#152435;
  --radius:10px;
  --font:'DM Sans',Arial,sans-serif;
  --heading:Manrope,Arial,sans-serif;
  color-scheme:dark
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:95px
}
body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:15px/1.65 var(--font);
  -webkit-font-smoothing:antialiased
}
a {
  color:inherit;
  text-decoration:none
}
button,input,select,textarea {
  font:inherit
}
button {
  cursor:pointer
}
button,a,input,select,textarea {
  -webkit-tap-highlight-color:transparent
}
img,video {
  max-width:100%;
  height:auto
}
img {
  object-fit:contain
}
h1,h2,h3,h4,p,figure {
  margin:0
}
h1,h2,h3,h4 {
  font-family:var(--heading);
  line-height:1.18;
  letter-spacing:-.035em
}
h1 {
  font-size:clamp(38px,4.7vw,66px);
  font-weight:650
}
h2 {
  font-size:clamp(26px,2.7vw,39px);
  font-weight:600
}
h3 {
  font-size:21px;
  font-weight:600
}
p {
  color:var(--muted)
}
p+p {
  margin-top:16px
}
ul,ol {
  padding-left:22px
}
button {
  color:inherit
}
input,select,textarea {
  max-width:100%;
  background:#0e1b29;
  color:var(--ink);
  border:1px solid #4a5e72;
  border-radius:5px;
  padding:12px;
  min-height:46px;
  width:100%
}
textarea {
  resize:vertical
}
label {
  display:block;
  font-size:13px;
  font-weight:500;
  color:#d9e2ed
}
label>input,label>select,label>textarea {
  margin-top:7px
}
input[type=checkbox],input[type=radio] {
  width:auto;
  min-height:0;
  accent-color:var(--cyan)
}
button {
  border:0
}
summary {
  cursor:pointer
}
summary:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:3px solid var(--cyan);
  outline-offset:4px
}
::selection {
  background:#336875;
  color:white
}
[hidden] {
  display:none
}
.screen-reader-text,.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap
}
.skip-link {
  position:fixed;
  top:-100px;
  left:20px;
  z-index:500;
  background:var(--cyan);
  color:var(--bg);
  padding:10px 20px
}
.skip-link:focus {
  top:12px
}
.ms-shell,.container {
  width:min(1280px,calc(100% - 80px));
  margin-inline:auto
}
.ms-section {
  padding:72px 0
}
.ms-content {
  padding-top:44px;
  padding-bottom:72px;
  min-height:40vh
}
.ms-page-hero {
  padding:62px 0 58px;
  border-bottom:1px solid var(--line);
  background:var(--panel)
}
.ms-page-hero h1 span,.ms-hero h1 span,.onair-intro h2 span {
  color:var(--cyan)
}
.ms-page-hero h1 {
  margin:16px 0 20px;
  max-width:950px
}
.ms-page-hero .ms-lead {
  max-width:760px
}
.ms-page-hero .ms-text-link,.ms-page-hero .ms-button {
  margin-top:24px
}
.compact-hero {
  padding:36px 0
}
.compact-hero h1 {
  font-size:42px;
  margin-bottom:0
}
.ms-eyebrow,.eyebrow {
  font-size:10px;
  letter-spacing:.15em;
  font-weight:700;
  color:var(--cyan);
  line-height:1.6
}
.ms-lead {
  font-size:17px;
  line-height:1.8;
  max-width:650px
}
.ms-button,.button,.onair-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  padding:13px 21px;
  border:1px solid var(--cyan);
  border-radius:5px;
  background:var(--cyan);
  color:#0a1c27;
  font-size:13px;
  font-weight:650;
  line-height:1.5;
  transition:background .15s,border-color .15s
}
.ms-button:hover,.button:hover {
  background:#a6edf4;
  border-color:#a6edf4;
  color:#0a1c27
}
.ms-button-outline,.button-outline {
  background:transparent;
  border-color:#4c6177;
  color:var(--ink)
}
.ms-button-outline:hover,.button-outline:hover {
  background:#21384b;
  color:white;
  border-color:#7d9bb5
}
.ms-text-link,.text-link {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  font-weight:600;
  color:var(--cyan)
}
.ms-text-link:hover,.text-link:hover {
  color:white
}
.ms-actions {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:30px
}
.ms-split {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:72px;
  align-items:center
}
.ms-section-heading {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:60px;
  margin-bottom:32px
}
.ms-section-heading h2 {
  margin-top:12px
}
.ms-section-heading>p,.ms-section-heading>div+div {
  max-width:420px
}
.signal-dot,.live-dot {
  display:inline-block;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--orange);
  margin-right:7px
}
.review-banner {
  padding:5px 15px;
  text-align:center;
  background:#263c50;
  color:#d7eafa;
  font-size:11px;
  letter-spacing:.035em
}
/* Shared navigation */
.ms-header {
  position:sticky;
  top:0;
  z-index:100;
  background:#0b1420fa;
  border-bottom:1px solid var(--line)
}
.header-row {
  height:76px;
  display:flex;
  align-items:center;
  gap:28px
}
.ms-brand {
  display:inline-flex;
  align-items:center;
  gap:9px;
  flex-shrink:0;
  color:white
}
.ms-brand img {
  width:35px;
  height:35px
}
.ms-brand>span {
  font-family:var(--heading);
  font-size:21px;
  font-weight:750;
  letter-spacing:-.06em;
  line-height:1.2
}
.ms-brand small {
  display:block;
  letter-spacing:.14em;
  font:8px/1.8 var(--font);
  color:var(--muted);
  margin-top:3px
}
.ms-nav {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:22px;
  margin-left:auto;
  min-width:0;
  font-size:12px;
  font-weight:500
}
.ms-nav>a,.nav-menu>summary {
  padding:25px 0;
  white-space:nowrap;
  color:#cbd7e3
}
.ms-nav>a:hover,.nav-menu>summary:hover {
  color:var(--cyan)
}
.nav-menu>summary {
  list-style:none;
  display:flex;
  gap:8px;
  align-items:center
}
.nav-menu>summary::-webkit-details-marker {
  display:none
}
.nav-menu>summary:after {
  content:'⌄';
  color:var(--cyan);
  font-size:12px
}
.nav-menu[open]>summary {
  color:white
}
.ms-nav .nav-contact {
  color:var(--cyan)
}
.header-tools {
  display:flex;
  gap:7px;
  flex-shrink:0
}
.icon-control {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:1px solid transparent;
  color:#d3e0ec;
  width:31px;
  height:36px;
  position:relative;
  border-radius:4px
}
.icon-control:hover {
  border-color:var(--line);
  color:var(--cyan)
}
.icon-control svg {
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round
}
.cart-count {
  position:absolute;
  top:-2px;
  right:-3px;
  background:var(--cyan);
  color:var(--bg);
  font-size:9px;
  line-height:15px;
  width:15px;
  height:15px;
  border-radius:50%;
  text-align:center
}
.menu-toggle,.mobile-account {
  display:none
}
.mega-menu {
  position:absolute;
  left:0;
  right:0;
  top:100%;
  padding:34px max(40px,calc((100vw - 1280px)/2));
  display:grid;
  grid-template-columns:1fr 1.5fr;
  gap:80px;
  background:#111f2e;
  border-bottom:1px solid #3c536a;
  box-shadow:0 25px 35px #0005
}
.mega-menu h2 {
  font-size:27px;
  margin:12px 0
}
.mega-menu p {
  font-size:13px;
  max-width:320px
}
.mega-menu .ms-text-link {
  margin-top:18px
}
.mega-links {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 30px;
  align-content:start
}
.mega-links>a {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  padding:11px 0;
  border-bottom:1px solid var(--line);
  font-size:13px
}
.mega-links>a span {
  color:#86a0b5;
  font-size:10px
}
.mega-links>a:hover {
  color:var(--cyan)
}
.ms-search {
  border-top:1px solid var(--line);
  padding:20px 40px;
  background:var(--panel)
}
.ms-search form {
  max-width:850px;
  margin:auto
}
.ms-search form>div {
  display:flex;
  gap:12px;
  margin-top:8px
}
.ms-search input {
  margin:0
}
.ms-search button {
  white-space:nowrap
}
/* Home and discovery */
.ms-hero {
  padding:74px 0 70px;
  overflow:hidden
}
.hero-layout {
  display:grid;
  grid-template-columns:.95fr 1.12fr;
  align-items:center;
  gap:58px
}
.ms-hero h1 {
  margin:23px 0 24px;
  font-size:clamp(38px,4.15vw,61px);
  letter-spacing:-.055em
}
.ms-hero .ms-lead {
  font-size:16px;
  max-width:500px
}
.hero-footnote {
  display:flex;
  gap:14px;
  align-items:center;
  margin-top:31px;
  font-size:9px;
  letter-spacing:.13em;
  color:#8296ac
}
.hero-footnote i {
  width:3px;
  height:3px;
  border-radius:50%;
  background:var(--orange)
}
.hero-console {
  border:1px solid #40556b;
  border-radius:9px;
  overflow:hidden;
  background:#152434;
  box-shadow:0 22px 50px #0003
}
.console-bar {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:13px 16px;
  font-size:8px;
  letter-spacing:.12em;
  color:#9db1c6;
  border-bottom:1px solid var(--line)
}
.console-bar b {
  display:inline-block;
  width:6px;
  height:6px;
  background:var(--orange);
  border-radius:50%;
  margin-right:7px
}
.console-bar span:first-child {
  color:#ecf5fc
}
.hero-capture {
  display:block;
  width:100%;
  aspect-ratio:16/10;
  object-fit:contain;
  background:#090f18
}
.console-caption {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:16px;
  font-size:11px
}
.console-caption>a {
  color:var(--cyan)
}
.console-caption>a span {
  margin-left:8px;
  font-size:10px
}
.console-source-strip {
  display:flex;
  gap:18px;
  padding:12px 16px;
  border-top:1px solid var(--line);
  color:#829db7;
  font-size:8px;
  letter-spacing:.08em
}
.brand-ribbon {
  border-block:1px solid var(--line);
  padding:25px 0;
  background:#0e1a27
}
.brand-ribbon>.ms-shell {
  display:flex;
  align-items:center;
  gap:45px
}
.brand-ribbon p {
  font-size:8px;
  letter-spacing:.12em;
  min-width:220px
}
.brand-ribbon strong {
  font-size:11px;
  font-weight:400;
  letter-spacing:0;
  color:#b7c7d7
}
.brand-ribbon .ms-shell>div {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  flex:1
}
.brand-ribbon .ms-shell>div>span {
  font-family:var(--heading);
  font-size:18px;
  letter-spacing:-.04em;
  font-weight:650;
  color:#c3d0dd
}
.brand-ribbon .ms-shell>div>span:last-child {
  font-size:14px
}
.category-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px
}
.category-card {
  display:block;
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  padding:20px;
  background:var(--panel);
  transition:border-color .15s
}
.category-card:hover {
  border-color:var(--cyan)
}
.category-number {
  font-size:9px;
  letter-spacing:.13em;
  color:#86a2b9
}
.category-image {
  height:170px;
  border-radius:6px;
  background:var(--paper);
  margin:18px 0 22px;
  padding:20px;
  display:flex;
  align-items:center;
  justify-content:center
}
.category-image img {
  width:100%;
  height:100%;
  object-fit:contain;
  mix-blend-mode:multiply
}
.category-card h3 {
  font-size:17px;
  display:flex;
  justify-content:space-between;
  gap:8px;
  letter-spacing:-.035em
}
.category-card h3 span {
  color:var(--cyan)
}
.category-card p {
  font-size:12px;
  margin-top:8px
}
.onair-intro {
  padding:64px 0 12px;
  background:var(--panel)
}
.onair-intro .ms-section-heading {
  margin:0
}
.onair-intro .ms-text-link {
  margin-top:18px
}
.solution-callout {
  background:#15303d;
  border-top:1px solid #416273
}
.solution-callout .ms-button {
  margin-top:24px
}
.featured-section {
  border-top:1px solid var(--line)
}
.studio-frame {
  display:block;
  background:#07101a;
  border-bottom:1px solid var(--line)
}
.studio-frame video {
  display:block;
  width:100%;
  aspect-ratio:16/9;
  height:auto;
  object-fit:contain
}
.studio-toolbar {
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:10px;
  padding:12px 16px;
  border-bottom:1px solid var(--line);
  color:#9bb7cb
}
.studio-toolbar i {
  display:inline-block;
  width:5px;
  height:5px;
  background:var(--orange);
  border-radius:50%;
  margin-right:7px
}
.studio-main {
  min-width:0
}
.studio-tools {
  display:flex;
  align-items:center;
  gap:16px;
  padding:15px 18px;
  border-bottom:1px solid var(--line);
  flex-wrap:wrap
}
.studio-tools .button {
  padding:9px 13px;
  font-size:11px;
  gap:9px
}
.studio-tools .icon {
  width:14px;
  height:14px
}
.studio-tools p,.studio-tools>a {
  font-size:10px
}
.studio-tools>a {
  margin-left:auto;
  color:var(--cyan)
}
.studio-summary {
  padding:26px
}
.studio-small-label {
  font-size:9px;
  letter-spacing:.1em;
  color:var(--cyan)
}
.studio-summary h3 {
  margin:12px 0 15px
}
.studio-summary>p {
  font-size:13px
}
.studio-summary-actions {
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  margin:20px 0
}
.studio-summary-actions details {
  flex:1;
  min-width:150px
}
.studio-summary-actions details[open] {
  flex-basis:100%
}
.studio-summary-actions details p {
  margin-top:15px
}
.tour-chapter-times {
  border-top:1px solid var(--line);
  padding-top:18px;
  margin-top:18px
}
.tour-chapter-times>summary {
  font-size:11px;
  color:#9fb8cb
}
.tour-chapter-times>div {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:15px
}
.tour-chapter-times a {
  display:flex;
  align-items:start;
  gap:8px;
  font-size:10px;
  line-height:1.6;
  color:#b9cfdf
}
.tour-chapter-times a span {
  color:var(--cyan);
  white-space:nowrap
}
.studio-chapters-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:9px;
  letter-spacing:.11em;
  color:#87a8bf;
  padding:8px 10px 17px
}
.studio-chapter-number {
  flex-shrink:0
}
.studio-chapter-copy {
  flex:1;
  min-width:0
}
.studio-chapter-arrow {
  font-size:13px;
  color:var(--cyan)
}
/* Product archive and product detail; WooCommerce keeps native forms and scripts. */
.store-hero h1 {
  font-size:49px
}
.store-layout {
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  gap:45px;
  padding-top:40px;
  padding-bottom:80px
}
.catalogue-filters {
  align-self:start
}
.filter-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--line);
  padding-bottom:17px;
  margin-bottom:23px
}
.filter-heading h2 {
  font-size:17px;
  letter-spacing:-.025em
}
.filter-close,.ms-filter-toggle {
  display:none
}
.catalogue-filters label {
  margin-bottom:22px
}
.catalogue-filters select,.catalogue-filters input {
  font-size:12px;
  background:var(--panel);
  padding:10px;
  min-height:43px
}
.catalogue-filters .ms-button {
  width:100%
}
.filter-help {
  font-size:11px;
  line-height:1.7;
  margin:-10px 0 20px;
  color:#93a9bc
}
.filter-reset {
  display:block;
  text-align:center;
  padding:13px;
  font-size:12px;
  color:var(--cyan)
}
.filter-advice {
  border-top:1px solid var(--line);
  padding-top:25px;
  margin-top:20px
}
.filter-advice p {
  font-size:13px;
  margin:8px 0 14px
}
.filter-advice a {
  font-size:12px;
  color:var(--cyan)
}
.store-results {
  min-width:0
}
.store-results>.page-title,.store-results .woocommerce-products-header {
  display:none
}
.woocommerce .woocommerce-result-count {
  font-size:12px;
  color:#b0c3d6;
  padding-top:13px
}
.woocommerce .woocommerce-ordering select {
  font-size:12px;
  padding:9px 12px;
  min-height:42px;
  max-width:230px;
  background:var(--panel)
}
.woocommerce ul.products,.woocommerce-page ul.products {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  margin:24px 0 0;
  padding:0;
  clear:both
}
.woocommerce ul.products:before,.woocommerce ul.products:after {
  display:none
}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product {
  float:none;
  width:auto;
  margin:0;
  border:1px solid var(--line);
  background:var(--panel);
  border-radius:9px;
  overflow:hidden;
  padding:0 17px 19px;
  display:flex;
  flex-direction:column;
  min-width:0
}
.woocommerce ul.products.columns-4 {
  grid-template-columns:repeat(4,minmax(0,1fr))
}
.woocommerce ul.products li.product a img {
  height:210px;
  width:calc(100% + 34px);
  max-width:none;
  margin:0 -17px 20px;
  padding:25px;
  background:var(--paper);
  object-fit:contain
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color:var(--ink);
  font:600 16px/1.45 var(--heading);
  letter-spacing:-.02em;
  padding:0;
  margin:0 0 13px
}
.woocommerce ul.products li.product .price {
  color:var(--cyan);
  font-size:16px;
  font-weight:500;
  margin-top:4px
}
.woocommerce ul.products li.product .button {
  align-self:start;
  margin-top:auto;
  padding:9px 13px;
  font-size:11px;
  background:transparent;
  border:1px solid #486176;
  color:#d9edf8
}
.woocommerce ul.products li.product>a.woocommerce-LoopProduct-link {
  margin-bottom:15px
}
.woocommerce ul.products li.product .button:hover {
  background:#224256;
  color:white
}
.woocommerce ul.products li.product .added_to_cart {
  font-size:12px;
  color:var(--cyan);
  padding-top:10px
}
.woocommerce nav.woocommerce-pagination {
  margin-top:36px
}
.woocommerce nav.woocommerce-pagination ul {
  display:flex;
  justify-content:center;
  gap:8px;
  list-style:none;
  padding:0;
  margin:0;
  border:0
}
.woocommerce nav.woocommerce-pagination ul li {
  display:flex;
  border:1px solid var(--line);
  border-radius:5px;
  overflow:hidden
}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
  padding:10px 14px;
  background:var(--panel);
  color:white
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background:var(--cyan);
  color:var(--bg)
}
.woocommerce-info,.woocommerce-message,.woocommerce-error {
  background:var(--panel-2);
  color:#e3edf6;
  border-top-color:var(--cyan);
  font-size:14px;
  border-radius:6px
}
.woocommerce-info:before,.woocommerce-message:before {
  color:var(--cyan)
}
.woocommerce .woocommerce-info a,.woocommerce .woocommerce-message a {
  color:var(--cyan)
}
.woocommerce .woocommerce-info .button {
  color:var(--bg)
}
.product-shell {
  padding-top:30px;
  padding-bottom:70px
}
.woocommerce .woocommerce-breadcrumb {
  font-size:11px;
  color:#8ea7bd;
  margin-bottom:30px
}
.woocommerce .woocommerce-breadcrumb a {
  color:#bfcedd
}
.woocommerce div.product {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:28px 55px
}
.woocommerce div.product div.images,.woocommerce div.product div.summary {
  float:none;
  width:auto;
  margin:0;
  min-width:0
}
.woocommerce div.product div.images {
  position:relative
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
  position:absolute;
  top:12px;
  right:12px;
  z-index:5;
  width:34px;
  height:34px;
  border-radius:50%;
  background:white;
  color:#183448;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:15px
}
.woocommerce div.product div.images .woocommerce-product-gallery__image {
  background:var(--paper);
  padding:30px;
  border-radius:9px
}
.woocommerce div.product div.images .woocommerce-product-gallery__image a img {
  width:100%;
  height:410px;
  object-fit:contain
}
.woocommerce div.product div.images .flex-control-thumbs {
  display:flex;
  gap:10px;
  margin-top:15px
}
.woocommerce div.product div.images .flex-control-thumbs li {
  width:22%;
  background:var(--paper);
  border-radius:5px;
  padding:7px
}
.woocommerce div.product div.images .flex-control-thumbs li img {
  width:100%;
  height:75px;
  object-fit:contain
}
.woocommerce div.product .product_title {
  font-size:34px;
  line-height:1.25;
  margin:0 0 22px
}
.woocommerce div.product p.price,.woocommerce div.product span.price {
  color:var(--cyan);
  font-size:26px;
  margin:0 0 20px
}
.woocommerce-product-details__short-description {
  font-size:14px;
  margin-bottom:24px;
  color:#acbfd1
}
.woocommerce-product-details__short-description p {
  margin-bottom:12px
}
.woocommerce div.product form.cart {
  margin:24px 0;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center
}
.woocommerce .quantity .qty {
  width:70px;
  min-height:45px;
  margin:0
}
.woocommerce div.product form.cart .button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit {
  background:var(--cyan);
  color:var(--bg);
  border:1px solid var(--cyan);
  font-weight:650;
  border-radius:5px;
  padding:13px 20px;
  line-height:1.4
}
.woocommerce div.product form.cart div.quantity {
  margin:0
}
.product-quote {
  width:100%;
  font-size:12px;
  margin-top:3px
}
.purchase-note {
  font-size:11px;
  margin-top:12px
}
.woocommerce div.product .product_meta {
  font-size:11px;
  line-height:1.9;
  color:#93adc4;
  display:grid;
  margin:22px 0
}
.woocommerce div.product .product_meta a {
  color:var(--cyan)
}
.product-facts {
  border-top:1px solid var(--line);
  margin-top:28px;
  padding-top:24px
}
.product-facts h2 {
  font-size:19px;
  margin-bottom:16px
}
.product-facts table {
  font-size:12px;
  width:100%;
  border-collapse:collapse;
  margin-bottom:16px
}
.product-facts th,.product-facts td {
  border-bottom:1px solid var(--line);
  padding:10px 0;
  text-align:left;
  vertical-align:top
}
.product-facts th {
  width:35%;
  font-weight:500;
  color:#8da7bf;
  padding-right:20px
}
.product-facts .ms-text-link {
  font-size:11px
}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related,.workflow-crosslink {
  grid-column:1/-1;
  min-width:0
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  display:flex;
  flex-wrap:wrap;
  list-style:none;
  padding:0;
  border-bottom:1px solid var(--line)
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  border-color:var(--line)
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  display:block;
  background:transparent;
  border:0;
  margin:0 24px 0 0;
  padding:0
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
  display:none
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  display:block;
  color:#90a9bf;
  font-size:13px;
  font-weight:500;
  padding:17px 0
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background:transparent;
  border-bottom:2px solid var(--cyan)
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color:var(--cyan)
}
.woocommerce-Tabs-panel {
  overflow-x:auto;
  font-size:14px
}
.woocommerce-Tabs-panel h2,.woocommerce-Tabs-panel h3 {
  font-size:25px;
  margin:22px 0 18px
}
.woocommerce-Tabs-panel p {
  margin-bottom:15px
}
.woocommerce-Tabs-panel img {
  max-width:100%;
  height:auto
}
.woocommerce-Tabs-panel table {
  border-collapse:collapse;
  width:100%;
  font-size:12px;
  min-width:0
}
.woocommerce-Tabs-panel td,.woocommerce-Tabs-panel th {
  border:1px solid var(--line);
  padding:10px;
  color:#b9c9d7;
  overflow-wrap:anywhere
}
.woocommerce-Tabs-panel span[style] {
  color:inherit
}
.workflow-crosslink {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:40px;
  background:var(--panel-2);
  border:1px solid var(--line);
  border-radius:8px;
  padding:30px;
  margin:25px 0
}
.workflow-crosslink h2 {
  font-size:25px;
  margin:9px 0 12px
}
.workflow-crosslink p {
  max-width:660px;
  font-size:13px
}
.workflow-crosslink .ms-button {
  flex-shrink:0
}
.woocommerce .related h2 {
  font-size:27px;
  margin:15px 0
}
.woocommerce .related ul.products {
  grid-template-columns:repeat(4,minmax(0,1fr))
}
.woocommerce div.product .owp-product-nav-wrap {
  grid-column:1/-1;
  border-bottom:1px solid var(--line);
  padding-bottom:14px;
  margin-bottom:5px
}
.owp-product-nav,.owp-product-nav-wrap ul {
  display:flex;
  justify-content:space-between;
  gap:20px;
  list-style:none;
  padding:0;
  margin:0;
  font-size:11px;
  color:#92abc0
}
.owp-product-nav li,.owp-product-nav-wrap li {
  display:flex;
  gap:12px;
  align-items:center
}
.owp-product-nav img,.owp-product-nav-wrap img {
  display:none
}
.owp-product-nav a:hover {
  color:var(--cyan)
}
.woocommerce div.product .clear-after-summary {
  display:none
}
.woocommerce div.product .oew-product-share {
  grid-column:1/-1;
  border-block:1px solid var(--line);
  padding:15px 0;
  font-size:12px
}
.oew-product-share ul {
  list-style:none;
  padding:0;
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  margin:10px 0
}
.oew-product-share a {
  color:var(--cyan)
}
.woocommerce div.product div.images .flex-control-thumbs {
  list-style:none;
  padding:0
}
.woocommerce ul.products li.product .woo-entry-inner {
  list-style:none;
  padding:0;
  margin:0
}
.woocommerce .oceanwp-toolbar {
  display:none
}
.woocommerce-Tabs-panel [style*='color:'] {
  color:inherit
}
/* Editorial, services, forms and legal content */
.service-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px
}
.service-card {
  display:flex;
  flex-direction:column;
  align-items:start;
  padding:30px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--panel)
}
.card-index {
  font-size:9px;
  color:var(--cyan);
  letter-spacing:.12em
}
.service-card h2 {
  font-size:24px;
  margin:25px 0 16px;
  line-height:1.35
}
.service-card>p {
  font-size:13px
}
.service-card details {
  padding:20px 0;
  font-size:12px;
  width:100%
}
.service-card summary {
  font-size:12px;
  color:#d5e2ef
}
.service-card details p {
  font-size:12px;
  margin-top:12px
}
.service-card>.ms-text-link {
  margin-top:auto
}
.signal-diagram {
  display:grid;
  justify-items:center;
  gap:10px;
  background:#0b1c2a;
  border:1px solid #3f5f74;
  border-radius:10px;
  padding:35px
}
.signal-diagram>span {
  font-size:11px;
  letter-spacing:.13em;
  color:#b2c9de
}
.signal-diagram>b {
  font-weight:400;
  color:var(--cyan)
}
.signal-diagram>strong {
  font:600 29px var(--heading);
  color:var(--cyan);
  padding:15px 30px;
  border:1px solid #3b7181;
  border-radius:6px
}
.signal-diagram small {
  font-size:11px;
  color:#91acbf;
  margin-top:9px
}
.process-section {
  background:var(--panel);
  border-block:1px solid var(--line)
}
.process-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:45px;
  list-style:none;
  padding:0;
  margin:35px 0
}
.process-grid li>span {
  font:400 35px var(--heading);
  color:var(--cyan)
}
.process-grid h3,.process-grid h2 {
  font-size:22px;
  margin:17px 0 13px
}
.process-grid p {
  font-size:13px
}
.contact-layout {
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:100px
}
.contact-layout h2 {
  margin:12px 0 23px
}
.contact-layout>div>p {
  max-width:400px
}
.contact-lines {
  display:grid;
  gap:22px;
  margin:35px 0
}
.contact-lines a {
  display:grid;
  gap:5px
}
.contact-lines small {
  font-size:9px;
  letter-spacing:.13em;
  color:#8ca6bc
}
.contact-lines strong {
  font-size:20px;
  color:var(--cyan);
  font-weight:500
}
.contact-hint {
  font-size:12px
}
.enquiry-panel,.demo-form {
  padding:35px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:10px
}
.enquiry-panel h2 {
  font-size:25px;
  margin-top:0
}
.ms-enquiry,.demo-form {
  display:grid;
  gap:20px
}
.form-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px
}
.ms-enquiry .ms-button,.form-submit {
  width:100%
}
.form-note {
  font-size:11px;
  line-height:1.7
}
.honeypot,.onair-field-trap {
  position:absolute;
  left:-10000px;
  width:1px;
  height:1px;
  overflow:hidden
}
.form-error,.form-status,.onair-form-alert {
  font-size:13px;
  color:var(--orange)
}
.enquiry-product {
  padding:12px;
  background:var(--panel-2);
  font-size:13px;
  border-left:2px solid var(--cyan)
}
.about-mark {
  display:grid;
  justify-items:center;
  gap:30px;
  padding:40px
}
.about-mark span {
  font-size:10px;
  letter-spacing:.13em;
  color:#a2b9cb
}
.prose-content {
  max-width:900px;
  line-height:1.85
}
.prose-content p,.prose-content li {
  color:#b1c1d1;
  margin-bottom:16px
}
.prose-content h2,.prose-content h3 {
  margin:30px 0 18px
}
.prose-content a {
  color:var(--cyan)
}
.prose-content .ms-button {
  color:var(--bg);
  margin-top:20px
}
.prose-content img {
  max-width:100%;
  height:auto;
  border-radius:6px
}
.prose-content table {
  border-collapse:collapse;
  width:100%
}
.prose-content td,.prose-content th {
  padding:12px;
  border:1px solid var(--line);
  text-align:left
}
.legacy-service-content {
  padding-top:0
}
.legacy-service-content summary {
  color:var(--cyan);
  padding:18px 0
}
.legacy-service-content details>p {
  padding-top:15px
}
.resource-grid,.editorial-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:25px
}
.resource-card,.editorial-card {
  border:1px solid var(--line);
  border-radius:9px;
  overflow:hidden;
  background:var(--panel)
}
.resource-card>a {
  display:block;
  background:#080f18
}
.resource-card img {
  width:100%;
  aspect-ratio:16/9;
  display:block;
  object-fit:contain
}
.resource-card>div,.editorial-card {
  padding:25px
}
.resource-card h2 {
  font-size:22px;
  margin:15px 0 13px
}
.resource-card>div>p:not(.ms-eyebrow) {
  font-size:13px
}
.resource-card .ms-text-link {
  margin-top:21px
}
.search-page-form {
  display:flex;
  gap:12px;
  max-width:650px;
  margin-top:27px
}
.search-page-form .ms-button {
  margin:0;
  white-space:nowrap
}
.search-results-grid {
  display:grid;
  gap:22px
}
.search-result {
  display:grid;
  grid-template-columns:160px 1fr;
  gap:30px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  padding:24px
}
.search-result>a {
  background:var(--paper);
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:15px
}
.search-result img {
  width:100%;
  height:130px;
  object-fit:contain
}
.search-result h2 {
  font-size:24px;
  margin:10px 0 15px
}
.search-result .ms-text-link {
  margin-top:15px
}
.search-result:not(:has(>a)) {
  grid-template-columns:1fr
}
.empty-state {
  padding:40px;
  border:1px solid var(--line);
  border-radius:8px
}
.empty-state p {
  margin:17px 0 26px
}
.campaign-card {
  padding:35px;
  border:1px solid #9c7154;
  border-radius:9px;
  background:#242329
}
.campaign-card h2 {
  margin:12px 0 20px
}
.campaign-card .ms-button {
  margin-top:20px
}
/* Native cart, checkout and account layout */
.commerce-content {
  min-height:45vh
}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select {
  background:#0d1a27;
  color:white;
  border:1px solid #496175;
  min-height:44px;
  padding:11px;
  border-radius:5px
}
.woocommerce form .form-row label {
  line-height:1.7;
  margin-bottom:6px
}
.woocommerce form .form-row {
  display:block;
  margin-bottom:15px
}
.woocommerce form .form-row-first,.woocommerce form .form-row-last {
  width:48%
}
.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1 {
  width:48%
}
.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2 {
  width:48%
}
.woocommerce table.shop_table {
  width:100%;
  border:1px solid var(--line);
  border-collapse:collapse;
  border-radius:6px;
  overflow:hidden;
  background:var(--panel);
  font-size:13px
}
.woocommerce table.shop_table td,.woocommerce table.shop_table th {
  border-color:var(--line);
  padding:15px
}
.woocommerce table.shop_table thead {
  background:var(--panel-2)
}
.woocommerce table.shop_table a {
  color:var(--cyan)
}
.woocommerce table.shop_table .product-thumbnail img {
  width:70px;
  height:60px;
  object-fit:contain;
  background:var(--paper);
  padding:5px;
  border-radius:4px
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
  width:180px;
  min-height:46px;
  margin-right:10px
}
.woocommerce-cart .cart-collaterals .cart_totals h2,.woocommerce-checkout h3 {
  font-size:27px;
  margin-bottom:20px
}
.woocommerce-checkout #payment {
  background:var(--panel-2);
  border-radius:8px
}
.woocommerce-checkout #payment div.payment_box {
  background:#274156;
  color:#e4edf5
}
.woocommerce-checkout #payment div.payment_box:before {
  border-bottom-color:#274156
}
.woocommerce-checkout #payment ul.payment_methods {
  border-color:var(--line)
}
.woocommerce-checkout #payment ul.payment_methods li label {
  display:inline
}
.woocommerce-checkout #payment .form-row {
  padding:24px
}
.woocommerce .select2-container .select2-selection--single {
  background:#0d1a27;
  border-color:#496175;
  height:46px;
  border-radius:5px
}
.woocommerce .select2-container .select2-selection--single .select2-selection__rendered {
  color:white;
  line-height:44px
}
.select2-dropdown {
  background:var(--panel);
  border-color:var(--line)
}
.select2-results__option {
  color:white
}
.woocommerce form.login,.woocommerce form.register {
  border-color:var(--line);
  padding:28px;
  background:var(--panel)
}
.woocommerce-MyAccount-navigation ul {
  list-style:none;
  padding:0;
  margin:0;
  border:1px solid var(--line);
  border-radius:7px;
  overflow:hidden
}
.woocommerce-MyAccount-navigation a {
  display:block;
  padding:13px 18px;
  border-bottom:1px solid var(--line);
  font-size:13px
}
.woocommerce-MyAccount-navigation .is-active a {
  background:var(--panel-2);
  color:var(--cyan)
}
.woocommerce-MyAccount-content p {
  margin-bottom:15px
}
.woocommerce-MyAccount-content a {
  color:var(--cyan)
}
.woocommerce form .show-password-input {
  top:8px
}
.woocommerce-error {
  border-top-color:#f49c7f
}
.woocommerce a.remove {
  color:#f3a17b
}
.woocommerce a.remove:hover {
  background:#924c3c;
  color:white
}
.woocommerce-terms-and-conditions {
  border:1px solid var(--line);
  background:var(--panel);
  padding:18px
}
.woocommerce .woocommerce-customer-details address {
  border-color:var(--line)
}
/* Shared footer */
.ms-footer {
  padding:56px 0 0;
  background:#080f18;
  border-top:1px solid var(--line)
}
.footer-grid {
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr;
  gap:60px;
  padding-bottom:45px
}
.footer-grid>div:first-child>p {
  font:500 25px/1.4 var(--heading);
  color:#d7e5ef;
  margin:22px 0 14px;
  letter-spacing:-.03em
}
.footer-description {
  font-size:12px;
  line-height:1.9;
  color:#819bb2
}
.footer-grid h2 {
  font:600 10px var(--font);
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#7e9ab4;
  margin:12px 0 23px
}
.footer-grid>div:not(:first-child)>a {
  display:block;
  font-size:13px;
  color:#b2c4d5;
  margin:12px 0
}
.footer-grid>div:not(:first-child)>a:hover {
  color:var(--cyan)
}
.footer-bottom {
  border-top:1px solid var(--line);
  padding:22px 0;
  display:flex;
  justify-content:space-between;
  gap:24px
}
.footer-bottom p,.footer-bottom a {
  font-size:10px;
  color:#7f99b0
}
.footer-bottom>div {
  display:flex;
  gap:24px
}
/* The authentic OnAir experience uses the same design tokens and typography. */
.onair-experience {
  background:var(--bg)
}
.onair-experience>section {
  padding:62px 0;
  border-bottom:1px solid var(--line)
}
.onair-experience>section:nth-of-type(even) {
  background:var(--panel)
}
.icon {
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex-shrink:0;
  display:block
}
.icon-definitions {
  position:absolute;
  width:0;
  height:0;
  overflow:hidden
}
.onair-experience .section-heading {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:60px;
  margin-bottom:32px
}
.onair-experience .section-heading h2 {
  margin-top:12px
}
.onair-experience .section-heading>p {
  max-width:420px;
  font-size:14px
}
.onair-experience h2 span {
  color:var(--cyan)
}
.onair-experience h3 {
  font-size:24px;
  margin-bottom:14px
}
.onair-experience .eyebrow {
  margin-bottom:12px
}
.onair-experience .text-link {
  font-size:12px
}
.icon-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;
  padding:9px;
  background:var(--panel-2);
  border:1px solid var(--line);
  border-radius:5px
}
.feature-navigator {
  position:relative;
  background:#132433;
  border-block:1px solid var(--line);
  padding:12px 0
}
.feature-nav-inner {
  display:flex;
  align-items:center;
  gap:24px
}
.feature-nav-brand,.mini-label {
  font-size:9px;
  letter-spacing:.1em;
  color:#9db7cd
}
.feature-links {
  display:flex;
  gap:22px;
  align-items:center;
  flex:1;
  font-size:11px;
  overflow-x:auto;
  white-space:nowrap
}
.feature-links a {
  padding:9px 0
}
.feature-links a:hover,.feature-links a.is-active {
  color:var(--cyan)
}
.feature-nav-actions {
  display:flex;
  gap:10px
}
.motion-toggle {
  font-size:10px;
  background:var(--panel-2);
  border:1px solid var(--line);
  border-radius:4px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:8px
}
.motion-toggle .icon {
  width:14px;
  height:14px
}
.next-feature {
  font-size:11px;
  display:inline-flex;
  align-items:center;
  gap:8px
}
.next-feature .icon {
  width:16px
}
.studio-layout {
  display:grid;
  grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);
  border:1px solid var(--line);
  border-radius:9px;
  overflow:hidden;
  background:#0c1722
}
.studio-screen {
  min-width:0
}
.studio-player {
  background:#080e17;
  position:relative
}
.studio-player video {
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:contain
}
.studio-player-bar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 18px;
  border-bottom:1px solid var(--line);
  font-size:10px;
  color:#a8c2d6
}
.studio-player-topline {
  display:flex;
  align-items:center;
  gap:8px;
  padding:13px 18px;
  font-size:11px;
  border-bottom:1px solid var(--line)
}
.studio-player-topline>span:last-child {
  margin-left:auto;
  color:#8da7bc;
  font-size:10px
}
.studio-player-controls {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:15px 18px;
  border-bottom:1px solid var(--line)
}
.studio-player-controls>button {
  background:var(--cyan);
  color:var(--bg);
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 13px;
  border-radius:4px;
  font-size:12px
}
.studio-player-controls .icon {
  width:15px;
  height:15px
}
.studio-player-controls>p,.studio-player-controls>span,.studio-player-controls>a {
  font-size:10px
}
.studio-chapters {
  list-style:none;
  padding:12px;
  margin:0;
  overflow-y:auto;
  max-height:530px;
  background:var(--panel)
}
.studio-chapter {
  display:flex;
  align-items:center;
  gap:11px;
  padding:13px 11px;
  border:1px solid transparent;
  border-bottom-color:var(--line);
  border-radius:5px;
  font-size:12px
}
.studio-chapter[aria-current=true] {
  background:#1c3746;
  border-color:#3a6e80
}
.studio-chapter>span:first-child {
  font-size:10px;
  color:#6fa8bc
}
.studio-chapter strong {
  font-size:12px;
  display:block;
  font-weight:500
}
.studio-chapter small {
  display:block;
  color:#8da8bd;
  font-size:10px;
  margin-top:4px
}
.studio-chapter>.icon,.studio-chapter>span:last-child {
  margin-left:auto
}
.studio-copy {
  padding:28px
}
.studio-copy h3 {
  font-size:25px;
  margin:12px 0 15px
}
.studio-copy>p {
  font-size:13px
}
.studio-copy .text-link {
  margin:20px 0
}
.studio-copy details {
  font-size:12px;
  color:#8cacc4
}
.studio-copy details p {
  margin-top:15px;
  line-height:1.9
}
.studio-tour-links {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:18px;
  border-top:1px solid var(--line)
}
.studio-tour-links a {
  border:1px solid #344e63;
  padding:6px 9px;
  font-size:10px;
  border-radius:4px;
  color:#b1cedf
}
.studio-tour-heading {
  font-size:10px;
  color:#8ba9be;
  padding:17px 18px 0
}
.studio-library-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:16px 18px 10px;
  font-size:10px;
  letter-spacing:.1em
}
.studio-context,.film-context,.studio-footnote {
  font-size:11px;
  color:#8ea9bd;
  margin-top:17px;
  line-height:1.7
}
.studio-caption {
  font-size:11px;
  padding:14px 18px;
  color:#8ea9bd
}
.studio-video-shell {
  background:#07101a
}
.studio-video-shell video {
  width:100%;
  aspect-ratio:16/9
}
.studio-heading {
  padding:16px 20px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:11px
}
.studio-controls {
  display:flex;
  align-items:center;
  gap:15px;
  justify-content:space-between;
  padding:15px 20px
}
.studio-controls .button {
  padding:9px 12px;
  font-size:11px;
  gap:10px
}
.studio-controls .icon {
  width:15px
}
.studio-controls p,.studio-controls>a {
  font-size:10px
}
.studio-library {
  border-left:1px solid var(--line);
  background:var(--panel)
}
.studio-copy,.studio-description {
  font-size:13px
}
.studio-transcript {
  font-size:12px;
  line-height:1.8
}
.studio-transcript p {
  margin-top:15px
}
.tour-timestamps {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:20px
}
.tour-timestamps a {
  font-size:10px;
  border:1px solid var(--line);
  border-radius:4px;
  padding:6px 8px
}
.tour-timestamps>p {
  width:100%;
  font-size:10px
}
.capability-grid,.dvr-feature-cards,.export-action-cards,.control-features {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px
}
.capability,.dvr-feature-cards>article,.export-action-cards>article,.control-features>article {
  padding:26px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#122230
}
.capability-number {
  font-size:10px;
  color:var(--cyan);
  letter-spacing:.1em
}
.feature-icon {
  width:32px;
  height:32px;
  fill:none;
  stroke:var(--cyan);
  stroke-width:1.2;
  display:block;
  margin:25px 0
}
.capability h3 {
  margin-bottom:15px
}
.capability p,.dvr-feature-cards p,.control-features p,.export-action-cards p {
  font-size:13px
}
.feature-tag {
  display:block;
  font-size:10px;
  margin-top:22px;
  color:var(--cyan)
}
.workflow-detail,.interface-details {
  margin-top:25px;
  border:1px solid var(--line);
  border-radius:6px;
  padding:18px 22px
}
.workflow-detail>summary,.interface-details>summary {
  font-size:13px;
  color:var(--cyan)
}
.local-ingest-spotlight,.dvr-grid,.source-layout,.export-layout,.playlist-range-layout,.destination-layout,.demo-grid,.format-feature-grid,.lband-feature-grid,.speed-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:45px;
  align-items:center;
  margin-top:30px
}
.local-ingest-copy>p,.source-copy>p,.export-copy>p,.playlist-range-copy>p,.destination-copy>p {
  font-size:14px;
  margin-bottom:20px
}
.local-ingest-copy ul {
  list-style:none;
  padding:0;
  margin:20px 0
}
.local-ingest-copy li {
  display:flex;
  gap:10px;
  font-size:12px;
  margin:12px 0;
  color:#b6cbdc
}
.local-ingest-copy li .icon {
  color:var(--cyan);
  width:16px
}
.local-ingest-brand {
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:22px;
  font-size:10px;
  color:var(--cyan)
}
.local-ingest-brand small {
  display:block;
  font-size:8px;
  color:#8baac2
}
.local-ingest-map,.source-flow,.destination-map {
  border:1px solid #3f5d73;
  border-radius:8px;
  background:#102431;
  padding:25px
}
.local-ingest-map figcaption,.source-flow figcaption {
  font-size:10px;
  color:#8bafc4
}
.local-ingest-sources,.local-ingest-options,.source-types {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:20px 0
}
.local-ingest-sources>span,.local-ingest-options>span {
  display:flex;
  align-items:center;
  gap:6px;
  font-size:10px;
  padding:8px;
  background:#1d3748;
  border:1px solid #385d73;
  border-radius:5px
}
.local-ingest-sources .icon,.local-ingest-options .icon {
  width:15px;
  height:15px
}
.local-ingest-download,.local-ingest-footnote {
  font-size:11px;
  text-align:center
}
.local-ingest-steps,.source-flow-steps {
  display:flex;
  list-style:none;
  align-items:center;
  justify-content:space-between;
  padding:0;
  gap:10px;
  margin:28px 0
}
.local-ingest-steps>li,.source-flow-steps>li {
  display:grid;
  justify-items:center;
  gap:10px;
  position:relative;
  font-size:11px;
  text-align:center
}
.local-ingest-steps strong {
  font-weight:500
}
.local-ingest-steps small {
  display:block;
  font-size:9px
}
.ingest-step-icon {
  padding:13px;
  border:1px solid var(--line);
  border-radius:8px;
  color:var(--cyan)
}
.ingest-step-arrow {
  display:none
}
.product-frame {
  display:block;
  padding:0;
  width:100%;
  border:1px solid #456077;
  border-radius:8px;
  background:#0a1722;
  color:#c0d7e8;
  overflow:hidden
}
.window-bar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 16px;
  border-bottom:1px solid var(--line);
  font-size:10px
}
.window-bar .icon {
  width:14px;
  height:14px
}
.window-dots {
  display:flex;
  gap:4px
}
.window-dots i {
  width:4px;
  height:4px;
  border-radius:50%;
  background:#55758e
}
.product-frame img {
  display:block;
  width:100%;
  height:auto
}
.dvr-proof>p,.export-screenshot>figcaption,.playlist-range-proof>figcaption {
  font-size:11px;
  text-align:center;
  margin-top:14px
}
.dvr-window-explorer {
  border:1px solid var(--line);
  border-radius:8px;
  background:#122635;
  padding:25px
}
.dvr-explorer-heading {
  display:flex;
  gap:14px;
  align-items:center
}
.dvr-explorer-heading h3 {
  font-size:20px;
  margin:0
}
.dvr-explorer-heading p {
  font-size:11px
}
.dvr-explorer-heading>span {
  margin-left:auto;
  font-size:8px;
  color:#8babc0
}
.dvr-window-buttons {
  display:flex;
  gap:8px;
  margin:25px 0
}
.dvr-window-buttons>button {
  flex:1;
  background:#1e384b;
  border:1px solid #3b5c73;
  border-radius:5px;
  font-size:11px;
  padding:10px 7px
}
.dvr-window-buttons>button small {
  display:block;
  font-size:9px
}
.dvr-window-buttons>button[aria-pressed=true] {
  border-color:var(--cyan);
  color:var(--cyan)
}
.dvr-window-axis {
  display:flex;
  justify-content:space-between;
  font-size:10px;
  color:#93adc3
}
.dvr-window-rail {
  position:relative;
  height:28px;
  background:#2b465b;
  margin:13px 0 20px;
  border-radius:4px
}
.dvr-recent-window {
  position:absolute;
  left:var(--focus-position);
  right:0;
  inset-block:0;
  background:#2c697c
}
.dvr-preview-anchor {
  position:absolute;
  left:var(--focus-position);
  top:-5px;
  bottom:-5px;
  width:2px;
  background:var(--orange)
}
.dvr-focus-label {
  display:flex;
  gap:15px;
  align-items:center
}
.dvr-focus-label strong {
  font:400 32px var(--heading);
  color:var(--cyan)
}
.dvr-focus-label span {
  font-size:10px;
  color:#a5bbcd
}
.dvr-window-status {
  font-size:11px;
  margin:20px 0
}
.dvr-mark-tools {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  font-size:11px;
  border-top:1px solid var(--line);
  padding-top:16px
}
.dvr-mark-tools>span {
  display:flex;
  gap:7px;
  align-items:center;
  padding:6px 9px;
  border:1px solid var(--line);
  border-radius:4px
}
.dvr-mark-tools .icon {
  width:13px;
  height:13px
}
.dvr-mark-tools p {
  width:100%;
  font-size:11px
}
.dvr-feature-cards {
  margin-top:26px
}
.dvr-feature-cards .icon,.export-action-cards .icon,.control-features .icon {
  color:var(--cyan);
  margin-bottom:18px
}
.dvr-feature-cards h3,.export-action-cards h3,.control-features h3 {
  font-size:22px
}
.dvr-benefit-bar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  margin-top:26px;
  font-size:12px
}
.dvr-benefit-bar p {
  max-width:780px
}
.format-pair {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:30px
}
.format-screen {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid #42637a;
  background:#102735;
  border-radius:9px
}
.format-screen.landscape {
  width:65%;
  aspect-ratio:16/9
}
.format-screen.portrait {
  width:28%;
  aspect-ratio:9/16
}
.format-screen>span {
  font-size:9px;
  letter-spacing:.1em;
  color:var(--cyan)
}
.format-screen strong {
  font-size:25px;
  font-weight:400;
  margin:13px 0
}
.format-screen small {
  font-size:10px;
  color:#9ab8cc
}
.format-feature-grid h2,.lband-feature-grid h2,.speed-grid h2 {
  margin:12px 0 22px
}
.format-feature-grid p,.lband-feature-grid p,.speed-grid p {
  font-size:14px
}
.format-feature-grid .text-link,.lband-feature-grid .text-link {
  margin-top:20px
}
.format-use-cases {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  font-size:11px
}
.lband-feature-grid li {
  color:#abc4d6;
  font-size:13px;
  margin:12px 0
}
.lband-output-preview {
  display:block;
  border:1px solid #3e5a70;
  border-radius:8px;
  overflow:hidden;
  background:#112534
}
.lband-output-preview img {
  display:block;
  width:100%
}
.lband-output-preview>span {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  font-size:12px;
  padding:18px;
  color:var(--cyan)
}
.speed-proof {
  padding:30px;
  border:1px solid #3f5f75;
  border-radius:9px;
  background:#142b39
}
.speed-proof>span {
  font-size:9px;
  letter-spacing:.13em;
  color:var(--cyan)
}
.speed-proof>div {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  margin:26px 0
}
.speed-proof strong {
  font:400 58px/1.1 var(--heading);
  color:white
}
.speed-proof strong span {
  display:block;
  font:11px var(--font);
  color:#9fb8cb;
  margin-top:12px
}
.speed-proof b {
  font-size:24px;
  color:var(--orange)
}
.speed-proof>p {
  font-size:11px
}
.speed-proof>a {
  font-size:12px;
  display:inline-block;
  margin-top:20px;
  color:var(--cyan)
}
.tour-layout {
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:30px
}
.tour-tabs {
  display:flex;
  flex-direction:column;
  gap:8px
}
.tour-tab {
  text-align:left;
  padding:17px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:6px;
  display:flex;
  align-items:center;
  gap:13px;
  color:#afc4d5
}
.tour-tab[aria-selected=true] {
  border-color:#578d9e;
  background:#183744;
  color:var(--cyan)
}
.tour-tab>span {
  display:grid;
  gap:4px;
  font-size:12px
}
.tour-tab small {
  font-size:10px;
  color:#91acc1
}
.tour-tab .icon {
  width:19px;
  height:19px
}
.tour-tab strong {
  font-weight:500
}
.tour-panel {
  min-width:0
}
.tour-context {
  font-size:11px;
  color:#91b1c9
}
.tour-context h3 {
  font-size:21px
}
.tour-description,.tour-panel>p {
  font-size:12px;
  margin:16px 0
}
.tour-panel-header,.tour-panel-footer,.tour-meta {
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:11px;
  margin:15px 0
}
.tour-image-button {
  display:block;
  padding:0;
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden;
  background:#08111c;
  width:100%
}
.tour-image-button img {
  display:block;
  width:100%
}
.tour-playback {
  display:flex;
  align-items:center;
  gap:15px;
  font-size:10px;
  margin-bottom:15px
}
.tour-playback>button {
  display:flex;
  align-items:center;
  gap:7px;
  background:var(--panel-2);
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:4px;
  font-size:10px
}
.tour-playback .icon {
  width:13px;
  height:13px
}
.tour-detail-note {
  font-size:11px;
  margin-top:20px
}
.source-kinds,.input-tags {
  display:flex;
  flex-wrap:wrap;
  gap:8px
}
.source-types>span,.source-kinds>span,.input-tags>span {
  font-size:11px;
  border:1px solid var(--line);
  border-radius:4px;
  padding:7px 10px;
  color:#aac7db
}
.source-flow-center {
  text-align:center;
  padding:25px;
  border:1px solid #3a657b;
  border-radius:8px;
  font-size:16px;
  color:var(--cyan)
}
.source-flow-steps>li>span {
  display:block
}
.source-flow .icon {
  color:var(--cyan)
}
.source-flow>p {
  font-size:11px;
  text-align:center
}
.workflow-steps {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  list-style:none;
  margin:30px 0;
  padding:0
}
.workflow-steps>li {
  padding:25px 20px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel)
}
.workflow-step {
  width:100%;
  text-align:left;
  background:transparent;
  padding:0
}
.workflow-steps .icon {
  color:var(--cyan);
  margin-bottom:25px
}
.workflow-steps h3 {
  font-size:20px;
  margin:13px 0
}
.workflow-steps p {
  font-size:12px
}
.workflow-steps small,.workflow-step>span {
  font-size:10px;
  color:var(--cyan)
}
.workflow-steps .is-active {
  border-color:#5a91a4
}
.workflow-narration {
  font-size:12px;
  padding:18px 22px;
  background:#162f3c;
  border:1px solid #38576a;
  border-radius:6px
}
.export-action-cards {
  margin-top:25px
}
.export-paths {
  display:grid;
  gap:12px;
  margin:20px 0
}
.export-path {
  border-left:2px solid var(--cyan);
  padding:8px 16px
}
.export-path h3 {
  font-size:20px
}
.export-path p {
  font-size:12px
}
.playlist-range-proof img {
  width:100%;
  border:1px solid var(--line);
  border-radius:8px
}
.control-intro {
  max-width:700px;
  margin-bottom:32px
}
.control-intro p {
  margin-top:20px
}
.destination-targets {
  display:grid;
  gap:12px
}
.destination-target {
  display:flex;
  align-items:center;
  gap:13px;
  padding:15px 18px;
  border:1px solid #385970;
  border-radius:7px;
  background:#172f40
}
.destination-platform {
  width:32px;
  height:32px;
  display:grid;
  place-items:center
}
.destination-platform>.icon {
  width:27px;
  height:27px;
  color:var(--cyan)
}
.destination-target strong {
  font-size:13px;
  font-weight:500
}
.destination-target small {
  font-size:10px;
  display:block;
  color:#9bb4c8
}
.destination-source {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:1px solid #467c8c;
  border-radius:7px;
  padding:20px;
  margin-bottom:25px;
  color:var(--cyan)
}
.destination-footnote {
  font-size:11px;
  text-align:center;
  margin-top:15px
}
.instagram-mark {
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  background:none;
  border:0;
  box-shadow:none;
  filter:none
}
.instagram-mark svg {
  width:30px;
  height:30px
}
.protocol-strip {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  padding-top:35px
}
.protocol-strip>div>p {
  font-size:11px
}
.protocols {
  display:flex;
  gap:15px;
  flex-wrap:wrap
}
.protocol-card {
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:5px;
  font-size:11px
}
.protocol-card strong {
  font-weight:500
}
.protocol-card small {
  display:block;
  color:#8ba8bf;
  font-size:9px
}
.protocol-card .icon {
  width:19px;
  height:19px;
  color:var(--cyan)
}
.audience-layout {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px
}
.audience-layout>div>p:not(.eyebrow) {
  margin-top:24px;
  font-size:14px
}
.audience-list {
  display:grid;
  gap:20px
}
.audience-list>article {
  display:flex;
  gap:20px;
  padding-bottom:20px;
  border-bottom:1px solid var(--line)
}
.audience-list>article>span {
  color:var(--cyan);
  font-size:11px
}
.audience-list h3 {
  font-size:20px
}
.audience-list p {
  font-size:12px
}
.demo-grid {
  align-items:start;
  margin-top:0;
  gap:70px
}
.demo-copy h2 {
  margin:15px 0 24px
}
.demo-copy>p:not(.eyebrow) {
  font-size:14px
}
.demo-checklist {
  list-style:none;
  padding:0;
  display:grid;
  gap:16px;
  margin:26px 0
}
.demo-checklist li {
  display:flex;
  align-items:center;
  gap:12px;
  font-size:12px;
  color:#b6c9d8
}
.demo-checklist .icon {
  color:var(--cyan);
  width:16px
}
.demo-direct {
  display:grid;
  gap:10px;
  font-size:12px;
  color:var(--cyan)
}
.form-heading {
  display:flex;
  gap:15px;
  align-items:center
}
.form-heading h3 {
  font-size:21px;
  margin:0
}
.form-heading p {
  font-size:11px
}
.form-icon {
  padding:12px;
  background:#203e4f;
  border-radius:7px;
  color:var(--cyan)
}
.faq-grid {
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:70px
}
.faq-grid h2 {
  margin:15px 0 25px
}
.faq-list details {
  padding:19px 0;
  border-bottom:1px solid var(--line)
}
.faq-list summary {
  font-size:14px;
  color:#d3e0ec
}
.faq-list details p {
  font-size:13px;
  margin-top:18px
}
.lightbox {
  max-width:min(1400px,96vw);
  width:96vw;
  max-height:94dvh;
  border:1px solid #456077;
  border-radius:8px;
  background:var(--bg);
  color:var(--ink);
  padding:0
}
.lightbox::backdrop {
  background:#02070ddb
}
.lightbox-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  padding:15px 22px;
  font-size:12px
}
.lightbox>img {
  display:block;
  max-height:72dvh;
  margin:auto;
  object-fit:contain
}
.lightbox>p {
  font-size:12px;
  padding:15px 22px
}
.workflow-steps .is-active .icon,.source-flow-steps .is-active .icon {
  color:var(--orange)
}
@media(min-width:1600px) {
  .ms-hero {
    padding:90px 0
  }
  .hero-layout {
    gap:65px
  }
}
@media(max-width:1250px) {
  .header-row {
    gap:20px
  }
  .ms-nav {
    gap:15px;
    font-size:11px
  }
  .ms-shell,.container {
    width:calc(100% - 60px)
  }
  .hero-layout {
    gap:34px
  }
  .ms-hero h1 {
    font-size:49px
  }
  .ms-hero .ms-actions {
    gap:10px
  }
  .ms-hero .ms-button {
    padding:12px 15px;
    font-size:12px
  }
  .brand-ribbon .ms-shell>div {
    gap:20px
  }
  .brand-ribbon .ms-shell>div>span {
    font-size:15px
  }
  .contact-layout {
    gap:55px
  }
  .console-source-strip {
    gap:12px;
    font-size:7px
  }
  .store-layout {
    gap:28px;
    grid-template-columns:210px minmax(0,1fr)
  }
}
@media(max-width:1150px) {
  .header-row {
    height:70px
  }
  .menu-toggle {
    display:grid;
    gap:5px;
    justify-content:center;
    align-content:center;
    margin-left:auto;
    order:2;
    width:42px;
    height:42px;
    background:transparent;
    border:1px solid var(--line);
    border-radius:5px
  }
  .menu-toggle>span {
    width:19px;
    height:1px;
    background:#dceaf4
  }
  .header-tools {
    order:1;
    margin-left:auto;
    gap:10px
  }
  .menu-toggle {
    margin-left:0
  }
  .ms-nav {
    display:none;
    position:fixed;
    top:70px;
    left:0;
    right:0;
    bottom:0;
    background:#0e1b29;
    overflow-y:auto;
    margin:0;
    padding:20px 30px 45px;
    z-index:99;
    align-items:stretch;
    justify-content:start;
    flex-direction:column;
    gap:0;
    font-size:15px
  }
  .ms-nav.is-open {
    display:flex
  }
  .ms-nav>a,.nav-menu>summary {
    padding:17px 0;
    border-bottom:1px solid var(--line)
  }
  .mega-menu {
    position:static;
    display:block;
    padding:20px 0 10px;
    background:transparent;
    border:0;
    box-shadow:none
  }
  .mega-menu>div:first-child {
    display:none
  }
  .mega-links {
    gap:0 25px
  }
  .mega-links>a {
    font-size:13px;
    padding:13px 0
  }
  .mega-links>a span {
    font-size:9px
  }
  .mobile-account {
    display:flex;
    gap:25px;
    padding:25px 0;
    font-size:13px;
    color:#a9c3d9
  }
  .nav-open {
    overflow:hidden
  }
  .brand-ribbon>.ms-shell {
    display:block
  }
  .brand-ribbon p {
    margin-bottom:20px
  }
  .brand-ribbon .ms-shell>div {
    justify-content:space-between
  }
  .category-grid {
    gap:14px
  }
  .category-card {
    padding:16px
  }
  .category-image {
    height:140px;
    padding:14px
  }
  .category-card h3 {
    font-size:16px
  }
  .ms-split {
    gap:45px
  }
  .service-card {
    padding:24px
  }
  .service-card h2 {
    font-size:22px
  }
  .onair-experience .section-heading {
    gap:30px
  }
  .feature-nav-actions .next-feature {
    display:none
  }
  .feature-nav-brand {
    display:none
  }
  .woocommerce ul.products,.woocommerce-page ul.products {
    gap:16px
  }
  .woocommerce ul.products li.product a img {
    height:180px;
    padding:18px
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size:14px
  }
  .store-layout {
    grid-template-columns:200px minmax(0,1fr);
    gap:25px
  }
  .woocommerce div.product {
    gap:30px
  }
  .woocommerce div.product .product_title {
    font-size:29px
  }
  .studio-layout {
    grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)
  }
  .studio-chapters {
    max-height:480px
  }
  .console-bar span:last-child {
    font-size:7px
  }
}
@media(max-width:950px) {
  .ms-shell,.container {
    width:calc(100% - 48px)
  }
  .ms-hero {
    padding:52px 0
  }
  .hero-layout {
    gap:28px;
    grid-template-columns:1fr 1fr
  }
  .ms-hero h1 {
    font-size:42px
  }
  .ms-hero .ms-lead {
    font-size:14px
  }
  .ms-hero-copy>.ms-eyebrow {
    font-size:8px
  }
  .ms-hero .ms-actions {
    display:grid;
    justify-content:start;
    gap:10px;
    margin-top:22px
  }
  .hero-footnote {
    font-size:8px;
    gap:10px
  }
  .console-caption {
    font-size:9px;
    padding:12px
  }
  .console-caption>span {
    max-width:110px
  }
  .console-bar {
    font-size:7px;
    padding:11px
  }
  .console-bar span:last-child {
    display:none
  }
  .console-source-strip {
    flex-wrap:wrap;
    gap:8px 16px
  }
  .ms-section {
    padding:55px 0
  }
  .ms-section-heading {
    gap:30px
  }
  .ms-section-heading>p {
    max-width:320px;
    font-size:13px
  }
  .category-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .category-image {
    height:175px
  }
  .brand-ribbon .ms-shell>div {
    flex-wrap:wrap;
    justify-content:start;
    gap:18px 35px
  }
  .service-grid,.resource-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .ms-page-hero {
    padding:45px 0
  }
  .ms-page-hero h1 {
    font-size:48px
  }
  .ms-lead {
    font-size:15px
  }
  .ms-split {
    gap:30px
  }
  .contact-layout {
    grid-template-columns:.8fr 1.2fr;
    gap:35px
  }
  .enquiry-panel,.demo-form {
    padding:25px
  }
  .contact-lines strong {
    font-size:16px
  }
  .store-layout {
    grid-template-columns:180px minmax(0,1fr)
  }
  .woocommerce ul.products,.woocommerce-page ul.products {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .woocommerce ul.products.columns-4,.woocommerce .related ul.products {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .woocommerce ul.products li.product a img {
    height:210px
  }
  .woocommerce div.product .product_title {
    font-size:27px
  }
  .woocommerce div.product div.images .woocommerce-product-gallery__image {
    padding:15px
  }
  .woocommerce div.product div.images .woocommerce-product-gallery__image a img {
    height:320px
  }
  .workflow-crosslink {
    padding:24px;
    gap:25px
  }
  .workflow-crosslink .ms-button {
    font-size:11px;
    padding:12px
  }
  .onair-experience .section-heading {
    display:block
  }
  .onair-experience .section-heading>p {
    margin-top:20px;
    max-width:650px
  }
  .studio-layout {
    grid-template-columns:1fr
  }
  .studio-library {
    border-left:0;
    border-top:1px solid var(--line)
  }
  .studio-chapters {
    display:grid;
    grid-template-columns:1fr 1fr;
    max-height:340px;
    overflow-y:auto
  }
  .studio-chapter {
    padding:12px
  }
  .tour-layout {
    grid-template-columns:210px 1fr;
    gap:20px
  }
  .capability-grid,.dvr-feature-cards,.export-action-cards,.control-features {
    gap:14px
  }
  .capability,.dvr-feature-cards>article,.export-action-cards>article,.control-features>article {
    padding:20px
  }
  .capability h3,.dvr-feature-cards h3,.export-action-cards h3,.control-features h3 {
    font-size:21px
  }
  .workflow-steps {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .local-ingest-spotlight,.dvr-grid,.source-layout,.export-layout,.playlist-range-layout,.destination-layout,.demo-grid,.format-feature-grid,.lband-feature-grid,.speed-grid {
    gap:28px
  }
  .dvr-explorer-heading h3 {
    font-size:17px
  }
  .dvr-explorer-heading>span {
    display:none
  }
  .dvr-window-explorer {
    padding:20px
  }
  .dvr-window-buttons {
    gap:5px
  }
  .dvr-window-buttons>button {
    font-size:9px
  }
  .format-screen strong {
    font-size:21px
  }
  .format-screen>span {
    font-size:7px
  }
  .speed-proof strong {
    font-size:44px
  }
  .speed-proof {
    padding:22px
  }
  .demo-grid,.faq-grid,.audience-layout {
    gap:30px
  }
  .demo-form .form-row {
    grid-template-columns:1fr
  }
  .protocol-strip {
    display:block
  }
  .protocols {
    margin-top:20px
  }
  .footer-grid {
    gap:35px
  }
  .footer-grid>div:first-child>p {
    font-size:22px
  }
  .footer-description {
    font-size:11px
  }
}
@media(max-width:760px) {
  .ms-shell,.container {
    width:calc(100% - 36px)
  }
  .header-row {
    height:64px;
    gap:13px
  }
  .ms-brand>span {
    font-size:20px
  }
  .ms-brand img {
    width:32px;
    height:32px
  }
  .ms-brand small {
    font-size:7px
  }
  .header-tools {
    gap:5px
  }
  .account-link {
    display:none
  }
  .menu-toggle {
    width:38px;
    height:38px
  }
  .ms-nav {
    top:64px;
    padding-inline:22px
  }
  .ms-search {
    padding:18px
  }
  .ms-search label {
    font-size:12px
  }
  .ms-search form>div {
    gap:8px
  }
  .ms-search button {
    padding:10px 12px;
    font-size:11px
  }
  .mega-links {
    grid-template-columns:1fr
  }
  .mega-links>a {
    font-size:14px
  }
  .ms-hero {
    padding:40px 0
  }
  .hero-layout {
    grid-template-columns:1fr;
    gap:35px
  }
  .ms-hero h1 {
    font-size:47px;
    margin:20px 0
  }
  .ms-hero .ms-lead {
    font-size:15px
  }
  .ms-hero-copy>.ms-eyebrow {
    font-size:9px
  }
  .ms-hero .ms-actions {
    display:flex;
    flex-wrap:wrap;
    justify-content:start;
    gap:10px
  }
  .ms-hero .ms-button {
    font-size:12px;
    padding:12px 15px
  }
  .hero-footnote {
    margin-top:24px
  }
  .console-bar {
    padding:12px 14px;
    font-size:8px
  }
  .console-bar span:last-child {
    display:inline;
    font-size:6px
  }
  .hero-capture {
    aspect-ratio:16/10
  }
  .console-caption {
    font-size:10px
  }
  .console-caption>span {
    max-width:none
  }
  .console-source-strip {
    font-size:7px;
    padding:12px;
    gap:10px 16px
  }
  .brand-ribbon {
    padding:22px 0
  }
  .brand-ribbon p {
    font-size:8px;
    margin-bottom:18px
  }
  .brand-ribbon .ms-shell>div {
    gap:18px 28px
  }
  .brand-ribbon .ms-shell>div>span {
    font-size:16px
  }
  .brand-ribbon .ms-shell>div>span:last-child {
    font-size:13px
  }
  .ms-section {
    padding:46px 0
  }
  .ms-section-heading {
    display:block;
    margin-bottom:25px
  }
  .ms-section-heading>p,.ms-section-heading>div+div {
    max-width:none;
    margin-top:20px
  }
  .ms-section-heading>.ms-text-link {
    margin-top:20px
  }
  .ms-section-heading h2 {
    font-size:30px
  }
  .category-grid {
    gap:12px
  }
  .category-card {
    padding:13px
  }
  .category-number {
    font-size:8px
  }
  .category-image {
    height:132px;
    margin:14px 0 18px;
    padding:12px
  }
  .category-card h3 {
    font-size:15px;
    line-height:1.4
  }
  .category-card p {
    font-size:11px
  }
  .onair-intro {
    padding:42px 0 12px
  }
  .ms-split {
    grid-template-columns:1fr;
    gap:30px
  }
  .ms-page-hero {
    padding:38px 0
  }
  .ms-page-hero h1 {
    font-size:40px;
    margin:15px 0 20px
  }
  .ms-page-hero .ms-lead {
    font-size:15px
  }
  .compact-hero {
    padding:28px 0
  }
  .compact-hero h1 {
    font-size:33px;
    margin-bottom:0
  }
  .ms-content {
    padding-top:28px;
    padding-bottom:45px
  }
  .service-grid {
    grid-template-columns:1fr;
    gap:17px
  }
  .service-card {
    padding:26px
  }
  .service-card h2 {
    font-size:25px;
    margin:20px 0 14px
  }
  .service-card>p {
    font-size:14px
  }
  .signal-diagram {
    padding:26px
  }
  .signal-diagram>strong {
    font-size:26px
  }
  .process-grid {
    grid-template-columns:1fr;
    gap:27px
  }
  .process-grid li {
    border-bottom:1px solid var(--line);
    padding-bottom:22px
  }
  .process-grid li:last-child {
    border:0
  }
  .process-grid h3 {
    margin-top:9px
  }
  .contact-layout {
    grid-template-columns:1fr;
    gap:30px
  }
  .contact-layout h2 {
    font-size:29px
  }
  .contact-lines {
    gap:20px
  }
  .contact-lines strong {
    font-size:19px
  }
  .enquiry-panel {
    padding:24px
  }
  .enquiry-panel h2 {
    font-size:24px
  }
  .form-row {
    grid-template-columns:1fr
  }
  .about-mark {
    padding:15px
  }
  .about-mark img {
    width:110px;
    height:110px
  }
  .resource-grid {
    grid-template-columns:1fr
  }
  .resource-card>div {
    padding:24px
  }
  .resource-card h2 {
    font-size:24px
  }
  .search-page-form {
    gap:8px
  }
  .search-page-form button {
    padding:11px 12px;
    font-size:11px
  }
  .search-result {
    grid-template-columns:90px minmax(0,1fr);
    gap:16px;
    padding:17px
  }
  .search-result img {
    height:90px
  }
  .search-result>a {
    align-self:start;
    padding:8px
  }
  .search-result h2 {
    font-size:20px
  }
  .search-result p:not(.ms-eyebrow) {
    font-size:12px
  }
  .search-result .ms-eyebrow {
    font-size:8px
  }
  .store-layout {
    display:block;
    padding-top:25px;
    padding-bottom:45px
  }
  .ms-filter-toggle {
    display:flex;
    width:100%;
    margin-bottom:20px;
    justify-content:space-between
  }
  .catalogue-filters {
    display:none;
    position:fixed;
    inset:0 0 0 auto;
    width:min(92vw,380px);
    background:#10202e;
    z-index:200;
    overflow-y:auto;
    padding:24px;
    box-shadow:-30px 0 50px #0009
  }
  .catalogue-filters.is-open {
    display:block
  }
  .filter-close {
    display:inline-flex;
    width:38px;
    height:38px;
    align-items:center;
    justify-content:center;
    border:1px solid var(--line);
    border-radius:5px;
    background:transparent;
    font-size:25px
  }
  .catalogue-filters label {
    font-size:14px
  }
  .catalogue-filters input,.catalogue-filters select {
    font-size:14px
  }
  .woocommerce .woocommerce-result-count {
    font-size:11px;
    padding-top:12px;
    float:none;
    margin-bottom:13px
  }
  .woocommerce .woocommerce-ordering {
    float:none;
    margin-bottom:20px
  }
  .woocommerce .woocommerce-ordering select {
    width:100%;
    max-width:none
  }
  .woocommerce ul.products,.woocommerce-page ul.products,.woocommerce ul.products.columns-4,.woocommerce .related ul.products {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:13px;
    margin-top:20px
  }
  .woocommerce ul.products li.product,.woocommerce-page ul.products li.product {
    padding:0 12px 14px;
    border-radius:7px
  }
  .woocommerce ul.products li.product a img {
    width:calc(100% + 24px);
    height:160px;
    margin:0 -12px 15px;
    padding:15px
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size:13px;
    line-height:1.5;
    margin-bottom:12px
  }
  .woocommerce ul.products li.product .price {
    font-size:14px
  }
  .woocommerce ul.products li.product .button {
    padding:9px 10px;
    font-size:10px;
    white-space:normal
  }
  .woocommerce ul.products li.product>a.woocommerce-LoopProduct-link {
    margin-bottom:10px
  }
  .product-shell {
    padding-top:20px;
    padding-bottom:45px
  }
  .woocommerce div.product {
    display:block
  }
  .woocommerce div.product div.summary {
    margin-top:30px
  }
  .woocommerce div.product .product_title {
    font-size:29px
  }
  .woocommerce div.product div.images .woocommerce-product-gallery__image {
    padding:25px
  }
  .woocommerce div.product div.images .woocommerce-product-gallery__image a img {
    height:320px
  }
  .woocommerce div.product div.images .flex-control-thumbs li img {
    height:60px
  }
  .woocommerce div.product .woocommerce-tabs {
    margin-top:35px
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li {
  display:block;
    margin-right:18px
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li a {
  display:block;
    font-size:11px
  }
  .woocommerce div.product .related {
    margin-top:30px
  }
  .workflow-crosslink {
    display:block;
    padding:24px;
    margin-top:30px
  }
  .workflow-crosslink .ms-button {
    margin-top:20px
  }
  .woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-1,.woocommerce-page .col2-set .col-2 {
    float:none;
    width:100%;
    margin-bottom:25px
  }
  .woocommerce form .form-row-first,.woocommerce form .form-row-last {
    float:none;
    width:100%
  }
  .woocommerce-cart table.cart td.actions .coupon {
    display:flex;
    gap:8px
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text {
    width:55%;
    margin:0
  }
  .woocommerce-cart table.cart td.actions .coupon .button {
    width:45%;
    padding:10px;
    font-size:11px
  }
  .woocommerce table.shop_table_responsive thead {
    display:none
  }
  .woocommerce table.shop_table_responsive tbody,.woocommerce table.shop_table_responsive tr {
    display:block;
    width:100%
  }
  .woocommerce table.shop_table_responsive tr {
    border:1px solid var(--line);
    margin-bottom:16px
  }
  .woocommerce table.shop_table_responsive tr td {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    width:100%;
    background:var(--panel);
    border-color:var(--line);
    padding:15px;
    text-align:right
  }
  .woocommerce table.shop_table_responsive tr td:before {
    content:attr(data-title);
    font-weight:600;
    float:none;
    text-align:left
  }
  .woocommerce table.shop_table_responsive tr td.product-name a {
    overflow-wrap:anywhere;
    max-width:72%;
    text-align:right
  }
  .woocommerce table.shop_table_responsive tr td.product-thumbnail {
    display:none
  }
  .woocommerce table.shop_table_responsive tr td.product-remove {
    display:flex;
    justify-content:flex-end;
    padding:10px 15px
  }
  .woocommerce table.shop_table_responsive tr td.product-remove:before {
    display:none
  }
  .woocommerce table.shop_table_responsive tr td.actions {
    display:block
  }
  .woocommerce table.shop_table_responsive tr td.actions:before {
    display:none
  }
  .woocommerce table.shop_table_responsive tr td.actions>button {
    width:100%;
    margin-top:12px
  }
  .woocommerce table.shop_table_responsive tr th {
    display:none
  }
  .woocommerce table.shop_table_responsive tr:nth-child(2n) td {
    background:#122435
  }
  .woocommerce .cart-collaterals .cart_totals {
    float:none;
    width:100%
  }
  .woocommerce form.login {
    padding:22px
  }
  .woocommerce-MyAccount-navigation,.woocommerce-MyAccount-content {
    float:none;
    width:100%;
    margin-bottom:25px
  }
  .onair-experience>section {
    padding:43px 0
  }
  .feature-nav-inner {
    gap:15px
  }
  .feature-links {
    gap:18px;
    font-size:10px
  }
  .motion-toggle {
    font-size:9px;
    padding:7px
  }
  .motion-toggle .icon {
    width:12px
  }
  .onair-experience .section-heading h2 {
    font-size:31px
  }
  .onair-experience .section-heading>p {
    font-size:13px;
    margin-top:18px
  }
  .studio-chapters {
    grid-template-columns:1fr;
    max-height:320px
  }
  .studio-player-controls,.studio-controls {
    flex-wrap:wrap;
    gap:10px;
    padding:13px
  }
  .studio-player-controls>p,.studio-controls p {
    font-size:10px
  }
  .studio-player-controls>a,.studio-controls>a {
    font-size:10px
  }
  .studio-copy {
    padding:23px
  }
  .studio-copy h3 {
    font-size:25px
  }
  .studio-copy>p {
    font-size:13px
  }
  .studio-tour-links {
    padding:15px;
    gap:6px
  }
  .studio-tour-links a {
    font-size:9px
  }
  .capability-grid,.dvr-feature-cards,.export-action-cards,.control-features {
    grid-template-columns:1fr;
    gap:15px
  }
  .capability,.dvr-feature-cards>article,.export-action-cards>article,.control-features>article {
    padding:25px
  }
  .capability h3,.dvr-feature-cards h3,.export-action-cards h3,.control-features h3 {
    font-size:24px
  }
  .feature-icon {
    margin:18px 0;
    width:27px;
    height:27px
  }
  .local-ingest-spotlight,.dvr-grid,.source-layout,.export-layout,.playlist-range-layout,.destination-layout,.demo-grid,.format-feature-grid,.lband-feature-grid,.speed-grid {
    grid-template-columns:1fr;
    gap:28px;
    margin-top:25px
  }
  .local-ingest-map,.source-flow,.destination-map {
    padding:20px
  }
  .local-ingest-sources,.local-ingest-options {
    gap:7px
  }
  .local-ingest-sources>span,.local-ingest-options>span {
    font-size:9px;
    padding:7px
  }
  .local-ingest-steps {
    gap:8px
  }
  .local-ingest-steps>li {
    font-size:10px
  }
  .ingest-step-icon {
    padding:10px
  }
  .dvr-window-explorer {
    padding:22px
  }
  .dvr-explorer-heading h3 {
    font-size:19px
  }
  .dvr-window-buttons>button {
    font-size:11px
  }
  .dvr-benefit-bar {
    display:block
  }
  .dvr-benefit-bar .text-link {
    margin-top:18px
  }
  .format-pair {
    gap:20px
  }
  .format-screen strong {
    font-size:24px
  }
  .format-screen>span {
    font-size:8px
  }
  .format-screen small {
    font-size:9px
  }
  .speed-proof strong {
    font-size:53px
  }
  .tour-layout {
    display:flex;
    flex-direction:column;
    gap:20px
  }
  .tour-tabs {
    flex-direction:row;
    overflow-x:auto;
    gap:10px;
    max-width:100%;
    padding-bottom:8px
  }
  .tour-tab {
    min-width:180px;
    padding:13px
  }
  .tour-tab>span {
    font-size:11px
  }
  .tour-tab small {
    font-size:9px
  }
  .tour-playback {
    font-size:9px;
    gap:10px
  }
  .tour-playback>button {
    font-size:9px;
    padding:8px 10px
  }
  .tour-panel {
    width:100%
  }
  .workflow-steps {
    gap:12px
  }
  .workflow-steps>li {
    padding:20px 15px
  }
  .workflow-steps h3 {
    font-size:19px
  }
  .workflow-steps p {
    font-size:11px
  }
  .workflow-steps .icon {
    margin-bottom:15px
  }
  .audience-layout,.faq-grid {
    grid-template-columns:1fr;
    gap:30px
  }
  .demo-grid {
    margin-top:0
  }
  .demo-form {
    padding:23px
  }
  .demo-form .form-row {
    grid-template-columns:1fr
  }
  .demo-copy h2 {
    font-size:31px
  }
  .protocol-card {
    padding:10px;
    font-size:10px
  }
  .protocols {
    gap:10px
  }
  .destination-target {
    padding:14px
  }
  .destination-target strong {
    font-size:12px
  }
  .destination-target small {
    font-size:9px
  }
  .footer-grid {
    grid-template-columns:1fr 1fr;
    gap:30px
  }
  .footer-grid>div:first-child {
    grid-column:1/-1
  }
  .footer-grid>div:first-child>p {
    font-size:25px;
    margin:20px 0 12px
  }
  .footer-grid h2 {
    margin:0 0 20px
  }
  .footer-grid>div:not(:first-child)>a {
    font-size:12px
  }
  .footer-bottom {
    display:block;
    padding-bottom:25px
  }
  .footer-bottom>div {
    margin-top:14px;
    gap:18px
  }
  .review-banner {
    font-size:9px;
    padding:5px 10px
  }
  .lightbox-header {
    padding:12px;
    font-size:10px
  }
  .lightbox>p {
    font-size:11px;
    padding:12px
  }
}
@media(max-width:389px) {
  .ms-hero h1 {
    font-size:42px
  }
  .ms-hero .ms-actions {
    display:grid
  }
  .ms-hero .ms-button {
    justify-content:space-between
  }
  .ms-brand>span {
    font-size:18px
  }
  .header-tools {
    gap:2px
  }
  .icon-control {
    width:28px
  }
  .header-row {
    gap:10px
  }
  .category-card h3 {
    font-size:14px
  }
  .category-image {
    height:115px
  }
  .woocommerce ul.products li.product a img {
    height:140px
  }
  .console-source-strip {
    font-size:6px;
    gap:8px 12px
  }
  .console-caption {
    font-size:9px
  }
  .console-bar span:last-child {
    font-size:5px
  }
  .studio-player-controls>p {
    width:100%;
    order:3
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*:before,*:after {
    animation-duration:.01ms;
    animation-iteration-count:1;
    transition-duration:.01ms
  }
  .onair-experience .reveal-on-scroll,.onair-experience [data-reveal] {
    opacity:1;
    transform:none
  }
}