.hero .hero-actions .hero-explore{min-height:58px;gap:26px;padding:8px 9px 8px 24px;border:1px solid #e6f5ff9c;border-radius:19px;background:linear-gradient(120deg,#f5fbfff5,#cce7f2eb);color:#14364f;font-size:13px;font-weight:400;box-shadow:inset 0 1px 0 #fff,0 8px 24px #061b3025;transition:background .35s,box-shadow .35s,translate .35s}
.hero .hero-actions .hero-explore .arrow{width:40px;height:40px;border-radius:12px;background:#153c5510;color:#173e58;border-left:1px solid #52798c28;transform:none;transition:background .35s}
.hero-explore .arrow svg{width:23px;height:23px;transform:rotate(0);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.hero .hero-actions .hero-explore:hover,.hero .hero-actions .hero-explore:focus-visible{background:linear-gradient(120deg,#fff,#d9f0fc);box-shadow:inset 0 1px 0 #fff,0 10px 30px #08203938;transform:none;translate:0 -2px}
.hero .hero-actions .hero-explore:hover .arrow,.hero .hero-actions .hero-explore:focus-visible .arrow{transform:none;background:#143c551c}
.hero-explore:hover .arrow svg,.hero-explore:focus-visible .arrow svg{transform:rotate(90deg)}
.hero .hero-actions .hero-explore:focus-visible{outline:2px solid #d2efff;outline-offset:5px}
.hero .hero-actions .hero-explore:hover .roll-track{transform:none}
@media(max-width:640px){.hero .hero-actions .hero-explore{min-height:56px;font-size:12px;padding-left:20px;gap:20px}}
@media(prefers-reduced-motion:reduce){.hero .hero-actions .hero-explore{translate:none!important}.hero-explore .arrow svg{transition:none}}