.hero-main-layout{display:grid;grid-template-columns:1fr;gap:36px;align-items:center;width:100%}@media (min-width:960px){.hero-main-layout{grid-template-columns:minmax(0,1.12fr) 330px minmax(0,1.25fr);gap:24px}}@media (min-width:1200px){.hero-main-layout{grid-template-columns:minmax(0,1.16fr) 350px minmax(0,1.28fr);gap:32px}}@media (min-width:1440px){.hero-main-layout{grid-template-columns:minmax(0,1.2fr) 380px minmax(0,1.32fr);gap:40px}}.hero-copy-col{display:flex;flex-direction:column;align-items:flex-start;text-align:left;z-index:20;min-width:0}.hero-mascot-col{padding:8px 0}.hero-diagram-col,.hero-mascot-col{display:flex;justify-content:center;align-items:center;position:relative;width:100%;min-width:0}.hero-diagram-col{flex-direction:column}.hero-mascot.suitcase-mascot{width:330px;height:495px;position:relative;isolation:isolate;align-self:center;margin:0 auto;max-width:100%}@media (min-width:1200px){.hero-mascot.suitcase-mascot{width:350px;height:525px}}@media (min-width:1440px){.hero-mascot.suitcase-mascot{width:380px;height:570px}}@media (max-width:959px){.hero-mascot.suitcase-mascot{width:290px;height:435px}}@media (max-width:640px){.hero-mascot.suitcase-mascot{width:230px;height:345px}}.mascot-ground{position:absolute;bottom:10px;height:18px;left:10%;right:8%;border-radius:50%;background:rgba(15,23,42,.12);filter:blur(8px);z-index:0}.bot-walker,.mascot-final,.mascot-place{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.bot-walker{transform-origin:50% 95%;opacity:0}.walk-cycle{position:absolute;inset:0;background-size:400% 100%;background-repeat:no-repeat;background-position:0 0;filter:drop-shadow(0 10px 14px rgba(15,23,42,.08))}@media (min-width:960px){.walk-cycle{background-image:url(/assets/botcom-walk-cycle.png)}}.mascot-place{opacity:0;transform-origin:50% 95%}.mascot-final{opacity:1;filter:drop-shadow(0 14px 16px rgba(15,23,42,.08))}.unpack-case{position:absolute;bottom:9%;left:56%;width:39%;height:25%;opacity:0;perspective:400px;z-index:3}.case-handle{position:absolute;top:-11%;left:29%;right:29%;height:14%;border:4px solid #202229;border-bottom:0;border-radius:8px 8px 0 0}.case-interior{position:absolute;inset:0;border-radius:5px;background:linear-gradient(130deg,#090b10,#1c253b);border:3px solid #343840;box-shadow:inset 0 -12px 24px rgba(40,85,255,.4)}.case-front{position:absolute;inset:3px;background:linear-gradient(135deg,#353535,#151515);border:1px solid #555;border-radius:3px}.case-flap{position:absolute;inset:3px 3px 24%;background:linear-gradient(150deg,#424242,#1b1b1b);clip-path:polygon(0 0,100% 0,94% 72%,61% 100%,39% 100%,5% 72%);border-radius:4px;transform-origin:50% 100%;backface-visibility:visible;z-index:3}.case-flap span{position:absolute;bottom:0;left:45%;width:10%;height:20%;background:#111;border:1px solid #777;border-radius:2px}.unpack-light{left:79%;bottom:17%;width:260px;height:180px;background:linear-gradient(25deg,rgba(40,85,255,.35),rgba(124,170,255,.12),transparent 78%);clip-path:polygon(0 75%,100% 0,100% 90%,0 100%);filter:blur(8px);z-index:-1;transform-origin:left bottom}.unpack-light,.unpack-particles{position:absolute;pointer-events:none;opacity:0}.unpack-particles{left:75%;bottom:18%;width:240px;height:190px}.unpack-particles i{position:absolute;width:5px;height:5px;border-radius:50%;background:#4169ff;box-shadow:0 0 12px #2855ff;left:0;bottom:0}.unpack-particles i:nth-child(2){--px:120px;--py:-70px;animation-delay:4.46s!important}.unpack-particles i:nth-child(3){--px:180px;--py:-115px;animation-delay:4.62s!important}.unpack-particles i:nth-child(4){--px:150px;--py:-10px;animation-delay:4.78s!important}.unpack-particles i:nth-child(5){--px:210px;--py:-55px;animation-delay:4.94s!important}.iso-float{animation:levitate 7s ease-in-out infinite}.iso-float.b{animation-delay:-2s}.iso-float.c{animation-delay:-4s}@keyframes levitate{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes route-glow-pulse{0%,to{filter:drop-shadow(0 0 4px rgba(40,85,255,.6)) drop-shadow(0 0 10px rgba(65,105,255,.3));opacity:.88}50%{filter:drop-shadow(0 0 8px rgba(40,85,255,.9)) drop-shadow(0 0 18px rgba(65,105,255,.6));opacity:1}}.hero-intro-ready .mascot-final{opacity:0}.hero-intro-running .walk-cycle{animation:registered-walk .72s step-end infinite}@keyframes registered-walk{0%{background-position:0 0}25%{background-position:33.333333% 0}50%{background-position:66.666667% 0}75%,to{background-position:100% 0}}.hero-intro-running .bot-walker{animation:front-edge-walk 3.3s linear both}@keyframes front-edge-walk{0%{opacity:0;transform:translate(-105px);clip-path:inset(0 55% 0 0)}10%{opacity:1;transform:translate(-95px,-2px);clip-path:inset(0 0 0 0)}22%{transform:translate(-80px)}33%{transform:translate(-68px,-3px)}44%{transform:translate(-55px)}55%{transform:translate(-43px,-3px)}66%{transform:translate(-30px)}77%{transform:translate(-18px,-3px)}88%{opacity:1;transform:translate(-5px)}95%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}.hero-intro-running .mascot-place{animation:bag-placement 1.8s 3.05s both}@keyframes bag-placement{0%{opacity:0;transform:translateY(-4px) rotate(-2deg)}18%{opacity:1}65%{opacity:1;transform:translateY(5px) rotate(1deg)}to{opacity:0;transform:translateY(0)}}.hero-intro-running .mascot-final{animation:bot-settle 1s 4.65s both}@keyframes bot-settle{0%{opacity:0;transform:translateY(5px) rotate(2deg)}50%{opacity:1}to{opacity:1;transform:translateY(0) rotate(0)}}.hero-intro-running .unpack-case{animation:case-appearance 2.1s 3.5s both}@keyframes case-appearance{0%{opacity:0;transform:translateY(-12px)}20%,68%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.hero-intro-running .case-flap{animation:open-case .9s ease-in-out 4.05s both}@keyframes open-case{0%{transform:rotateX(0deg)}to{transform:rotateX(-145deg)}}.hero-intro-running .case-front{animation:interior-reveal .4s 4.05s both}@keyframes interior-reveal{to{opacity:0}}.hero-intro-running .unpack-light{animation:case-light 2.1s 4.15s both}@keyframes case-light{0%{opacity:0;transform:scale(.4)}30%,60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.hero-intro-running .unpack-particles{animation:case-light 2.3s 4.15s both}.hero-intro-running .unpack-particles i{animation:escape-particle 1.1s ease-out 4.3s 2 both}@keyframes escape-particle{0%{opacity:0;transform:translate(0) scale(.5)}15%{opacity:1}to{opacity:0;transform:translate(var(--px,90px),var(--py,-120px)) scale(.1)}}.hero-intro-running .diagram{animation:system-unpack 1.7s cubic-bezier(.2,.75,.2,1) 4.7s both;transform-origin:0 95%}@keyframes system-unpack{0%{opacity:0;transform:translate(-110px,130px) scale(.03) rotate(-8deg);filter:blur(12px)}28%{opacity:.8;filter:blur(3px)}80%{opacity:1;transform:translateY(-5px) scale(1.015);filter:blur(0)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}.hero-intro-finished .diagram,.hero-intro-finished .mascot-final{opacity:1}