.split-pill{--pill-accent:#22d3ee;--pill-ink:#02111b;--pill-ease:cubic-bezier(0.16,1,0.3,1);display:inline-flex;align-items:center;gap:4px;flex-shrink:0;min-height:50px;padding:4px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(6,27,41,.76);color:#f1faff;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.09);text-decoration:none;cursor:pointer;transition:all .3s var(--pill-ease)}.split-pill__label{padding:0 18px;font-size:12px;font-weight:800;line-height:1.2;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap}.split-pill__badge{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:var(--pill-accent);color:var(--pill-ink);box-shadow:inset 0 1px 0 #ffffff50;transition:all .3s var(--pill-ease)}.split-pill__badge svg{width:19px;height:19px}.split-pill--primary{background:var(--pill-accent);color:var(--pill-ink);border-color:var(--pill-accent)}.split-pill--primary .split-pill__badge{background:var(--pill-ink);color:var(--pill-accent)}.split-pill:focus-visible{outline:2px solid var(--pill-accent);outline-offset:5px;box-shadow:0 0 22px #22d3ee2b}@media (hover:hover){.split-pill:hover{transform:translateY(-2px);border-color:#22d3ee80;box-shadow:0 6px 24px #00aeef24,0 0 30px #22d3ee1f,inset 0 1px 0 #ffffff25}.split-pill:hover .split-pill__badge{transform:rotate(45deg) scale(1.04)}}.split-pill:active{transform:translateY(0) scale(.98)}.split-pill:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.split-pill:disabled .split-pill__badge{transform:none}.split-pill--menu{display:none}.hero .hero-actions{gap:14px;flex-wrap:wrap}@media (max-width:1100px){.split-pill--header{display:none}}@media (max-width:760px){.split-pill--menu{display:inline-flex;min-height:44px}.split-pill--menu .split-pill__label{padding:0 10px;font-size:11px}.split-pill--menu .split-pill__badge{flex-basis:34px;width:34px;height:34px}.header{gap:12px}}@media (max-width:390px){.header .brand{font-size:16px;gap:7px}.header .brand-photo{width:34px;height:34px}}@media (prefers-reduced-motion:reduce){.split-pill,.split-pill__badge{transition:none}.split-pill:active,.split-pill:hover,.split-pill:hover .split-pill__badge{transform:none}}