.brand .version{margin-left:auto;padding:6px 10px;border:1px solid #44364f;border-radius:999px;color:#bcaec4;font-size:11px;letter-spacing:.08em}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.hero-actions .primary{margin-top:0}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #463752;border-radius:999px;padding:15px 22px;font-weight:800;cursor:pointer;color:#fff;background:#2a2232}.secondary:disabled{opacity:.78;cursor:wait}.secondary.loading::before{content:"";width:16px;height:16px;flex:none;border:2px solid #ffffff45;border-top-color:#fff;border-radius:50%;animation:offline-spin .8s linear infinite}.offline-status{display:block;min-height:20px;margin-top:12px;color:#cbbdd1;font-size:13px}.transport button{display:grid;place-items:center}.transport button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.transport button svg .fill{fill:currentColor;stroke:none}.transport button.active{color:#e85fff}.transport .toggle svg{width:25px;height:25px}@keyframes offline-spin{to{transform:rotate(360deg)}}@media(max-width:720px){.hero-actions{justify-content:center}.secondary{width:100%;max-width:330px}}