/* EGATO cat moment 1 (preview only, 2026-10-25). The black electric cat walks in, sits beside "Contact us to order"
   and keeps pointing at it.
   cat.js draws it on a canvas with real transparency (each video frame carries the picture and the cat's outline),
   so the cat is solid wherever it sits, also in front of the bike film. The videos themselves stay invisible. */
.egato-cat{position:absolute;left:0;top:0;z-index:0;pointer-events:none;contain:layout paint}
.egato-cat canvas,.egato-cat img,.egato-cat video{position:absolute;inset:0;width:100%;height:100%;display:block}
.egato-cat video{opacity:0}
/* The cat sits behind the button and its note, so it never covers them. */
.hero-stage .stage-enquiry,.hero-stage .order-note{position:relative;z-index:1}
/* Room below the bike film (Deividas, 21:39: the spinning bike covered the cat a little). On tall desktop windows the
   button moves down 28 px, so the 112 px cat sits fully below the film; "Discover EGATO" stays in view. On shorter
   windows cat.js makes the cat 84 px and nothing moves. On phones it already fits. */
@media(min-width:700px) and (min-height:820px){.orbit-stage .stage-enquiry{margin-top:44px}}
/* The button answers the cat's lightning (Deividas, 21:47): a ring of green light around it flickers (cat.js animates
   only its opacity) and the big hits give the button a small jolt. The ring sits under the button, over the cat. */
.egato-zap{position:absolute;left:0;top:0;z-index:1;pointer-events:none;border-radius:999px;opacity:0;will-change:opacity;
  box-shadow:0 0 0 2px #c9ffdd,0 0 14px 3px #48bb7acc,0 0 34px 10px #48bb7a59}
/* The cat follows the visitor (Deividas, 22:08): by "Contact us to order", in the top bar next to the logo, and by the
   bottom "Contact EGATO" button, teleporting between them in a green flash. */
.egato-cat[hidden],.egato-perch[hidden]{display:none}
.egato-perch{position:absolute;left:0;top:0;z-index:1;pointer-events:none;display:block}
.egato-flash{position:absolute;left:0;top:0;z-index:4;pointer-events:none}
.egato-flash i{position:absolute;inset:0;border-radius:50%;opacity:0;
  background:radial-gradient(circle,#effff5 0,#9dffc4 12%,#48bb7aa6 30%,#48bb7a2e 55%,#48bb7a00 70%)}
.egato-flash svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0;filter:drop-shadow(0 0 2px #48bb7a) drop-shadow(0 0 5px #48bb7a)}
.egato-flash path{fill:none;stroke:#cfffe0;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:miter}
#contact{position:relative;overflow-x:hidden;overflow-x:clip}   /* the cat's clip box must not widen the page on phones */
#contact .egato-zap{z-index:0}
#lead-form button[type="submit"]{position:relative;z-index:1}
/* Narrower bottom button where it would fill the column (Deividas, 22:42: "maybe just make the contact us on iphone
   smaller"), so the cat sits beside it on black. On the green button the cat's lit fur showed through. */
@media(max-width:1199px){#lead-form button[type="submit"]{width:calc(100% - 56px)}}