#rux-hero-mini{--fx-hug:1;--fx-tilt:1;--fx-spark:1;--bg:var(--rux-surface,#fff);--bd:var(--rux-border,#e5e7eb);--tx:var(--rux-text,#0f172a);--muted:var(--rux-text-muted,#64748b);--accent:var(--rux-primary,#1b6dff);--shadow:var(--rux-shadow,0 1px 2px rgba(0,0,0,.05),0 10px 24px rgba(0,0,0,.06));--logo-h-desktop:84px;--logo-h-tablet:72px;--logo-h-mobile:64px;--fs-desktop:24px;--fs-tablet:24px;--fs-mobile:22px;--fs2-desktop:18px;--fs2-tablet:13px;--fs2-mobile:13px;--hero-max:1180px;width:100%;max-width:var(--hero-max);margin:0 auto 12px;background:var(--bg);border:1px solid var(--bd);border-radius:16px;box-shadow:var(--shadow);padding:14px 16px;position:relative;overflow:hidden;animation:rux-hero-in .45s ease-out both}:where(body.dark-mode,body.pcdark-mode,html[data-theme=dark]) #rux-hero-mini{--bg:#0b1220;--bd:#1e293b;--tx:#e6edf6;--muted:#94a3b8;--accent:#3b82f6;--shadow:0 1px 2px rgba(0,0,0,.35),0 10px 24px rgba(0,0,0,.45)}#rux-hero-mini::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:calc(var(--fx-hug));background:radial-gradient(120% 60% at 0% 100%,color-mix(in oklab,var(--accent) 14%,transparent) 0%,transparent 65%) left bottom/60% 90% no-repeat,radial-gradient(120% 60% at 100% 0%,color-mix(in oklab,var(--accent) 10%,transparent) 0%,transparent 60%) right top/55% 95% no-repeat;transform:translateY(8px) scaleY(.98);transition:transform .35s ease,filter .35s ease;filter:blur(.6px);z-index:0}#rux-hero-mini:hover::before{transform:translateY(0) scaleY(1);filter:blur(.4px) brightness(1.05)}#rux-hero-mini .inner{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;position:relative;z-index:1}#rux-hero-mini .rux-hero__mini__logo{height:var(--logo-h-desktop);width:auto;max-width:100%;display:block;transform-style:preserve-3d;transform-origin:50% 80%;will-change:transform;animation:rux-logo-in .5s .05s ease-out both,rux-bob 7s ease-in-out .8s infinite}#rux-hero-mini .logo--light{display:block}#rux-hero-mini .logo--dark{display:none}:where(body.dark-mode,body.pcdark-mode,html[data-theme=dark]) #rux-hero-mini .logo--light{display:none}:where(body.dark-mode,body.pcdark-mode,html[data-theme=dark]) #rux-hero-mini .logo--dark{display:block}#rux-hero-mini .copy{line-height:1.35;color:var(--tx)}#rux-hero-mini .tag-top{font-size:var(--fs-desktop)!important;margin:0}#rux-hero-mini .tag-bottom{font-size:var(--fs2-desktop)!important;color:var(--muted);margin:.25rem 0 0}#rux-hero-mini .pulse{position:relative;font-weight:800;white-space:nowrap;color:var(--tx)}#rux-hero-mini .pulse::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px/50%;background:linear-gradient(90deg,transparent 0%,color-mix(in oklab,var(--accent) 30%,transparent) 25%,color-mix(in oklab,var(--accent) 80%,white 10%) 50%,color-mix(in oklab,var(--accent) 30%,transparent) 75%,transparent 100%);animation:pulseWave 2.2s ease-in-out infinite}#rux-hero-mini .sparks{position:relative;width:0;height:0;margin-left:-6px;opacity:calc(var(--fx-spark));pointer-events:none}#rux-hero-mini .sparks::before,#rux-hero-mini .sparks::after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:color-mix(in oklab,var(--accent) 85%,white 10%);filter:drop-shadow(0 0 6px color-mix(in oklab,var(--accent) 65%,transparent));opacity:0;transform:translate(0,0) scale(.7);animation:sparkUp 2.8s ease-in-out infinite}#rux-hero-mini .sparks::after{width:4px;height:4px;animation-delay:.9s;background:color-mix(in oklab,var(--accent) 70%,white 15%)}#rux-hero-mini:hover .rux-hero__mini__logo{animation:rux-logo-in .4s ease-out both,rux-bob-boost 5.5s ease-in-out .35s infinite}@media (max-width:1024px){#rux-hero-mini .rux-hero__mini__logo{height:var(--logo-h-tablet)}#rux-hero-mini .tag-top{font-size:var(--fs-tablet)!important}#rux-hero-mini .tag-bottom{font-size:var(--fs2-tablet)!important}}@media (max-width:640px){#rux-hero-mini{padding:12px 14px}#rux-hero-mini .inner{grid-template-columns:1fr;gap:10px;text-align:center}#rux-hero-mini .rux-hero__mini__logo{height:var(--logo-h-mobile);margin-inline:auto}#rux-hero-mini .sparks{margin-left:0}#rux-hero-mini .tag-top{font-size:var(--fs-mobile)!important}#rux-hero-mini .tag-bottom{font-size:var(--fs2-mobile)!important}}@media (prefers-reduced-motion:reduce){#rux-hero-mini,#rux-hero-mini .rux-hero__mini__logo,#rux-hero-mini .pulse::after,#rux-hero-mini .sparks::before,#rux-hero-mini .sparks::after{animation:none!important}#rux-hero-mini::before{transition:none!important}}@keyframes rux-hero-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes rux-logo-in{from{opacity:0;transform:translateY(8px) scale(.985) rotate(-.6deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes rux-bob{0%{transform:translateY(0)}50%{transform:translateY(-4px) rotate(.2deg)}100%{transform:translateY(0)}}@keyframes rux-bob-boost{0%{transform:translateY(0)}50%{transform:translateY(-6px) rotate(.35deg)}100%{transform:translateY(0)}}@keyframes pulseWave{0%,100%{opacity:.75;transform:scaleX(.95);filter:blur(.5px)}50%{opacity:1;transform:scaleX(1);filter:blur(.2px) brightness(1.3)}}@keyframes sparkUp{0%{opacity:0;transform:translate(8px,6px) scale(.6)}25%{opacity:.9;transform:translate(2px,-2px) scale(.9)}60%{opacity:.6;transform:translate(-4px,-10px) scale(.8)}100%{opacity:0;transform:translate(-10px,-16px) scale(.7)}}