/* ========================================================
   HOME: dashboard-first, glass + sci-fi HUD
   ======================================================== */
@keyframes htGrid{from{background-position:0 0,0 0}to{background-position:0 44px,44px 0}}
@keyframes htScan{0%{top:-12%}100%{top:112%}}
@keyframes htSweep{0%{transform:translateX(-130%) skewX(-18deg)}55%,100%{transform:translateX(340%) skewX(-18deg)}}
@keyframes htFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(26px,-28px)}}
@keyframes htBlink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes htGlow{0%,100%{text-shadow:0 0 8px rgba(242,169,0,.25)}50%{text-shadow:0 0 20px rgba(242,169,0,.9)}}
@keyframes htShimmer{to{background-position:200% 0}}
@keyframes htPulse{0%,100%{box-shadow:0 0 0 0 rgba(242,169,0,.55)}50%{box-shadow:0 0 0 9px rgba(242,169,0,0)}}
@keyframes htSpin{to{transform:rotate(360deg)}}
@keyframes htBar{from{width:0}}
@keyframes htRipple{0%{transform:scale(.8);opacity:.8}100%{transform:scale(2.4);opacity:0}}

/* ---------- background layers ---------- */
.page[data-name="index"]{position:relative;isolation:isolate}
.page[data-name="index"]::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background-image:linear-gradient(rgba(242,169,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(242,169,0,.06) 1px,transparent 1px);
  background-size:44px 44px;animation:htGrid 6s linear infinite;
  -webkit-mask-image:radial-gradient(ellipse at 50% 20%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse at 50% 20%,#000 30%,transparent 80%)}
.page[data-name="index"]::after{content:"";position:fixed;left:0;right:0;height:140px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(242,169,0,.07),transparent);animation:htScan 7s linear infinite}
.page[data-name="index"] .page-content{position:relative;padding-top:76px!important;background:transparent!important}
.page[data-name="index"] .page-content::before,.page[data-name="index"] .page-content::after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(80px)}
.page[data-name="index"] .page-content::before{width:300px;height:300px;left:-100px;top:22%;background:rgba(242,169,0,.26);animation:htFloat 12s ease-in-out infinite}
.page[data-name="index"] .page-content::after{width:340px;height:340px;right:-120px;bottom:6%;background:rgba(70,110,255,.28);animation:htFloat 15s ease-in-out infinite reverse}
.page[data-name="index"] .member-telemetry-section,
.page[data-name="index"] .telemetry-container{background:transparent!important;border:none!important}

/* ---------- dashboard header ---------- */
.telemetry-header-bar{position:relative}
.telemetry-title-box .sys-label{font-family:'JetBrains Mono',monospace!important;letter-spacing:2px;animation:htBlink 2.6s ease-in-out infinite}
.telemetry-title-box h2{background:linear-gradient(90deg,#fff 0%,#FFD76A 35%,#fff 65%,#F2A900 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent!important;animation:htShimmer 5s linear infinite}
.telemetry-status-pill{background:rgba(16,185,129,.12)!important;border:1px solid rgba(16,185,129,.55)!important;color:#6ee7b7!important;border-radius:999px!important;box-shadow:0 0 14px rgba(16,185,129,.35)}
.telemetry-status-pill .pulse-dot{position:relative}
.telemetry-status-pill .pulse-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:#10b981;animation:htRipple 1.8s ease-out infinite}

/* ---------- glass panels ---------- */
.page[data-name="index"] :is(.kpi-chip,.viz-panel-card){
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04))!important;
  backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);
  border:1px solid rgba(255,255,255,.2)!important;border-radius:20px!important;
  box-shadow:0 14px 34px -12px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.3)!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.page[data-name="index"] :is(.kpi-chip,.viz-panel-card)::before{content:"";position:absolute;top:-50%;left:-30%;width:42%;height:200%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.13),transparent);animation:htSweep 6.5s ease-in-out infinite}
.page[data-name="index"] :is(.kpi-chip,.viz-panel-card):hover{transform:translateY(-4px);border-color:rgba(242,169,0,.55)!important;box-shadow:0 14px 34px -12px rgba(0,0,0,.7),0 0 26px rgba(242,169,0,.25),inset 0 1px 0 rgba(255,255,255,.3)!important}
/* HUD corner brackets on the big panels */
.page[data-name="index"] .viz-panel-card::after{content:"";position:absolute;inset:9px;pointer-events:none;border-radius:13px;
  background:
   linear-gradient(#F2A900,#F2A900) top left/14px 2px,linear-gradient(#F2A900,#F2A900) top left/2px 14px,
   linear-gradient(#F2A900,#F2A900) top right/14px 2px,linear-gradient(#F2A900,#F2A900) top right/2px 14px,
   linear-gradient(#F2A900,#F2A900) bottom left/14px 2px,linear-gradient(#F2A900,#F2A900) bottom left/2px 14px,
   linear-gradient(#F2A900,#F2A900) bottom right/14px 2px,linear-gradient(#F2A900,#F2A900) bottom right/2px 14px;
  background-repeat:no-repeat;opacity:.7;filter:drop-shadow(0 0 4px rgba(242,169,0,.8))}

/* ---------- KPI chips ---------- */
.kpi-icon{box-shadow:0 0 16px currentColor;animation:htPulse 2.6s ease-out infinite;border-radius:14px!important}
.kpi-value{font-family:'JetBrains Mono',monospace!important;animation:htGlow 3.2s ease-in-out infinite}
.kpi-label{letter-spacing:.8px;text-transform:uppercase;font-size:10.5px!important;color:#9fb0c9!important}

/* ---------- panels content ---------- */
.viz-card-title{color:#fff!important;letter-spacing:.4px}
.viz-kv-row{border-color:rgba(255,255,255,.12)!important}
.viz-kv-val{font-family:'JetBrains Mono',monospace!important;color:#FFD76A!important}
.viz-kv-label{color:#b6c3da!important}
.page[data-name="index"] :is(.progress-bar-fill,.viz-progress-fill,[class*="progress"] > div){background:repeating-linear-gradient(115deg,#FFD76A 0 10px,#F2A900 10px 20px)!important;background-size:28px 100%;box-shadow:0 0 14px rgba(242,169,0,.8);animation:tkStripe .9s linear infinite}
.mobile-viz-segmented-bar{background:rgba(255,255,255,.08)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18)!important;border-radius:16px!important}
.viz-seg-btn.active{background:linear-gradient(135deg,#FFD76A,#F2A900)!important;color:#1a1200!important;box-shadow:0 0 18px rgba(242,169,0,.55)}
.page[data-name="index"] :is(.ai-btn,.viz-action-btn,.viz-card-btn){background:linear-gradient(135deg,#FFD76A,#F2A900)!important;color:#1a1200!important;border:none!important;border-radius:14px!important;box-shadow:0 0 22px rgba(242,169,0,.5)!important;animation:htPulse 2.4s ease-out infinite}

/* ---------- company profile section (below) ---------- */
.ref-home{position:relative}
.ref-home > div[style*="#1A283F"]{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04))!important;
  backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);
  border:1px solid rgba(255,255,255,.2)!important;border-radius:20px!important;
  box-shadow:0 14px 34px -12px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.3)!important;transition:transform .25s ease,border-color .25s ease}
.ref-home > div[style*="#1A283F"]:hover{transform:translateY(-3px);border-color:rgba(242,169,0,.5)!important}
.ref-home > div[style*="#1A283F"] .fa{filter:drop-shadow(0 0 12px rgba(242,169,0,.7));animation:vipFloat 3.2s ease-in-out infinite}
.ref-home > div[style*="overflow:hidden"]{border:1px solid rgba(255,255,255,.2);box-shadow:0 14px 34px -12px rgba(0,0,0,.7),0 0 26px rgba(242,169,0,.15)}
.ref-home h1{background:linear-gradient(90deg,#fff,#FFD76A,#fff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent!important;animation:htShimmer 5s linear infinite}
.ref-home::before{content:"// COMPANY.PROFILE";display:block;text-align:left;font:600 10.5px/1 'JetBrains Mono',monospace;letter-spacing:2px;color:#F2A900;margin-bottom:14px;animation:htBlink 2.6s ease-in-out infinite}
.ref-home .ai-btn{border-radius:14px!important;box-shadow:0 0 22px rgba(242,169,0,.5)!important;animation:htPulse 2.4s ease-out infinite}

/* lower marketing sections: transparent so the grid shows through */
.page[data-name="index"] :is(.everything-section,.cta-opportunity-section,.global-marquee-section){background:transparent!important}
.page[data-name="index"] .feature-card{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.03))!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.18)!important;border-radius:18px!important}

@media (prefers-reduced-motion:reduce){.page[data-name="index"] *,.page[data-name="index"]::before,.page[data-name="index"]::after{animation:none!important}}

/* tighten top gap, recolor ring to gold */
.page[data-name="index"] .page-content{padding-top:64px!important}
.page[data-name="index"] .member-telemetry-section{padding-top:8px!important;margin-top:0!important}
.page[data-name="index"] .telemetry-container{padding-top:0!important;margin-top:0!important}
#cyanBlueGradient stop:nth-child(1){stop-color:#FFE9A8!important}
#cyanBlueGradient stop:nth-child(2){stop-color:#F2A900!important}
#cyanBlueGradient stop:nth-child(3){stop-color:#C98500!important}
.page[data-name="index"] svg circle[stroke*="cyanBlue"],.page[data-name="index"] .viz-ring-fg{filter:drop-shadow(0 0 8px rgba(242,169,0,.9))}