/* Shared coloured SVGs, contact typography and equipment-to-workflow editorial. */
.ms-icon { display:inline-block; width:24px; height:24px; flex-shrink:0; vertical-align:middle; fill:none; color:#89d8df; }
.ms-icon-phone,.ms-icon-whatsapp { color:#66dda8; }
.ms-icon-mail,.ms-icon-http { color:#6fcdf8; }
.ms-icon-rtmp,.ms-icon-rtmps { color:#ffa477; }
.ms-icon-srt,.ms-icon-browser { color:#b69bff; }
.ms-icon-udp,.ms-icon-capture { color:#79baff; }
.ms-icon-https,.ms-icon-hls,.ms-icon-server { color:#8de5c3; }
.ms-icon-audio,.ms-icon-support { color:#dab0ff; }
.ms-icon-camera,.ms-icon-playout,.ms-icon-integration { color:#ffb88e; }
.hero-source-rail>span { display:inline-flex; align-items:center; gap:7px; }
.hero-source-rail .ms-icon { width:16px; height:16px; }
/* Exact selectors match the retained OnAir markup. Containers never size the logos. */
.destination-spotlight { display:grid; grid-template-columns:1fr 1.05fr; align-items:center; gap:62px; margin-top:64px; }
.destination-copy h3 { font-size:clamp(30px,3.2vw,45px); line-height:1.16; margin:16px 0 24px; }
.destination-copy h3>span { color:#a3e5d2; }
.destination-copy>p:not(.eyebrow) { font-size:14px; line-height:1.9; }
.destination-benefits { list-style:none; padding:0; display:grid; gap:13px; margin:25px 0; }
.destination-benefits li { display:flex; align-items:center; gap:11px; color:#bfd2de; font-size:12px; }
.destination-benefits .icon { width:16px; height:16px; flex-shrink:0; color:#a3e5d2; }
.destination-map { min-width:0; margin:0; padding:25px; background:linear-gradient(140deg,#192e3b,#13272f); border:1px solid #456376; border-radius:12px; }
.destination-map>figcaption { font-size:9px; letter-spacing:.14em; color:#a5c6cb; margin-bottom:19px; }
.destination-source { display:flex; gap:12px; justify-content:flex-start; padding:16px; margin-bottom:0; background:#192f3b; border-color:#4d7b7b; }
.destination-source>.ms-icon { width:30px; height:30px; }
.destination-source>span { display:grid; gap:4px; font-size:8px; letter-spacing:.12em; }
.destination-source strong { display:block; font-size:15px; color:#eef9f5; font-weight:600; letter-spacing:0; }
.destination-connectors { width:1px; height:21px; margin-inline:auto; background:linear-gradient(#9de5d1,#557d88); }
.destination-targets { list-style:none; padding:0; margin:0; display:grid; gap:11px; }
.destination-targets>.destination-card { padding:14px 15px; border:1px solid #476479; border-radius:8px; background:#0f202c; min-width:0; }
.destination-platform { display:grid; grid-template-columns:32px minmax(0,1fr) 22px; align-items:center; justify-items:stretch; gap:12px; width:100%; height:auto; min-width:0; }
.destination-platform>.destination-logo { display:flex; width:32px; height:32px; align-items:center; justify-content:center; background:none; border:0; box-shadow:none; filter:none; }
.destination-logo>.ms-icon { display:block; width:32px; height:32px; }
.destination-platform>strong { display:block; min-width:0; font-size:14px; line-height:1.4; color:#edf5fa; font-weight:600; }
.destination-platform>strong>small { display:block; color:#9fb9ca; font-size:10px; font-weight:400; margin-top:3px; }
.destination-signal { display:flex; height:15px; gap:3px; align-items:flex-end; }
.destination-signal i { display:block; width:3px; height:5px; background:#8fdcc3; border-radius:2px; opacity:.65; }
.destination-signal i:nth-child(2) { height:9px; }
.destination-signal i:nth-child(3) { height:13px; }
.destination-channel-tags { display:flex; flex-wrap:wrap; gap:6px; margin:11px 0 0 44px; }
.destination-channel-tags>span { padding:3px 7px; border:1px solid #3a5265; border-radius:4px; font-size:9px; color:#acc4d4; line-height:1.5; }
.destination-map .destination-footnote { font-size:10px; line-height:1.8; text-align:left; margin:17px 0 0; color:#9eb7c8; }
.source-formats { display:flex; flex-wrap:wrap; gap:9px; list-style:none; padding:0; margin:25px 0; }
.source-formats>li { display:flex; align-items:center; gap:9px; min-width:125px; padding:10px 12px; border:1px solid #3c586d; border-radius:6px; background:#142b38; }
.source-formats strong { font-size:11px; font-weight:500; line-height:1.5; }
.protocol-icon { display:flex; width:28px; height:28px; align-items:center; justify-content:center; flex-shrink:0; }
.protocol-icon>.ms-icon { width:24px; height:24px; }
.protocol-strip { display:block; padding-top:36px; }
.protocol-strip>div:first-child { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:17px; }
.protocols { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.protocol-card { gap:10px; padding:13px 12px; border-radius:7px; background:#142b38; min-width:0; }
.protocol-card strong { font-size:11px; min-width:0; line-height:1.5; }
.protocol-card small { font-size:9px; line-height:1.7; margin-top:3px; }
.protocol-card .protocol-icon { width:32px; height:32px; border-radius:6px; background:#0b1c29; }
.protocol-card .ms-icon { width:24px; height:24px; }
.direct-contact { display:grid; gap:13px; margin-top:28px; }
.direct-contact>a { display:flex; align-items:center; gap:13px; border:1px solid #3e596c; border-radius:8px; background:#142a37; padding:15px 17px; }
.direct-contact>a>.ms-icon { width:25px; height:25px; }
.direct-contact>a>span { display:grid; gap:5px; min-width:0; font-size:11px; color:#9fbacb; }
.direct-contact strong { display:block; font-size:16px; font-weight:500; line-height:1.5; letter-spacing:0; color:#e6f5f1; }
.direct-contact [data-phone-label] { white-space:nowrap; font-variant-numeric:tabular-nums; }
.direct-contact [data-email-label] { overflow-wrap:anywhere; }
.contact-lines>a { display:flex; align-items:center; gap:15px; padding:17px; background:#152a37; border:1px solid #405b6d; border-radius:8px; }
.contact-lines>a>.ms-icon { width:32px; height:32px; }
.contact-lines>a>span { display:grid; gap:6px; min-width:0; }
.contact-lines strong { display:block; font-size:clamp(16px,1.5vw,20px); line-height:1.5; letter-spacing:0; overflow-wrap:anywhere; }
.contact-lines a[href^="tel:"] strong { white-space:nowrap; font-variant-numeric:tabular-nums; }
.ms-footer .footer-contact-line { display:flex; gap:11px; align-items:center; line-height:1.7; }
.footer-contact-line>.ms-icon { width:20px; height:20px; }
.footer-contact-line>span { min-width:0; }
.footer-contact-line[href^="tel:"] { font-variant-numeric:tabular-nums; white-space:nowrap; }
.footer-contact-line[href^="mailto:"] { letter-spacing:0; }
.mega-links .brand-menu-label { font-size:12px; color:#e5f1f5; }
.brand-menu-label { display:flex; align-items:center; gap:9px; }
.brand-menu-label>.ms-icon { width:21px; height:21px; }
.brand-ribbon .ms-shell>div>a { color:#c6dce7; font-size:16px; font-family:var(--heading); letter-spacing:-.04em; }
.brand-ribbon .ms-shell>div>a:hover { color:#a3e5d2; }
.brand-guide { padding:25px; margin-bottom:30px; background:linear-gradient(115deg,#172d3a,#142934); border:1px solid #3d5c6d; border-radius:10px; }
.brand-guide-heading { display:flex; align-items:center; gap:17px; margin-bottom:19px; }
.brand-symbol { display:inline-flex; flex-shrink:0; align-items:center; justify-content:center; width:47px; height:47px; border:1px solid #5b7f83; border-radius:10px; background:#102330; }
.brand-symbol>.ms-icon { width:28px; height:28px; }
.brand-guide-heading h2 { font-size:clamp(20px,2vw,28px); line-height:1.3; margin:7px 0 0; }
.brand-guide>p { font-size:13px; line-height:1.9; color:#bed1dd; }
.brand-family-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:18px; }
.brand-family-tags>span { padding:5px 8px; border:1px solid #3f6171; border-radius:5px; font-size:10px; color:#b5dcd7; }
.manufacturer-reference { display:inline-block; margin-top:16px; font-size:11px; color:#91ddcd; }
.brand-integration { margin-top:42px; padding:30px; border:1px solid #4e7078; border-radius:10px; background:linear-gradient(120deg,#1d303d,#173b3a); clear:both; }
.brand-integration h2 { font-size:clamp(24px,2.7vw,34px); margin:12px 0 20px; line-height:1.3; }
.brand-integration>p { font-size:13px; line-height:1.9; }
.brand-integration h3 { font-size:16px; margin-top:25px; }
.brand-integration ul { display:grid; gap:13px; list-style:none; padding:0; margin:20px 0 28px; }
.brand-integration li { display:flex; gap:11px; align-items:center; font-size:12px; color:#d0e1e6; }
.brand-integration li .ms-icon { width:20px; height:20px; }
.brand-integration .ms-actions { flex-wrap:wrap; }
.brand-integration .brand-scope-note { font-size:10px; line-height:1.8; color:#98b9c3; margin-top:23px; }
.brand-sourcing { padding:28px; border-left:3px solid #e5ae82; background:#192e3b; border-radius:5px; }
.brand-sourcing h2 { font-size:25px; margin:12px 0 19px; }
.brand-sourcing>p { font-size:13px; margin-bottom:22px; }
.integration-feature { position:relative; overflow:hidden; background:linear-gradient(115deg,#182a36,#153532); border-top:1px solid #33585c; border-bottom:1px solid #33585c; }
.integration-feature .ms-section-heading h2>span { color:#a3e5d2; }
.integration-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; position:relative; }
.integration-step { position:relative; padding:25px 21px; background:#102430dd; border:1px solid #45616e; border-radius:10px; min-width:0; }
.integration-icon { display:flex; width:43px; height:43px; align-items:center; justify-content:center; border:1px solid #51757a; border-radius:9px; background:#17313e; margin-bottom:20px; }
.integration-icon>.ms-icon { width:27px; height:27px; }
.integration-step .card-index { color:#94b5c4; font-size:9px; }
.integration-step h3 { font-size:20px; margin:13px 0 16px; line-height:1.35; }
.integration-step p { font-size:12px; line-height:1.9; color:#acc6d4; }
.integration-step:not(:last-child)::after { content:''; position:absolute; z-index:1; width:19px; height:2px; right:-19px; top:47px; background:repeating-linear-gradient(90deg,#9de5d1 0 4px,transparent 4px 8px); animation:integration-data 2s linear infinite; animation-play-state:paused; }
.ms-motion-active .integration-feature.signal-visible .integration-step::after { animation-play-state:running; }
.integration-footer { display:flex; justify-content:space-between; align-items:center; gap:35px; margin-top:30px; }
.integration-footer>p { max-width:680px; font-size:12px; color:#a9c6cf; }
.integration-footer .ms-button { flex-shrink:0; }
.brand-discovery { background:#10212c; border-block:1px solid #294453; }
.brand-discovery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:19px; }
.brand-discovery-card { min-width:0; padding:24px; border:1px solid #3f586b; border-radius:10px; background:linear-gradient(130deg,#192d3a,#12232f); }
.brand-discovery-card:hover { border-color:#9ac9b7; }
.brand-discovery-card h3 { font-size:22px; display:flex; justify-content:space-between; align-items:center; gap:12px; margin:24px 0 14px; }
.brand-discovery-card h3>span { font-size:17px; color:#9de5d1; }
.brand-discovery-card p { font-size:12px; line-height:1.8; min-height:44px; color:#adc3d3; }
.brand-discovery-card small { display:block; color:#9bdbcc; font-size:10px; margin-top:18px; }
.brand-liveu .brand-symbol,.brand-liveu.brand-symbol { border-color:#ac656b; }
.brand-blackmagic .brand-symbol,.brand-blackmagic.brand-symbol { border-color:#b17f56; }
.brand-sennheiser .brand-symbol,.brand-sennheiser.brand-symbol { border-color:#5f89a8; }
.brand-minemedia .brand-symbol,.brand-minemedia.brand-symbol { border-color:#6896a4; }
.brand-rode .brand-symbol,.brand-rode.brand-symbol { border-color:#a48e67; }
@keyframes integration-data { to{background-position:-16px 0} }
@media(max-width:1100px) { .protocols { grid-template-columns:repeat(3,minmax(0,1fr)); } .integration-flow { grid-template-columns:repeat(2,minmax(0,1fr)); } .integration-step:nth-child(2)::after { display:none; } .integration-footer { align-items:flex-start; flex-direction:column; gap:20px; } .destination-spotlight { gap:30px; } }
@media(max-width:860px) { .destination-spotlight { grid-template-columns:1fr; gap:32px; } .destination-map { width:100%; max-width:650px; margin-inline:auto; } .brand-discovery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
 .source-formats { gap:8px; } .source-formats>li { min-width:0; width:calc(50% - 4px); padding:9px; gap:7px; } .source-formats strong { font-size:10px; } .protocol-icon { width:24px; height:24px; } .protocol-icon>.ms-icon { width:22px; height:22px; }
 .protocol-strip>div:first-child { display:block; } .protocol-strip>div:first-child>p { margin-top:6px; } .protocols { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; } .protocol-card { padding:11px 9px; gap:8px; } .protocol-card strong { font-size:10px; } .protocol-card small { font-size:8px; } .protocol-card .protocol-icon { width:26px; height:28px; } .protocol-card .ms-icon { width:22px; height:22px; }
 .destination-spotlight { margin-top:40px; } .destination-map { padding:18px; } .destination-map>figcaption { font-size:8px; } .destination-targets>.destination-card { padding:13px 12px; } .destination-platform { grid-template-columns:32px minmax(0,1fr) 18px; gap:10px; } .destination-platform>strong { font-size:13px; } .destination-platform>strong>small { font-size:9px; } .destination-channel-tags { margin-left:42px; gap:5px; } .destination-channel-tags>span { font-size:8px; }
 .direct-contact>a { padding:13px; gap:12px; } .direct-contact strong { font-size:15px; } .contact-lines>a { padding:15px 12px; gap:12px; } .contact-lines>a>.ms-icon { width:28px; height:28px; } .contact-lines strong { font-size:16px; }
 .ms-footer .footer-grid { grid-template-columns:1fr; } .footer-contact-line>.ms-icon { width:19px; height:19px; } .ms-footer .footer-grid>div:not(:first-child)>a { font-size:13px; }
 .brand-guide { padding:20px 17px; } .brand-guide-heading { gap:12px; align-items:flex-start; } .brand-guide-heading h2 { font-size:21px; } .brand-symbol { width:40px; height:40px; } .brand-symbol>.ms-icon { width:25px; height:25px; } .brand-guide>p { font-size:12px; } .brand-family-tags>span { font-size:9px; } .brand-integration { padding:23px 19px; } .brand-integration h2 { font-size:25px; } .brand-integration .ms-actions { gap:18px; } .brand-sourcing { padding:22px 18px; } .brand-sourcing h2 { font-size:22px; }
 .integration-flow { grid-template-columns:1fr; gap:13px; } .integration-step { padding:21px; } .integration-step::after { display:none; } .integration-icon { float:right; margin:0 0 14px 16px; } .integration-step h3 { font-size:20px; } .integration-step p { clear:both; } .integration-footer>p { font-size:11px; } .integration-footer .ms-button { width:100%; font-size:12px; }
 .brand-discovery-grid { gap:11px; } .brand-discovery-card { padding:18px 13px; } .brand-discovery-card h3 { font-size:17px; line-height:1.3; gap:5px; margin-top:19px; } .brand-discovery-card h3>span { font-size:13px; } .brand-discovery-card p { font-size:11px; min-height:65px; } .brand-discovery-card small { font-size:9px; }
 .brand-ribbon .ms-shell>div>a { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { .integration-step::after { animation:none!important; } }
.ms-document-hidden .integration-step::after { animation-play-state:paused!important; }