/* =====================================================================
   OUR CLIENTS PAGE — clients.html
   Loaded after main.css. Scoped under .rcsc- so nothing here collides
   with shared header/footer classes in main.css.

   The page runs light (hero, stats, story cards) then drops into a
   dark orbital-ring section — same near-black premium register as
   the photo ring on about.html — before handing back to the site
   footer. Ring behavior lives in assets/js/clients.js; card/logo
   DATA lives at the top of that file — edit it there, not here.
   ===================================================================== */

.rcsc-shader-canvas{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  pointer-events:none;
  z-index:0;
  opacity:1;
  transition:opacity 0.8s ease;
}

.rcsc-main{
  position:relative;
  z-index:1;
  padding-top:84px;
}
@media (max-width:820px){
  .rcsc-main{
    padding-top:74px;
  }
}

/* ================= PULSE DOT ANIMATION ================= */
.rcsc-pulse-dot{
  display:inline-block;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#38bdf8;
  box-shadow:0 0 10px #38bdf8;
  animation:rcsc-pulse-glow 2s ease-in-out infinite;
  vertical-align:middle;
  margin-right:6px;
}
@keyframes rcsc-pulse-glow{
  0%, 100%{ opacity:1; transform:scale(1); }
  50%{ opacity:0.4; transform:scale(0.8); }
}

/* ================= HERO ================= */
.rcsc-hero{
  max-width:820px;
  margin:0 auto;
  padding:10px 24px 44px;
  text-align:center;
}
.rcsc-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  font-size:0.72rem;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--ink);
  background:rgba(56,189,248,0.15);
  border:1px solid rgba(56,189,248,0.3);
  padding:6px 16px;
  border-radius:999px;
  margin-bottom:20px;
  backdrop-filter:blur(6px);
}
.rcsc-hero__title{
  font-family:'Fraunces',serif;
  font-weight:600;
  font-size:clamp(2rem,4.5vw,3.1rem);
  line-height:1.16;
  color:var(--ink);
  letter-spacing:-0.02em;
}
.rcsc-hero__sub{
  margin-top:16px;
  color:var(--ink-soft);
  font-size:1.05rem;
  line-height:1.75;
  max-width:680px;
  margin-left:auto;
  margin-right:auto;
}

/* ================= STATS STRIP ================= */
.rcsc-stats{
  max-width:920px;
  margin:0 auto 68px;
  padding:0 24px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:18px;
}
.rcsc-stat{
  flex:1 1 210px;
  max-width:270px;
  background:rgba(255,255,255,0.85);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,0.7);
  border-radius:22px;
  padding:24px 20px;
  text-align:center;
  box-shadow:0 20px 45px -24px rgba(19,39,67,0.18), 0 0 20px rgba(56,189,248,0.08);
  position:relative;
  overflow:hidden;
  transition:transform .3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow .3s ease, border-color .3s ease;
}
.rcsc-stat:hover{
  transform:translateY(-4px);
  border-color:rgba(56,189,248,0.45);
  box-shadow:0 26px 50px -20px rgba(19,39,67,0.22);
}
.rcsc-stat::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg, #38bdf8, #818cf8);
  opacity:0;
  transition:opacity 0.3s ease;
}
.rcsc-stat:hover::before{
  opacity:1;
}
.rcsc-stat__num{
  font-family:'Fraunces',serif;
  font-weight:600;
  font-size:2.1rem;
  color:var(--ink);
  line-height:1;
}
.rcsc-stat__label{
  margin-top:8px;
  font-size:0.8rem;
  font-weight:500;
  color:var(--ink-soft);
  letter-spacing:0.02em;
}

/* ================= FLAGSHIP STORY CARDS (pixel-hover) ================= */
.rcsc-stories{
  max-width:1180px;
  margin:0 auto 0;
  padding:0 24px 64px;
}
.rcsc-stories__head{
  text-align:center;
  margin-bottom:36px;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.rcsc-stories__pill{
  display:inline-flex;
  align-items:center;
  font-size:0.7rem;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--ink);
  background:rgba(56,189,248,0.12);
  border:1px solid rgba(56,189,248,0.28);
  padding:5px 14px;
  border-radius:999px;
  margin-bottom:12px;
}
.rcsc-stories__title{
  font-family:'Fraunces',serif;
  font-weight:600;
  font-size:clamp(1.6rem,3.2vw,2.3rem);
  color:var(--ink);
  letter-spacing:-0.02em;
}

.rcsc-story-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:22px;
}
@media (max-width:900px){
  .rcsc-story-grid{ grid-template-columns:1fr; }
}

.rcsc-story-card{
  position:relative;
  height:370px;
  border-radius:24px;
  overflow:hidden;
  cursor:pointer;
  background:#030712;
  border:1px solid rgba(56,189,248,0.18);
  box-shadow:0 20px 45px -20px rgba(0,0,0,0.7), 0 0 30px -10px rgba(56,189,248,0.12);
  isolation:isolate;
  transition:transform 0.4s cubic-bezier(0.16,1,0.3,1), box-shadow 0.4s ease, border-color 0.4s ease;
}
.rcsc-story-card:hover{
  transform:translateY(-6px);
  border-color:rgba(56,189,248,0.45);
  box-shadow:0 30px 60px -20px rgba(0,0,0,0.8), 0 0 35px 0 rgba(56,189,248,0.22);
}

.rcsc-story-bg{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
}
.rcsc-story-bg__img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.01);
  transition:transform 0.7s cubic-bezier(0.16,1,0.3,1);
}
.rcsc-story-card:hover .rcsc-story-bg__img{
  transform:scale(1.08);
}
.rcsc-story-bg__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(3,7,18,0.25) 0%, rgba(3,7,18,0.65) 50%, rgba(3,7,18,0.96) 100%);
  transition:opacity 0.3s ease;
}

.rcsc-story-face{
  position:absolute;
  inset:0;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:26px;
  transition:opacity 0.15s ease;
}
.rcsc-story-face__tag{
  align-self:flex-start;
  font-size:0.68rem;
  font-weight:600;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:#38bdf8;
  background:rgba(15,23,42,0.82);
  border:1px solid rgba(56,189,248,0.35);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  padding:5px 12px;
  border-radius:999px;
  margin-bottom:auto;
  box-shadow:0 4px 12px rgba(0,0,0,0.3);
}
.rcsc-story-face__name{
  font-family:'Fraunces',serif;
  font-weight:600;
  font-size:1.35rem;
  line-height:1.25;
  color:#ffffff;
  text-shadow:0 2px 10px rgba(0,0,0,0.8);
}
.rcsc-story-face__outcome{
  margin-top:6px;
  font-size:0.88rem;
  line-height:1.55;
  color:rgba(255,255,255,0.82);
  text-shadow:0 1px 6px rgba(0,0,0,0.9);
}

.rcsc-story-quote{
  position:absolute;
  inset:0;
  z-index:3;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:30px;
  background:rgba(3,7,18,0.94);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(56,189,248,0.25);
  border-radius:24px;
  opacity:0;
  pointer-events:none;
  transition:opacity 0.15s ease;
}
.rcsc-story-quote__mark{
  font-family:'Fraunces',serif;
  font-size:2.4rem;
  line-height:1;
  color:#38bdf8;
  margin-bottom:6px;
}
.rcsc-story-quote__text{
  font-family:'Fraunces',serif;
  font-weight:500;
  font-size:1.02rem;
  line-height:1.55;
  color:#ffffff;
}
.rcsc-story-quote__meta{
  margin-top:16px;
  font-size:0.78rem;
  color:#93c5fd;
  letter-spacing:0.02em;
}
.rcsc-story-quote__cta{
  margin-top:18px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:0.8rem;
  font-weight:600;
  color:#38bdf8;
  text-decoration:none;
  width:fit-content;
  border-bottom:1px solid rgba(56,189,248,0.4);
  padding-bottom:2px;
  transition:color .2s ease, border-color .2s ease;
}
.rcsc-story-quote__cta:hover{
  color:#ffffff;
  border-color:#ffffff;
}

.rcsc-pixel-layer{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
}
.rcsc-pixel-block{
  position:absolute;
  background:#38bdf8;
  box-shadow:0 0 10px rgba(56,189,248,0.7);
  opacity:0;
  pointer-events:none;
  transition:opacity 0.08s ease;
}

/* =====================================================================
   ORBITAL RING SECTION — 2D Concentric Animated Ecosystem
   ===================================================================== */
.rcsc-orbit-section{
  position:relative;
  margin-top:20px;
  padding:90px 24px 100px;
  background:
    radial-gradient(ellipse 65% 55% at 50% 50%, rgba(56,189,248,0.12), transparent 75%),
    #050505;
  overflow:hidden;
}
.rcsc-orbit-section::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(1px 1px at 15% 25%, rgba(255,255,255,0.4) 50%, transparent 51%),
    radial-gradient(1px 1px at 75% 18%, rgba(255,255,255,0.3) 50%, transparent 51%),
    radial-gradient(1px 1px at 35% 80%, rgba(255,255,255,0.35) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 88% 70%, rgba(255,255,255,0.25) 50%, transparent 51%),
    radial-gradient(1px 1px at 12% 88%, rgba(255,255,255,0.3) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 62% 48%, rgba(255,255,255,0.22) 50%, transparent 51%);
  pointer-events:none;
  opacity:0.85;
}

.rcsc-orbit-head{
  position:relative;
  z-index:2;
  text-align:center;
  max-width:640px;
  margin:0 auto 24px;
}
.rcsc-orbit-eyebrow{
  display:inline-block;
  font-size:0.72rem;
  font-weight:600;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--sky);
  background:rgba(56,189,248,0.12);
  border:1px solid rgba(56,189,248,0.28);
  padding:5px 14px;
  border-radius:999px;
  margin-bottom:16px;
}
.rcsc-orbit-title{
  font-family:'Fraunces',serif;
  font-weight:600;
  font-size:clamp(1.7rem,3.4vw,2.4rem);
  color:#fafcff;
  line-height:1.2;
}
.rcsc-orbit-sub{
  margin-top:12px;
  color:rgba(229,240,250,0.65);
  line-height:1.7;
  font-size:1rem;
}

/* ---- controls: tabs + search ---- */
.rcsc-controls{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:12px;
  max-width:1080px;
  margin:0 auto 12px;
}
.rcsc-tabs{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
}
.rcsc-tab{
  font-family:'Inter',sans-serif;
  font-size:0.82rem;
  font-weight:500;
  color:rgba(229,240,250,0.72);
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.12);
  padding:7px 16px;
  border-radius:999px;
  cursor:pointer;
  transition:all .22s cubic-bezier(0.16, 1, 0.3, 1);
}
.rcsc-tab:hover{
  border-color:rgba(56,189,248,0.55);
  color:#fff;
  background:rgba(56,189,248,0.08);
}
.rcsc-tab.is-active{
  background:#fff;
  color:#050505;
  border-color:#fff;
  font-weight:600;
  box-shadow:0 0 20px rgba(255,255,255,0.25);
}

.rcsc-search{
  position:relative;
  min-width:220px;
}
.rcsc-search input{
  width:100%;
  font-family:'Inter',sans-serif;
  font-size:0.85rem;
  color:#fff;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.14);
  border-radius:999px;
  padding:9px 16px 9px 36px;
  transition:border-color .2s ease, background .2s ease;
}
.rcsc-search input::placeholder{ color:rgba(229,240,250,0.4); }
.rcsc-search input:focus{
  outline:none;
  border-color:var(--sky);
  background:rgba(255,255,255,0.08);
}
.rcsc-search svg{
  position:absolute;
  left:13px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(229,240,250,0.5);
  pointer-events:none;
}

.rcsc-orbit-count{
  text-align:center;
  font-size:0.75rem;
  letter-spacing:0.04em;
  color:rgba(229,240,250,0.45);
  margin-bottom:28px;
  position:relative;
  z-index:2;
}

/* ================= 2D ORBIT STAGE WRAPPER & CANVAS ================= */
.rcsc-orbit-stage-wrap{
  position:relative;
  width:100%;
  height:780px;
  margin:16px auto 32px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}
.rcsc-orbit-stage{
  position:relative;
  z-index:2;
  width:780px;
  height:780px;
  flex-shrink:0;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  user-select:none;
  transform-origin:center center;
}

/* Background SVG guides & ambient glow arcs */
/* Background SVG guides & ambient glow arcs */
.rcsc-orbit-svg-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
.rcsc-svg-ring{
  transform-origin:400px 400px;
  transition:stroke .3s ease;
}

/* Glowing Circular Arcs strictly following the dotted orbits */
.rcsc-svg-glow-arc{
  transform-origin:400px 400px;
  filter:drop-shadow(0 0 10px rgba(56,189,248,0.85));
}
.rcsc-svg-glow-arc--1{ animation:rcsc-arc-spin 26s linear infinite; }
.rcsc-svg-glow-arc--2{ animation:rcsc-arc-spin 44s linear infinite reverse; }
.rcsc-svg-glow-arc--3{ animation:rcsc-arc-spin 64s linear infinite; }

@keyframes rcsc-arc-spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}

/* Gravitational Wave Ripples radiating from RCS Logo */
.rcsc-gravity-wave{
  transform-origin:400px 400px;
  fill:none;
  stroke:rgba(56,189,248,0.45);
  stroke-width:1.5;
  animation:rcsc-gravity-ripple 6s cubic-bezier(0.2, 0.6, 0.4, 1) infinite;
}
.rcsc-gravity-wave--1{ animation-delay:0s; }
.rcsc-gravity-wave--2{ animation-delay:2s; }
.rcsc-gravity-wave--3{ animation-delay:4s; }

@keyframes rcsc-gravity-ripple{
  0%{
    transform:scale(0.8);
    stroke-opacity:0.6;
    stroke-width:2.5;
  }
  50%{
    stroke-opacity:0.3;
    stroke:rgba(96,165,250,0.4);
  }
  100%{
    transform:scale(3.6);
    stroke-opacity:0;
    stroke-width:0.8;
  }
}

/* Gravitational Pull Tether Line */
.rcsc-gravity-tether{
  opacity:0;
  transition:opacity .25s ease;
  filter:drop-shadow(0 0 6px rgba(56,189,248,0.8));
  animation:rcsc-tether-flow 1s linear infinite;
}
.rcsc-gravity-tether.is-active{
  opacity:1;
}

@keyframes rcsc-tether-flow{
  from{ stroke-dashoffset:0; }
  to{ stroke-dashoffset:16; }
}

/* Central Hub */
.rcsc-orbit-hub{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:88px;
  height:88px;
  border-radius:50%;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:default;
}
.rcsc-orbit-hub__pulse{
  position:absolute;
  inset:-35px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(56,189,248,0.55) 0%, rgba(96,165,250,0.30) 45%, rgba(129,140,248,0.12) 70%, transparent 85%);
  filter:blur(12px);
  animation:rcsc-hub-pulse 3.5s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes rcsc-hub-pulse{
  0%{ transform:scale(0.95); opacity:0.7; }
  100%{ transform:scale(1.3); opacity:1; }
}

.rcsc-orbit-hub__inner{
  position:relative;
  width:100%;
  height:100%;
  border-radius:50%;
  background:#ffffff;
  border:2.5px solid rgba(143, 201, 255, 0.9);
  box-shadow:
    0 0 35px rgba(56,189,248,0.7),
    0 0 15px rgba(129,140,248,0.45),
    0 10px 28px rgba(0,0,0,0.7);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:4px;
  overflow:hidden;
  transition:transform .3s ease, box-shadow .3s ease;
}
.rcsc-orbit-hub:hover .rcsc-orbit-hub__inner{
  transform:scale(1.06);
  box-shadow:
    0 0 45px rgba(56,189,248,0.9),
    0 0 20px rgba(143,201,255,0.6),
    0 12px 32px rgba(0,0,0,0.8);
}
.rcsc-orbit-hub__logo{
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover;
  display:block;
}

/* ================= 3 CONCENTRIC ORBITAL TRACKS ================= */
.rcsc-orbit-track{
  position:absolute;
  left:50%;
  top:50%;
  width:0;
  height:0;
  transform-origin:0 0;
  pointer-events:none;
}

/* Track 1: Inner (radius ~140px on desktop) */
.rcsc-orbit-track--inner{
  animation:rcsc-track-cw var(--speed-inner, 46s) linear infinite;
  z-index:5;
}
/* Track 2: Middle (radius ~245px on desktop) */
.rcsc-orbit-track--middle{
  animation:rcsc-track-ccw var(--speed-middle, 72s) linear infinite;
  z-index:4;
}
/* Track 3: Outer (radius ~350px on desktop) */
.rcsc-orbit-track--outer{
  animation:rcsc-track-cw var(--speed-outer, 96s) linear infinite;
  z-index:3;
}

@keyframes rcsc-track-cw{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}
@keyframes rcsc-track-ccw{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}

/* Counter-rotations to keep logo badges 100% upright */
@keyframes rcsc-counter-cw{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
@keyframes rcsc-counter-ccw{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}

/* ================= CLIENT LOGO BADGES ================= */
.rcsc-orbit-item{
  position:absolute;
  pointer-events:auto;
  transform:translate(-50%, -50%);
  cursor:pointer;
  transition:opacity .35s cubic-bezier(0.16, 1, 0.3, 1), transform .35s cubic-bezier(0.16, 1, 0.3, 1), filter .35s ease;
}

/* Counter-rotation containers */
.rcsc-orbit-track--inner .rcsc-orbit-badge__counter{
  animation:rcsc-counter-cw var(--speed-inner, 46s) linear infinite;
}
.rcsc-orbit-track--middle .rcsc-orbit-badge__counter{
  animation:rcsc-counter-ccw var(--speed-middle, 72s) linear infinite;
}
.rcsc-orbit-track--outer .rcsc-orbit-badge__counter{
  animation:rcsc-counter-cw var(--speed-outer, 96s) linear infinite;
}

/* Circular Logo Disk */
.rcsc-orbit-badge{
  width:62px;
  height:62px;
  border-radius:50%;
  background:#ffffff;
  border:2.5px solid rgba(255,255,255,0.96);
  box-shadow:
    0 10px 26px -4px rgba(0,0,0,0.6),
    0 0 16px rgba(56,189,248,0.25);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:6px;
  overflow:hidden;
  transition:transform .28s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .28s ease, border-color .28s ease;
  position:relative;
}

.rcsc-orbit-item:hover .rcsc-orbit-badge,
.rcsc-orbit-item:focus-visible .rcsc-orbit-badge{
  transform:scale(1.3);
  border-color:#38bdf8;
  box-shadow:
    0 0 32px 6px rgba(56,189,248,0.85),
    0 18px 36px -4px rgba(0,0,0,0.8);
  z-index:20;
}

/* Dimming / Highlighting during filter/search */
.rcsc-orbit-item.is-dimmed{
  opacity:0.18;
  filter:grayscale(90%) blur(0.5px);
  pointer-events:none;
}
.rcsc-orbit-item.is-highlighted .rcsc-orbit-badge{
  border-color:#38bdf8;
  box-shadow:
    0 0 28px 4px rgba(56,189,248,0.8),
    0 10px 24px -4px rgba(0,0,0,0.55);
}

/* Logo Image */
.rcsc-orbit-logo-img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:contrast(1.03);
  display:block;
}

/* Fallback / Brand Mark Badge */
.rcsc-orbit-brand-mark{
  width:100%;
  height:100%;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--brand-bg, linear-gradient(135deg, #1e293b, #0f172a));
  color:#ffffff;
  font-family:'Inter',sans-serif;
  font-weight:700;
  font-size:0.74rem;
  letter-spacing:0.02em;
  text-shadow:0 1px 2px rgba(0,0,0,0.4);
}

/* ================= FLOATING TOOLTIP ================= */
.rcsc-orbit-tooltip{
  position:absolute;
  pointer-events:none;
  z-index:50;
  opacity:0;
  transform:translate(-50%, -100%) scale(0.92);
  transition:opacity .18s ease, transform .22s cubic-bezier(0.16, 1, 0.3, 1);
  white-space:nowrap;
}
.rcsc-orbit-tooltip.is-visible{
  opacity:1;
  transform:translate(-50%, -125%) scale(1);
}
.rcsc-orbit-tooltip__content{
  background:rgba(8,15,28,0.96);
  border:1px solid rgba(56,189,248,0.45);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  padding:8px 16px;
  border-radius:12px;
  box-shadow:
    0 16px 36px -6px rgba(0,0,0,0.9),
    0 0 20px rgba(56,189,248,0.22);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3px;
}
.rcsc-orbit-tooltip__tag{
  font-size:0.65rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.07em;
  color:#38bdf8;
}
.rcsc-orbit-tooltip__name{
  font-family:'Inter',sans-serif;
  font-size:0.9rem;
  font-weight:600;
  color:#ffffff;
  margin:0;
  letter-spacing:-0.01em;
}

/* Empty state */
.rcsc-empty{
  text-align:center;
  padding:40px 20px;
  color:rgba(229,240,250,0.5);
  font-size:0.95rem;
  display:none;
  position:relative;
  z-index:2;
}
.rcsc-empty.is-visible{ display:block; }

/* ================= RESPONSIVE SCALING ================= */
@media (max-width:860px){
  .rcsc-orbit-section{
    padding:60px 20px 68px;
  }
  .rcsc-orbit-stage-wrap{
    height:640px;
    margin:12px auto 24px;
  }
  .rcsc-orbit-stage{
    transform:scale(0.82);
  }
}

@media (max-width:640px){
  .rcsc-hero{
    padding:10px 16px 28px;
  }
  .rcsc-hero__title{
    font-size:clamp(1.75rem, 6.2vw, 2.2rem);
  }
  .rcsc-hero__sub{
    font-size:0.92rem;
    line-height:1.6;
    margin-top:10px;
  }
  .rcsc-stats{
    margin:0 auto 44px;
    padding:0 16px;
    gap:10px;
  }
  .rcsc-stat{
    flex:1 1 135px;
    padding:16px 12px;
    border-radius:18px;
  }
  .rcsc-stat__num{
    font-size:1.75rem;
  }
  .rcsc-stat__label{
    font-size:0.75rem;
  }
  .rcsc-stories{
    padding:0 16px;
    margin-bottom:44px;
  }
  .rcsc-story-card{
    height:340px;
    border-radius:20px;
  }
  .rcsc-story-quote{
    padding:20px 16px;
    border-radius:20px;
  }
  .rcsc-orbit-section{
    padding:38px 12px 46px;
    margin-top:8px;
  }
  .rcsc-orbit-head{
    margin-bottom:16px;
  }
  .rcsc-orbit-title{
    font-size:clamp(1.55rem, 5.8vw, 1.95rem);
  }
  .rcsc-orbit-sub{
    font-size:0.86rem;
    line-height:1.5;
    margin-top:8px;
    padding:0 6px;
  }
  .rcsc-controls{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    max-width:440px;
    margin:0 auto 10px;
    padding:0 4px;
  }
  .rcsc-tabs{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    justify-content:flex-start;
    padding:4px 4px 8px;
    gap:8px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .rcsc-tabs::-webkit-scrollbar{
    display:none;
  }
  .rcsc-tab{
    flex:0 0 auto;
    white-space:nowrap;
    font-size:0.78rem;
    padding:6px 14px;
  }
  .rcsc-search{
    width:100%;
    min-width:0;
  }
  .rcsc-search input{
    width:100%;
    font-size:0.86rem;
    padding:9px 16px 9px 38px;
  }
  .rcsc-orbit-count{
    margin-bottom:10px;
    font-size:0.75rem;
  }
  .rcsc-orbit-stage-wrap{
    height:440px;
    margin:8px auto 20px;
  }
  .rcsc-orbit-stage{
    transform:scale(0.56);
  }
  .rcsc-orbit-badge{
    width:56px;
    height:56px;
    padding:5px;
  }
}

@media (max-width:440px){
  .rcsc-orbit-stage-wrap{
    height:360px;
    margin:6px auto 16px;
  }
  .rcsc-orbit-stage{
    transform:scale(0.45);
  }
  .rcsc-orbit-badge{
    width:58px;
    height:58px;
  }
}

@media (max-width:360px){
  .rcsc-orbit-stage-wrap{
    height:325px;
    margin:4px auto 12px;
  }
  .rcsc-orbit-stage{
    transform:scale(0.41);
  }
  .rcsc-orbit-badge{
    width:54px;
    height:54px;
  }
}

@media (prefers-reduced-motion: reduce){
  .rcsc-orbit-track,
  .rcsc-orbit-badge__counter,
  .rcsc-svg-arc,
  .rcsc-orbit-hub__pulse{
    animation:none !important;
  }
}