/* Monthly Mission Benchmark feature rail
   Shared by Community, Sectors and Open Directory.
   Motion is decorative, pauses on hover/focus, and disables for reduced motion. */
.benchmark-feature{
  --bm-bg:#070b14;--bm-panel:#0d1422;--bm-line:rgba(164,177,199,.18);
  --bm-text:#f4f6fb;--bm-muted:#a5b0c2;--bm-ac:#91aaf7;
  position:relative;overflow:hidden;padding:54px 0 60px;border-bottom:1px solid var(--bm-line);
  background:
    radial-gradient(circle at 10% 20%,rgba(58,103,240,.18),transparent 34%),
    radial-gradient(circle at 88% 76%,rgba(52,211,153,.09),transparent 30%),
    linear-gradient(180deg,#070b14 0%,#080d17 100%);
  isolation:isolate
}
.benchmark-feature::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}
.benchmark-feature-inner{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:0 24px}
.benchmark-feature-head{text-align:center;max-width:850px;margin:0 auto 34px}
.benchmark-feature-kicker{font-family:var(--fm,'JetBrains Mono',monospace);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bm-ac);margin-bottom:12px}
.benchmark-feature h2{font-family:var(--fd,'Bricolage Grotesque',sans-serif);font-size:clamp(30px,4.4vw,54px);line-height:1.02;letter-spacing:-.035em;color:var(--bm-text);margin:0 0 14px}
.benchmark-feature-head p{font-family:var(--fs,'Lora',serif);font-size:clamp(15px,2vw,18px);line-height:1.65;color:var(--bm-muted);max-width:70ch;margin:0 auto}
.benchmark-feature-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.benchmark-feature-actions a{font-family:var(--fm,'JetBrains Mono',monospace);font-size:12px;font-weight:700;text-decoration:none;border-radius:999px;padding:11px 16px;border:1px solid var(--bm-line)}
.benchmark-feature-actions .bm-primary{background:#f3f5fa;color:#07101b;border-color:#f3f5fa}
.benchmark-feature-actions .bm-secondary{color:#d7deec;background:rgba(255,255,255,.035)}
.benchmark-viewport{position:relative;overflow:hidden;margin-top:30px;mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.benchmark-track{display:flex;gap:16px;width:max-content;animation:benchmarkDrift 46s linear infinite;padding:4px 0 8px}
.benchmark-viewport:hover .benchmark-track,.benchmark-viewport:focus-within .benchmark-track{animation-play-state:paused}
.benchmark-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:min(520px,78vw);min-height:228px;padding:24px;border:1px solid rgba(255,255,255,.13);border-radius:22px;overflow:hidden;text-decoration:none;color:#fff;background:#0d1422;box-shadow:0 24px 70px rgba(0,0,0,.28);transition:transform .25s ease,border-color .25s ease}
.benchmark-card:hover,.benchmark-card:focus-visible{transform:translateY(-3px);border-color:rgba(190,205,255,.48);outline:none}
.benchmark-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,20,.02),rgba(7,11,20,.88) 82%);z-index:0}
.benchmark-card::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-65px;top:-70px;filter:blur(2px);opacity:.8}
.benchmark-card>*{position:relative;z-index:1}
.benchmark-card.bm-health{background:radial-gradient(circle at 82% 22%,rgba(65,211,185,.38),transparent 34%),linear-gradient(135deg,#0a1620,#0e1b26 55%,#0a121d)}
.benchmark-card.bm-health::after{background:radial-gradient(circle,#48dec2 0%,rgba(72,222,194,.12) 52%,transparent 70%)}
.benchmark-card.bm-transport{background:radial-gradient(circle at 82% 16%,rgba(248,183,70,.36),transparent 34%),linear-gradient(135deg,#16130e,#1e180e 52%,#0c1119)}
.benchmark-card.bm-transport::after{background:radial-gradient(circle,#f8b746 0%,rgba(248,183,70,.1) 52%,transparent 70%)}
.benchmark-card.bm-cyber{background:radial-gradient(circle at 82% 18%,rgba(128,146,255,.4),transparent 34%),linear-gradient(135deg,#0b1020,#11162b 52%,#080d17)}
.benchmark-card.bm-cyber::after{background:radial-gradient(circle,#879bff 0%,rgba(135,155,255,.12) 52%,transparent 70%)}
.benchmark-card.bm-space{background:radial-gradient(circle at 84% 16%,rgba(200,201,225,.3),transparent 34%),linear-gradient(135deg,#0b0d15,#151827 54%,#090c14)}
.benchmark-card.bm-space::after{background:radial-gradient(circle,#d9ddf4 0%,rgba(217,221,244,.09) 52%,transparent 70%)}
.benchmark-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:auto}
.benchmark-card-meta span{font-family:var(--fm,'JetBrains Mono',monospace);font-size:9.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.17);background:rgba(6,9,17,.28);color:#dbe3ef}
.benchmark-card h3{font-family:var(--fd,'Bricolage Grotesque',sans-serif);font-size:clamp(20px,2.5vw,27px);line-height:1.07;letter-spacing:-.025em;margin:24px 0 9px;color:#fff}
.benchmark-card p{font-family:var(--fs,'Lora',serif);font-size:13.5px;line-height:1.55;color:#c5cede;margin:0;max-width:58ch}
.benchmark-card .bm-signal{font-family:var(--fm,'JetBrains Mono',monospace);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#9fb0c8;margin-top:14px}
@keyframes benchmarkDrift{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 8px))}}
@media(max-width:720px){.benchmark-feature{padding:44px 0 50px}.benchmark-feature-inner{padding:0 18px}.benchmark-feature-head{margin-bottom:22px}.benchmark-card{width:84vw;min-height:216px;padding:20px}.benchmark-viewport{mask-image:none}}
@media(prefers-reduced-motion:reduce){.benchmark-track{animation:none}.benchmark-viewport{overflow-x:auto;scroll-snap-type:x mandatory;mask-image:none}.benchmark-card{scroll-snap-align:start}.benchmark-card[aria-hidden="true"]{display:none}}


/* Shared rail follows the canonical site theme instead of remaining dark. */
html[data-theme="light"] .benchmark-feature{
  --bm-bg:#f8f4ec;
  --bm-panel:#ffffff;
  --bm-line:rgba(28,37,38,.15);
  --bm-text:#172023;
  --bm-muted:#45515d;
  --bm-ac:#214bc2;
  background:
    radial-gradient(circle at 10% 20%,rgba(33,75,194,.08),transparent 34%),
    radial-gradient(circle at 88% 76%,rgba(32,122,79,.055),transparent 30%),
    linear-gradient(180deg,#f8f4ec 0%,#f2ece2 100%)!important;
}
html[data-theme="light"] .benchmark-feature::before{
  opacity:.24;
  background-image:
    linear-gradient(rgba(28,37,38,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(28,37,38,.045) 1px,transparent 1px);
}
html[data-theme="light"] .benchmark-feature-actions .bm-primary{
  background:#214bc2!important;
  color:#fff!important;
  border-color:#214bc2!important;
}
html[data-theme="light"] .benchmark-feature-actions .bm-secondary{
  color:#214bc2!important;
  background:rgba(255,255,255,.66)!important;
  border-color:rgba(33,75,194,.22)!important;
}
html[data-theme="light"] .benchmark-card{
  color:var(--bm-text)!important;
  border-color:rgba(28,37,38,.14)!important;
  box-shadow:0 18px 46px rgba(58,48,35,.10)!important;
}
html[data-theme="light"] .benchmark-card::before{
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.76) 82%)!important;
}
html[data-theme="light"] .benchmark-card.bm-health{
  background:radial-gradient(circle at 82% 22%,rgba(32,122,79,.16),transparent 34%),linear-gradient(135deg,#ffffff,#eef7f1 55%,#f8f4ec)!important;
}
html[data-theme="light"] .benchmark-card.bm-transport{
  background:radial-gradient(circle at 82% 16%,rgba(138,95,0,.15),transparent 34%),linear-gradient(135deg,#ffffff,#fbf5e8 52%,#f8f4ec)!important;
}
html[data-theme="light"] .benchmark-card.bm-cyber{
  background:radial-gradient(circle at 82% 18%,rgba(33,75,194,.16),transparent 34%),linear-gradient(135deg,#ffffff,#eef2ff 52%,#f8f4ec)!important;
}
html[data-theme="light"] .benchmark-card.bm-space{
  background:radial-gradient(circle at 84% 16%,rgba(92,99,122,.13),transparent 34%),linear-gradient(135deg,#ffffff,#f1f2f6 54%,#f8f4ec)!important;
}
html[data-theme="light"] .benchmark-card-meta span{
  border-color:rgba(28,37,38,.15)!important;
  background:rgba(255,255,255,.62)!important;
  color:#45515d!important;
}
html[data-theme="light"] .benchmark-card h3{
  color:#172023!important;
}
html[data-theme="light"] .benchmark-card p{
  color:#45515d!important;
}
html[data-theme="light"] .benchmark-card .bm-signal{
  color:#5f6976!important;
}