.hs-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px;align-items:center}.hs-grid .hero-copy{min-width:0}.hmf-scene{position:relative;margin:0;border-radius:22px;overflow:hidden;background:#eaf0f8;aspect-ratio:4/3;box-shadow:0 34px 70px -28px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.14);isolation:isolate}.hmf-scene svg{position:absolute;inset:0;display:block;width:100%;height:100%}.hmf-scene .hp{--t:0;transform-box:fill-box;transform-origin:center}.hmf-scene .lift,.hmf-scene .spin{transform-box:view-box}.hs-tag{position:absolute;top:14px;left:14px;z-index:2;display:flex;gap:6px;align-items:center;font:700 .74rem/1 var(--font-b,system-ui),sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#16233f;background:rgba(255,255,255,.92);padding:7px 11px;border-radius:999px;box-shadow:0 6px 16px -8px rgba(0,0,0,.35)}.hs-tag i{width:8px;height:8px;border-radius:50%;background:var(--orange,#f05a22);transition:background .3s}.hmf-scene.done .hs-tag i{background:var(--green,#4e9c15)}.hs-meter{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;display:flex;align-items:center;gap:12px;background:rgba(12,21,41,.86);color:#fff;border-radius:14px;padding:10px 14px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hs-meter .hs-val{font:900 1.25rem/1 var(--font-d,system-ui),sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.hs-meter .hs-val small{font:600 .78rem/1 var(--font-b,system-ui),sans-serif;color:#c9d6ec;margin-left:4px}.hs-bar{flex:1;height:8px;border-radius:6px;background:rgba(255,255,255,.18);overflow:hidden}.hs-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--orange,#f05a22),#ffc14d 55%,var(--green,#4e9c15))}.hs-hint{font:600 .78rem/1 var(--font-b,system-ui),sans-serif;color:#c9d6ec;white-space:nowrap;display:flex;align-items:center;gap:6px;transition:opacity .4s}.hs-hint svg{position:static;width:14px;height:14px;animation:hsBounce 1.4s ease-in-out infinite}.hmf-scene.started .hs-hint{opacity:0;width:0;overflow:hidden}.hs-cap{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;display:flex;gap:8px;flex-wrap:wrap}.hs-cap span{font:700 .76rem/1 var(--font-b,system-ui),sans-serif;color:#fff;background:rgba(12,21,41,.82);padding:8px 12px;border-radius:999px}.hs-cap span:first-child{box-shadow:inset 3px 0 0 var(--blue,#1558c8)}.hs-cap span:nth-child(2){box-shadow:inset 3px 0 0 var(--green,#4e9c15)}.hs-cap span:nth-child(3){box-shadow:inset 3px 0 0 var(--orange,#f05a22)}@keyframes hsBounce{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}@keyframes hsTwinkle{0%,100%{transform:scale(.6) rotate(0)}50%{transform:scale(1.1) rotate(20deg)}}@keyframes hsSmoke{0%{transform:translateY(0) scale(.7);opacity:0}25%{opacity:.75}100%{transform:translateY(-70px) scale(1.5);opacity:0}}@keyframes hsDrip{0%{transform:translateY(0);opacity:0}15%{opacity:1}90%{opacity:1}100%{transform:translateY(160px);opacity:0}}@keyframes hsBob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes hsWave{to{transform:translateX(-80px)}}@keyframes hsSpin{to{transform:rotate(360deg)}}@keyframes hsMist{0%,100%{opacity:.35;transform:translateX(0) scale(.9)}50%{opacity:1;transform:translateX(6px) scale(1.08)}}@keyframes hsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes hsLift{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.hmf-scene .twinkle{transform-box:fill-box;transform-origin:center;animation:hsTwinkle 1.8s ease-in-out infinite}.hmf-scene .smoke{transform-box:fill-box;transform-origin:center;animation:hsSmoke 3.2s ease-out infinite;opacity:0}.hmf-scene .drip{animation:hsDrip 1.8s ease-in infinite}.hmf-scene .bob{transform-box:fill-box;transform-origin:center;animation:hsBob 2.6s ease-in-out infinite}.hmf-scene .wave{animation:hsWave 2.4s linear infinite}.hmf-scene .spin{animation:hsSpin .9s linear infinite}.hmf-scene .mist{transform-box:fill-box;transform-origin:left center;animation:hsMist .9s ease-in-out infinite}.hmf-scene .float{transform-box:fill-box;transform-origin:center;animation:hsFloat 2.2s ease-in-out infinite}.hmf-scene .lift{animation:hsLift 1.1s ease-in-out infinite}@media(max-width:980px){.hs-grid{grid-template-columns:1fr;gap:34px}.hmf-scene{max-width:560px;width:100%}}@media(max-width:520px){.hs-meter{padding:8px 11px;gap:9px}.hs-meter .hs-val{font-size:1.05rem}.hs-hint{display:none}}@media(prefers-reduced-motion:reduce){.hmf-scene *{animation:none!important}}