/* The original coral/mint signal wave, extended to shared native SVG scenes. */
.signal-scene { position:relative; isolation:isolate; }
.signal-backdrop { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:-1; }
.signal-field { position:absolute; inset:0; width:100%; height:100%; opacity:.8; }
.signal-field-grid { color:#96c8dd; opacity:.045; stroke-width:.65; }
.signal-ribbon { stroke:#ff9b69; stroke-width:1.2; opacity:.2; stroke-dasharray:240 32 2 32; animation:signal-travel 13s linear infinite; animation-delay:calc(var(--ribbon-index) * -1.3s); animation-play-state:paused; }
.signal-ribbon:nth-child(2n) { stroke:#9de5d1; opacity:.23; }
.signal-ribbons { animation:signal-swell 11s ease-in-out infinite alternate; animation-play-state:paused; transform-origin:65% 50%; }
.signal-stars { fill:#b8e9dc; opacity:.6; animation:signal-twinkle 5s ease-in-out infinite; animation-play-state:paused; }
.signal-aura { position:absolute; width:75%; height:110%; border-radius:50%; opacity:.6; animation:signal-aura-drift 14s ease-in-out infinite alternate; animation-play-state:paused; }
.aura-coral { top:-20%; left:-26%; background:radial-gradient(ellipse,#b54b412b,transparent 67%); }
.aura-mint { right:-20%; bottom:-35%; background:radial-gradient(ellipse,#48c6b03b,transparent 65%); animation-delay:-7s; }
.ms-hero { padding:40px 0 62px; background:linear-gradient(120deg,#111e2a80,#0b142040); }
.hero-layout { gap:40px; grid-template-columns:1fr 1.12fr; }
.ms-hero-copy { position:relative; }
.ms-hero h1 { font-size:clamp(42px,4.5vw,67px); line-height:1.12; margin:23px 0 8px; }
.hero-title-line { display:inline-block; }
.ms-hero h1 .hero-title-first { color:#f7f6f2; }
.ms-hero h1 .hero-title-emphasis { color:#ff9b69; }
.ms-hero .ms-lead { margin-top:22px; }
.hero-streaming-label { display:flex; align-items:center; gap:11px; color:#c0d3dc; }
.streaming-dot { position:relative; background:#ff6478; box-shadow:0 0 15px #ff647855; }
.streaming-dot::before,.streaming-dot::after { content:''; position:absolute; inset:-4px; border:1px solid #ff647888; border-radius:50%; opacity:.35; animation:signal-ring 3.6s ease-out infinite; animation-play-state:paused; }
.streaming-dot::after { animation-delay:-1.8s; }
.hero-stream-signal { width:min(360px,100%); height:33px; margin:8px 0 0; pointer-events:none; }
.hero-stream-signal>svg { display:block; width:100%; height:100%; overflow:hidden; }
.hero-wave-stream { animation:signal-wave 3.8s linear infinite; animation-play-state:paused; }
.hero-wave-ghost { animation:signal-wave-ghost 6s linear infinite; animation-play-state:paused; }
.hero-title-first { animation:signal-headline-float 6s ease-in-out infinite; animation-play-state:paused; }
.hero-title-second { animation:signal-headline-float 6s ease-in-out -1.5s infinite; animation-play-state:paused; }
.hero-visual { min-width:0; position:relative; }
.hero-console { position:relative; border-color:#7f9f9a66; box-shadow:0 26px 70px #0005,0 0 45px #ff9b6909; background:#122330; }
.hero-console .console-bar { background:linear-gradient(100deg,#1b2d3b,#182e34); }
.hero-console .console-bar b { background:#ff8d78; box-shadow:0 0 12px #ff8d7850; }
.hero-console .hero-capture { aspect-ratio:16/10; }
.hero-console .console-caption { background:linear-gradient(100deg,#192b39,#18342f); }
.hero-console .console-caption>a { color:#a3e5d2; }
.signal-vector { width:100%; max-width:650px; margin:0 auto 18px; color:#b8d9d6; }
.signal-vector>svg { display:block; width:100%; height:auto; overflow:visible; }
.vector-track { stroke:#8ab8b9; stroke-width:1; opacity:.3; }
.vector-flow { stroke:#a3e5d2; stroke-width:1.6; stroke-dasharray:9 35; animation:signal-packets 2.8s linear infinite; animation-play-state:paused; }
.vector-inputs { color:#ffae87; }
.vector-outputs { color:#a3e5d2; }
.vector-core-ring { fill:#142c31; stroke:#80c9b6; stroke-width:1; opacity:.6; animation:signal-core-pulse 4s ease-in-out infinite; animation-play-state:paused; transform-origin:325px 64px; }
.vector-core-disc { fill:#ff9b69; }
.vector-eq { transform-origin:50% 64px; animation:signal-equalizer 1.8s ease-in-out infinite; animation-play-state:paused; }
.eq-two { animation-delay:-.6s; }
.eq-three { animation-delay:-1.2s; }
.eq-four { animation-delay:-.9s; }
.vector-captions { display:flex; justify-content:space-between; margin:0 5%; font-size:8px; letter-spacing:.12em; font-weight:600; color:#a0b9c4; }
.vector-captions>span:nth-child(2) { color:#ffb38c; }
.hero-source-rail { display:flex; flex-wrap:wrap; gap:7px; margin-top:26px; }
.hero-source-rail span { padding:6px 8px; font-size:9px; letter-spacing:.04em; color:#b7d7d3; border:1px solid #8bbebd33; border-radius:5px; background:#17333955; }
.hero-format-note { margin-top:19px; font-size:11px; color:#a5bacb; }
.hero-format-note b { color:#a3e5d2; margin-right:5px; }
.hero-format-note>span { margin:0 12px; color:#ffb38c; }
.onair-hero h1 { font-size:clamp(48px,5.6vw,82px); }
.brand-ribbon { background:linear-gradient(110deg,#16232c,#132d31); border-color:#5d8b853d; }
.onair-intro { overflow:hidden; background:linear-gradient(115deg,#18252e99,#10202c88); }
.onair-intro .signal-backdrop { opacity:.7; }
.onair-intro h2 span { color:#a3e5d2; }
.category-card { transition:transform .35s,border-color .35s,box-shadow .35s; }
.category-card:hover,.category-card:focus-visible { border-color:#b8d9c0; box-shadow:0 14px 45px #142e3660; }
.ms-motion-active .category-card:hover,.ms-motion-active .category-card:focus-visible { transform:translateY(-5px); }
.ms-motion-active li.product .woocommerce-loop-product__link>img { transition:transform .5s; }
.ms-motion-active li.product:hover .woocommerce-loop-product__link>img { transform:scale(1.035); }
.solution-callout { overflow:hidden; background:linear-gradient(115deg,#28303a,#173d3c); }
.ms-page-hero { overflow:hidden; background:linear-gradient(110deg,#1a2935,#122b32); }
.ms-page-hero .signal-backdrop { opacity:.9; }
.ms-page-hero>.ms-shell { position:relative; z-index:1; }
.ms-page-hero h1 { position:relative; }
.ms-page-hero .hero-stream-signal { width:250px; height:25px; margin:-6px 0 16px; }
.compact-hero .hero-stream-signal { width:180px; height:20px; margin:8px 0 -4px; }
.page-vector-ornament { position:absolute; right:3%; bottom:-10px; width:min(40%,480px); opacity:.28; z-index:0; pointer-events:none; }
.page-vector-ornament .vector-captions { display:none; }
.ms-page-hero .signal-ribbons { opacity:.8; }
.product-shell { isolation:isolate; }
.product-shell>.signal-backdrop { height:780px; inset:0 0 auto; opacity:.5; }
.product-shell .hero-stream-signal { width:210px; height:23px; margin:5px 0 16px; }
.single-product .woocommerce-product-gallery { box-shadow:0 16px 50px #3159541a; }
.single-product h1.product_title { position:relative; }
.footer-motion-row { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:28px; padding-bottom:20px; color:#94adb9; font-size:11px; }
.site-motion-toggle { display:inline-flex; align-items:center; gap:9px; border:1px solid #668b8b70; background:#152b35; color:#c7e7e2; border-radius:5px; padding:9px 12px; cursor:pointer; font-size:11px; line-height:1.4; }
.site-motion-toggle:hover { border-color:#9de5d1; color:#fff; }
.site-motion-toggle:disabled { cursor:default; opacity:.7; }
.site-motion-toggle svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; flex-shrink:0; }
.site-motion-toggle .motion-play-icon { display:none; }
.site-motion-toggle[aria-pressed=true] .motion-pause-icon { display:none; }
.site-motion-toggle[aria-pressed=true] .motion-play-icon { display:block; }
.header-tools .site-motion-toggle { padding:0; background:transparent; border:0; }
.header-tools .site-motion-toggle svg { width:17px; height:17px; }
.ms-reveal { transition:opacity .6s var(--signal-reveal-delay,0ms),transform .6s var(--signal-reveal-delay,0ms); }
.ms-motion-active .ms-reveal:not(.is-revealed) { opacity:0; transform:translateY(18px); }
.ms-motion-active .signal-visible .signal-ribbon,.ms-motion-active .signal-visible .signal-ribbons,.ms-motion-active .signal-visible .signal-stars,.ms-motion-active .signal-visible .signal-aura,.ms-motion-active .signal-visible .hero-wave-stream,.ms-motion-active .signal-visible .hero-wave-ghost,.ms-motion-active .signal-visible .hero-title-line,.ms-motion-active .signal-visible .streaming-dot::before,.ms-motion-active .signal-visible .streaming-dot::after,.ms-motion-active .signal-visible .vector-flow,.ms-motion-active .signal-visible .vector-core-ring,.ms-motion-active .signal-visible .vector-eq { animation-play-state:running; }
.ms-document-hidden .signal-backdrop *,.ms-document-hidden .hero-stream-signal *,.ms-document-hidden .signal-vector *,.ms-document-hidden .hero-title-line,.ms-document-hidden .streaming-dot::before,.ms-document-hidden .streaming-dot::after { animation-play-state:paused!important; }
@supports (background-clip:text) or (-webkit-background-clip:text) {
 .ms-hero h1 .hero-title-first { background:linear-gradient(105deg,#f7f6f2 15%,#f7f6f2 38%,#a4ded8 49%,#f7f6f2 60%,#f7f6f2 85%); background-size:260% 100%; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; animation-name:signal-headline-float,signal-headline-stream; animation-duration:6s,7s; animation-timing-function:ease-in-out,linear; animation-iteration-count:infinite; }
 .ms-hero h1 .hero-title-emphasis { background:linear-gradient(105deg,#ff8b4b 12%,#ff8b4b 34%,#ffe0c5 49%,#ff9f68 61%,#ff8b4b 84%); background-size:260% 100%; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; animation-name:signal-headline-float,signal-headline-stream; animation-duration:6s,7s; animation-delay:-1.5s,-1.4s; animation-timing-function:ease-in-out,linear; animation-iteration-count:infinite; }
}
@keyframes signal-wave { from{transform:translateX(0)}to{transform:translateX(-120px)} }
@keyframes signal-wave-ghost { from{transform:translate(0,-5px)}to{transform:translate(-120px,-5px)} }
@keyframes signal-headline-float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)} }
@keyframes signal-headline-stream { from{background-position:130% 0}to{background-position:-130% 0} }
@keyframes signal-ring { 0%{transform:scale(.65);opacity:.55}85%,100%{transform:scale(1.65);opacity:0} }
@keyframes signal-travel { from{stroke-dashoffset:0}to{stroke-dashoffset:-612} }
@keyframes signal-swell { from{transform:translateY(12px) scaleY(.94)}to{transform:translateY(-12px) scaleY(1.06)} }
@keyframes signal-twinkle { 0%,100%{opacity:.3}50%{opacity:.75} }
@keyframes signal-aura-drift { from{transform:translate(-18px,-10px) scale(.96)}to{transform:translate(25px,20px) scale(1.06)} }
@keyframes signal-packets { from{stroke-dashoffset:0}to{stroke-dashoffset:-88} }
@keyframes signal-core-pulse { 0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.12);opacity:.28} }
@keyframes signal-equalizer { 0%,100%{transform:scaleY(.7)}50%{transform:scaleY(1.05)} }

@media(max-width:1100px) { .hero-layout { gap:24px; grid-template-columns:1fr 1fr; } .ms-hero h1 { font-size:clamp(40px,4.8vw,58px); } .onair-hero h1 { font-size:clamp(44px,5.4vw,64px); } }
@media(max-width:860px) { .hero-layout { grid-template-columns:1fr; gap:32px; } .ms-hero-copy { max-width:650px; } .hero-visual { width:min(670px,100%); margin-inline:auto; } .hero-console .hero-capture { max-height:420px; } .ms-hero { padding:42px 0 45px; } .ms-hero h1 { font-size:clamp(42px,7.5vw,64px); } .onair-hero h1 { font-size:clamp(48px,8.4vw,72px); } .page-vector-ornament { width:47%; right:-8%; opacity:.2; } }
@media(max-width:600px) {
 .header-tools .site-motion-toggle { display:none; }
 .ms-hero { padding:34px 0 34px; }
 .hero-layout { gap:24px; }
 .ms-hero h1 { font-size:clamp(39px,10.8vw,49px); line-height:1.14; margin:22px 0 4px; letter-spacing:-.05em; }
 .onair-hero h1 { font-size:clamp(45px,12.5vw,58px); }
 .hero-stream-signal { width:290px; height:29px; margin-top:10px; }
 .ms-hero .ms-lead { font-size:14px; line-height:1.85; margin-top:20px; }
 .ms-hero .ms-actions { gap:10px; margin-top:24px; }
 .ms-hero .ms-button { padding:12px 14px; font-size:12px; }
 .hero-footnote { margin-top:24px; font-size:8px; gap:10px; }
 .signal-vector { margin-bottom:13px; }
 .vector-captions { font-size:6px; letter-spacing:.08em; margin-top:2px; }
 .console-caption { padding:13px 11px; font-size:10px; gap:8px; }
 .hero-source-rail { gap:5px; margin-top:22px; }
 .hero-source-rail span { font-size:8px; padding:5px 6px; }
 .hero-format-note { font-size:10px; }
 .hero-format-note>span { margin:0 7px; }
 .signal-field { opacity:.9; }
 .ms-page-hero .hero-stream-signal { height:23px; width:220px; margin:-2px 0 13px; }
 .compact-hero .hero-stream-signal { height:19px; width:170px; margin:8px 0 -3px; }
 .page-vector-ornament { display:none; }
 .product-shell>.signal-backdrop { height:600px; }
 .product-shell .hero-stream-signal { width:190px; height:22px; }
 .footer-motion-row { align-items:flex-start; flex-direction:column; gap:12px; }
}
@media(prefers-reduced-motion:reduce) {
 .signal-backdrop *,.hero-stream-signal *,.signal-vector *,.hero-title-line,.streaming-dot::before,.streaming-dot::after { animation:none!important; }
 .ms-reveal { opacity:1!important; transform:none!important; transition:none!important; }
 .ms-hero h1 .hero-title-first { background:none; -webkit-text-fill-color:#f7f6f2; }
 .ms-hero h1 .hero-title-emphasis { background:none; -webkit-text-fill-color:#ff9b69; }
}
@media(forced-colors:active) { .signal-backdrop,.hero-stream-signal { display:none; } .ms-hero h1 .hero-title-line { background:none; -webkit-text-fill-color:CanvasText; } }

/* Keep the native catalogue toolbar visually aligned with the animated archive header. */
.ms-broadcast .store-results .woocommerce-result-count { float:left; margin:0 0 18px; padding-top:12px; color:#b7cecf; font-size:12px; }
.ms-broadcast .store-results .woocommerce-ordering { position:relative; float:right; margin:0 0 18px; }
.ms-broadcast .store-results .woocommerce-ordering select { display:block; appearance:auto; -webkit-appearance:auto; border:1px solid #526d77; border-radius:5px; padding:10px 34px 10px 12px; min-height:43px; width:230px; max-width:100%; background:#172c38; color:#e2f0ee; font:inherit; font-size:12px; line-height:1.5; }
.ms-broadcast .store-results .woocommerce-ordering .theme-select { position:relative; border:1px solid #526d77; border-radius:5px; padding:10px 34px 10px 12px; min-height:43px; width:230px; background:#172c38; color:#e2f0ee; font-size:12px; line-height:21px; pointer-events:none; }
.ms-broadcast .store-results .woocommerce-ordering .theme-select::after { content:''; position:absolute; top:16px; right:13px; width:6px; height:6px; border-right:1px solid #a3e5d2; border-bottom:1px solid #a3e5d2; transform:rotate(45deg); }
.ms-broadcast .store-results .woocommerce-ordering select.hasCustomSelect { width:230px!important; height:43px!important; z-index:2; }
@media(max-width:600px) { .ms-broadcast .store-results .woocommerce-result-count { float:none; padding-top:0; margin-bottom:13px; } .ms-broadcast .store-results .woocommerce-ordering { float:none; width:100%; margin-bottom:17px; } .ms-broadcast .store-results .woocommerce-ordering select { width:100%; } }
@media(max-width:600px) { .ms-broadcast .store-results .woocommerce-ordering .theme-select { width:100%; } .ms-broadcast .store-results .woocommerce-ordering select.hasCustomSelect { width:100%!important; } }
