/* OPTIMIZE VISUAL SYSTEM v2: command-center / radar aesthetic */
:root{
  --gold:#f4c95d;--gold2:#ffe7a0;--cyan:#63e6ff;--violet:#9b8cff;--green:#78e08f;
  --ink:#05080c;--panel:rgba(13,19,27,.9);--line:rgba(123,145,169,.24);
}
html{background:var(--ink)}
body{
  background:
    radial-gradient(circle at 78% 0%,rgba(244,201,93,.14),transparent 26rem),
    radial-gradient(circle at 7% 42%,rgba(99,230,255,.075),transparent 24rem),
    radial-gradient(circle at 92% 75%,rgba(155,140,255,.055),transparent 22rem),
    #05080c!important;
  overflow-x:hidden;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.72) 55%,transparent 100%);
}
body:after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.4;
  background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,255,255,.012) 4px);
}
main{max-width:1440px}
header{padding-top:18px}
.brand img{
  filter:drop-shadow(0 0 10px rgba(244,201,93,.2)) drop-shadow(0 0 24px rgba(99,230,255,.08));
  transition:transform .25s ease,filter .25s ease;
}
.brand img:hover{transform:rotate(-4deg) scale(1.04);filter:drop-shadow(0 0 16px rgba(244,201,93,.3)) drop-shadow(0 0 28px rgba(99,230,255,.12))}
.brand h1{letter-spacing:.19em;font-weight:850;text-shadow:0 0 26px rgba(244,201,93,.1)}
.brand p{letter-spacing:.015em}
nav{
  backdrop-filter:blur(20px) saturate(1.2);
  background:rgba(7,12,18,.7);
  box-shadow:0 16px 50px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.03);
}
nav button{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;position:relative}
nav button:hover{transform:translateY(-1px);border-color:#657486;background:rgba(255,255,255,.025)}
nav button.nav-active:after{
  content:"";position:absolute;left:13px;right:13px;bottom:3px;height:2px;border-radius:99px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  box-shadow:0 0 12px rgba(244,201,93,.5);
}
.card{
  background:linear-gradient(145deg,rgba(17,24,33,.97),rgba(7,12,18,.97));
  border-color:var(--line);
  box-shadow:0 20px 55px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.022);
  transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.card:hover{border-color:rgba(244,201,93,.24);box-shadow:0 24px 60px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.03)}
.metric{font-variant-numeric:tabular-nums;text-shadow:0 0 26px rgba(244,201,93,.14);letter-spacing:-.025em}
.metric-label{letter-spacing:.06em}
button.primary,a.primary{
  background:
    radial-gradient(circle at 25% 15%,rgba(255,255,255,.08),transparent 38%),
    linear-gradient(135deg,#4f3d10,#21190a);
  border-color:#a9862d;
  box-shadow:0 0 24px rgba(244,201,93,.09),inset 0 1px rgba(255,255,255,.08);
}
button.primary:hover,a.primary:hover{box-shadow:0 0 34px rgba(244,201,93,.18),inset 0 1px rgba(255,255,255,.1)}
.glow-button{box-shadow:0 0 32px rgba(244,201,93,.22)!important}
.command-hero{
  position:relative;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);
  gap:30px;align-items:center;min-height:430px;margin-bottom:16px;padding:42px 46px;
  border:1px solid rgba(112,132,155,.3);border-radius:28px;overflow:hidden;
  background:
    radial-gradient(circle at 72% 52%,rgba(244,201,93,.1),transparent 30%),
    radial-gradient(circle at 92% 8%,rgba(99,230,255,.045),transparent 26%),
    linear-gradient(135deg,rgba(18,25,35,.98),rgba(5,9,14,.985));
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 30px 90px rgba(0,0,0,.34);
}
.command-hero:before{
  content:"";position:absolute;inset:-30%;pointer-events:none;
  background:conic-gradient(from 205deg,transparent 0 57%,rgba(244,201,93,.06) 60%,transparent 64% 100%);
  animation:heroSweep 12s linear infinite;
}
.command-hero:after{
  content:"";position:absolute;width:500px;height:500px;right:-225px;top:-260px;border-radius:50%;
  border:1px solid rgba(244,201,93,.14);box-shadow:0 0 100px rgba(244,201,93,.05);
  pointer-events:none;
}
.hero-copy{position:relative;z-index:2}
.eyebrow{font-size:.72rem;letter-spacing:.22em;color:#a9b5c2;font-weight:750;margin-bottom:15px}
.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);margin-right:8px;animation:pulse 1.7s infinite}
.command-hero h2{font-size:clamp(2.15rem,5.2vw,4.55rem);line-height:.96;letter-spacing:-.06em;max-width:820px;margin:0}
.command-hero h2 span{color:var(--gold);text-shadow:0 0 42px rgba(244,201,93,.17)}
.command-hero p{max-width:670px;color:#a0adbb;font-size:1rem;line-height:1.75;margin:20px 0 8px}
.hero-stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:26px;color:#758394;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}
.hero-stats b{color:#eef2f6;font-size:.92rem;margin-right:5px}
.radar-visual{
  position:relative;width:min(390px,78vw);aspect-ratio:1;margin:auto;border-radius:50%;
  background:
    radial-gradient(circle at center,rgba(244,201,93,.085) 0 2%,transparent 2.5% 23%,rgba(255,255,255,.014) 23.2% 23.8%,transparent 24% 43%,rgba(255,255,255,.012) 43.2% 43.7%,transparent 44% 100%),
    radial-gradient(circle,rgba(13,22,30,.88),rgba(3,7,11,.99));
  border:1px solid rgba(244,201,93,.3);
  box-shadow:0 0 90px rgba(244,201,93,.09),0 0 0 10px rgba(244,201,93,.018),inset 0 0 90px rgba(99,230,255,.045);
  overflow:hidden;
}
.radar-visual:before{
  content:"";position:absolute;inset:5%;border-radius:50%;border:1px solid rgba(99,230,255,.08);
  box-shadow:inset 0 0 0 1px rgba(155,140,255,.045);
}
.radar-visual:after{
  content:"";position:absolute;inset:10%;border-radius:50%;border:1px dashed rgba(255,255,255,.06);
  transform:rotate(14deg);
}
.radar-ring,.radar-axis{position:absolute;display:block}
.radar-ring{inset:15%;border:1px solid rgba(244,201,93,.17);border-radius:50%;box-shadow:0 0 14px rgba(244,201,93,.03)}
.ring-b{inset:30%;border-color:rgba(99,230,255,.15)}
.ring-c{inset:45%;border-color:rgba(155,140,255,.15)}
.axis-x{left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.09)}
.axis-y{top:0;bottom:0;left:50%;width:1px;background:rgba(255,255,255,.09)}
.radar-sweep{
  position:absolute;left:50%;top:50%;width:49%;height:1px;transform-origin:left center;
  background:linear-gradient(90deg,rgba(244,201,93,.95),rgba(244,201,93,.18),transparent);
  box-shadow:0 0 13px rgba(244,201,93,.7);animation:sweep 4s linear infinite;z-index:3;
}
.radar-sweep:after{
  content:"";position:absolute;right:0;top:-115px;width:230px;height:230px;
  background:conic-gradient(from 270deg,rgba(244,201,93,.16),rgba(244,201,93,.035) 12%,transparent 21%);
  transform:rotate(90deg);transform-origin:100% 50%;
}
.blip{
  position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px var(--gold);
  animation:blip 2.7s infinite;z-index:4;
}
.blip:after{
  content:"";position:absolute;inset:-5px;border:1px solid currentColor;border-radius:50%;opacity:.3;animation:blipRing 2.7s infinite;
}
.blip-a{left:69%;top:31%}.blip-b{left:31%;top:65%;background:var(--cyan);color:var(--cyan);box-shadow:0 0 18px var(--cyan);animation-delay:.8s}.blip-c{left:57%;top:78%;animation-delay:1.4s}.blip-d{left:22%;top:38%;background:var(--violet);color:var(--violet);box-shadow:0 0 18px var(--violet);animation-delay:2s}
.radar-core{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;
  display:grid;place-content:center;text-align:center;background:rgba(6,10,15,.94);
  border:1px solid rgba(244,201,93,.4);box-shadow:0 0 38px rgba(244,201,93,.12),inset 0 0 22px rgba(244,201,93,.05);
  z-index:5;
}
.radar-core:before,.radar-core:after{content:"";position:absolute;inset:-12px;border:1px solid rgba(244,201,93,.08);border-radius:50%;animation:corePulse 3s ease-in-out infinite}
.radar-core:after{inset:-22px;opacity:.5;animation-delay:1.5s}
.radar-core span{font-size:2.15rem;color:var(--gold);font-weight:900;line-height:1}
.radar-core small{font-size:.48rem;letter-spacing:.2em;color:#8c9aaa}
.item{transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}
.item:hover{transform:translateY(-2px);border-color:rgba(244,201,93,.24);background:#101821;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.chip{background:rgba(255,255,255,.025)}
@keyframes sweep{to{transform:rotate(360deg)}}
@keyframes pulse{50%{opacity:.32;transform:scale(.76)}}
@keyframes blip{0%,100%{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.4)}}
@keyframes blipRing{0%,100%{transform:scale(.55);opacity:.15}50%{transform:scale(1.5);opacity:.45}}
@keyframes corePulse{0%,100%{transform:scale(.94);opacity:.28}50%{transform:scale(1.08);opacity:.65}}
@keyframes heroSweep{to{transform:rotate(360deg)}}
@media(max-width:900px){
  .command-hero{grid-template-columns:1fr;min-height:auto;padding:30px 26px}
  .radar-visual{width:min(320px,72vw);order:-1}
}
@media(prefers-reduced-motion:reduce){
  .radar-sweep,.blip,.pulse-dot,.radar-core:before,.radar-core:after,.command-hero:before{animation:none}
}

.score-wrap{margin-top:10px;padding:9px 10px 10px;border:1px solid rgba(123,145,169,.16);border-radius:11px;background:linear-gradient(90deg,rgba(244,201,93,.035),rgba(99,230,255,.018))}
.score-line{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#718092;font-size:.62rem;letter-spacing:.13em;font-weight:750}
.score-line b{font-size:.8rem;letter-spacing:0;color:var(--gold);text-shadow:0 0 12px rgba(244,201,93,.2)}
.score-track{height:4px;margin-top:7px;border-radius:99px;background:#17202b;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.score-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--gold));box-shadow:0 0 12px rgba(99,230,255,.18),0 0 12px rgba(244,201,93,.14);transition:width .45s ease}


/* Clickable command-center controls */
.dashboard-card{appearance:none;width:100%;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.dashboard-card:hover,.pipeline-link:hover,.contract-flow button:hover{transform:translateY(-2px);border-color:#6b5a25;box-shadow:0 12px 30px rgba(0,0,0,.22)}
.dashboard-card:focus-visible,.pipeline-link:focus-visible,.contract-flow button:focus-visible{outline:2px solid #f1c75b;outline-offset:2px}
.pipeline-link{appearance:none;width:100%;text-align:left;cursor:pointer;color:inherit;font:inherit}
.contract-engine-card{overflow:hidden}
.contract-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:16px}
.contract-flow button{appearance:none;text-align:left;padding:13px;border-radius:14px;border:1px solid #25303b;background:#0d131b;color:#eef2f7;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.contract-flow b{display:block;color:#f1c75b;font-size:.72rem}.contract-flow span{display:block;font-weight:700;margin-top:8px}.contract-flow small{display:block;color:#92a0b0;margin-top:4px;line-height:1.35}
.outreach-contact .contact-chip{cursor:pointer}.outreach-hero{display:flex;align-items:stretch;justify-content:space-between;gap:16px}.outreach-stat{min-width:150px;border:1px solid #2a3440;border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;background:#0d131b}.outreach-stat span{font-size:2rem;font-weight:700}.outreach-stat small{color:#92a0b0}.outreach-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:14px;margin-top:14px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-heading h2{margin-bottom:4px}
@media (max-width:1000px){.contract-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.outreach-grid{grid-template-columns:1fr}}
@media (max-width:620px){.contract-flow{grid-template-columns:1fr 1fr}.outreach-hero{flex-direction:column}.outreach-stat{min-width:0}.section-heading{flex-direction:column}}


/* Contact CRM */
.crm-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:14px;margin-top:14px}
.crm-contact-row{appearance:none;width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer;background:#0d131b}
.crm-contact-row:hover,.crm-contact-row:focus-visible{border-color:#6b5a25;outline:none}
.crm-facts{margin-top:12px}
.crm-facts .kv:first-child{border-top:1px solid #202934}
@media(max-width:900px){.crm-grid{grid-template-columns:1fr}}


/* Interactive 3D opportunity field */
.signal-3d-card{overflow:hidden}
.opportunity-3d{
  position:relative;height:420px;margin-top:14px;border-radius:20px;overflow:hidden;
  border:1px solid rgba(123,145,169,.24);
  background:
    radial-gradient(circle at 50% 50%,rgba(99,230,255,.08),transparent 18rem),
    radial-gradient(circle at 50% 50%,rgba(244,201,93,.07),transparent 13rem),
    #060b11;
  perspective:1000px;touch-action:none;cursor:grab;
}
.opportunity-3d.is-dragging{cursor:grabbing}
.scene3d{
  position:absolute;inset:12%;transform-style:preserve-3d;
  transform:rotateX(var(--scene-rx,-12deg)) rotateY(var(--scene-ry,-24deg)) scale(var(--scene-zoom,1));
  transition:transform .18s ease-out;
}
.opportunity-3d.is-dragging .scene3d{transition:none}
.scene-grid{
  position:absolute;inset:8%;transform:rotateX(68deg) translateZ(-120px);
  background:
    linear-gradient(rgba(99,230,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(99,230,255,.08) 1px,transparent 1px);
  background-size:32px 32px;border:1px solid rgba(99,230,255,.08);
  box-shadow:0 0 70px rgba(99,230,255,.06);
}
.scene-ring{
  position:absolute;left:50%;top:50%;border:1px solid rgba(244,201,93,.18);border-radius:50%;
  transform:translate(-50%,-50%) rotateX(68deg);
}
.scene-ring.ring-1{width:58%;height:58%}
.scene-ring.ring-2{width:72%;height:72%;border-style:dashed}
.scene-ring.ring-3{width:88%;height:88%;border-color:rgba(99,230,255,.13)}
.scene-core{
  position:absolute;left:50%;top:50%;width:88px;height:88px;transform:translate(-50%,-50%) translateZ(70px);
  border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;
  background:radial-gradient(circle at 40% 35%,rgba(244,201,93,.9),rgba(23,28,35,.94) 50%,#081018 72%);
  border:1px solid rgba(244,201,93,.5);box-shadow:0 0 36px rgba(244,201,93,.18),inset 0 0 24px rgba(99,230,255,.08);
  animation:coreFloat 4s ease-in-out infinite;
}
.scene-core span{font-size:2rem;font-weight:900;letter-spacing:.08em}
.scene-core small{font-size:.55rem;letter-spacing:.18em;color:#a9b7c7}
.scene-node{
  position:absolute;left:50%;top:50%;width:44px;height:44px;border-radius:50%;appearance:none;border:1px solid rgba(244,201,93,.55);
  background:radial-gradient(circle at 35% 30%,#fff1b5 0 8%,rgba(244,201,93,.78) 18%,rgba(18,26,35,.96) 66%);
  color:#fff;cursor:pointer;transform:
    translate(-50%,-50%)
    translateX(calc(var(--x) * .01 * 260px))
    translateY(calc(var(--y) * .01 * 150px))
    translateZ(var(--z));
  box-shadow:0 0 16px rgba(244,201,93,.22),inset 0 0 12px rgba(255,255,255,.08);
  transition:transform .16s ease,box-shadow .16s ease;
}
.scene-node:hover{transform:
    translate(-50%,-50%)
    translateX(calc(var(--x) * .01 * 260px))
    translateY(calc(var(--y) * .01 * 150px))
    translateZ(calc(var(--z) + 22px))
    scale(1.15);
  box-shadow:0 0 28px rgba(244,201,93,.45),0 0 60px rgba(99,230,255,.08)}
.scene-node span{font-size:.68rem;font-weight:800}
.scene-empty{position:absolute;inset:0;display:grid;place-items:center;color:#92a0b0}
@keyframes coreFloat{0%,100%{transform:translate(-50%,-50%) translateZ(66px)}50%{transform:translate(-50%,-50%) translateZ(80px)}}
@media(prefers-reduced-motion:reduce){
  .scene-core{animation:none}.scene3d,.scene-node{transition:none}
}
@media(max-width:700px){.opportunity-3d{height:340px}.scene3d{inset:9%}.scene-node{width:38px;height:38px}}


/* Provider execution mesh */
.provider-engine-card{overflow:hidden}
.provider-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}
.provider-grid .item{min-width:0}
.provider-row,.quote-row{appearance:none;width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer}
.provider-row:hover,.provider-row:focus-visible,.quote-row:hover,.quote-row:focus-visible{border-color:#6b5a25;outline:none}
.provider-row strong,.quote-row strong{font-size:.92rem}
.quote-list{display:grid;gap:8px}
.quote-row{background:#0b1219}
@media(max-width:1000px){.provider-grid{grid-template-columns:1fr}}


/* OPTI operator robot */
.opti-bot-button{
  position:fixed;right:22px;bottom:22px;z-index:70;width:66px;height:66px;border-radius:22px;
  border:1px solid rgba(241,199,91,.55);background:linear-gradient(145deg,#111923,#070b10);
  box-shadow:0 14px 38px rgba(0,0,0,.38),0 0 28px rgba(241,199,91,.13);cursor:pointer
}
.opti-bot-face{position:relative;display:block;width:40px;height:32px;margin:auto;border:1px solid rgba(99,230,255,.32);border-radius:12px;background:linear-gradient(180deg,#101b26,#0a1017);box-shadow:inset 0 0 14px rgba(99,230,255,.06)}
.opti-bot-face i{position:absolute;top:9px;width:6px;height:6px;border-radius:50%;background:#f1c75b;box-shadow:0 0 10px rgba(241,199,91,.8);animation:optiBlink 4s infinite}
.opti-bot-face i:first-child{left:9px}.opti-bot-face i:nth-child(2){right:9px}
.opti-bot-face b{position:absolute;left:50%;bottom:7px;width:14px;height:2px;transform:translateX(-50%);background:#69e3ff;border-radius:999px;box-shadow:0 0 8px rgba(105,227,255,.5)}
.opti-bot-button:before,.opti-bot-button:after{content:"";position:absolute;top:17px;width:8px;height:18px;border:1px solid rgba(241,199,91,.35);background:#0d141d}
.opti-bot-button:before{left:7px;border-radius:8px 2px 2px 8px}.opti-bot-button:after{right:7px;border-radius:2px 8px 8px 2px}
.opti-bot-panel{
  position:fixed;right:22px;bottom:98px;z-index:69;width:min(410px,calc(100vw - 24px));height:min(620px,calc(100vh - 130px));
  border:1px solid rgba(241,199,91,.32);border-radius:20px;background:rgba(7,11,16,.97);backdrop-filter:blur(16px);
  box-shadow:0 24px 70px rgba(0,0,0,.48);overflow:hidden;display:grid;grid-template-rows:auto auto auto 1fr auto auto
}
.opti-bot-panel[hidden]{display:none}
.opti-bot-head{display:flex;align-items:center;gap:10px;padding:14px 15px;border-bottom:1px solid #202a35;background:linear-gradient(180deg,#111923,#0b1118)}
.opti-bot-head>div:nth-child(2){display:flex;flex-direction:column}.opti-bot-head span{font-size:.72rem;color:#91a0af}.opti-bot-head button{margin-left:auto}
.opti-mini{width:42px;height:38px;display:grid;place-items:center}.opti-bot-status{padding:8px 14px;font-size:.72rem;color:#9fb0c0;border-bottom:1px solid #17212b}
.opti-bot-messages{overflow:auto;padding:14px;display:flex;flex-direction:column;gap:9px}
.opti-msg{max-width:88%;padding:10px 12px;border-radius:14px;font-size:.9rem;white-space:pre-wrap}
.opti-msg.bot{align-self:flex-start;background:#101923;border:1px solid #263442}.opti-msg.user{align-self:flex-end;background:#211d11;border:1px solid #66562a;color:#fff1b8}
.opti-bot-actions{display:flex;gap:7px;flex-wrap:wrap;padding:0 12px 10px}.opti-bot-actions button{font-size:.75rem}
.opti-bot-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px;border-top:1px solid #202a35;background:#0a0f15}
.opti-bot-form textarea{resize:none;min-height:52px;background:#0d141c;color:#eef2f7;border:1px solid #2b3744;border-radius:11px;padding:10px}
.opti-bot-button.is-thinking{animation:optiPulse 1.1s ease-in-out infinite}
@keyframes optiBlink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.1)}}
@keyframes optiPulse{0%,100%{box-shadow:0 14px 38px rgba(0,0,0,.38),0 0 18px rgba(241,199,91,.12)}50%{box-shadow:0 14px 38px rgba(0,0,0,.38),0 0 38px rgba(105,227,255,.28)}}
@media(max-width:620px){.opti-bot-button{right:12px;bottom:12px}.opti-bot-panel{right:12px;bottom:86px;height:min(72vh,620px)}}
@media(prefers-reduced-motion:reduce){.opti-bot-face i,.opti-bot-button.is-thinking{animation:none}}

.opti-crew{display:flex;gap:6px;overflow-x:auto;padding:8px 10px;border-bottom:1px solid #17212b;background:#0a1118}
.opti-crew button{flex:0 0 auto;font-size:.68rem;padding:6px 8px;border-radius:999px;background:#101923;color:#9fb0c0;border:1px solid #253240}
.opti-crew button:hover,.opti-crew button:focus-visible{color:#fff;border-color:#6b5a25;outline:none}
.opti-crew button.active{color:#fff1b8;border-color:#806d34;background:#211d11;box-shadow:0 0 12px rgba(241,199,91,.08)}

.opti-council-card{border:1px solid rgba(241,199,91,.22);background:#0d141c;border-radius:14px;padding:10px;margin-bottom:4px}
.opti-council-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.opti-council-head>div{display:flex;flex-direction:column}.opti-council-head span{font-size:.68rem;color:#91a0af}
.opti-council-head button{padding:4px 8px}.opti-council-moves{display:grid;gap:6px;margin-top:8px}
.opti-council-moves button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:3px;padding:8px;background:#101923;border:1px solid #263442;border-radius:10px;color:#eef2f7}
.opti-council-moves button:hover,.opti-council-moves button:focus-visible{border-color:#806d34;outline:none}
.opti-council-moves b{font-size:.75rem;color:#fff1b8}.opti-council-moves span{font-size:.76rem}.opti-council-moves small{font-size:.66rem;color:#8ea1b3}
.opti-council-card details{margin-top:8px}.opti-council-card summary{cursor:pointer;font-size:.72rem;color:#a8b5c2}
.opti-council-crew{display:grid;gap:6px;margin-top:7px}.opti-council-crew div{display:grid;gap:2px;border-top:1px solid #1e2934;padding-top:6px}.opti-council-crew strong{font-size:.7rem;color:#f1c75b}.opti-council-crew span{font-size:.72rem;color:#aeb9c4}


/* =========================================================
   OPTIMIZE v3 — ROYAL OBSIDIAN
   Obsidian black · champagne ivory · antique brushed gold
   ========================================================= */
:root{
  --gold:#d6b35f;
  --gold2:#f4dc98;
  --gold-deep:#76531f;
  --champagne:#eadfca;
  --champagne-muted:#b7a789;
  --ivory:#fff8e8;
  --ink:#030302;
  --panel:rgba(14,11,7,.96);
  --line:rgba(214,179,95,.22);
  --cyan:#d6b35f;
  --violet:#b68a39;
  --green:#e5c979;
}
html{background:#030302}
body{
  color:var(--ivory)!important;
  background:
    radial-gradient(circle at 78% -8%,rgba(214,179,95,.17),transparent 30rem),
    radial-gradient(circle at 8% 38%,rgba(234,223,202,.055),transparent 26rem),
    radial-gradient(circle at 92% 78%,rgba(118,83,31,.09),transparent 25rem),
    linear-gradient(180deg,#080603 0%,#030302 46%,#070502 100%)!important;
}
body:before{
  background-image:
    linear-gradient(rgba(234,223,202,.014) 1px,transparent 1px),
    linear-gradient(90deg,rgba(234,223,202,.014) 1px,transparent 1px)!important;
  background-size:52px 52px!important;
  opacity:.76;
}
body:after{
  opacity:.42!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(214,179,95,.045),transparent 38%),
    repeating-linear-gradient(0deg,transparent 0,transparent 4px,rgba(255,248,232,.008) 5px)!important;
}
::selection{background:rgba(214,179,95,.3);color:#fff8e8}
a{color:#ecd497}
header{border-bottom-color:rgba(214,179,95,.12)!important}
.brand h1,.command-hero h2,.section-heading h2,.page>h2,.card>h2{
  font-family:Georgia,"Times New Roman",serif;
}
.brand h1{
  color:#fff8e8!important;
  letter-spacing:.17em!important;
  text-shadow:0 0 28px rgba(214,179,95,.15)!important;
}
.brand p,.muted,.subtle,.metric-label{color:#b7a789!important}
.brand img{
  filter:drop-shadow(0 0 14px rgba(214,179,95,.32)) drop-shadow(0 0 34px rgba(214,179,95,.08))!important;
}
.brand img:hover{
  filter:drop-shadow(0 0 20px rgba(214,179,95,.42)) drop-shadow(0 0 38px rgba(214,179,95,.12))!important;
}
nav{
  background:linear-gradient(180deg,rgba(20,15,8,.91),rgba(7,5,3,.87))!important;
  border:1px solid rgba(214,179,95,.15)!important;
  box-shadow:0 18px 58px rgba(0,0,0,.46),inset 0 1px rgba(255,248,232,.035)!important;
}
nav button{
  color:#cdbd9f!important;
  background:rgba(255,248,232,.012)!important;
  border-color:rgba(214,179,95,.1)!important;
}
nav button:hover{
  color:#fff8e8!important;
  border-color:rgba(214,179,95,.4)!important;
  background:linear-gradient(180deg,rgba(214,179,95,.085),rgba(60,42,12,.05))!important;
}
nav button.nav-active{
  color:#fff0c0!important;
  border-color:rgba(214,179,95,.5)!important;
  background:linear-gradient(180deg,rgba(214,179,95,.13),rgba(84,58,16,.14))!important;
}
nav button.nav-active:after{
  background:linear-gradient(90deg,transparent,#f3db93 30%,#b78735 70%,transparent)!important;
  box-shadow:0 0 18px rgba(214,179,95,.68)!important;
}
.card{
  position:relative;
  background:
    radial-gradient(circle at 100% 0%,rgba(214,179,95,.052),transparent 18rem),
    linear-gradient(150deg,rgba(22,17,10,.978),rgba(7,5,3,.992) 70%)!important;
  border-color:rgba(214,179,95,.2)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.39),inset 0 1px rgba(255,248,232,.038)!important;
}
.card:before{
  content:"";
  position:absolute;
  inset:7px;
  border:1px solid rgba(214,179,95,.045);
  border-radius:inherit;
  pointer-events:none;
}
.card:hover{
  border-color:rgba(214,179,95,.36)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.47),0 0 34px rgba(214,179,95,.04),inset 0 1px rgba(255,248,232,.052)!important;
}
h1,h2,h3,strong{color:#fff8e8!important}
.eyebrow{
  color:#dbc89e!important;
  letter-spacing:.24em!important;
  text-shadow:0 0 16px rgba(214,179,95,.13);
}
.metric{
  color:#f4dc98!important;
  text-shadow:0 0 30px rgba(214,179,95,.21)!important;
}
.pulse-dot{
  background:#e4c66e!important;
  box-shadow:0 0 14px rgba(228,198,110,.78)!important;
}
button,a.action,.btn{
  border-color:rgba(214,179,95,.22)!important;
  background:linear-gradient(180deg,rgba(29,22,13,.93),rgba(10,8,5,.985))!important;
  color:#eadfca!important;
  box-shadow:inset 0 1px rgba(255,248,232,.038)!important;
}
button:hover,a.action:hover,.btn:hover{
  color:#fff8e8!important;
  border-color:rgba(214,179,95,.5)!important;
  background:linear-gradient(180deg,rgba(53,40,20,.95),rgba(14,10,6,.995))!important;
  box-shadow:0 10px 30px rgba(0,0,0,.31),0 0 20px rgba(214,179,95,.07)!important;
}
button.primary,a.primary,.primary{
  color:#130e05!important;
  background:linear-gradient(112deg,#75531b 0%,#b98d39 18%,#f0d68d 45%,#c49a49 62%,#8c6728 84%,#5f4316 100%)!important;
  border-color:#f1d78f!important;
  box-shadow:0 12px 30px rgba(0,0,0,.37),0 0 28px rgba(214,179,95,.17),inset 0 1px rgba(255,253,235,.76),inset 0 -1px rgba(73,45,8,.5)!important;
  text-shadow:0 1px rgba(255,255,255,.2);
  font-weight:850!important;
}
button.primary:hover,a.primary:hover,.primary:hover{
  color:#090601!important;
  background:linear-gradient(112deg,#8d6928 0%,#d0aa59 18%,#fff0b8 45%,#d8ad58 62%,#a97a2e 84%,#76531a 100%)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.42),0 0 42px rgba(214,179,95,.25),inset 0 1px rgba(255,255,255,.84)!important;
}
input,select,textarea{
  color:#fff8e8!important;
  background:linear-gradient(180deg,#0b0805,#060402)!important;
  border-color:rgba(214,179,95,.2)!important;
  box-shadow:inset 0 1px 9px rgba(0,0,0,.31)!important;
}
input:focus,select:focus,textarea:focus{
  outline:none!important;
  border-color:rgba(244,220,152,.64)!important;
  box-shadow:0 0 0 3px rgba(214,179,95,.085),inset 0 1px 9px rgba(0,0,0,.31)!important;
}
input::placeholder,textarea::placeholder{color:#756953!important}

/* Native dropdown menus: force readable option rows across Chrome/Edge/Firefox. */
select{
  color-scheme:light!important;
  color:#fff8e8!important;
  background:#0b0805!important;
}
select option,
select optgroup{
  color:#111!important;
  background:#fff!important;
}
select option:checked{
  color:#111!important;
  background:#f0d68d!important;
}
/* Native popup menus are rendered by the OS/browser on Chromium.
   Keep their option palette explicitly light so text never disappears. */
.chip{
  color:#dbc9a6!important;
  background:linear-gradient(180deg,rgba(214,179,95,.075),rgba(214,179,95,.018))!important;
  border-color:rgba(214,179,95,.2)!important;
}
.item{
  background:linear-gradient(145deg,rgba(17,13,8,.89),rgba(7,5,3,.95))!important;
  border-color:rgba(214,179,95,.14)!important;
}
.item:hover{
  border-color:rgba(214,179,95,.31)!important;
  background:linear-gradient(145deg,rgba(29,22,12,.95),rgba(9,7,4,.99))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.32),0 0 22px rgba(214,179,95,.03)!important;
}
.ok{color:#f0d998!important}.warn{color:#e5ae60!important}

.command-hero{
  border-color:rgba(214,179,95,.38)!important;
  background:
    radial-gradient(circle at 75% 50%,rgba(214,179,95,.145),transparent 30%),
    radial-gradient(circle at 91% 5%,rgba(234,223,202,.055),transparent 25%),
    linear-gradient(135deg,rgba(28,20,11,.99),rgba(5,4,2,.998) 65%)!important;
  box-shadow:inset 0 1px rgba(255,248,232,.06),0 34px 96px rgba(0,0,0,.48),0 0 0 1px rgba(214,179,95,.035)!important;
}
.command-hero:before{
  background:conic-gradient(from 205deg,transparent 0 57%,rgba(214,179,95,.07) 60%,transparent 64% 100%)!important;
}
.command-hero:after{
  border-color:rgba(214,179,95,.16)!important;
  box-shadow:0 0 120px rgba(214,179,95,.06)!important;
}
.command-hero h2 span{
  color:#f2d78c!important;
  text-shadow:0 0 46px rgba(214,179,95,.2)!important;
}
.command-hero p{color:#b9a98c!important}
.hero-stats{color:#907f62!important}
.hero-stats b{color:#f0e3ca!important}

.radar-visual{
  background:
    radial-gradient(circle at center,rgba(214,179,95,.1) 0 2%,transparent 2.5% 23%,rgba(234,223,202,.016) 23.2% 23.8%,transparent 24% 43%,rgba(214,179,95,.018) 43.2% 43.7%,transparent 44% 100%),
    radial-gradient(circle,rgba(18,13,7,.92),rgba(3,2,1,.998))!important;
  border-color:rgba(214,179,95,.42)!important;
  box-shadow:0 0 100px rgba(214,179,95,.11),0 0 0 10px rgba(214,179,95,.018),inset 0 0 90px rgba(214,179,95,.045)!important;
}
.radar-visual:before{border-color:rgba(214,179,95,.1)!important;box-shadow:inset 0 0 0 1px rgba(234,223,202,.04)!important}
.radar-ring{border-color:rgba(214,179,95,.2)!important}
.ring-b{border-color:rgba(234,223,202,.13)!important}
.ring-c{border-color:rgba(155,120,50,.2)!important}
.radar-sweep{
  background:linear-gradient(90deg,rgba(244,220,152,.98),rgba(214,179,95,.2),transparent)!important;
  box-shadow:0 0 16px rgba(214,179,95,.75)!important;
}
.blip,.blip-b,.blip-d{
  background:#d6b35f!important;
  color:#d6b35f!important;
  box-shadow:0 0 20px rgba(214,179,95,.82)!important;
}
.radar-core{
  background:radial-gradient(circle at 50% 40%,rgba(55,39,14,.9),rgba(8,6,3,.98) 62%)!important;
  border-color:rgba(214,179,95,.5)!important;
  box-shadow:0 0 44px rgba(214,179,95,.16),inset 0 0 24px rgba(214,179,95,.055)!important;
}
.radar-core span{color:#f4dc98!important}
.radar-core small{color:#b9aa8d!important}

.score-wrap{
  border-color:rgba(214,179,95,.17)!important;
  background:linear-gradient(90deg,rgba(214,179,95,.05),rgba(234,223,202,.012))!important;
}
.score-line{color:#9c8b6e!important}
.score-line b{color:#f4dc98!important;text-shadow:0 0 14px rgba(214,179,95,.25)!important}
.score-track{background:#171008!important}
.score-track span{
  background:linear-gradient(90deg,#76531f,#d6b35f,#f4dc98)!important;
  box-shadow:0 0 14px rgba(214,179,95,.22)!important;
}

.contract-flow button,.crm-contact-row,.quote-row,.outreach-stat{
  background:linear-gradient(145deg,#120e08,#080603)!important;
  border-color:rgba(214,179,95,.16)!important;
  color:#eadfca!important;
}
.contract-flow b{color:#f0d790!important}
.contract-flow small,.outreach-stat small{color:#a99778!important}

.opportunity-3d{
  border-color:rgba(214,179,95,.26)!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(214,179,95,.09),transparent 18rem),
    radial-gradient(circle at 50% 50%,rgba(234,223,202,.035),transparent 13rem),
    #050301!important;
}
.scene-grid{
  background:
    linear-gradient(rgba(214,179,95,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(214,179,95,.07) 1px,transparent 1px)!important;
  border-color:rgba(214,179,95,.08)!important;
  box-shadow:0 0 70px rgba(214,179,95,.055)!important;
}
.scene-ring,.scene-ring.ring-3{border-color:rgba(214,179,95,.18)!important}
.scene-core{
  background:radial-gradient(circle at 40% 35%,rgba(244,220,152,.92),rgba(75,51,16,.94) 38%,#080502 72%)!important;
  border-color:rgba(244,220,152,.55)!important;
  box-shadow:0 0 40px rgba(214,179,95,.2),inset 0 0 24px rgba(255,248,232,.06)!important;
}
.scene-core small,.scene-empty{color:#b9aa8d!important}
.scene-node{
  border-color:rgba(244,220,152,.58)!important;
  background:radial-gradient(circle at 35% 30%,#fff5cf 0 8%,rgba(214,179,95,.82) 18%,rgba(18,12,5,.98) 66%)!important;
  box-shadow:0 0 18px rgba(214,179,95,.25),inset 0 0 12px rgba(255,255,255,.08)!important;
}
.scene-node:hover{box-shadow:0 0 32px rgba(214,179,95,.5),0 0 62px rgba(214,179,95,.1)!important}

.opti-bot-button{
  border-color:rgba(244,220,152,.6)!important;
  background:radial-gradient(circle at 35% 20%,rgba(214,179,95,.16),transparent 34%),linear-gradient(145deg,#181107,#050301)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.5),0 0 32px rgba(214,179,95,.18),inset 0 1px rgba(255,248,232,.05)!important;
}
.opti-bot-face{
  border-color:rgba(214,179,95,.4)!important;
  background:linear-gradient(180deg,#191106,#080502)!important;
  box-shadow:inset 0 0 16px rgba(214,179,95,.08)!important;
}
.opti-bot-face i{background:#f4dc98!important;box-shadow:0 0 11px rgba(244,220,152,.9)!important}
.opti-bot-face b{background:#d6b35f!important;box-shadow:0 0 9px rgba(214,179,95,.65)!important}
.opti-bot-button:before,.opti-bot-button:after{border-color:rgba(214,179,95,.38)!important;background:#0c0804!important}
.opti-bot-panel{
  border-color:rgba(214,179,95,.38)!important;
  background:linear-gradient(155deg,rgba(18,13,7,.985),rgba(5,3,2,.995))!important;
  box-shadow:0 28px 82px rgba(0,0,0,.58),0 0 38px rgba(214,179,95,.07),inset 0 1px rgba(255,248,232,.035)!important;
}
.opti-bot-head{
  border-bottom-color:rgba(214,179,95,.16)!important;
  background:linear-gradient(180deg,#1a1208,#090603)!important;
}
.opti-bot-head span,.opti-bot-status{color:#b6a587!important}
.opti-bot-status{border-bottom-color:rgba(214,179,95,.11)!important}
.opti-msg.bot{
  background:linear-gradient(145deg,#151006,#0a0703)!important;
  border-color:rgba(214,179,95,.18)!important;
  color:#eadfca!important;
}
.opti-msg.user{
  background:linear-gradient(145deg,#3a2910,#1b1207)!important;
  border-color:rgba(214,179,95,.34)!important;
  color:#fff0c0!important;
}
.opti-bot-form{
  border-top-color:rgba(214,179,95,.15)!important;
  background:#080502!important;
}
.opti-bot-form textarea{
  background:#0b0804!important;
  color:#fff8e8!important;
  border-color:rgba(214,179,95,.22)!important;
}
.opti-crew{
  border-bottom-color:rgba(214,179,95,.12)!important;
  background:#090603!important;
}
.opti-crew button{
  background:#120d06!important;
  color:#bca987!important;
  border-color:rgba(214,179,95,.18)!important;
}
.opti-crew button.active{
  color:#fff0c0!important;
  border-color:rgba(214,179,95,.5)!important;
  background:linear-gradient(180deg,#3a2910,#1c1307)!important;
  box-shadow:0 0 14px rgba(214,179,95,.1)!important;
}
.opti-council-card{
  border-color:rgba(214,179,95,.25)!important;
  background:linear-gradient(145deg,#130e07,#080502)!important;
}
.opti-council-head span,.opti-council-moves small,.opti-council-card summary,.opti-council-crew span{color:#ab997a!important}
.opti-council-moves button{
  background:linear-gradient(145deg,#171006,#0a0703)!important;
  border-color:rgba(214,179,95,.2)!important;
  color:#eadfca!important;
}
.opti-council-moves b,.opti-council-crew strong{color:#f0d790!important}
.opti-council-crew div{border-top-color:rgba(214,179,95,.12)!important}

@keyframes optiPulse{
  0%,100%{box-shadow:0 16px 42px rgba(0,0,0,.5),0 0 20px rgba(214,179,95,.14)}
  50%{box-shadow:0 16px 42px rgba(0,0,0,.5),0 0 46px rgba(244,220,152,.3)}
}


/* Persistent interface zoom controls */
.zoom-control{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px;
  border:1px solid rgba(214,179,95,.22);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(24,17,9,.94),rgba(7,5,3,.98));
  box-shadow:inset 0 1px rgba(255,248,232,.04),0 8px 22px rgba(0,0,0,.24);
}
.zoom-control button{
  min-width:38px;
  min-height:34px;
  padding:6px 9px!important;
  border-radius:999px!important;
  border-color:transparent!important;
  background:transparent!important;
  color:#eadfca!important;
  box-shadow:none!important;
}
.zoom-control button:hover{
  border-color:rgba(214,179,95,.28)!important;
  background:rgba(214,179,95,.07)!important;
}
#zoomReset{min-width:62px!important;color:#f4dc98!important;font-variant-numeric:tabular-nums}
@media(max-width:760px){
  .zoom-control{order:3}
  .header-actions{width:100%;align-items:stretch!important}
  .header-actions .zoom-control{align-self:flex-end}
}


/* OPTIMIZE v4: focused workspace proportions
   Keep the command-center density without making users read across a runway. */
:root{--workspace-max:1180px;--reading-max:760px}
main{width:min(var(--workspace-max),calc(100% - 40px));max-width:var(--workspace-max)!important;margin-inline:auto}
header{width:min(var(--workspace-max),calc(100% - 40px));max-width:var(--workspace-max);margin-inline:auto}
#appPanel>nav{max-width:100%;overflow-x:auto;scrollbar-width:thin}
.command-hero{
  grid-template-columns:minmax(0,1.12fr) minmax(280px,.68fr);
  gap:22px;min-height:390px;padding:34px 38px
}
.command-hero h2{font-size:clamp(2.15rem,4.7vw,4rem);max-width:690px}
.command-hero p{max-width:610px}
.radar-visual{width:min(330px,72vw)}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.contract-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.opportunity-3d{height:370px}
.provider-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.68fr)}
.outreach-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.crm-grid{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr)}
.card>p,.section-heading p{max-width:var(--reading-max)}
@media(min-width:901px){
  #page-overview>.grid:not(.three){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  #page-radar>.grid{grid-template-columns:minmax(0,1.05fr) minmax(300px,.72fr)}
}
@media(max-width:900px){
  main,header{width:min(100% - 24px,var(--workspace-max))}
  .command-hero{grid-template-columns:1fr;padding:28px 24px}
  .radar-visual{width:min(290px,70vw)}
  .contract-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  main,header{width:min(100% - 16px,var(--workspace-max))}
  .grid.three,.contract-flow{grid-template-columns:1fr}
  .command-hero{padding:24px 18px;border-radius:20px}
  .command-hero h2{font-size:clamp(2rem,11vw,3rem)}
  .opportunity-3d{height:310px}
}


/* OPTIMIZE v5: vibrant positive-energy palette */
:root{
  --gold:#ffd447;--gold2:#fff0a6;--cyan:#39e7ff;--violet:#a78bfa;--green:#63f59a;
  --ink:#05070b;--panel:rgba(14,20,30,.94);--line:rgba(120,205,255,.25);
  --positive-glow:0 0 28px rgba(57,231,255,.10),0 0 42px rgba(255,212,71,.07);
}
body{
  background:
    radial-gradient(circle at 82% 3%,rgba(255,212,71,.20),transparent 25rem),
    radial-gradient(circle at 4% 34%,rgba(57,231,255,.14),transparent 25rem),
    radial-gradient(circle at 88% 78%,rgba(167,139,250,.12),transparent 24rem),
    radial-gradient(circle at 42% 110%,rgba(99,245,154,.07),transparent 26rem),
    #05070b!important
}
.card{
  background:
    radial-gradient(circle at 100% 0%,rgba(57,231,255,.045),transparent 15rem),
    linear-gradient(145deg,rgba(20,29,42,.98),rgba(8,13,21,.98));
  border-color:rgba(120,205,255,.24);
  box-shadow:0 20px 55px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.045),var(--positive-glow)
}
.card:hover{border-color:rgba(255,212,71,.42);box-shadow:0 24px 62px rgba(0,0,0,.30),0 0 30px rgba(57,231,255,.07),0 0 34px rgba(255,212,71,.08)}
nav{border-color:rgba(57,231,255,.18);background:rgba(7,12,20,.82)}
nav button.nav-active{
  color:#fff8d6!important;border-color:rgba(255,212,71,.45)!important;
  background:linear-gradient(180deg,rgba(255,212,71,.13),rgba(57,231,255,.055))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 0 20px rgba(255,212,71,.07)
}
nav button.nav-active:after{background:linear-gradient(90deg,transparent,var(--cyan),var(--gold),transparent);box-shadow:0 0 15px rgba(57,231,255,.55)}
button.primary,a.primary{
  color:#fff9dc!important;
  background:
    radial-gradient(circle at 25% 10%,rgba(255,255,255,.16),transparent 34%),
    linear-gradient(135deg,#8b6811,#493509)!important;
  border-color:#e4b92f!important;
  box-shadow:0 0 24px rgba(255,212,71,.18),0 0 18px rgba(57,231,255,.055),inset 0 1px rgba(255,255,255,.12)
}
button.primary:hover,a.primary:hover{
  border-color:#ffe36d!important;
  transform:translateY(-1px);
  box-shadow:0 0 34px rgba(255,212,71,.28),0 0 24px rgba(57,231,255,.10),inset 0 1px rgba(255,255,255,.15)
}
.command-hero{
  border-color:rgba(87,206,255,.35);
  background:
    radial-gradient(circle at 72% 48%,rgba(255,212,71,.18),transparent 31%),
    radial-gradient(circle at 96% 5%,rgba(57,231,255,.12),transparent 28%),
    radial-gradient(circle at 8% 100%,rgba(167,139,250,.08),transparent 28%),
    linear-gradient(135deg,rgba(21,31,45,.99),rgba(6,11,19,.99));
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 30px 90px rgba(0,0,0,.32),0 0 50px rgba(57,231,255,.055)
}
.command-hero h2 span{color:var(--gold);text-shadow:0 0 34px rgba(255,212,71,.27),0 0 70px rgba(255,212,71,.10)}
.eyebrow{color:#a8dff0}
.pulse-dot{background:var(--green);box-shadow:0 0 8px var(--green),0 0 22px rgba(99,245,154,.65)}
.metric{color:#fff5bd;text-shadow:0 0 25px rgba(255,212,71,.22)}
.chip{
  border-color:rgba(57,231,255,.27)!important;
  background:linear-gradient(135deg,rgba(57,231,255,.075),rgba(167,139,250,.055))!important
}
.item{
  background:linear-gradient(145deg,rgba(17,27,39,.96),rgba(9,15,23,.96));
  border-color:rgba(99,188,230,.22)
}
.item:hover{border-color:rgba(255,212,71,.42);background:linear-gradient(145deg,rgba(25,37,51,.98),rgba(11,19,28,.98));box-shadow:0 12px 32px rgba(0,0,0,.22),0 0 20px rgba(57,231,255,.06)}
.score-track span{background:linear-gradient(90deg,var(--cyan),var(--violet),var(--gold));box-shadow:0 0 14px rgba(57,231,255,.28),0 0 16px rgba(255,212,71,.20)}
.contract-flow button{
  border-color:rgba(87,183,225,.25);
  background:linear-gradient(145deg,rgba(18,29,42,.98),rgba(9,15,23,.98))
}
.contract-flow button:hover{border-color:rgba(255,212,71,.48);box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 22px rgba(57,231,255,.07)}
.contract-flow b{color:var(--cyan);text-shadow:0 0 12px rgba(57,231,255,.25)}
.contract-flow button:nth-child(3n+2) b{color:var(--gold);text-shadow:0 0 12px rgba(255,212,71,.24)}
.contract-flow button:nth-child(3n) b{color:var(--green);text-shadow:0 0 12px rgba(99,245,154,.22)}
.radar-visual{
  border-color:rgba(255,212,71,.46);
  box-shadow:0 0 75px rgba(255,212,71,.14),0 0 55px rgba(57,231,255,.09),0 0 0 10px rgba(57,231,255,.025),inset 0 0 80px rgba(57,231,255,.07)
}
.radar-core{border-color:rgba(255,212,71,.62);box-shadow:0 0 40px rgba(255,212,71,.20),0 0 30px rgba(57,231,255,.09),inset 0 0 22px rgba(255,212,71,.08)}
.radar-core span{color:#ffe05f;text-shadow:0 0 18px rgba(255,212,71,.42)}

/* OPTIMIZE v6: business momentum game layer */
.momentum-card{overflow:hidden;background:radial-gradient(circle at 88% 10%,rgba(99,245,154,.10),transparent 18rem),radial-gradient(circle at 4% 100%,rgba(57,231,255,.08),transparent 20rem),linear-gradient(145deg,rgba(20,29,42,.98),rgba(8,13,21,.98))!important}
.momentum-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.momentum-head h2{font-size:1.25rem!important}.level-badge{flex:0 0 74px;aspect-ratio:1;border-radius:22px;display:grid;place-content:center;text-align:center;border:1px solid rgba(255,212,71,.52);background:radial-gradient(circle at 35% 25%,rgba(255,240,166,.24),transparent 32%),linear-gradient(145deg,#4c390c,#171107);box-shadow:0 0 28px rgba(255,212,71,.15),inset 0 1px rgba(255,255,255,.12)}
.level-badge small{font-size:.52rem;letter-spacing:.18em;color:#fff0a6}.level-badge strong{font-size:1.7rem!important;line-height:1;color:#fff2a8!important;text-shadow:0 0 18px rgba(255,212,71,.4)}
.momentum-track{height:12px;margin-top:18px;border:1px solid rgba(57,231,255,.18);border-radius:999px;background:#081019;overflow:hidden;box-shadow:inset 0 2px 7px rgba(0,0,0,.45)}
.momentum-track span{display:block;width:12%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--gold),var(--green));box-shadow:0 0 18px rgba(57,231,255,.28);transition:width .55s cubic-bezier(.2,.8,.2,1)}
.momentum-meta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:.75rem}.momentum-meta strong{color:#fff2a8!important}.momentum-meta span{color:#9fc2d0}
.mission-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:15px}.mission-grid button{text-align:left;min-height:108px;padding:13px;border-color:rgba(57,231,255,.20)!important;background:linear-gradient(145deg,rgba(18,30,43,.96),rgba(8,15,23,.98))!important}
.mission-grid button:hover{transform:translateY(-3px);border-color:rgba(255,212,71,.48)!important;box-shadow:0 13px 30px rgba(0,0,0,.25),0 0 24px rgba(57,231,255,.08)!important}.mission-grid b{display:block;font-size:.62rem;letter-spacing:.16em;color:var(--cyan)!important}.mission-grid span{display:block;margin-top:9px;font-weight:800;color:#fff!important}.mission-grid small{display:block;margin-top:5px;line-height:1.35;color:#9db0bf}.mission-grid button:nth-child(2) b{color:var(--violet)!important}.mission-grid button:nth-child(3) b{color:var(--gold)!important}.mission-grid button:nth-child(4) b{color:var(--green)!important}
@media(max-width:800px){.mission-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.mission-grid{grid-template-columns:1fr}.momentum-head{align-items:flex-start}.momentum-meta{flex-direction:column}}


/* OPTIMIZE v7: brighter environmental background
   Preserve the approved dark cards while lifting the canvas itself. */
html{background:#111b2a!important}
body{
  background:
    radial-gradient(circle at 78% 0%,rgba(255,212,71,.30),transparent 30rem),
    radial-gradient(circle at 3% 30%,rgba(57,231,255,.24),transparent 31rem),
    radial-gradient(circle at 92% 72%,rgba(167,139,250,.21),transparent 29rem),
    radial-gradient(circle at 40% 105%,rgba(99,245,154,.14),transparent 32rem),
    linear-gradient(145deg,#18283d 0%,#101c2e 42%,#171d35 72%,#13273a 100%)!important;
  background-attachment:fixed!important;
}
body:before{
  background-image:
    linear-gradient(rgba(255,255,255,.052) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.052) 1px,transparent 1px)!important;
  opacity:.72;
}
body:after{
  opacity:.18!important;
}
