/* Stable inline SVG CTA: identical on desktop, Android and iOS. */
.glow-video-grid-3d .glow-grid-webgl{inset:-28% auto auto -32%;width:164%;height:156%;max-width:none;}
/* Feather the entire light field after display conversion, including the diffuse haze.
   The solid cross fits inside the 65% opaque area; only the surrounding light fades. */
.glow-video-grid-3d .glow-grid-webgl{mask-image:none;}
.glow-grid-haze{position:absolute;inset:-65%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 50% 50% at center,#74ddeb16 0%,#74ddeb10 20%,#74ddeb08 36%,#74ddeb03 51%,#74ddeb01 62%,transparent 76%);filter:blur(24px);}
body.editorial #in-action{overflow-x:clip;overflow-y:visible;}
body.editorial :is(#buy-button,.nav-buy) .cta-arrow{
 display:block!important;flex:0 0 19px!important;width:19px!important;height:19px!important;min-width:19px;min-height:19px;
 fill:none!important;stroke:currentColor!important;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
 opacity:1;visibility:visible;overflow:visible;transition:transform .25s ease;
}
body.editorial .nav-buy{display:inline-flex;align-items:center;gap:16px;}
@media(hover:hover) and (pointer:fine){
 body.editorial :is(#buy-button,.nav-buy):hover .cta-arrow{transform:translate(2px,-2px);}
}

/* Play stays a circle on touch; the desktop cue expands to a clear Watch label. */
body.editorial #in-action .glow-video-grid .play-disc{transition:width .24s ease,border-radius .24s ease,background .24s ease;}
.glow-video-grid .play-disc .watch-label{position:absolute;inset:0;display:grid;place-items:center;padding:0 12px;white-space:nowrap;font:650 14px/1 TMInter,Arial,sans-serif;letter-spacing:-.02em;opacity:0;transform:translateY(4px);transition:opacity .18s,transform .24s;pointer-events:none;}
.glow-video-grid .play-disc>svg{transition:opacity .15s,transform .24s;}
@media(hover:hover) and (pointer:fine){
 body.editorial #in-action .glow-video-grid .glow-film-tile:hover .play-disc{width:134px;border-radius:24px;background:#b9edf4;color:#07191e;border-color:#d7f8fc;}
 body.editorial #in-action .glow-film-tile:hover .play-disc>svg{opacity:0;transform:translateY(-4px);}
 body.editorial #in-action .glow-film-tile:hover .play-disc .watch-label{opacity:1;transform:none;}
}
body.editorial #in-action .explanation-play:focus-visible .play-disc{width:134px;border-radius:24px;}
body.editorial #in-action .explanation-play:focus-visible .play-disc>svg{opacity:0;}
body.editorial #in-action .explanation-play:focus-visible .watch-label{opacity:1;transform:none;}

/* A single restrained platform surface; the title palette carries into the logos. */
body.editorial #software .monitor-platforms{
 width:max-content;max-width:calc(100% - 2 * var(--pad));padding:14px 16px;border:1px solid #b6ecf322;border-radius:14px;
 background:linear-gradient(135deg,#112028c4,#060c10d9);box-shadow:inset 0 1px 0 #d5f4f90a,0 12px 30px #0002;
}
body.editorial #software .monitor-platforms li>span:last-child{
 background:none;-webkit-text-fill-color:currentColor;color:#edf9fc;
}
body.editorial #software .monitor-platforms ul{gap:18px;}
body.editorial #software .monitor-platforms li{width:max-content;}
.monitor-platforms .platform-logo{display:block;flex:none;width:46px;height:46px;background:linear-gradient(180deg,#c2f6fc,#74ddeb);mask-image:var(--platform-mask);mask-mode:luminance;mask-repeat:no-repeat;mask-position:center;mask-size:contain;}
.monitor-platforms .platform-logo-mt4{--platform-mask:url('/assets/platforms/mt4-cyan.svg');}
.monitor-platforms .platform-logo-mt5{--platform-mask:url('/assets/platforms/mt5-cyan.svg');}
@media(min-width:801px) and (max-width:1100px){body.editorial #software .monitor-platforms{padding:15px 10px;} .monitor-platforms .platform-logo{width:34px;height:34px;}}

@media(max-width:800px),(hover:none) and (pointer:coarse){
 /* CSS relief keeps the gradient lettering visible without an additional mobile GPU canvas. */
 body.editorial #poster-intro-title{color:transparent!important;-webkit-text-fill-color:transparent!important;background:none!important;text-shadow:none!important;}
 body.editorial #poster-intro-title :is(.wordmark-trade,.wordmark-mate,.wordmark-version){
  display:inline-block;position:relative;font:inherit;font-style:normal!important;letter-spacing:inherit;
  color:transparent!important;-webkit-text-fill-color:transparent!important;-webkit-text-stroke:0!important;
  background-clip:text!important;-webkit-background-clip:text!important;text-shadow:none!important;
  filter:drop-shadow(0 1px 0 #42616a) drop-shadow(0 2px 0 #10252d) drop-shadow(0 5px 4px #0009);
 }
 body.editorial #poster-intro-title .wordmark-trade{background-image:linear-gradient(180deg,#c2f6fc 4%,#74ddeb 90%)!important;}
 body.editorial #poster-intro-title :is(.wordmark-mate,.wordmark-version){background-image:linear-gradient(180deg,#fff 4%,#edf5f8 45%,#d0e1e8 100%)!important;}
}
@media(max-width:800px){
 body.editorial .monitor-scroll-viewport{background:linear-gradient(180deg,#06080a 0%,#18252c 42%,#000 80%);}
 body.editorial .monitor-scroll-hero{background:#000;}
 body.editorial .monitor-under-table{background:linear-gradient(180deg,#0000,#000a 55%,#000 100%);}
 body.editorial .intro.poster-intro{margin-top:calc(-1 * var(--mobile-monitor-tail,0px));padding-top:70px;}
 body.editorial .monitor-tools{bottom:calc(var(--mobile-monitor-tail,0px) + 14px);}
 body.editorial #software .monitor-platforms{
  position:relative;inset:auto;width:max-content;margin:20px auto 0;padding:12px 16px;
  border-radius:12px;max-width:calc(100% - 2 * var(--pad));
 }
 body.editorial #software .monitor-platforms ul{display:flex;flex-direction:row;gap:22px;align-items:start;justify-content:center;}
 body.editorial #software .monitor-platforms li{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  font:600 12.5px/1.2 TMInter,Arial,sans-serif!important;letter-spacing:-.02em;min-width:0;flex:0 0 auto;
 }
 body.editorial #software .monitor-platforms :is(svg,img,.platform-logo){display:block;width:22px;height:22px;flex:none;}
 body.editorial #software .monitor-platforms li>span:last-child{white-space:nowrap;}
 body.editorial #buy.payment-section #buy-button{flex-shrink:0;gap:12px;}
}
@media(max-width:360px){body.editorial #software .monitor-platforms{padding-inline:6px;}body.editorial #software .monitor-platforms li{font-size:11.5px!important;}body.editorial #software .monitor-platforms :is(svg,img,.platform-logo){width:21px;height:21px;}}
@media(prefers-reduced-motion:reduce){body.editorial :is(#buy-button,.nav-buy) .cta-arrow,.glow-video-grid .play-disc,.glow-video-grid .play-disc>svg,.glow-video-grid .watch-label{transition:none!important;}}

/* Align the compact platform surface with the monitor, not the viewport edge. */
@media(min-width:801px){body.editorial #software .monitor-platforms{left:72%;right:auto;}}