/* Opportunity page — light Moroccan Tan editorial direction. */
body.opportunity-active{
  background:#EAECD8;
  color:#412501;
}

.opportunity-active .sidebar{
  background:#EAECD8!important;
  border-right-color:rgba(65,37,1,.2)!important;
  color:#412501!important;
}
.opportunity-active .brand,
.opportunity-active .prospect-name{color:#412501!important}
.opportunity-active .brand-mark{
  background:#412501!important;
  color:#EAECD8!important;
  border-radius:50%;
}
.opportunity-active .prospect-card{
  background:#C6D1D2!important;
  border-color:rgba(65,37,1,.2)!important;
}
.opportunity-active .eyebrow,
.opportunity-active .prospect-meta,
.opportunity-active .sidebar-footer{color:#725b3e!important}
.opportunity-active .nav-phase,
.opportunity-active .nav-item,
.opportunity-active .nav-item span{color:#725b3e!important}
.opportunity-active .nav-item:hover,
.opportunity-active .nav-item.active{
  background:#412501!important;
  color:#EAECD8!important;
}
.opportunity-active .nav-item.active span{color:#C6D1D2!important}
.opportunity-active .journey-link{
  color:#412501!important;
  border-color:rgba(65,37,1,.28)!important;
}
.opportunity-active .journey-link:hover{color:#EAECD8!important}
.opportunity-active .nav-item.future-nav,
.opportunity-active .nav-item.future-nav span{color:#8b765d!important}
.opportunity-active .future-phase{border-color:rgba(65,37,1,.16)!important}
.opportunity-active .status-dot{
  background:#412501!important;
  box-shadow:none!important;
}

.opportunity-active .topbar{
  background:rgba(234,236,216,.94)!important;
  border-bottom-color:rgba(65,37,1,.18)!important;
}
.opportunity-active .crumb,
.opportunity-active .crumb span{color:#725b3e!important}
.opportunity-active .topbar .btn.ghost{
  color:#412501!important;
  border-color:rgba(65,37,1,.28)!important;
}
.opportunity-active .topbar .btn.primary{
  background:#412501!important;
  color:#EAECD8!important;
}

#overview{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 8%,rgba(198,209,210,.72),transparent 29rem),
    linear-gradient(135deg,#F4F3E6 0,#EAECD8 58%,#E2E6D4 100%);
  color:#412501;
}
#overview:before{
  content:"";
  position:absolute;
  width:32rem;
  height:32rem;
  border:1px solid rgba(65,37,1,.08);
  border-radius:50%;
  left:-18rem;
  top:18rem;
  pointer-events:none;
}
#overview>*{position:relative;z-index:1}
#overview .hero-grid{
  grid-template-columns:minmax(0,1.12fr) minmax(24rem,.88fr);
  gap:clamp(2.5rem,5vw,6rem);
  min-height:560px;
}
#overview .hero-copy{
  max-width:760px;
  padding:2rem 0;
}
#overview .hero-copy .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  color:#725b3e!important;
}
#overview .hero-copy .eyebrow:before{
  content:"";
  width:2.75rem;
  height:1px;
  background:#A77A34;
}
#overview .hero-copy h1{
  color:#412501;
  font-family:'Inter','Libre Franklin',Arial,sans-serif;
  font-weight:500;
  font-size:clamp(3rem,5.3vw,5.9rem);
  line-height:.96;
  letter-spacing:-.065em;
  margin:1.35rem 0 1.8rem;
}
#overview .hero-copy h1 em{
  color:#412501!important;
  font-style:normal;
  font-weight:600;
  text-transform:uppercase;
  white-space:normal;
}
#overview .hero-copy p{
  color:#66543e!important;
  font-size:1.05rem;
  line-height:1.7;
  max-width:42rem;
}
#overview .hero-actions .btn.primary{
  background:#412501!important;
  color:#EAECD8!important;
  border-radius:0;
}
#overview .hero-actions .text-btn{
  color:#412501!important;
  text-decoration:underline;
  text-underline-offset:.35rem;
}

#overview .engine-map{
  min-height:30rem;
  background:#C6D1D2;
  border:1px solid rgba(65,37,1,.2);
  box-shadow:1.2rem 1.2rem 0 rgba(65,37,1,.08);
  overflow:hidden;
}
#overview .engine-map:after{
  content:"PREP · GLOW · LOCK";
  position:absolute;
  right:1.25rem;
  bottom:1rem;
  color:#725b3e;
  font:600 .62rem/1 'Inter',sans-serif;
  letter-spacing:.16em;
}
#overview .engine-label{
  top:1.5rem;
  color:#725b3e;
}
#overview .orbit{
  width:min(31vw,27rem);
  border-color:rgba(65,37,1,.28)!important;
  box-shadow:none!important;
  background:rgba(234,236,216,.28);
}
#overview .orbit:before{border-color:rgba(65,37,1,.24)!important}
#overview .core{
  background:#EAECD8!important;
  color:#412501!important;
  border-color:rgba(65,37,1,.25)!important;
  box-shadow:0 1.5rem 4rem rgba(65,37,1,.12)!important;
}
#overview .core b{color:#412501!important}
#overview .node{
  background:#412501!important;
  color:#EAECD8!important;
  border-color:#412501!important;
  box-shadow:0 .7rem 1.8rem rgba(65,37,1,.18);
}
#overview .node:hover{
  background:#000!important;
  border-color:#000!important;
  color:#EAECD8!important;
}

#overview .service-row{
  background:rgba(244,243,230,.72);
  border-color:rgba(65,37,1,.22)!important;
}
#overview .service{
  color:#412501!important;
  border-color:rgba(65,37,1,.18)!important;
  min-height:8.75rem;
  padding:1.5rem 1.25rem;
}
#overview .service:hover{background:#C6D1D2!important}
#overview .service span,
#overview .service small,
#overview .service i{color:#725b3e!important}
#overview .service b{font-size:1rem}

#overview .future-services{
  margin-top:2.25rem;
  background:#F4F3E6!important;
  border:1px solid rgba(65,37,1,.2)!important;
  color:#412501!important;
  box-shadow:0 1.5rem 4rem rgba(65,37,1,.06);
  opacity:1!important;
}
#overview .future-services>header{
  background:#412501;
  color:#EAECD8;
}
#overview .future-services>header small{color:#EAECD8!important}
#overview .future-services>header p{color:#EAECD8!important}
#overview .future-services>header h3{color:#EAECD8!important}
#overview .future-services article{
  background:#EAECD8!important;
  border-color:rgba(65,37,1,.15)!important;
  color:#412501!important;
  filter:none!important;
}
#overview .future-services article:nth-child(even){background:#C6D1D2!important}
#overview .future-services article span{color:#715936!important}
#overview .future-services article small{color:#5F4B34!important}
#overview .future-services article b{color:#412501!important}

@media(max-width:1100px){
  #overview .hero-grid{grid-template-columns:1fr;gap:1.5rem;padding-bottom:3rem}
  #overview .engine-map{min-height:32rem}
  #overview .orbit{width:min(72vw,27rem)}
}
@media(max-width:700px){
  .opportunity-active .sidebar{background:#EAECD8!important;border-top-color:rgba(65,37,1,.2)!important}
  .opportunity-active .mobile-brand{background:#412501!important;color:#EAECD8!important}
  #overview{padding:2.5rem 1.15rem 5rem}
  #overview .hero-copy h1{font-size:clamp(2.65rem,14vw,4.4rem)}
  #overview .hero-actions{align-items:flex-start;flex-direction:column}
  #overview .engine-map{min-height:25rem;box-shadow:.65rem .65rem 0 rgba(65,37,1,.08)}
  #overview .orbit{width:min(78vw,22rem)}
  #overview .node{width:4rem;height:4rem;font-size:.48rem}
  #overview .service-row{grid-template-columns:1fr 1fr}
  #overview .service:last-child{grid-column:1/-1}
}
