/* Original LEO TECH artwork with independent, animated SVG circuit traces */
.hero-grid{grid-template-columns:.94fr 1.06fr;gap:30px}
.hero h1{font-size:clamp(58px,6.2vw,89px)}
.lion-showcase{min-width:0;width:100%;padding:0;margin:22px 0 18px;isolation:isolate}
.lion-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-inline:22px 14px;position:relative;z-index:3}
.lion-topline>span{font-size:8px;letter-spacing:2px;color:#858b78}
.lion-motion-toggle{display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:10px 0 10px 10px;min-height:44px;color:#a7ad99;font-size:8px;letter-spacing:.3px}
.lion-motion-toggle:hover{color:var(--gold-light)}
.lion-motion-toggle:disabled{cursor:default;color:#777f6b}
.motion-icon{display:flex;gap:3px;align-items:center;justify-content:center;width:12px;height:12px}
.motion-icon:before,.motion-icon:after{content:'';width:2px;height:9px;background:var(--gold)}
.lion-motion-toggle[aria-pressed=true] .motion-icon:before{background:transparent;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--gold)}
.lion-motion-toggle[aria-pressed=true] .motion-icon:after{display:none}
.lion-assembly{position:relative;width:100%;aspect-ratio:774 / 850;transform-origin:50% 43%;transform:translate3d(0,var(--lion-shift,0px),0) scale(var(--lion-scale,1));will-change:transform}
.lion-logo{position:absolute;left:0;top:0;width:100%;height:auto;pointer-events:none;filter:drop-shadow(0 10px 35px #02030066)}
.lion-aura{position:absolute;inset:12% 12% 30%;border-radius:50%;background:radial-gradient(ellipse,#bea24f13,transparent 67%);opacity:.7;animation:lionAmbient 6s ease-in-out infinite;pointer-events:none}
.lion-circuits{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;stroke-linecap:round;stroke-linejoin:round}
.circuit-trace{stroke:#f7d276;stroke-width:1;opacity:.28}
.circuit-light{stroke:#fff2bd;stroke-width:2.2;filter:url(#leo-circuit-glow)}
.circuit-pulse{stroke-dasharray:9 91;stroke-dashoffset:100;animation:leoSignal 3.8s linear infinite;animation-delay:var(--delay,0s)}
.circuit-route{stroke:#a88b47;stroke-width:1.1;opacity:.4}
.route-pulse{stroke-width:1.8;stroke-dasharray:5 95;animation-duration:5s}
.circuit-endpoints{fill:var(--gold-light);stroke:var(--gold);stroke-width:1}
.endpoint-ring{fill:none;opacity:.35}
.lion-node{position:absolute;top:92.4%;width:40%;min-height:65px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border:1px solid #b59a5548;border-radius:14px;background:#20221b;box-shadow:0 14px 30px #04060125;transition:background .25s,border-color .25s,box-shadow .25s;z-index:2}
.lion-node-strap{left:24.03%}
.lion-node-channel{left:75.97%}
.node-text{display:block;min-width:0}
.node-text small{display:block;font-size:6px;letter-spacing:1.4px;color:#929a7f;line-height:1.8;margin-bottom:4px}
.node-text strong{display:block;font-size:12px;letter-spacing:-.2px;font-weight:550;color:#e6e6d9;line-height:1.4}
.lion-node .icon{width:16px;height:16px;color:var(--gold);transition:transform .25s}
.lion-node:hover,.lion-node:focus-visible{background:#2d2e23;border-color:#d6b56aaa;box-shadow:0 8px 32px #ba9c4a10}
.lion-node:hover .icon{transform:translate(2px,-2px)}
.lion-hint{display:flex;justify-content:center;align-items:center;gap:9px;font-size:6px;letter-spacing:1.7px;color:#808975;position:relative;margin-top:8px}
.lion-hint>span{width:4px;height:4px;border-radius:50%;background:#a7915d}
.lion-showcase.motion-paused .lion-assembly,.lion-showcase.motion-reduced .lion-assembly{transform:none;will-change:auto}
.lion-showcase.motion-paused .circuit-pulse,.lion-showcase.motion-reduced .circuit-pulse{opacity:0}
.lion-showcase.motion-paused *,.lion-showcase.motion-sleep *,.lion-showcase.motion-reduced *{animation-play-state:paused!important}
@keyframes leoSignal{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes lionAmbient{0%,100%{opacity:.35}50%{opacity:1}}
@media(min-width:1500px){.hero .lion-showcase{margin-top:22px}.hero h1{font-size:94px}}
@media(max-width:1150px){.hero-grid{gap:14px}.hero h1{font-size:69px}.lion-topline{padding-inline:10px 4px}.lion-topline>span{font-size:7px;letter-spacing:1.4px}.lion-node{padding:12px 13px;min-height:59px}.node-text strong{font-size:11px}.node-text small{font-size:5px;letter-spacing:1.1px}.lion-node .icon{width:14px;height:14px}}
@media(max-width:900px){.hero h1{font-size:58px}.hero-grid{grid-template-columns:.94fr 1.06fr;gap:10px}.lion-showcase{margin:30px 0 15px;padding:0}.lion-topline{gap:6px;padding-inline:4px}.lion-topline>span{font-size:6px;letter-spacing:1px}.lion-motion-toggle{font-size:7px;gap:6px}.lion-node{padding:11px 10px;min-height:54px;gap:5px;border-radius:12px}.node-text strong{font-size:10px}.node-text small{font-size:5px;letter-spacing:.7px;margin-bottom:3px}.lion-node .icon{width:12px;height:12px}.lion-hint{font-size:5px;letter-spacing:1.4px}}
@media(max-width:700px){.hero-grid{grid-template-columns:1fr;gap:0}.hero .hero-copy{order:2;padding:20px 0 34px}.hero .lion-showcase{order:1;margin:15px 0 0;max-width:440px;width:100%;padding:0;align-self:auto}.hero h1{font-size:clamp(43px,9.3vw,62px);letter-spacing:-2.4px;line-height:1.06;margin-top:19px}.hero h1>span{letter-spacing:-2px}.hero .eyebrow{font-size:7px;letter-spacing:1.6px}.hero-description{font-size:11px;max-width:350px;margin-top:21px}.hero-actions{margin-top:24px}.lion-topline{padding-inline:5px;font-size:7px}.lion-topline>span{font-size:6px;letter-spacing:1.5px}.lion-motion-toggle{min-height:40px;font-size:7px;gap:7px}.lion-node{min-height:55px;padding:10px 13px;border-radius:12px}.node-text small{font-size:5px;letter-spacing:.9px}.node-text strong{font-size:10px}.lion-node .icon{width:13px;height:13px}.lion-hint{font-size:5px;letter-spacing:1.3px;margin-top:9px}.lion-assembly{margin-top:-6px}.hero-bottom{padding-block:20px}}
@media(max-width:370px){.hero h1{font-size:42px;letter-spacing:-2.3px}.hero h1>span{letter-spacing:-2px}.lion-node{padding:10px;min-height:52px}.node-text strong{font-size:9px}.node-text small{font-size:4.5px;letter-spacing:.7px}.lion-motion-toggle{font-size:6px}.lion-topline>span{font-size:5px}}
@media(prefers-reduced-motion:reduce){.lion-assembly{transform:none!important;will-change:auto}.lion-aura,.circuit-pulse{animation:none!important}.circuit-pulse{opacity:0}.lion-node,.lion-node .icon{transition:none}}