/* ===== robot.css — общая анимация робота-дрона (все экраны) ===== */

.screen-hero .robot-wrap {
    position:relative; 
    width:clamp(150px, min(48vw, 24vh), 250px); height:clamp(160px, min(50vw, 25vh), 270px); 
    display:flex; align-items:center; justify-content:center;
    will-change: transform, opacity;
  }

.screen-hero .robot-glow {
    position:absolute;
    left:50%; top:50%;
    transform: translate(-50%, -50%);
    width:clamp(170px, min(52vw, 30vh), 270px); height:clamp(170px, min(52vw, 30vh), 270px);
    background: radial-gradient(circle at center, rgba(124,92,252,0.42), rgba(0,255,163,0.14) 45%, transparent 72%);
    filter: blur(22px);
    z-index:0;
    animation: glow-pulse 3s ease-in-out infinite;
  }

.screen-choice .robot-wrap,
  .screen-input .robot-wrap {
    position:relative; 
    width:clamp(120px, min(36vw, 20vh), 190px); height:clamp(120px, min(36vw, 20vh), 190px); 
    display:flex; align-items:center; justify-content:center;
    will-change: transform, opacity;
  }

.screen-choice .robot-glow,
  .screen-input .robot-glow {
    position:absolute;
    left:50%; top:50%;
    transform: translate(-50%, -50%);
    width:clamp(160px, 42vw, 210px); height:clamp(160px, 42vw, 210px);
    background: radial-gradient(circle at center, rgba(124,92,252,0.42), rgba(0,255,163,0.14) 45%, transparent 72%);
    filter: blur(22px);
    z-index:0;
    animation: glow-pulse 3s ease-in-out infinite;
  }

@keyframes glow-pulse {
    0%,100%{ opacity:0.6; transform: translate(-50%, -50%) scale(0.94); }
    50%{ opacity:1; transform: translate(-50%, -50%) scale(1.06); }
  }

.fly-path { position:relative; z-index:1; animation: fly 2.8s ease-in-out infinite; }

@keyframes fly {
    0%{   transform: translate(0px, 0px) rotate(0deg); }
    20%{  transform: translate(12px, -10px) rotate(3deg); }
    40%{  transform: translate(6px, -18px) rotate(1deg); }
    60%{  transform: translate(-10px, -8px) rotate(-3deg); }
    80%{  transform: translate(-7px, 4px) rotate(-1deg); }
    100%{ transform: translate(0px, 0px) rotate(0deg); }
  }

.antenna-beacon { transform-box: fill-box; transform-origin: 50% 50%; animation: beacon-pulse 1.4s ease-in-out infinite; }

.engine-glow { transform-box: fill-box; transform-origin: 50% 50%; animation: engine-pulse 1.1s ease-in-out infinite; }

.engine-glow.right { animation-delay: 0.35s; }

.vpn-ticker { transform-box: fill-box; animation: vpn-scroll 5s linear infinite; }