.brand-logo,.brand-lockup{color:#eff5ff;align-items:center;gap:12px;display:inline-flex}.brand-lockup{gap:calc(var(--brand-mark-size,36px)*.16)}.brand-wordmark{width:calc(var(--brand-mark-size,36px)*3.2);height:auto;display:block;overflow:visible}.brand-motion-toggle{color:#b9cadd;cursor:pointer;background:#ffffff05;border:1px solid #ffffff24;border-radius:50%;place-items:center;min-width:44px;min-height:44px;display:grid}.brand-motion-toggle svg{width:15px;height:15px}.brand-motion-toggle:hover{color:#eff5ff;background:#ffffff12}.brand-motion-toggle:focus-visible{outline-offset:4px;outline:2px solid #7fddeb}.brand-orbit{width:var(--brand-size);height:var(--brand-size);isolation:isolate;flex:none;display:block;position:relative}.brand-color-mask{background:#91bcf9;display:block;position:absolute;inset:0;overflow:hidden;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill-rule='evenodd' d='M128 16a112 112 0 1 1 0 224a112 112 0 1 1 0-224ZM128 61a70 70 0 1 0 0 140a70 70 0 1 0 0-140Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill-rule='evenodd' d='M128 16a112 112 0 1 1 0 224a112 112 0 1 1 0-224ZM128 61a70 70 0 1 0 0 140a70 70 0 1 0 0-140Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.brand-ring{z-index:2}.brand-ink{animation:brand-orbit var(--brand-orbit-cycle) linear infinite;background:conic-gradient(from 45deg,#80e6f0,#93b9fa 22%,#a29bff 43%,#afa9ff 57%,#58dcef 77%,#80e6f0);position:absolute;inset:-35%}.brand-wash{animation:brand-wash calc(var(--brand-liquid-cycle)*.7) ease-in-out infinite alternate;background:radial-gradient(at 27% 36%,#c3f8ff 0 11%,#93ecf599 21%,#0000 42%),radial-gradient(at 65% 70%,#9c8bff 0 17%,#a79cff99 26%,#0000 46%);position:absolute;inset:-65%}.brand-highlight{background:linear-gradient(145deg,#d8feff36,#0000 39%,#ffffff10 78%,#0000);position:absolute;inset:0}.brand-wave{border-radius:calc(50% - 12% * var(--brand-intensity)) calc(50% + 12% * var(--brand-intensity)) calc(50% - 6% * var(--brand-intensity)) calc(50% + 6% * var(--brand-intensity)) / calc(50% + 4% * var(--brand-intensity)) calc(50% - 12% * var(--brand-intensity)) calc(50% + 12% * var(--brand-intensity)) calc(50% - 4% * var(--brand-intensity));width:195%;height:195%;animation:brand-wave calc(var(--brand-liquid-cycle)/2) linear infinite;position:absolute;top:25%;left:-45%}.brand-wave-one{mix-blend-mode:screen;background:linear-gradient(160deg,#aef6ffbd,#69dcebb0 45%,#858ced85)}.brand-wave-two{border-radius:calc(50% + 11% * var(--brand-intensity)) calc(50% - 11% * var(--brand-intensity)) calc(50% + 5% * var(--brand-intensity)) calc(50% - 5% * var(--brand-intensity)) / calc(50% - 7% * var(--brand-intensity)) calc(50% + 9% * var(--brand-intensity)) calc(50% - 9% * var(--brand-intensity)) calc(50% + 7% * var(--brand-intensity));animation-duration:calc(var(--brand-liquid-cycle)*.75);background:linear-gradient(135deg,#b4a7ff88,#8a94ee99 60%,#68ddea77);animation-direction:reverse;top:39%;left:-52%}.brand-flow,.brand-circulation{position:absolute;inset:0}.brand-circulation{animation:brand-orbit var(--brand-circulation-cycle) linear infinite}.brand-flow{animation:brand-surge calc(var(--brand-liquid-cycle)*.32) ease-in-out infinite alternate}.brand-flow-one{animation-delay:-.4s}.brand-flow-two{animation-duration:calc(var(--brand-liquid-cycle)*.41);animation-direction:alternate-reverse;animation-delay:-1.2s}.brand-rim{z-index:1;opacity:var(--brand-glow);animation:brand-pulse var(--brand-pulse) ease-in-out infinite;pointer-events:none;position:absolute;inset:0}.brand-rim-light{filter:blur(var(--brand-sharp)) saturate(2.5) brightness(var(--brand-sharp-brightness,1.15));transform:scale(1.015)}.brand-rim-bloom{filter:blur(var(--brand-blur)) saturate(2.5) brightness(var(--brand-bloom-brightness,calc(1 + var(--brand-glow)*.12)));transform:scale(var(--brand-rim-scale,calc(1.035 + var(--brand-glow)*.025)))}.brand-orbit[data-brand-running=false] *{animation-play-state:paused!important}.brand-orbit[data-brand-animated=false] .brand-wave,.brand-orbit[data-brand-animated=false] .brand-flow{animation:none}.brand-orbit[data-brand-animated=false] .brand-ink{transform:rotate(18deg)}@keyframes brand-orbit{to{transform:rotate(360deg)}}@keyframes brand-wave{to{transform:rotate(360deg)}}@keyframes brand-wash{0%{transform:translate(calc(-6% * var(--brand-intensity)),calc(-8% * var(--brand-intensity))) rotate(calc(-6deg * var(--brand-intensity)))}to{transform:translate(calc(6% * var(--brand-intensity)),calc(7% * var(--brand-intensity))) rotate(calc(16deg * var(--brand-intensity))) scale(calc(1 + .12*var(--brand-intensity)))}}@keyframes brand-surge{0%{transform:translateY(calc(-13% * var(--brand-intensity)))}to{transform:translateY(calc(10% * var(--brand-intensity)))}}@keyframes brand-pulse{0%,to{opacity:calc(var(--brand-glow)*.75)}50%{opacity:var(--brand-glow)}}@media (prefers-reduced-motion:reduce){.brand-orbit *{animation-play-state:paused!important}.brand-motion-toggle{display:none}}html[data-oddy-motion=off] .brand-orbit *,html[data-oddy-motion=off] .brand-orbit:before,html[data-oddy-motion=off] .brand-orbit:after{transition:none!important;animation:none!important}