.hb{--ease: cubic-bezier(.22,.8,.2,1)}.hb-ram{position:relative;background:#fff;border:1px solid rgba(11,36,38,.1);border-radius:18px;box-shadow:0 18px 50px #0b242614;padding:20px 24px 22px;overflow:hidden}.hb-scen{--qw: min(240px, 72%);--dw: 30%;--dh: 128px;position:relative;height:330px;overflow:hidden}.hb-k{position:absolute;background:var(--paper, #F7F9F9);border-radius:10px;border:1px solid rgba(11,36,38,.1);box-shadow:0 8px 22px #0b24261a,0 1px 2px #0b24260f;color:#0b2426;overflow:hidden;transform:translate(-50%,-50%);animation:hb-fly 12s infinite;animation-timing-function:var(--ease)}.hb-q{position:absolute;inset:0;padding:0 16px 0 18px;font:500 14.5px/44px IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:hb-q 12s infinite}.hb-q:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#0b242638}.hb-d{position:absolute;inset:0;padding:13px 12px 10px;opacity:0;animation:hb-d 12s infinite}.hb-d b{display:block;padding-right:18px;font:600 11.5px/1.3 IBM Plex Sans,ui-sans-serif,system-ui,sans-serif}.hb-d i{display:block;height:4px;border-radius:2px;background:#0b242617;margin-top:9px}.hb-d i:nth-of-type(2){width:82%}.hb-d i:nth-of-type(3){width:64%}.hb-d small{position:absolute;left:12px;right:10px;bottom:9px;font:600 10.5px/1.3 IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;color:var(--teal, #06686D)}.hb-ok{position:absolute;top:10px;right:10px;width:16px;height:16px;fill:var(--teal, #06686D);transform:scale(0);animation:hb-ok 12s infinite}.hb-k-1{--fx: 17%;--fy: 30%}.hb-k-2{--fx: 50%;--fy: 30%}.hb-k-3{--fx: 83%;--fy: 30%}.hb-k-4{--fx: 33.5%;--fy: 74%}.hb-k-5{--fx: 66.5%;--fy: 74%}.hb-akt{position:relative;height:100px;margin-top:6px;padding-top:14px;border-top:1px solid rgba(11,36,38,.08)}.hb-steg{display:flex;gap:6px;margin-top:6px}.hb-steg i{flex:1;height:3px;border-radius:2px;background:#0b24261a;position:relative;overflow:hidden}.hb-steg i:after{content:"";position:absolute;inset:0;background:var(--teal, #06686D);transform:scaleX(0);transform-origin:left;animation:12s linear infinite}.hb-steg .hb-s-1:after{animation-name:hb-s1}.hb-steg .hb-s-2:after{animation-name:hb-s2}.hb-steg .hb-s-3:after{animation-name:hb-s3}@keyframes hb-s1{0%{transform:scaleX(0)}27%{transform:scaleX(1)}99%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes hb-s2{0%,27%{transform:scaleX(0)}58%{transform:scaleX(1)}99%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes hb-s3{0%,58%{transform:scaleX(0)}96%{transform:scaleX(1)}99%{transform:scaleX(1)}to{transform:scaleX(0)}}.hb-a{position:absolute;left:0;right:0;top:14px;display:flex;flex-direction:column;gap:6px;opacity:0;animation:hb-a 12s infinite}.hb-ord{font-family:Newsreader,Georgia,serif;font-weight:500;font-size:24px;line-height:1.1;letter-spacing:-.01em;color:var(--ink, #0B2426)}.hb-rad{font:14.5px/1.45 IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;color:#0b2426b3;max-width:34em}.hb-a-1{animation-name:hb-a1}.hb-a-2{animation-name:hb-a2}.hb-a-3{animation-name:hb-a3}@keyframes hb-fly{0%{left:var(--sx);top:var(--sy);width:var(--qw);height:44px;opacity:0;transform:translate(-50%,-50%) rotate(var(--r))}3%{opacity:1}9%,22%{left:var(--ax);top:var(--ay);width:var(--qw);height:44px;opacity:1;transform:translate(-50%,-50%) rotate(var(--r))}30%,44%{left:var(--hx);top:var(--hy);width:var(--qw);height:44px;opacity:1;transform:translate(-50%,-50%) rotate(var(--hr))}48%{transform:translate(-50%,-50%) rotate(var(--hr)) scale(.96)}58%,92%{left:var(--fx);top:var(--fy);width:var(--dw);height:var(--dh);opacity:1;transform:translate(-50%,-50%) rotate(0)}to{left:var(--fx);top:var(--fy);width:var(--dw);height:var(--dh);opacity:0;transform:translate(-50%,-50%) rotate(0)}}@keyframes hb-q{0%,48%{opacity:1}54%,to{opacity:0}}@keyframes hb-d{0%,54%{opacity:0}61%,to{opacity:1}}@keyframes hb-ok{0%,64%{transform:scale(0)}70%,to{transform:scale(1)}}@keyframes hb-a1{0%{opacity:0;transform:translateY(6px)}4%,22%{opacity:1;transform:none}27%,to{opacity:0;transform:translateY(-4px)}}@keyframes hb-a2{0%,28%{opacity:0;transform:translateY(6px)}33%,48%{opacity:1;transform:none}54%,to{opacity:0;transform:translateY(-4px)}}@keyframes hb-a3{0%,58%{opacity:0;transform:translateY(6px)}64%,94%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}@media(max-width:1023px){.hb-scen{height:300px;--dh: 118px}.hb-ram{padding:16px 18px 18px}}@media(prefers-reduced-motion:reduce){.hb *{animation:none!important}.hb-k{left:var(--fx);top:var(--fy);width:var(--dw);height:var(--dh);opacity:1;transform:translate(-50%,-50%)}.hb-q{opacity:0}.hb-d{opacity:1}.hb-ok{transform:scale(1)}.hb-a-3{opacity:1}.hb-steg i:after{transform:scaleX(1)}}.hero-hel{min-height:100svh;display:flex;align-items:center}.hero-hel>*{width:100%}