/* Styles for assets/robot.js: the rules the site uses for its hero robot (Tailwind utilities + animations). */
:root{--ease-out:cubic-bezier(0.22,1,0.36,1)}
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
.pointer-events-none{pointer-events:none}
.absolute{position:absolute}
.relative{position:relative}
.inset-0{inset:0}
.bottom-\[42\%\]{bottom:42%}
.left-0{left:0}
.left-1\/2{left:50%}
.left-\[-24\%\]{left:-24%}
.left-\[41\.6\%\]{left:41.6%}
.left-\[58\.4\%\]{left:58.4%}
.right-\[-7\%\]{right:-7%}
.top-0{top:0}
.top-1\/2{top:50%}
.top-\[-7\%\]{top:-7%}
.top-\[10\.9\%\]{top:10.9%}
.top-\[95\%\]{top:95%}
.top-\[95\.4\%\]{top:95.4%}
.z-10{z-index:10}
.-ml-\[7\%\]{margin-left:-7%}
.-mt-\[5\.25\%\]{margin-top:-5.25%}
.flex{display:flex}
.aspect-\[3\/4\]{aspect-ratio:3/4}
.aspect-\[664\/500\]{aspect-ratio:664/500}
.aspect-square{aspect-ratio:1/1}
.h-\[120\%\]{height:120%}
.h-\[13\%\]{height:13%}
.h-\[20\%\]{height:20%}
.h-\[4\.4\%\]{height:4.4%}
.h-\[6\%\]{height:6%}
.h-\[60\%\]{height:60%}
.h-\[80\%\]{height:80%}
.h-auto{height:auto}
.h-full{height:100%}
.w-\[110\.7\%\]{width:110.7%}
.w-\[14\%\]{width:14%}
.w-\[160\%\]{width:160%}
.w-\[20\%\]{width:20%}
.w-\[46\%\]{width:46%}
.w-\[50\%\]{width:50%}
.w-\[60\%\]{width:60%}
.w-\[9\%\]{width:9%}
.w-full{width:100%}
.-translate-x-1\/2{--tw-translate-x:-50%}
.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-y-1\/2{--tw-translate-y:-50%}
.items-center{align-items:center}
.justify-center{justify-content:center}
.overflow-visible{overflow:visible}
.rounded-\[30\%\]{border-radius:30%}
.rounded-\[50\%\]{border-radius:50%}
.rounded-full{border-radius:9999px}
.border{border-width:1px}
.border-2{border-width:2px}
.border-\[\#01060D\]{--tw-border-opacity:1;border-color:rgb(1 6 13/var(--tw-border-opacity,1))}
.bg-accent{background-color:var(--accent)}
.will-change-transform{will-change:transform}
.hero-ai-line path{stroke-dasharray:1 1;animation:ai-draw 1.8s var(--ease-out) .3s both,ai-fill 1.2s ease 1.5s both}
.hero-ai-glow{animation:ai-glow-in 1s ease 1.4s both}
.hv-drop{transform-origin:50% 95%;animation:hv-drop 1.25s cubic-bezier(.35,0,.25,1) .35s both}
.hv-jet{transform-origin:50% 0;animation:hv-jet 1.3s ease-out .35s both}
.hv-shadow{animation:hv-shadow 1.1s ease-in .35s both}
.hv-ripple{animation:hv-ripple 1.2s ease-out 1.15s both}
.hv-boot{animation:hv-boot 1.4s ease-out 1.4s both}
.hv-arm-l,.hv-fa-l{transition:transform .7s cubic-bezier(.45,0,.2,1)}
[data-pose=work] .hv-arm-l{transform:rotate(-32deg)}
[data-pose=work] .hv-fa-l{transform:rotate(-123deg)}
.hv-screen-icon{opacity:0;transition:opacity .35s ease}
section:not([data-tool]) .hv-screen-icon[data-i="0"],section[data-tool="0"] .hv-screen-icon[data-i="0"],section[data-tool="1"] .hv-screen-icon[data-i="1"],section[data-tool="2"] .hv-screen-icon[data-i="2"],section[data-tool="3"] .hv-screen-icon[data-i="3"],section[data-tool="4"] .hv-screen-icon[data-i="4"]{opacity:1}
.robot-eyes{transform-box:fill-box;transform-origin:center}
.is-live .robot-bob{animation:robot-bob 6s ease-in-out infinite}
.is-live .robot-eyes{animation:robot-blink 5.5s infinite}
.agent-chip{animation:chip-in .7s var(--ease-out) backwards}
.agent-chip-body{transition:transform .5s var(--ease-out),border-color .4s,box-shadow .4s}
.agent-chip.is-active .agent-chip-body{transform:scale(1.1);border-color:rgba(233,196,106,.75);box-shadow:0 0 0 4px rgba(233,196,106,.1),0 0 26px rgba(233,196,106,.35)}
.agent-chip-dot{transition:background-color .4s}
.agent-chip.is-active .agent-chip-dot{background-color:var(--gold)}
.ic *{transform-box:fill-box;transform-origin:center}
.ic-draw{stroke-dasharray:1;stroke-dashoffset:0}
.ic-spin{transition:transform .6s cubic-bezier(.34,1.56,.64,1)}
:is(.group:hover,.group:focus-visible,.is-active) .ic-draw{animation:ic-draw .7s ease-out}
:is(.group:hover,.group:focus-visible,.is-active) .ic-bounce{animation:ic-bounce .5s ease var(--d,0s)}
:is(.group:hover,.group:focus-visible,.is-active) .ic-spin{transform:rotate(90deg)}
.svc-hex-icon .ic{transition:filter .3s}
.svc-row:is(:hover,:focus-visible) .svc-hex-icon .ic{filter:brightness(0) invert(1)}
@keyframes ai-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes ai-fill{0%{fill-opacity:0}}
@keyframes ai-glow-in{0%{opacity:0}}
@keyframes chip-in{0%{opacity:0;scale:.6}}
@keyframes hv-boot{0%,22%{opacity:0}34%{opacity:.9}42%{opacity:.2}54%,to{opacity:1}}
@keyframes hv-drop{0%{transform:translateY(-118%)}64%{transform:translateY(1.5%)}74%{transform:translateY(0) scaleY(.95)}86%{transform:scaleY(1.02)}to{transform:none}}
@keyframes hv-jet{0%,55%{opacity:1;transform:translateX(-50%) scaleY(1)}75%{opacity:.6;transform:translateX(-50%) scaleY(.5)}to{opacity:0;transform:translateX(-50%) scaleY(.2)}}
@keyframes hv-ripple{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}12%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.9)}}
@keyframes hv-shadow{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}}
@keyframes ic-bounce{50%{transform:translateY(-1.6px)}}
@keyframes ic-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes robot-blink{0%,92%,to{transform:none}95%{transform:scaleY(.1)}}
@keyframes robot-bob{50%{transform:translateY(-1.2%)}}
.rc-svgh>svg{height:100%;width:auto}
.rc-cone{background:conic-gradient(from 162deg at 50% 0%,transparent,rgba(127,214,238,.12) 18deg,transparent 36deg)}
.rc-conemask{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent)}
.rc-jetbg{background:radial-gradient(50% 100% at 50% 0%,rgba(214,248,255,.95),rgba(51,214,245,.55) 36%,transparent 72%)}
.rc-shadowbg{background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent)}
.rc-tilebg{background:rgba(6,26,42,.86)}
.rc-tilebd{border-color:rgba(95,224,248,.6)}
.rc-ripplebd{border-color:rgba(127,214,238,.75)}
.rc-rippleglow{box-shadow:0 0 24px rgba(51,214,245,.5)}
.rc-tileglow{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 22px -4px rgba(43,181,216,.7),0 10px 24px -10px rgba(0,0,0,.8)}
.still *{animation:none!important;transition:none!important}
.still .hv-ripple,.still .hv-jet{display:none}