/* =========================================================
   EVR — INNER PAGES STYLESHEET
   Shared components for about / services / process / Packages /
   companies / engagement / contact. Loaded after style.css so it
   can reuse the same design tokens (colors, fonts, buttons, etc).
   ========================================================= */



.image-overlay {
    position: absolute;
    left: 25px;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    z-index: 2;
}



   
/* ---------- Inner page hero banner ---------- */
.inner-hero{
  position:relative;
  min-height:56vh;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  padding:150px 0 70px;
  isolation:isolate;
}
.inner-hero::before{
  content:"";
  position:absolute; inset:0;
  background-image:var(--section-bg);
  background-size:cover;
  background-position:center;
  z-index:-2;
  transform:scale(1.02);
}
.inner-hero::after{
  content:"";
  position:absolute; inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg, rgba(7,8,11,.96) 0%, rgba(7,8,11,.82) 40%, rgba(7,8,11,.45) 75%, rgba(7,8,11,.15) 100%),
    linear-gradient(180deg, rgba(7,8,11,.15) 0%, rgba(7,8,11,.98) 100%);
}
.inner-hero .breadcrumb-trail{
  font-family:var(--f-mono);
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:.78rem;
  color:var(--text-faint);
  margin-bottom:18px;
}
.inner-hero .breadcrumb-trail a{color:var(--text-muted); transition:.2s;}
.inner-hero .breadcrumb-trail a:hover{color:var(--gold);}
.inner-hero .breadcrumb-trail .sep{margin:0 8px; color:var(--gold-dark);}
.inner-hero h1{font-size:clamp(2.1rem,4.6vw,3.9rem); line-height:1.05;}
.inner-hero .inner-hero-sub{max-width:640px; font-size:1.08rem; color:#dfe0e3; margin-top:16px;}
@media(max-width:767px){
  .inner-hero{min-height:auto; padding:120px 0 48px;}
}

/* ---------- Active nav state ---------- */
.nav-link-custom.active{color:var(--gold)!important;}
.nav-link-custom.active::after{transform:scaleX(1);}

/* ---------- Section headers reused across inner pages ---------- */
.section-head{max-width:760px;}
.section-head .eyebrow{display:inline-block; margin-bottom:14px;}
.section-head h2{font-size:clamp(1.7rem,3.4vw,3rem);}
.section-head p{font-size:1.06rem; max-width:680px;}
.section-head.text-center{margin-left:auto; margin-right:auto;}

/* ---------- Numbered step badge (reused: about expertise, services steps) ---------- */
.step-badge{
  width:52px; height:52px; border-radius:50%;
  border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--f-mono); color:var(--gold); font-weight:700; font-size:.95rem;
  flex-shrink:0;
}

/* =========================================================
   SERVICES PAGE
   ========================================================= */
.service-card{
  border:1px solid var(--line-soft);
  background:var(--bg-panel);
  border-radius:10px;
  padding:36px 32px;
  height:100%;
  transition:.3s cubic-bezier(.2,.8,.2,1);
  position:relative;
}
.service-card:hover{
  border-color:var(--line);
  transform:translateY(-8px);
  box-shadow:0 24px 60px -24px rgba(0,0,0,.65);
  background:#161a24;
}
.service-card .service-num{
  font-family:var(--f-mono); color:var(--gold-dark); font-size:.82rem;
  letter-spacing:2px; margin-bottom:18px; display:block;
}
.service-card .service-icon{font-size:2.1rem; color:var(--gold); margin-bottom:16px; display:inline-block; transition:.3s;}
.service-card:hover .service-icon{transform:scale(1.1) rotate(-4deg);}
.service-card h4{font-size:1.2rem; margin-bottom:10px;}
.service-card p{font-size:.98rem; margin-bottom:0;}
.service-card .service-list{margin:16px 0 0; padding:0; list-style:none;}
.service-card .service-list li{
  font-size:.9rem; color:var(--text-muted); padding-left:20px; position:relative; margin-bottom:8px;
}
.service-card .service-list li::before{
  content:"\2013"; position:absolute; left:0; color:var(--gold);
}

/* =========================================================
   PROCESS PAGE — vertical numbered timeline
   ========================================================= */
.timeline-stage{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:28px;
  border-top:1px solid var(--line-soft);
  padding:44px 0;
  position:relative;
}
.timeline-stage:last-child{border-bottom:1px solid var(--line-soft);}
.timeline-stage .stage-num{
  font-family:var(--f-head); font-weight:900; font-size:39px; line-height:1;
  color:transparent; -webkit-text-stroke:1.5px var(--gold); opacity:.85;
}
.timeline-stage .stage-icon{font-size:1.4rem; color:var(--gold); margin-bottom:10px; display:inline-block;}
.timeline-stage h3{font-size:1.5rem; margin-bottom:10px;}
.timeline-stage p{max-width:640px; margin-bottom:14px;}
.timeline-stage .stage-points{display:flex; flex-wrap:wrap; gap:10px; padding:0; margin:0; list-style:none;}
.timeline-stage .stage-points li{
  font-family:var(--f-mono); text-transform:uppercase; letter-spacing:1px; font-size:.72rem;
  color:var(--text-muted); border:1px solid var(--line-soft); border-radius:20px; padding:6px 14px;
}
.timeline-stage:hover{background:rgba(201,162,77,.04);}
@media(max-width:575px){
  .timeline-stage{grid-template-columns:1fr; gap:10px;}
  .timeline-stage .stage-num{font-size:2.2rem;}
}

/* =========================================================
   Packages PAGE — product showcase + case studies
   ========================================================= */
.Packages-card{
  border:1px solid var(--line-soft);
  background:var(--bg-panel);
  border-radius:10px;
  overflow:hidden;
  height:100%;
  transition:.3s;
}
.Packages-card:hover{border-color:var(--line); transform:translateY(-8px); box-shadow:0 24px 60px -24px rgba(0,0,0,.65);}
.Packages-card .Packages-thumb{
  height:220px;
  background:linear-gradient(160deg, rgba(201,162,77,.14), rgba(0,0,0,0)), var(--bg-2);
  display:flex; align-items:center; justify-content:center;
  border-bottom:1px solid var(--line-soft);
  position:relative;
  overflow:hidden;
}
.Packages-card .Packages-thumb img{width:100%; height:100%; object-fit:cover;}
.Packages-card .Packages-thumb i{font-size:2.6rem; color:var(--gold); opacity:.8;}
.Packages-card .Packages-body{padding:26px 28px;}
.Packages-card .Packages-tag{
  font-family:var(--f-mono); text-transform:uppercase; letter-spacing:1.5px; font-size:.72rem; color:var(--gold);
}
.Packages-card h4{font-size:1.15rem; margin:8px 0 10px;}

.case-study{
  border:1px solid var(--line-soft);
  background:var(--bg-panel);
  border-radius:10px;
  padding:0;
  overflow:hidden;
  margin-bottom:32px;
}
.case-study .cs-header{
  padding:30px 34px;
  border-bottom:1px solid var(--line-soft);
  background:linear-gradient(160deg, rgba(201,162,77,.08), rgba(0,0,0,0));
}
.case-study .cs-header .Packages-tag{margin-bottom:8px; display:block;}
.case-study .cs-header h3{font-size:1.6rem;}
.case-study .cs-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line-soft);}
.case-study .cs-col{background:var(--bg-panel); padding:28px 30px;}
.case-study .cs-col .cs-label{
  font-family:var(--f-mono); text-transform:uppercase; letter-spacing:2px; font-size:.72rem; color:var(--gold-dark);
  margin-bottom:12px; display:block;
}
.case-study .cs-col.result .cs-label{color:var(--green);}
.case-study .cs-col p{font-size:.94rem; margin:0;}
@media(max-width:767px){
  .case-study .cs-grid{grid-template-columns:1fr;}
}

/* =========================================================
   COMPANIES PAGE
   ========================================================= */
.company-track{
  border:1px solid var(--line-soft);
  background:var(--bg-panel);
  border-radius:10px;
  padding:36px 34px;
  height:100%;
  transition:.3s;
}
.company-track:hover{border-color:var(--line); transform:translateY(-6px);}
.company-track .track-icon{font-size:2.2rem; color:var(--gold); margin-bottom:18px; display:inline-block;}
.company-track h4{font-size:1.25rem; margin-bottom:12px;}
.company-track ul{list-style:none; margin:16px 0 0; padding:0;}
.company-track ul li{
  font-size:.92rem; color:var(--text-muted); padding-left:22px; position:relative; margin-bottom:10px;
}
.company-track ul li::before{content:"\2713"; position:absolute; left:0; color:var(--gold); font-weight:700;}

.stat-strip{
  border:1px solid var(--line-soft);
  background:var(--line-soft);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  border-radius:6px;
  overflow:hidden;
}
.stat-strip .stat-cell{background:var(--bg-2); padding:32px 24px; text-align:center;}
.stat-strip .stat-num{font-family:var(--f-head); font-weight:900; font-size:2.4rem; color:var(--gold);}
.stat-strip .stat-lbl{font-family:var(--f-mono); text-transform:uppercase; letter-spacing:1.5px; font-size:.72rem; color:var(--text-muted); margin-top:6px;}
@media(max-width:767px){ .stat-strip{grid-template-columns:repeat(2,1fr);} }

/* =========================================================
   CONTACT PAGE
   ========================================================= */
.contact-panel{
  border:1px solid var(--line-soft);
  background:var(--bg-panel);
  border-radius:12px;
  padding:42px;
}
@media(max-width:767px){ .contact-panel{padding:26px 22px;} }

.evr-form-label{
  font-family:var(--f-mono); text-transform:uppercase; letter-spacing:1.5px; font-size:.74rem;
  color:var(--text-muted); margin-bottom:8px; display:block;
}
.evr-form-control{
  width:100%;
  background:var(--bg-0);
  border:1px solid var(--line-soft);
  color:var(--text);
  font-family:var(--f-body);
  font-size:.98rem;
  padding:14px 16px;
  border-radius:4px;
  transition:.2s;
}
.evr-form-control:focus{
  outline:none;
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(201,162,77,.14);
  background:#0d0f14;
}
.evr-form-control.is-invalid{border-color:#e2604f;}
textarea.evr-form-control{resize:vertical; min-height:140px;}
select.evr-form-control{appearance:none; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9'><path d='M1 1l6 6 6-6' stroke='%23c9a24d' stroke-width='1.6' fill='none'/></svg>"); background-repeat:no-repeat; background-position:right 16px center; padding-right:40px;}
select.evr-form-control option{background:#10131a; color:var(--text);}

.evr-form-alert{
  display:none;
  border-radius:6px;
  padding:16px 20px;
  font-size:.94rem;
  margin-bottom:26px;
  font-family:var(--f-mono);
}
.evr-form-alert-success{border:1px solid rgba(62,207,142,.5); color:var(--green); background:rgba(62,207,142,.08);}
.evr-form-alert-error{border:1px solid rgba(226,96,79,.5); color:#e2604f; background:rgba(226,96,79,.08);}

.contact-info-item{display:flex; gap:16px; padding:22px 0; border-top:1px solid var(--line-soft);}
.contact-info-item:first-child{border-top:none; padding-top:0;}
.contact-info-item i{font-size:1.3rem; color:var(--gold); width:28px; flex-shrink:0;}
.contact-info-item h6{font-family:var(--f-mono); text-transform:uppercase; letter-spacing:1.5px; font-size:.76rem; color:var(--text-muted); margin-bottom:4px;}
.contact-info-item div p{margin:0; color:var(--text); font-size:.98rem;}

.honeypot-field{position:absolute; left:-9999px; top:-9999px; opacity:0; height:0; width:0; overflow:hidden;}

/* =========================================================
   ENGAGEMENT PAGE — premium third pricing tier
   ========================================================= */
.price-card.gold-tier .price-side{background:linear-gradient(160deg, rgba(201,162,77,.24), rgba(0,0,0,0));}
.price-card.gold-tier .price-num{color:var(--gold-light);}
.price-card.gold-tier .check-list li::before{color:var(--gold-light);}
.engagement-compare{border-collapse:separate; border-spacing:0; width:100%;}
.engagement-compare th,.engagement-compare td{
  padding:16px 18px; border-bottom:1px solid var(--line-soft); font-size:.92rem; text-align:left;
}
.engagement-compare thead th{
  font-family:var(--f-mono); text-transform:uppercase; letter-spacing:1.5px; font-size:.72rem; color:var(--gold);
  border-bottom:1px solid var(--line);
}
.engagement-compare td:not(:first-child), .engagement-compare th:not(:first-child){text-align:center;}
.engagement-compare tbody tr:hover{background:rgba(201,162,77,.04);}
.engagement-compare .yes{color:var(--green);}
.engagement-compare .no{color:var(--text-faint);}
@media(max-width:767px){ .engagement-compare{font-size:.82rem;} .engagement-compare th,.engagement-compare td{padding:12px 8px;} }

/* ==========================================
   EVR ENGAGEMENT NEW PRICING IMAGE CARDS
========================================== */


/* Main card image section */

.evr-image-side{

position:relative;
overflow:hidden;
min-height:330px;
background:#080a0d;

}


/* Image */

.evr-image-side img{

width:100%;
height:100%;
object-fit:cover;
position:absolute;
inset:0;
opacity:.55;

}



/* Dark overlay */

.evr-image-side:after{

content:"";
position:absolute;
inset:0;

background:
linear-gradient(
180deg,
rgba(0,0,0,.15),
rgba(0,0,0,.92)
);

}



/* Text over image */

.image-overlay{

position:absolute;
left:28px;
bottom:35px;
z-index:2;

}



/* Price */

.image-overlay .price-num{

font-size:42px;
font-weight:900;
line-height:1;
margin-bottom:12px;

}



/* Package title */

.image-overlay .gold,
.image-overlay div:last-child{

font-size:.9rem;
letter-spacing:1.5px;
line-height:1.5;

}



/* Card image borders */


.price-card.opportunity{

border-color:#3ecf8e;

}



.price-card.blue{

border-color:#4a90ff;

}



.price-card.gold-tier{

border-color:var(--gold);

}



/* Hover effect */

.price-card{

transition:.35s ease;

}


.price-card:hover{

transform:translateY(-5px);
box-shadow:
0 25px 60px rgba(0,0,0,.45);

}



/* Content spacing */

.price-card .p-lg-5{

padding:45px!important;

}



/* Feature list */


.check-list li{

position:relative;
padding-left:25px;
margin-bottom:12px;

}


.check-list li:before{

content:"✓";
position:absolute;
left:0;

color:var(--gold);
font-weight:bold;

}



/* Bottom strips */

.callout-gold{

border:1px solid var(--gold);
padding:13px 18px;

color:var(--gold-light);

font-family:var(--f-mono);

font-size:.78rem;

letter-spacing:.5px;

text-align:center;

}



/* Blue strip */

.callout-blue{

border:1px solid var(--blue);
padding:13px 18px;

color:var(--blue);

font-family:var(--f-mono);

font-size:.78rem;

text-align:center;

}



/* Mobile */


@media(max-width:991px){


.evr-image-side{

min-height:280px;

}



.image-overlay .price-num{

font-size:36px;

}


.price-card .p-lg-5{

padding:30px!important;

}


}



@media(max-width:575px){


.evr-image-side{

height:260px;

}



.image-overlay{

left:20px;
bottom:25px;

}


.image-overlay .price-num{

font-size:32px;

}


}