.connection-window{background:radial-gradient(ellipse at 0 0,#4776a04d,transparent 65%),linear-gradient(150deg,#233b4d,#152638);border-color:#96c8ed55;box-shadow:0 35px 80px #030d2080,inset 0 1px 0 #c6e6ff25;transition:border-color .6s,box-shadow .6s,background .6s}.window-bar{background:#96c8ed06;border-bottom-color:#96c8ed16}.demo-brand>span{color:#a8ccf8;border-color:#8fb5f536;background:#8fb5f50b}.connection-visual{isolation:isolate}.power-halo{background:radial-gradient(circle,#6bb8fb18,transparent 68%)}.power-button{background:radial-gradient(circle at 35% 25%,#416079,#21384b 70%);border-color:#a3c9f577;box-shadow:inset 0 1px 1px #e1f1ff40,0 10px 35px #0004;color:#b4d9ff;transition:transform .4s,background .6s,box-shadow .6s,border-color .6s}.power-button:hover{transform:scale(1.07);box-shadow:0 0 35px #8fb5f530,inset 0 1px #e1f1ff55}.power-button:active{transform:scale(.95)}.connection-orbit{width:144px;height:144px;margin:-72px 0 0 -72px;border:1px dashed #a7d1f536;animation:connectionRadar 28s linear infinite}.connection-visual::before,.connection-visual::after{content:'';position:absolute;width:178px;height:178px;left:50%;top:50%;border:1px solid #a7d1f514;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.connection-visual::after{width:7px;height:7px;margin-left:72px;background:#b2daff;box-shadow:0 0 18px #82c3ff;border:0;animation:connectionBeacon 3s ease-in-out infinite}.demo-country{background:linear-gradient(120deg,#3654733b,#1a2c3d);border-color:#8fb5f533;transition:background .3s,border-color .3s,transform .3s}.demo-country:hover{border-color:#a3ccff88;background:#36547355;transform:translateY(-2px)}.connection-stages{display:flex;justify-content:center;gap:5px;margin:17px 0 20px}.connection-stages span{display:flex;align-items:center;gap:5px;font-size:8px;color:#9fb7d0}.connection-stages span+span:before{content:'';width:13px;height:1px;background:#8fb5f534;margin-right:4px}.connection-stages i{width:4px;height:4px;border-radius:50%;background:#6f8ba8}.is-connecting .connection-stages span:first-child,.is-connecting .connection-stages span:nth-child(2){color:#d1e5ff}.is-connecting .connection-stages i{background:#a8cfff;animation:connectionBeacon .8s ease-in-out infinite}.is-connected .connection-stages span{color:#9becbf}.is-connected .connection-stages i{background:#4ade80}.is-connected .connection-window{border-color:#4ade8070;box-shadow:0 35px 80px #030d2080,0 0 50px #4ade800c,inset 0 1px #b4ffcf20}.is-connected .connection-visual:after{background:#4ade80;box-shadow:0 0 20px #4ade80}.is-connected .demo-brand>span{color:#8de9b0;border-color:#4ade8040}.is-connecting .connection-orbit{border-style:solid}.hero-scene:not(.scene-visible) .connection-orbit,.hero-scene:not(.scene-visible) .connection-visual:after{animation-play-state:paused}@keyframes connectionRadar{to{transform:rotate(360deg)}}@keyframes connectionBeacon{50%{opacity:.4;box-shadow:0 0 25px #82c3ff66}}@media(prefers-reduced-motion:reduce){.connection-orbit,.connection-visual:after,.connection-stages i{animation:none!important}}
/* A single blue-grey material for the entire illustration. */
.hero-scene .connection-window{background:radial-gradient(ellipse at 15% 0,#38597966,transparent 65%),linear-gradient(155deg,#22364d,#17273b 80%);border-color:#93b6df4d;box-shadow:0 35px 80px #030d2066,inset 0 1px #d4e8ff20}.hero-scene .window-bar{background:#8fb5f505;border-bottom-color:#9ebce021;color:#a8bdd6}.hero-scene .floating-note{background:linear-gradient(120deg,#2b415c,#22364d);border-color:#93b6df45;box-shadow:0 15px 35px #07101e55}.hero-scene .note-icon{background:#9ac2f514;color:#a8ccfa}.hero-scene .floating-note>.icon{color:#acc8ec}.hero-scene .demo-country{background:linear-gradient(120deg,#2b415b,#22354b);border-color:#93b6df38}.hero-scene .demo-country>.icon{color:#a8c5e8}.hero-scene .power-button{background:radial-gradient(circle at 35% 25%,#456382,#2a415b 75%);border-color:#a3c9f56b;color:#c0deff}.hero-scene .power-halo{background:radial-gradient(circle,#8fb5f51a,transparent 70%)}.hero-scene .connection-caption{color:#a9bbd1}.hero-scene .connection-orbit{border-color:#a7d1f530}.hero-scene .window-bottom .live-dot{background:#91afd2;box-shadow:none}.hero-scene .window-bottom{color:#8fa5bf}.hero-scene.is-connected .power-button{background:radial-gradient(circle at 35% 25%,#33566a,#233d50 75%);border-color:#4ade80;color:#a3f2c2;box-shadow:0 0 30px #4ade801a,inset 0 1px #caffde22}.hero-scene.is-connected .floating-note>.icon{color:#4ade80}.hero-scene.is-connected .window-bottom .live-dot{background:#4ade80;box-shadow:0 0 10px #4ade8044}.hero-scene.is-connected .connection-window{border-color:#4ade8060;background:radial-gradient(ellipse at 30% 30%,#4ade8008,transparent 65%),linear-gradient(155deg,#22364d,#17273b 80%)}