/* CARBON Bits: vanilla ports of ReactBits (reactbits.dev) + 21st.dev components.
   Source of truth: C:\Users\ahmed\projects\reactbits-site worktree components. */

/* BlurText */
.rb-blur > span{display:inline-block;will-change:transform,filter,opacity}

/* ShinyText + GradientText */
.rb-shiny,.rb-gradient{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.rb-shiny{display:inline-block;background-size:200% auto}
.rb-gradient{background-repeat:repeat}

/* SpotlightCard */
.rb-spotlight{position:relative;overflow:hidden}
.rb-spotlight__glow{pointer-events:none;position:absolute;inset:0;opacity:0;transition:opacity .5s ease-in-out;z-index:1}
.rb-spotlight > :not(.rb-spotlight__glow){position:relative;z-index:2}

/* StarBorder */
.rb-star{position:relative;overflow:hidden}
.rb-star__strip{pointer-events:none;position:absolute;z-index:0;border-radius:999px;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}
.rb-star__strip--b{width:300%;right:-250%;animation-name:rb-star-b}
.rb-star__strip--t{width:300%;left:-250%;animation-name:rb-star-t}
.rb-star__strip--l{height:300%;bottom:-250%;animation-name:rb-star-l}
.rb-star__strip--r{height:300%;top:-250%;animation-name:rb-star-r}
.rb-star__inner{position:relative;z-index:1}
@keyframes rb-star-b{0%{transform:translate(0,0);opacity:1}100%{transform:translate(-100%,0);opacity:0}}
@keyframes rb-star-t{0%{transform:translate(0,0);opacity:1}100%{transform:translate(100%,0);opacity:0}}
@keyframes rb-star-r{0%{transform:translate(0,0);opacity:1}100%{transform:translate(0,-100%);opacity:0}}
@keyframes rb-star-l{0%{transform:translate(0,0);opacity:1}100%{transform:translate(0,100%);opacity:0}}

/* TiltedCard */
.rb-tilt{position:relative;perspective:800px}
.rb-tilt__inner{position:relative;transform-style:preserve-3d;will-change:transform}
.rb-tilt__tip{pointer-events:none;position:absolute;left:0;top:0;z-index:5;padding:4px 10px;border-radius:4px;background:#fff;color:#2d2d2d;font-size:10px;letter-spacing:.06em;opacity:0;white-space:nowrap;will-change:transform,opacity}
@media (hover:none){.rb-tilt__tip{display:none}}

/* Magnet */
.rb-magnet{position:relative;display:inline-block}
.rb-magnet__inner{will-change:transform}

/* MagicRings + Constellation canvases */
.rb-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}

@media (prefers-reduced-motion:reduce){.rb-star__strip{animation:none;opacity:0}}

/* ScrollReveal */
.rb-word{display:inline-block}

/* AnimatedContent: hidden until GSAP reveals (stays visible without JS / reduced motion) */
.js-motion [data-rb="animated"]{visibility:hidden}

/* LogoLoop */
.rb-loop{position:relative;overflow-x:hidden;direction:ltr}
.rb-loop__track{display:flex;width:max-content;will-change:transform;user-select:none}
.rb-loop__seq{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.rb-loop__seq>li{flex:none;margin-right:var(--loop-gap,32px)}