/* ============================================================
   VIJIN.AI — AGENCIES hero city skyline styles (warm sunset).
   Scoped to .sv[data-seg="agencies"]. Light + dark safe. Pairs with
   agencies-hero.js. The glowing orb/radar is hidden; cards are kept.
   ============================================================ */
.sv[data-seg="agencies"]{
  --ag-ft:#b06544;   /* near solid buildings */
  --ag-gold:#e8923a; /* accent towers */
  --ag-md:#7a4332;   /* mid tier */
  --ag-bk:#4e2c24;   /* far faded towers */
  --ag-win:#ffce8a;  /* lit windows */
  --ag-cloud:#5a342a;
  --ag-sun:rgba(255,170,110,.30);
  --ag-fc:#ffd0b0;   /* card icon tint */
}
[data-theme="light"] .sv[data-seg="agencies"]{
  --ag-ft:#b5502f;
  --ag-gold:#d98a2a;
  --ag-md:#cf8a5a;
  --ag-bk:#e0c2ad;
  --ag-win:#fff3e6;
  --ag-cloud:#e7d3c4;
  --ag-sun:rgba(255,200,150,.62);
  --ag-fc:#b5502f;
}

/* hide the glowing orb / radar porthole (keep the floating cards) */
.sv[data-seg="agencies"] .sv-orb.ag-noradar .sv-gov-radar,
.sv[data-seg="agencies"] .sv-orb.ag-noradar .sv-gov-glow,
.sv[data-seg="agencies"] .sv-orb.ag-noradar .sv-gov-fx,
.sv[data-seg="agencies"] .sv-orb.ag-noradar .sv-govco-disc,
.sv[data-seg="agencies"] .sv-orb.ag-noradar .sv-govco-core{display:none !important}

.sv[data-seg="agencies"] .ag-sky{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.sv[data-seg="agencies"] .ag-sky svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.sv[data-seg="agencies"] .ag-sun{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);
  width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--ag-sun) 0%,transparent 64%)}

.sv[data-seg="agencies"] .ag-bk{fill:var(--ag-bk);opacity:.5}
.sv[data-seg="agencies"] .ag-md{fill:var(--ag-md);opacity:.78}
.sv[data-seg="agencies"] .ag-ft{fill:var(--ag-ft)}
.sv[data-seg="agencies"] .ag-gold{fill:var(--ag-gold)}
.sv[data-seg="agencies"] .ag-base{fill:var(--ag-ft)}
.sv[data-seg="agencies"] .ag-cloud{fill:var(--ag-cloud);opacity:.4}
.sv[data-seg="agencies"] .ag-cloud.c2{opacity:.28}
.sv[data-seg="agencies"] .ag-win{fill:var(--ag-win);opacity:.55}
.sv[data-seg="agencies"] .ag-win.lit{opacity:.95}
.sv[data-seg="agencies"] .ag-refl{opacity:.42}

@media(prefers-reduced-motion:no-preference){
  .sv[data-seg="agencies"] .ag-win.fl{animation:agWinFlick 4.2s steps(1) infinite}
  .sv[data-seg="agencies"] .ag-win.fl:nth-of-type(3n){animation-delay:1.4s}
  .sv[data-seg="agencies"] .ag-win.fl:nth-of-type(5n){animation-delay:2.8s}
}
@keyframes agWinFlick{0%,100%{opacity:.55}50%{opacity:.95}}

/* ---- box-less, icon-forward capability cards in a clean top row ---- */
.sv[data-seg="agencies"] .sv-orb.ag-noradar .sv-govco-cards{
  position:absolute !important;inset:3% 2% auto 2% !important;transform:none !important;height:auto !important;
  display:flex !important;flex-wrap:nowrap;justify-content:space-between !important;align-items:flex-start !important;gap:4px;z-index:3}
.sv[data-seg="agencies"] .sv-orb.ag-noradar .sv-govco-fcard{
  position:static !important;inset:auto !important;top:auto !important;transform:none !important;
  background:transparent !important;border:0 !important;box-shadow:none !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  display:flex !important;flex-direction:column;align-items:center;text-align:center;gap:9px;
  flex:1 1 0 !important;max-width:118px;padding:4px 3px 6px !important}
.sv[data-seg="agencies"] .sv-govco-fc-viz{order:-1;margin:0 auto !important;max-width:none !important}
.sv[data-seg="agencies"] .ag-fc-svg{color:var(--ag-fc);display:grid;place-items:center}
.sv[data-seg="agencies"] .ag-fc-svg svg{width:40px !important;height:40px !important;filter:drop-shadow(0 1px 5px rgba(26,8,6,.5))}
[data-theme="light"] .sv[data-seg="agencies"] .ag-fc-svg svg{filter:drop-shadow(0 1px 3px rgba(150,70,40,.3))}
/* (user) signal pulse — the 6 hero capability icons pulse in sequence */
@media(prefers-reduced-motion:no-preference){
  .sv[data-seg="agencies"] .ag-fc-svg{animation:agFcPulse 2.6s ease-in-out infinite}
  .sv[data-seg="agencies"] .sv-govco-fcard:nth-child(1) .ag-fc-svg{animation-delay:0s}
  .sv[data-seg="agencies"] .sv-govco-fcard:nth-child(2) .ag-fc-svg{animation-delay:.32s}
  .sv[data-seg="agencies"] .sv-govco-fcard:nth-child(3) .ag-fc-svg{animation-delay:.64s}
  .sv[data-seg="agencies"] .sv-govco-fcard:nth-child(4) .ag-fc-svg{animation-delay:.96s}
  .sv[data-seg="agencies"] .sv-govco-fcard:nth-child(5) .ag-fc-svg{animation-delay:1.28s}
  .sv[data-seg="agencies"] .sv-govco-fcard:nth-child(6) .ag-fc-svg{animation-delay:1.6s}
}
@keyframes agFcPulse{
  0%,100%{transform:scale(1);filter:drop-shadow(0 1px 5px rgba(26,8,6,.5))}
  50%{transform:scale(1.12);filter:drop-shadow(0 0 12px color-mix(in oklab,var(--ag-fc) 75%,transparent))}
}
.sv[data-seg="agencies"] .sv-govco-fcard b{font-size:12.5px !important;line-height:1.3;text-align:center;color:#fff4ee;text-shadow:0 1px 7px rgba(26,8,6,.7)}
[data-theme="light"] .sv[data-seg="agencies"] .sv-govco-fcard b{color:#2c1610;text-shadow:0 1px 3px rgba(255,255,255,.7)}
@media(max-width:640px){.sv[data-seg="agencies"] .sv-orb.ag-noradar .sv-govco-cards{flex-wrap:wrap;justify-content:center}
  .sv[data-seg="agencies"] .sv-orb.ag-noradar .sv-govco-fcard{flex-basis:30%;max-width:31%}
  .sv[data-seg="agencies"] .ag-fc-svg svg{width:34px !important;height:34px !important}}