/* Adds motion to the approved layout without changing character artwork. */
.bee-hero{--bee-scene-height:414px;--bee-top-height:45px;--bee-bottom-height:48px;height:calc(var(--bee-scene-height) + var(--bee-top-height) + var(--bee-bottom-height));width:100%;margin:0;contain:layout style;position:relative;isolation:isolate}
.bee-hero .scene{position:absolute;left:0;right:0;top:var(--bee-top-height);height:var(--bee-scene-height);overflow:hidden}
.bee-hero .bottom{position:absolute;left:0;right:0;bottom:0;height:var(--bee-bottom-height)}
.bee-hero .scene.is-active{z-index:2;animation:bee-scene-in .46s cubic-bezier(.2,.7,.2,1) both}
.bee-hero .scene.is-leaving{z-index:1;pointer-events:none;animation:bee-scene-out .46s cubic-bezier(.2,.7,.2,1) both}
.bee-hero .is-active .panel{animation:bee-panel-in .55s .10s both}
.bee-hero .is-active .scene-title{animation:bee-title-in .42s both}
.bee-hero .is-active .phone{animation:bee-phone-in .70s .22s both}
.bee-hero .is-active .typing{animation:bee-typing 1.2s .6s ease-in-out infinite}
.bee-hero .is-active .web-content{animation:bee-build-in .55s .25s both}
.bee-hero .is-active .tiles i{animation:bee-build-in .50s both}
.bee-hero .is-active .tiles i:nth-child(1){animation-delay:.40s}.bee-hero .is-active .tiles i:nth-child(2){animation-delay:.55s}.bee-hero .is-active .tiles i:nth-child(3){animation-delay:.70s}
.bee-hero .is-active .auditor{animation:bee-inspect 3.6s ease-in-out both}
.bee-hero .audit{position:absolute}
.bee-hero .audit::after{content:"";position:absolute;left:12px;right:12px;top:65px;height:2px;background:#0055ff;box-shadow:0 0 7px #0055ff30;opacity:0;pointer-events:none}
.bee-hero .is-active .audit::after{animation:bee-scan 2.8s .35s both}
.bee-hero .is-active .shield{animation:bee-check-in .45s .65s both}
.bee-hero .check-row b{font-size:0;min-width:12px;color:#0055ff}
.bee-hero .check-row b::after{content:"✓";font-size:10px}
.bee-hero .is-active .check-row b::after{animation:bee-status 3.6s step-end both}
.bee-hero .is-active .check-row:nth-of-type(4) b::after{animation-delay:.18s}
.bee-hero .is-active .check-row:nth-of-type(5) b::after{animation-delay:.36s}
.bee-hero .is-active .grower{animation:bee-point 3.6s ease-in-out both}
.bee-hero .growth svg{overflow:visible}
.bee-hero .is-active .growth svg g rect{transform-box:fill-box;transform-origin:center bottom;animation:bee-bar 1.5s .35s cubic-bezier(.2,.7,.2,1) both}
.bee-hero .growth svg path[stroke="#0055ff"]{stroke-dasharray:350;stroke-dashoffset:0}
.bee-hero .is-active .growth svg path[stroke="#0055ff"]{animation:bee-chart 1.65s .35s both}
.bee-hero .is-active .growth svg circle{animation:bee-check-in .4s 1.8s both}
.bee-hero .is-active .growth-labels span{animation:bee-build-in .45s .75s both}
.bee-hero .is-active .growth-labels span:nth-child(2){animation-delay:1s}.bee-hero .is-active .growth-labels span:nth-child(3){animation-delay:1.25s}
.bee-hero[data-play-state="paused"] .scene,.bee-hero[data-play-state="paused"] .scene *,.bee-hero[data-play-state="paused"] .scene::after,.bee-hero[data-play-state="paused"] .scene *::after{animation-play-state:paused!important}
.bee-hero .bee-pause{font-size:12px!important;background:transparent!important;color:#718099!important;border:1px solid #e2e8f2!important;width:25px!important;padding:0;cursor:pointer}
.bee-hero button:focus-visible{outline:2px solid #0055ff;outline-offset:3px}
.bee-hero .scene-controls button{position:relative;overflow:hidden}
.bee-hero .scene-controls button[data-select][aria-pressed="true"]::after{content:"";height:2px;background:#ffffff9c;position:absolute;bottom:0;left:0;right:0;transform-origin:left;animation:bee-progress 3.6s linear both}
.bee-hero[data-play-state="paused"] .scene-controls button::after{animation-play-state:paused}
.bee-hero[data-reduced-motion="true"] .scene,.bee-hero[data-reduced-motion="true"] .scene *,.bee-hero[data-reduced-motion="true"] .scene *::after{animation:none!important}
@keyframes bee-scene-in{from{opacity:.3;transform:translateX(20px) scale(.988)}to{opacity:1;transform:none}}
@keyframes bee-scene-out{to{opacity:0;transform:translateX(-18px) scale(.992)}}
@keyframes bee-panel-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes bee-title-in{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes bee-phone-in{from{opacity:0;transform:translateX(12px) rotate(4deg)}to{opacity:1;transform:translateX(0) rotate(4deg)}}
@keyframes bee-build-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes bee-typing{0%,100%{transform:translateY(0)}30%{transform:translateY(-.7px)}60%{transform:translateY(.4px)}}
@keyframes bee-inspect{0%,100%{transform:translateX(0)}40%,65%{transform:translateX(-4px)}}
@keyframes bee-point{0%,100%{transform:translateX(0)}45%,70%{transform:translateX(-2px)}}
@keyframes bee-scan{0%{opacity:0;transform:translateY(0)}10%{opacity:.65}70%{opacity:.65;transform:translateY(145px)}85%,100%{opacity:0;transform:translateY(145px)}}
@keyframes bee-check-in{from{opacity:0;transform:scale(.90)}to{opacity:1;transform:scale(1)}}
@keyframes bee-status{0%{content:"!";color:#8b99ae}38%,100%{content:"✓";color:#0055ff}}
@keyframes bee-bar{from{transform:scaleY(.15);opacity:.2}to{transform:scaleY(1);opacity:1}}
@keyframes bee-chart{from{stroke-dashoffset:350}to{stroke-dashoffset:0}}
@keyframes bee-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1100px){.bee-hero{--bee-scene-height:380px}}
@media(max-width:800px){.bee-hero{--bee-scene-height:390px}}
@media(max-width:480px){.bee-hero{--bee-scene-height:304px;--bee-top-height:36px;--bee-bottom-height:40px}.bee-hero .is-active .auditor,.bee-hero .is-active .grower{animation-name:bee-typing}.bee-hero .check-row b::after{font-size:8px}@keyframes bee-phone-in{from{opacity:0;transform:translateX(5px) rotate(4deg)}to{opacity:1;transform:rotate(4deg)}}}
@media(prefers-reduced-motion:reduce){.bee-hero .scene,.bee-hero .scene *,.bee-hero .scene *::after,.bee-hero .scene-controls button::after{animation:none!important;transition:none!important}.bee-hero .audit::after{display:none}}
.bee-hero[data-motion-mode="reduced"] .scene-controls button::after{animation:none!important}
.bee-hero[data-motion-mode="reduced"] .audit::after{display:none}
.bee-hero .scene.is-static,.bee-hero .scene.is-static *,.bee-hero .scene.is-static *::after{animation:none!important}