/**
 * Styles for the standalone "Salesforce Services" page
 * (page-salesforce-services.php). Loaded only on that page.
 *
 * Everything is scoped under .exergy-sf-page so it can't leak onto the
 * real site header/footer, which load around this page's content as
 * normal. This page intentionally reuses Bootstrap 5 + Bootstrap Icons
 * (see the template) instead of the site's Tailwind system, so the
 * design matches the source page exactly; scoping keeps that isolated.
 */

.exergy-sf-page{
  --exergy-red:#FF0032;
  --exergy-red-dark:#cc0028;
  --exergy-navy:#0D2C40;
  --exergy-slate:#1B3B55;
  --exergy-dark:#030e16;
  --exergy-bg-light:#F7F8FA;
  font-family:'Plus Jakarta Sans', sans-serif;
  color:var(--exergy-navy);
  background:#fff;
}
.exergy-sf-page h1, .exergy-sf-page h2, .exergy-sf-page h3, .exergy-sf-page h4, .exergy-sf-page h5{
  font-family:'Plus Jakarta Sans', sans-serif; font-weight:800; color:var(--exergy-navy);
}
.exergy-sf-page a{text-decoration:none;}

/* Bootstrap's .container vs. the site-wide Tailwind CDN's own .container
   utility (same class name, no padding/centering by default) — Tailwind's
   version can win the cascade depending on injection timing, leaving this
   page's content flush-left and uncentered. Force proper centering + a
   comfortable, responsive side gutter at every breakpoint regardless. */
.exergy-sf-page .container{
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:1.25rem !important;
  padding-right:1.25rem !important;
  max-width:100% !important;
}
@media (min-width:576px){
  .exergy-sf-page .container{ max-width:540px !important; padding-left:1.5rem !important; padding-right:1.5rem !important; }
}
@media (min-width:768px){
  .exergy-sf-page .container{ max-width:720px !important; padding-left:2rem !important; padding-right:2rem !important; }
}
@media (min-width:992px){
  .exergy-sf-page .container{ max-width:960px !important; padding-left:2.5rem !important; padding-right:2.5rem !important; }
}
@media (min-width:1200px){
  .exergy-sf-page .container{ max-width:1140px !important; padding-left:3rem !important; padding-right:3rem !important; }
}
@media (min-width:1400px){
  .exergy-sf-page .container{ max-width:1320px !important; padding-left:3rem !important; padding-right:3rem !important; }
}
.exergy-sf-page .text-red{color:var(--exergy-red) !important;}
.exergy-sf-page .bg-navy{background:var(--exergy-navy) !important;}
.exergy-sf-page .bg-soft{background:var(--exergy-bg-light) !important;}
.exergy-sf-page .section-pad{padding:5rem 0;}
@media (max-width:767px){ .exergy-sf-page .section-pad{padding:3rem 0;} }
.exergy-sf-page .eyebrow{
  color:var(--exergy-red); font-weight:700; font-size:.75rem; letter-spacing:.2em; text-transform:uppercase;
}

/* Positioning intro ("Salesforce Is the Platform...") */
.exergy-sf-page .sf-positioning-glow{
  position:absolute; border-radius:50%; filter:blur(90px); pointer-events:none; z-index:0;
}
.exergy-sf-page .sf-positioning-glow-1{ top:-60px; left:-80px; width:320px; height:320px; background:rgba(255,0,50,.10); }
.exergy-sf-page .sf-positioning-glow-2{ bottom:-90px; right:-60px; width:360px; height:360px; background:rgba(13,44,64,.08); }
.exergy-sf-page .sf-positioning-badge{
  display:inline-flex; align-items:center; gap:.4rem;
  background:rgba(255,0,50,.08); border:1px solid rgba(255,0,50,.2); color:var(--exergy-red);
  font-size:.72rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase;
  padding:.4rem .9rem; border-radius:50px; margin-bottom:1.25rem;
}
.exergy-sf-page .sf-positioning-points{
  display:flex; flex-wrap:wrap; justify-content:flex-start; gap:.75rem;
  margin-top:2rem;
}
.exergy-sf-page .sf-positioning-point{
  display:inline-flex; align-items:center; gap:.5rem;
  background:#fff; border:1px solid rgba(13,44,64,.1); border-radius:50px;
  padding:.55rem 1.1rem; font-size:.82rem; font-weight:700; color:var(--exergy-navy);
  box-shadow:0 10px 22px -16px rgba(13,44,64,.3);
  transition:all .3s ease;
}
.exergy-sf-page .sf-positioning-point i{ color:var(--exergy-red); }
.exergy-sf-page .sf-positioning-point:hover{
  border-color:rgba(255,0,50,.3); transform:translateY(-3px);
  box-shadow:0 16px 28px -16px rgba(255,0,50,.3);
}

.exergy-sf-page .sf-positioning-image-wrap{
  position:relative; border-radius:20px; overflow:hidden;
  box-shadow:0 30px 60px -24px rgba(13,44,64,.35), 0 0 0 1px rgba(13,44,64,.06);
}
.exergy-sf-page .sf-positioning-image{
  display:block; width:100%; height:auto; aspect-ratio:1 / 1; object-fit:cover;
}
@media (max-width:991px){
  .exergy-sf-page .sf-positioning-image-wrap{ margin-bottom:1rem; }
}

/* Our Approach — animated Salesforce logo "orbit" */
.exergy-sf-page .sf-approach-logo-stage{
  position:relative; display:flex; align-items:center; justify-content:center;
  aspect-ratio:1 / 1; max-width:420px; margin:0 auto;
}
.exergy-sf-page .sf-approach-glow{
  position:absolute; inset:8%; border-radius:50%; z-index:0;
  background:radial-gradient(circle, rgba(255,0,50,.24), rgba(255,0,50,0) 70%);
  filter:blur(22px);
  animation:sfApproachPulse 3.5s ease-in-out infinite;
}
.exergy-sf-page .sf-approach-ring{
  position:absolute; inset:0; border-radius:50%; z-index:0;
  border:1.5px dashed rgba(255,0,50,.35);
}
.exergy-sf-page .sf-approach-ring-1{
  animation:sfApproachSpin 18s linear infinite;
}
.exergy-sf-page .sf-approach-ring-2{
  inset:12%; border-color:rgba(13,44,64,.2); border-style:dotted;
  animation:sfApproachSpin 26s linear infinite reverse;
}
.exergy-sf-page .sf-approach-logo{
  position:relative; z-index:1; width:60%; height:auto;
  filter:drop-shadow(0 22px 40px rgba(13,44,64,.28));
  animation:sfApproachFloat 4.5s ease-in-out infinite;
}
@keyframes sfApproachSpin{
  to{ transform:rotate(360deg); }
}
@keyframes sfApproachPulse{
  0%, 100%{ transform:scale(1); opacity:.65; }
  50%{ transform:scale(1.14); opacity:1; }
}
@keyframes sfApproachFloat{
  0%, 100%{ transform:translateY(0) rotate(-3deg); }
  50%{ transform:translateY(-14px) rotate(3deg); }
}
@media (max-width:991px){
  .exergy-sf-page .sf-approach-logo-stage{ margin-bottom:1.5rem; max-width:300px; }
}
@media (prefers-reduced-motion: reduce){
  .exergy-sf-page .sf-approach-ring,
  .exergy-sf-page .sf-approach-glow,
  .exergy-sf-page .sf-approach-logo{ animation:none; }
}

/* Buttons */
.exergy-sf-page .btn-exergy-red{
  background:var(--exergy-red); border:none; color:#fff; font-weight:700; font-size:.8rem;
  letter-spacing:.05em; text-transform:uppercase; padding:.9rem 1.75rem; border-radius:50px;
  transition:all .3s ease; position:relative; overflow:hidden;
}
.exergy-sf-page .btn-exergy-red:hover{background:var(--exergy-red-dark); color:#fff; transform:translateY(-2px); box-shadow:0 12px 24px -8px rgba(255,0,50,.45);}
.exergy-sf-page .btn-exergy-navy{
  background:var(--exergy-navy); border:none; color:#fff; font-weight:700; font-size:.8rem;
  letter-spacing:.05em; text-transform:uppercase; padding:.9rem 1.75rem; border-radius:50px;
  transition:all .3s ease;
}
.exergy-sf-page .btn-exergy-navy:hover{background:var(--exergy-red); color:#fff; transform:translateY(-2px);}
.exergy-sf-page .btn-exergy-outline{
  background:transparent; border:1.5px solid rgba(255,255,255,.5); color:#fff; font-weight:700; font-size:.8rem;
  letter-spacing:.05em; text-transform:uppercase; padding:.85rem 1.75rem; border-radius:50px; transition:all .3s ease;
}
.exergy-sf-page .btn-exergy-outline:hover{background:#fff; color:var(--exergy-navy); border-color:#fff;}
.exergy-sf-page .btn-exergy-outline-navy{
  background:transparent; border:1.5px solid rgba(13,44,64,.3); color:var(--exergy-navy); font-weight:700; font-size:.8rem;
  letter-spacing:.05em; text-transform:uppercase; padding:.85rem 1.75rem; border-radius:50px; transition:all .3s ease;
}
.exergy-sf-page .btn-exergy-outline-navy:hover{background:var(--exergy-navy); color:#fff; border-color:var(--exergy-navy);}

/* Hero */
.exergy-sf-page .hero-section{
  position:relative; overflow:hidden; background:var(--exergy-bg-light);
  /* Extra top padding clears the site's fixed floating header (utility bar + nav pill) */
  padding:190px 0 5rem;
}
@media (max-width:767px){
  .exergy-sf-page .hero-section{ padding-top:150px; }
}
.exergy-sf-page .hero-section::before{
  content:""; position:absolute; top:-10%; left:-10%; width:55%; height:90%; pointer-events:none;
  background:linear-gradient(135deg, rgba(255,0,50,.13), rgba(255,0,50,.02) 70%);
  clip-path:polygon(0 0, 62% 0, 20% 100%, 0 100%);
}
.exergy-sf-page .hero-section::after{
  content:""; position:absolute; top:0; left:15%; width:40%; height:100%; pointer-events:none;
  background:linear-gradient(160deg, rgba(13,44,64,.07), rgba(13,44,64,.01) 75%);
  clip-path:polygon(35% 0, 60% 0, 30% 100%, 8% 100%);
}
.exergy-sf-page .hero-content{position:relative; z-index:2;}
.exergy-sf-page .hero-platform-tags span{
  display:inline-block; background:#fff; border:1px solid rgba(13,44,64,.1); color:var(--exergy-slate);
  font-size:.72rem; font-weight:700; letter-spacing:.05em; padding:.4rem .9rem; border-radius:50px; margin:.2rem;
}

/* Hero visual mock dashboard */
.exergy-sf-page .hero-mock{
  position:relative; background:#fff; border-radius:20px; padding:1.5rem;
  box-shadow:0 30px 60px -20px rgba(13,44,64,.25), 0 0 0 1px rgba(13,44,64,.05);
}
.exergy-sf-page .hero-mock .mock-header{display:flex; align-items:center; gap:.5rem; margin-bottom:1rem;}
.exergy-sf-page .hero-mock .mock-dot{width:10px; height:10px; border-radius:50%;}
.exergy-sf-page .hero-mock .mock-kpi{
  background:var(--exergy-bg-light); border-radius:12px; padding:1rem; text-align:center;
}
.exergy-sf-page .hero-mock .mock-kpi .num{font-size:1.4rem; font-weight:800; color:var(--exergy-navy);}
.exergy-sf-page .hero-mock .mock-kpi .lbl{font-size:.65rem; text-transform:uppercase; letter-spacing:.08em; color:var(--exergy-slate);}
.exergy-sf-page .hero-mock .mock-bar{height:8px; border-radius:4px; background:rgba(13,44,64,.08); overflow:hidden;}
.exergy-sf-page .hero-mock .mock-bar span{display:block; height:100%; background:linear-gradient(90deg, var(--exergy-red), var(--exergy-red-dark));}
.exergy-sf-page .hero-glow{
  position:absolute; width:280px; height:280px; background:rgba(255,0,50,.12); filter:blur(80px);
  border-radius:50%; top:-40px; right:-40px; z-index:0;
}

/* Cards */
.exergy-sf-page .exergy-card{
  background:#fff; border:1px solid rgba(13,44,64,.08); border-radius:16px; padding:2rem 1.5rem; height:100%;
  transition:all .35s cubic-bezier(.22,1,.36,1);
}
.exergy-sf-page .exergy-card:hover{transform:translateY(-6px); border-color:rgba(255,0,50,.3); box-shadow:0 24px 40px -20px rgba(255,0,50,.25);}
.exergy-sf-page .exergy-icon{
  width:52px; height:52px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;
  background:rgba(255,0,50,.08); border:1px solid rgba(255,0,50,.2); color:var(--exergy-red); font-size:1.3rem; margin-bottom:1rem;
  transition:all .35s ease;
}
.exergy-sf-page .exergy-card:hover .exergy-icon{background:var(--exergy-red); color:#fff; transform:scale(1.08) rotate(-6deg);}

/* Service card problem/approach/outcome */
.exergy-sf-page .service-card .pao{font-size:.82rem; margin-bottom:.55rem; line-height:1.5;}
.exergy-sf-page .service-card .pao strong{color:var(--exergy-navy); display:block; font-size:.68rem; text-transform:uppercase; letter-spacing:.08em; color:var(--exergy-red); margin-bottom:.15rem;}

/* "Our Salesforce Services" — vertical tab list + bullet content + a
   decorative delivery-snapshot visual, replacing the original card grid. */
.exergy-sf-page .sf-svc-tabs{
  border:1px solid rgba(13,44,64,.08);
  border-radius:20px;
  overflow:hidden;
  background:#fff;
}
.exergy-sf-page .sf-svc-nav{
  height:100%;
}
.exergy-sf-page .sf-svc-navlink{
  all:unset;
  box-sizing:border-box;
  cursor:pointer;
  display:flex; align-items:center; gap:.65rem;
  width:100%; text-align:left;
  padding:1.1rem 1.25rem;
  border-bottom:1px solid rgba(13,44,64,.08);
  border-left:4px solid transparent;
  font-weight:600; font-size:.92rem; color:var(--exergy-navy);
  transition:all .25s ease;
}
.exergy-sf-page .sf-svc-navlink .bi:first-child{ color:rgba(13,44,64,.35); font-size:1rem; flex-shrink:0; transition:color .25s ease; }
.exergy-sf-page .sf-svc-navlink-arrow{ margin-left:auto; opacity:0; transform:translateX(-4px); transition:all .25s ease; color:var(--exergy-red); flex-shrink:0; }
.exergy-sf-page .sf-svc-navlink:hover{ background:rgba(255,0,50,.05); }
.exergy-sf-page .sf-svc-navlink.active{
  background:rgba(255,0,50,.09);
  border-left-color:var(--exergy-red);
  font-weight:800;
}
.exergy-sf-page .sf-svc-navlink.active .bi:first-child{ color:var(--exergy-red); }
.exergy-sf-page .sf-svc-navlink.active .sf-svc-navlink-arrow{ opacity:1; transform:translateX(0); }

.exergy-sf-page .sf-svc-content{
  padding:2.25rem 2rem;
}
.exergy-sf-page .sf-svc-list{ list-style:none; padding:0; margin:0; }
.exergy-sf-page .sf-svc-list li{
  position:relative; padding:0 0 1.35rem 1.5rem;
  font-size:1rem; line-height:1.7; color:#4b5563;
}
.exergy-sf-page .sf-svc-list li:last-child{ padding-bottom:0; }
.exergy-sf-page .sf-svc-list li::before{
  content:""; position:absolute; left:0; top:.55rem;
  width:8px; height:8px; border-radius:50%; background:var(--exergy-red);
}
.exergy-sf-page .sf-svc-list li strong{ color:var(--exergy-navy); }

.exergy-sf-page .sf-svc-visual-wrap{
  height:100%;
  display:flex; align-items:center;
  padding:1.5rem;
  background:var(--exergy-bg-light);
  border-left:1px solid rgba(13,44,64,.08);
}
.exergy-sf-page .sf-svc-visual-wrap .hero-mock{ width:100%; padding:1.1rem; }
.exergy-sf-page .sf-svc-visual-wrap .mock-kpi .num{ font-size:1.15rem; }

@media (max-width:991px){
  .exergy-sf-page .sf-svc-tabs{ border-radius:16px; }
  .exergy-sf-page .sf-svc-content{ padding:1.75rem 1.25rem; }
}

/* Tabs (business solutions) */
.exergy-sf-page .solutions-tabs .nav-pills .nav-link{
  color:var(--exergy-navy); font-weight:700; font-size:.78rem; border-radius:50px; padding:.65rem 1.1rem;
  border:1px solid rgba(13,44,64,.12); margin:.25rem; text-transform:uppercase; letter-spacing:.03em;
}
.exergy-sf-page .solutions-tabs .nav-pills .nav-link.active{background:var(--exergy-red); border-color:var(--exergy-red); color:#fff;}
.exergy-sf-page .solutions-panel{background:var(--exergy-bg-light); border-radius:20px; padding:2.5rem;}
.exergy-sf-page .solutions-panel ul{list-style:none; padding:0; margin:0;}
.exergy-sf-page .solutions-panel ul li{
  padding:.55rem 0 .55rem 1.75rem; position:relative; font-size:.92rem; border-bottom:1px dashed rgba(13,44,64,.12);
}
.exergy-sf-page .solutions-panel ul li:last-child{border-bottom:none;}
.exergy-sf-page .solutions-panel ul li::before{
  content:"\f26b"; font-family:"bootstrap-icons"; position:absolute; left:0; top:.55rem; color:var(--exergy-red); font-size:.85rem;
}

/* Integration ecosystem grid */
.exergy-sf-page .ecosystem-grid{
  display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(4,1fr); gap:.9rem;
}
.exergy-sf-page .ecosystem-hub{
  grid-column:2 / 4; grid-row:2 / 4; background:linear-gradient(135deg, var(--exergy-navy), var(--exergy-slate));
  border-radius:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff;
  text-align:center; padding:1rem; box-shadow:0 25px 50px -15px rgba(13,44,64,.4);
}
.exergy-sf-page .ecosystem-hub i{font-size:2rem; color:var(--exergy-red); margin-bottom:.4rem;}
.exergy-sf-page .ecosystem-hub .hub-title{font-weight:800; font-size:1.05rem;}
.exergy-sf-page .ecosystem-hub .hub-sub{font-size:.65rem; opacity:.7; text-transform:uppercase; letter-spacing:.1em;}
.exergy-sf-page .eco-node{
  background:#fff; border:1px solid rgba(13,44,64,.1); border-radius:14px; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center; padding:.6rem .3rem; transition:all .3s ease;
}
.exergy-sf-page .eco-node:hover{border-color:var(--exergy-red); box-shadow:0 14px 26px -12px rgba(255,0,50,.3); transform:translateY(-3px);}
.exergy-sf-page .eco-node i{font-size:1.3rem; color:var(--exergy-slate); margin-bottom:.25rem;}
.exergy-sf-page .eco-node:hover i{color:var(--exergy-red);}
.exergy-sf-page .eco-node span{font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; line-height:1.2;}
@media (max-width:767px){
  .exergy-sf-page .ecosystem-grid{grid-template-columns:repeat(3,1fr); grid-template-rows:auto; }
  .exergy-sf-page .ecosystem-hub{grid-column:1 / -1; grid-row:auto; padding:1.5rem;}
}

/* Industries wheel — 10 industries arranged radially around a central
   hub (desktop/tablet); collapses to a plain 2-column icon grid on
   mobile, where a precise radial layout gets cramped. */
.exergy-sf-page .sf-wheel{
  position:relative;
  width:min(92vw, 640px);
  max-width:100%;
  aspect-ratio:1 / 1;
  margin:2.5rem auto 0;
}
.exergy-sf-page .sf-wheel-svg{
  position:absolute; inset:0; width:100%; height:100%;
}
.exergy-sf-page .sf-wheel-hub{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:30%; aspect-ratio:1 / 1; border-radius:50%;
  background:radial-gradient(circle at 32% 28%, var(--exergy-red-dark), var(--exergy-red) 70%);
  color:#fff; display:flex; align-items:center; justify-content:center; text-align:center;
  font-weight:800; font-size:clamp(.72rem, 1.6vw, 1rem); line-height:1.25;
  box-shadow:0 20px 45px -18px rgba(255,0,50,.55), 0 0 0 8px rgba(255,0,50,.08);
  padding:.5rem;
}
.exergy-sf-page .sf-wheel-nodes{
  position:absolute; inset:0;
}
.exergy-sf-page .sf-wheel-node{
  position:absolute;
  left:calc(50% + var(--tx));
  top:calc(50% + var(--ty));
  transform:translate(-50%,-50%);
  display:flex; flex-direction:column; align-items:center; text-align:center;
  width:112px;
}
.exergy-sf-page .sf-wheel-icon{
  width:64px; height:64px; border-radius:50%; flex-shrink:0;
  background:#fff; border:2px solid var(--exergy-red); color:var(--exergy-red);
  display:flex; align-items:center; justify-content:center; font-size:1.5rem;
  box-shadow:0 14px 28px -14px rgba(255,0,50,.4);
  transition:all .3s ease;
}
.exergy-sf-page .sf-wheel-node:hover .sf-wheel-icon{
  background:var(--exergy-red); color:#fff; transform:scale(1.08) translateY(-2px);
  box-shadow:0 18px 32px -12px rgba(255,0,50,.55);
}
.exergy-sf-page .sf-wheel-label{
  margin-top:.6rem; font-size:.78rem; font-weight:700; color:var(--exergy-navy); line-height:1.25;
}

@media (max-width:767px){
  .exergy-sf-page .sf-wheel{ width:100%; aspect-ratio:auto; margin-top:2rem; }
  .exergy-sf-page .sf-wheel-svg,
  .exergy-sf-page .sf-wheel-hub{ display:none; }
  .exergy-sf-page .sf-wheel-nodes{
    position:static !important;
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:1.5rem 1rem;
  }
  .exergy-sf-page .sf-wheel-node{
    position:static !important;
    left:auto !important; top:auto !important; transform:none !important;
    width:auto;
  }
}

/* AI section */
.exergy-sf-page .ai-section{background:var(--exergy-navy); color:#fff; position:relative; overflow:hidden;}
.exergy-sf-page .ai-section::before{
  content:""; position:absolute; bottom:-120px; right:-100px; width:380px; height:380px; border-radius:50%;
  background:rgba(255,0,50,.15); filter:blur(110px); pointer-events:none;
}
.exergy-sf-page .ai-card{
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:16px; padding:1.75rem; height:100%;
  transition:all .3s ease;
}
.exergy-sf-page .ai-card:hover{background:rgba(255,255,255,.09); border-color:rgba(255,0,50,.4); transform:translateY(-4px);}
.exergy-sf-page .ai-card i{color:var(--exergy-red); font-size:1.5rem; margin-bottom:.75rem;}
.exergy-sf-page .ai-card h3{color:#fff; font-size:1.02rem; font-weight:700;}
.exergy-sf-page .ai-card p{color:rgba(255,255,255,.7); font-size:.85rem; margin:0;}

/* Accordion */
/* The site-wide Tailwind CDN script also ships a .collapse utility
   (visibility:collapse, for table rows) that can win the cascade over
   Bootstrap's own .collapse (same class name, depends on injection
   timing — see the .container fix above for the same root cause).
   Bootstrap only toggles display on .collapse/.collapse.show and never
   touches visibility, so once Tailwind's rule wins, opened accordion
   answers stay invisible even though they've expanded. Force it back. */
.exergy-sf-page .collapse.show,
.exergy-sf-page .collapsing{
  visibility:visible !important;
}
.exergy-sf-page .accordion-exergy .accordion-button{font-weight:700; color:var(--exergy-navy); background:#fff;}
.exergy-sf-page .accordion-exergy .accordion-button:not(.collapsed){color:var(--exergy-red); background:var(--exergy-bg-light); box-shadow:none;}
.exergy-sf-page .accordion-exergy .accordion-button:focus{box-shadow:none; border-color:rgba(255,0,50,.25);}
.exergy-sf-page .accordion-exergy .accordion-item{border:1px solid rgba(13,44,64,.1); border-radius:12px !important; overflow:hidden; margin-bottom:.9rem;}
.exergy-sf-page .accordion-exergy .accordion-button::after{filter:none;}

/* Who we help */
.exergy-sf-page .help-card{
  border:1px solid rgba(13,44,64,.08); border-radius:16px; padding:1.75rem; height:100%; background:#fff;
  transition:all .3s ease;
}
.exergy-sf-page .help-card:hover{border-color:var(--exergy-red); box-shadow:0 20px 35px -18px rgba(255,0,50,.25);}
.exergy-sf-page .help-card a{color:var(--exergy-red); font-weight:700; font-size:.8rem;}
.exergy-sf-page .help-card a i{transition:transform .3s ease;}
.exergy-sf-page .help-card a:hover i{transform:translateX(4px);}

/* Process timeline */
.exergy-sf-page .process-step{text-align:center; padding:0 .5rem;}
.exergy-sf-page .process-num{
  width:56px; height:56px; border-radius:50%; background:var(--exergy-navy); color:#fff; font-weight:800;
  display:flex; align-items:center; justify-content:center; margin:0 auto 1rem; font-size:1.1rem;
  border:3px solid var(--exergy-bg-light); box-shadow:0 0 0 3px rgba(13,44,64,.1);
}
.exergy-sf-page .process-track{position:relative;}
.exergy-sf-page .process-track::before{
  content:""; position:absolute; top:28px; left:6%; right:6%; height:2px; background:repeating-linear-gradient(90deg, rgba(13,44,64,.2) 0 8px, transparent 8px 16px); z-index:0;
}
@media (max-width:991px){ .exergy-sf-page .process-track::before{display:none;} }

/* Portfolio / Representative Salesforce Projects */
.exergy-sf-page .portfolio-section{background:var(--exergy-dark); color:rgba(255,255,255,.85); position:relative; overflow:hidden;}
.exergy-sf-page .portfolio-section::before{
  content:""; position:absolute; top:-100px; left:50%; transform:translateX(-50%); width:520px; height:340px;
  background:rgba(255,0,50,.10); filter:blur(120px); pointer-events:none;
}
.exergy-sf-page .nda-badge{
  display:inline-flex; align-items:center; gap:.4rem; background:rgba(255,0,50,.12); border:1px solid rgba(255,0,50,.35);
  color:#ff6b86; font-size:.65rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; padding:.35rem .75rem; border-radius:50px;
}
.exergy-sf-page .portfolio-card{
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:20px; padding:2.25rem;
}
.exergy-sf-page .portfolio-tag{
  display:inline-block; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.85);
  font-size:.68rem; font-weight:700; letter-spacing:.04em; padding:.3rem .75rem; border-radius:50px; margin:.15rem .15rem 0 0;
}
.exergy-sf-page .portfolio-card h3{color:#fff; font-size:1.35rem; margin-bottom:.25rem;}
.exergy-sf-page .portfolio-industry{color:var(--exergy-red); font-size:.72rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase;}
.exergy-sf-page .portfolio-card h4{color:#fff; font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; margin:1.25rem 0 .6rem; color:rgba(255,255,255,.5);}
.exergy-sf-page .portfolio-card ul{list-style:none; padding:0; margin:0;}
.exergy-sf-page .portfolio-card ul li{
  padding:.35rem 0 .35rem 1.5rem; position:relative; font-size:.88rem; color:rgba(255,255,255,.8); line-height:1.45;
}
.exergy-sf-page .portfolio-card ul li::before{
  content:"\f26b"; font-family:"bootstrap-icons"; position:absolute; left:0; top:.35rem; color:var(--exergy-red); font-size:.75rem;
}
.exergy-sf-page .portfolio-visual{
  background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.1); border-radius:20px; padding:2rem;
  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; height:100%; min-height:260px;
}
.exergy-sf-page .portfolio-visual i{font-size:2.75rem; color:var(--exergy-red); margin-bottom:1rem;}
.exergy-sf-page .portfolio-visual .visual-caption{font-size:.72rem; color:rgba(255,255,255,.45); text-transform:uppercase; letter-spacing:.08em; margin-top:.75rem;}
.exergy-sf-page #portfolioCarousel{--bs-carousel-control-color:#fff;}
.exergy-sf-page #portfolioCarousel .carousel-indicators [data-bs-target]{background-color:rgba(255,255,255,.3); width:8px; height:8px; border-radius:50%;}
.exergy-sf-page #portfolioCarousel .carousel-indicators .active{background-color:var(--exergy-red);}
.exergy-sf-page #portfolioCarousel .carousel-control-prev, .exergy-sf-page #portfolioCarousel .carousel-control-next{width:5%; opacity:.8;}
@media (max-width:767px){
  .exergy-sf-page #portfolioCarousel .carousel-control-prev, .exergy-sf-page #portfolioCarousel .carousel-control-next{display:none;}
}

/* Final CTA */
.exergy-sf-page .final-cta{
  background:linear-gradient(120deg, var(--exergy-navy) 0%, var(--exergy-slate) 100%); color:#fff; position:relative; overflow:hidden;
}
.exergy-sf-page .final-cta::before{
  content:""; position:absolute; top:-80px; left:-60px; width:300px; height:300px; border-radius:50%;
  background:rgba(255,0,50,.18); filter:blur(100px);
}

/* Sticky mobile CTA (this page only) */
.exergy-sf-page .sticky-mobile-cta{
  position:fixed; bottom:0; left:0; right:0; z-index:1030; background:#fff; border-top:1px solid rgba(13,44,64,.1);
  padding:.75rem 1rem; box-shadow:0 -10px 25px rgba(13,44,64,.08);
}
@media (min-width:992px){ .exergy-sf-page .sticky-mobile-cta{display:none;} }
@media (max-width:991px){ .exergy-sf-page{padding-bottom:70px;} }