/* Mobile rendering: retain the diagram's motion without filtered, rotated surfaces. */
@media(max-width:900px),(hover:none) and (pointer:coarse){
 .difference-section{overflow:clip}.difference-section:before{display:none}
 .difference-visual{transform:none;overflow:hidden;overflow:clip;contain:paint;background:#101f2b;box-shadow:0 10px 26px #15383b18}
 .difference-visual:before{display:none}
 .difference-circuit{overflow:hidden}
 .difference-node{transform:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:#213a46;box-shadow:0 4px 12px #0002;transition:background .25s,border-color .25s}
 .difference-node:hover,.difference-node:focus-visible{transform:none}
 .difference-core{box-shadow:none}
 .difference-core img{transform:none}
 .difference-satellite{filter:none}
 .difference-signal i{animation-name:difference-signal-mobile;transform:none}
}
@keyframes difference-signal-mobile{0%,100%{opacity:.4}50%{opacity:1}}
@media(max-width:760px){
 .site-header{background:#0b1421;backdrop-filter:none;-webkit-backdrop-filter:none}
 .hero{display:flex;flex-direction:column;min-height:0;overflow:hidden;overflow:clip}
 .hero:before{display:none}
 .hero-content{order:0;flex:none;padding-top:36px;z-index:1}
 .hero-content h1,.hero-description,.hero-actions{animation:none;transform:none;opacity:1;visibility:visible}
 .hero-content h1{color:#f4f5f6;font-size:clamp(34px,8.4vw,58px);line-height:1.15}
 .hero-content h1 span+span{color:#f0ad75}
 .hero-shade{display:none}
 .hero-art.real-hero-art{position:relative;inset:auto;order:1;flex:none;z-index:0;width:100%;height:clamp(235px,72vw,440px);margin:24px 0 0;isolation:isolate}
 .hero-screen{box-shadow:0 8px 22px #0005}
 .screen-main{right:-3%;top:0;width:93%;transform:none}
 .screen-map{right:18%;top:42%;width:62%;transform:none}
 .hero-bottom{position:relative;inset:auto;order:2;flex:none;margin-top:16px;padding:17px 0}
}
@media(prefers-reduced-motion:reduce){.difference-signal i{animation:none}}