.logo-marquee{width:100%;overflow-x:clip;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.logo-marquee__track{width:max-content;animation:logo-marquee-scroll var(--duration,40s) linear infinite;padding:34px 0;display:flex}.logo-marquee[data-direction=right] .logo-marquee__track{animation-direction:reverse}.logo-marquee[data-pause=true]:hover .logo-marquee__track{animation-play-state:paused}@keyframes logo-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-tile{transform-origin:bottom;width:66px;height:66px;box-shadow:0 2px 0 #131316, 0 4px 0 #101013, 0 6px 0 #0d0d10, 0 8px 0 #0b0b0d, 0 10px 0 #09090b, 0 16px 22px #0009, 0 12px 26px -6px var(--brand,transparent), inset 0 1px 0 #ffffff2e, inset 0 -1px 0 #00000080;background:linear-gradient(155deg,#26262b 0%,#171719 60%,#0f0f11 100%);border:1px solid #ffffff17;border-radius:16px;place-items:center;transition:transform .34s cubic-bezier(.16,1,.3,1),box-shadow .34s cubic-bezier(.16,1,.3,1);display:grid;transform:perspective(680px)rotateX(17deg)}.logo-tile svg{filter:drop-shadow(0 1px 1px #00000073);width:auto;height:30px}.logo-tile:hover{box-shadow:0 2px 0 #131316, 0 4px 0 #101013, 0 24px 40px #000000b3, 0 16px 30px -6px var(--brand,transparent), inset 0 1px 0 #ffffff42, inset 0 -1px 0 #00000080;transform:perspective(680px)rotateX(0)translateY(-8px)scale(1.05)}@media (prefers-reduced-motion:reduce){.logo-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.logo-marquee__track{animation:none;transform:none}.logo-tile{transition:none}}
.logo-tile.is-active{box-shadow:0 2px 0 #131316, 0 4px 0 #101013, 0 24px 40px #000000b3, 0 16px 30px -6px var(--brand,transparent), inset 0 1px 0 #ffffff42, inset 0 -1px 0 #00000080;transform:perspective(680px)rotateX(0)translateY(-8px)scale(1.06)}.stack-tile:focus-visible{outline:none}.stack-tile:focus-visible .logo-tile{box-shadow:0 2px 0 #131316, 0 4px 0 #101013, 0 24px 40px #000000b3, 0 16px 30px -6px var(--brand,transparent), 0 0 0 2px #ffffff8c, inset 0 1px 0 #ffffff42, inset 0 -1px 0 #00000080;transform:perspective(680px)rotateX(0)translateY(-8px)scale(1.06)}@media (prefers-reduced-motion:reduce){.logo-tile.is-active{transition:none}}
.card-swap-container{transform-style:preserve-3d;perspective:1200px;position:relative;overflow:visible}.card{backface-visibility:hidden;will-change:transform;transform-style:preserve-3d;background:linear-gradient(160deg,#17171b 0%,#101013 60%,#0b0b0d 100%);border:1px solid #ffffff1a;border-radius:18px;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 30px 60px -20px #000c,inset 0 1px #ffffff0f}
.text-type{white-space:pre-wrap;display:inline-block}.text-type__cursor{opacity:1;margin-left:.25rem;display:inline-block}.text-type__cursor--hidden{display:none}
.flip-char{transform-origin:bottom;backface-visibility:hidden;animation:flip-char-in var(--flip-duration,2.2s) cubic-bezier(.22, 1, .36, 1) var(--flip-delay,0s) var(--flip-iteration,1) both}@keyframes flip-char-in{0%{opacity:0;transform:rotateX(-92deg)translateY(.12em)}55%{opacity:1}to{opacity:1;transform:rotateX(0)translateY(0)}}@media (prefers-reduced-motion:reduce){.flip-char{opacity:1;animation:none;transform:none}}