.hero-bar-button-container{position:relative;width:100%;max-width:800px;margin:0 auto;height:120px;display:flex;align-items:flex-end}.hero-bars{position:absolute;bottom:52px;left:0;right:0;height:68px;display:flex;align-items:flex-end;justify-content:center;gap:12px;pointer-events:none}.hero-bar{width:60px;height:0;max-height:var(--bar-max-height);background:var(--accent);border-radius:0;border-bottom:0px solid var(--accent);transition:height .6s cubic-bezier(.34,1.56,.64,1),border-bottom-width .6s cubic-bezier(.34,1.56,.64,1);transition-delay:var(--bar-delay);box-shadow:0 -4px 12px #2563eb4d}.hero-bar-button-container.is-hovered .hero-bar{height:var(--bar-max-height);border-bottom-width:3px}.hero-bar-button-container.is-hovered .hero-bar-button{border-radius:0 0 12px 12px;background:transparent}.hero-bar-button-container.is-hovered .hero-button-icon{color:var(--accent);transform:scale(1.15)}.hero-bar-button-container.is-hovered .hero-bar-button:after{width:100%}.hero-bar-button{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:16px 36px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:700;text-decoration:none;cursor:pointer;transition:all .2s ease;position:relative;z-index:1}.hero-bar-button:after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:var(--accent);transform:translate(-50%);transition:width .3s ease}.hero-button-icon{margin-right:8px;transition:color .3s ease,transform .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .hero-bar-button{background:var(--accent);color:#fff}[data-theme=dark] .hero-bar-button-container.is-hovered .hero-bar-button{background:transparent}[data-theme=dark] .hero-bar-button-container.is-hovered .hero-button-icon{color:var(--accent);transform:scale(1.15)}@media(max-width:768px){.hero-bar-button-container{max-width:95%;height:140px}.hero-bars{bottom:48px;height:92px;gap:8px}.hero-bar{width:40px}.hero-bar-button{font-size:16px;padding:14px 28px}}@media(max-width:480px){.hero-bar-button-container{height:110px}.hero-bars{bottom:44px;height:66px;gap:6px}.hero-bar{width:32px}.hero-bar-button{font-size:15px;padding:12px 24px}}@media(prefers-reduced-motion:reduce){.hero-bar,.hero-bar-button{transition:none}.hero-bar-button-container.is-hovered .hero-bar{height:var(--bar-max-height);transition:none}}