:root{
  --pricing-dark:#020514;
  --pricing-ink:#14172d;
  --pricing-muted:#656779;
  --pricing-line:#e3deed;
  --pricing-soft:#f8f6fb;
  --pricing-gold:#f9b908;
  --pricing-orange:#ff5a00;
  --pricing-blue:#173fcf;
  --pricing-magenta:#e504ee;
}

.pricing-journey-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 87% 18%,rgba(23,63,207,.42),transparent 30%),
    radial-gradient(circle at 65% 120%,rgba(229,4,238,.2),transparent 42%),
    linear-gradient(122deg,#020514 0%,#080f2d 56%,#111d57 100%);
}
.pricing-journey-hero:after{
  content:"";
  position:absolute;
  width:760px;
  height:760px;
  right:-330px;
  bottom:-470px;
  border:1px solid rgba(249,185,8,.25);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(23,63,207,.06),0 0 0 150px rgba(229,4,238,.035);
  pointer-events:none;
}
.pricing-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  align-items:center;
  gap:clamp(2rem,6vw,6rem);
}
.pricing-journey-hero h1{max-width:900px}
.pricing-journey-hero p{max-width:850px}
.pricing-control-strip{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:1.5rem;
}
.pricing-control-strip span{
  padding:.55rem .8rem;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  color:#f2f2f8;
  background:rgba(255,255,255,.045);
  font-size:.75rem;
  font-weight:750;
}
.pricing-control-card{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:1rem;
  padding:1.55rem;
  border:1px solid rgba(255,255,255,.19);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));
  box-shadow:0 24px 70px rgba(0,0,0,.26);
  backdrop-filter:blur(14px);
}
.pricing-control-card strong{display:block;color:#fff;font-size:1.15rem;margin-bottom:.35rem}
.pricing-control-card p{margin:0;color:#d7d9e7;font-size:.93rem;line-height:1.65}
.pricing-control-icon{
  width:3.1rem;
  height:3.1rem;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,var(--pricing-gold),var(--pricing-orange));
  color:#080b19;
  font-size:1.4rem;
  font-weight:950;
  box-shadow:0 0 0 7px rgba(249,185,8,.11);
}

.end-to-end-process,.commercial-visibility-section,.client-control-section,.project-initiation-section{
  margin-top:clamp(4rem,8vw,7rem);
  margin-bottom:clamp(4rem,8vw,7rem);
}
.pricing-section-lead,.pricing-heading-block>p{
  max-width:900px;
  color:var(--pricing-muted);
  font-size:1.03rem;
}
.pricing-process-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
  margin-top:2rem;
  counter-reset:pricing-step;
}
.pricing-process-grid article{
  position:relative;
  min-height:270px;
  padding:1.35rem;
  border:1px solid var(--pricing-line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 36px rgba(15,12,43,.07);
  overflow:hidden;
}
.pricing-process-grid article:after{
  content:"";
  position:absolute;
  inset:auto -38px -52px auto;
  width:140px;
  height:140px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(23,63,207,.12),transparent 67%);
}
.pricing-process-grid article>span{
  width:2.45rem;
  height:2.45rem;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,var(--pricing-blue),#242a7a);
  font-weight:900;
  margin-bottom:1rem;
}
.pricing-process-grid article:nth-child(3n+2)>span{background:linear-gradient(145deg,var(--pricing-magenta),#6c268c)}
.pricing-process-grid article:nth-child(3n)>span{background:linear-gradient(145deg,var(--pricing-gold),var(--pricing-orange));color:#10121f}
.pricing-process-grid small{
  display:inline-block;
  margin-bottom:.65rem;
  color:#6b4f00;
  background:#fff7d7;
  border-radius:999px;
  padding:.3rem .55rem;
  text-transform:uppercase;
  letter-spacing:.07em;
  font-size:.62rem;
  font-weight:850;
}
.pricing-process-grid strong{display:block;color:var(--pricing-ink);font-size:1.05rem;line-height:1.3}
.pricing-process-grid p{position:relative;z-index:1;margin:.65rem 0 0;color:var(--pricing-muted);font-size:.88rem;line-height:1.62}

.commercial-visibility-section{
  padding:clamp(2rem,5vw,4rem);
  border-radius:30px;
  background:linear-gradient(145deg,#f7f4fb,#fffdf6);
  border:1px solid var(--pricing-line);
}
.commercial-visibility-copy{max-width:850px}
.commercial-visibility-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
  margin-top:2rem;
}
.commercial-visibility-grid article{
  padding:1.25rem;
  border-radius:16px;
  background:#fff;
  border:1px solid #e7e1ef;
  box-shadow:0 10px 26px rgba(20,13,50,.05);
}
.commercial-visibility-grid strong{display:block;color:var(--pricing-ink);margin-bottom:.45rem}
.commercial-visibility-grid p{margin:0;color:var(--pricing-muted);font-size:.85rem;line-height:1.58}
.commercial-change-rule{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.85rem;
  align-items:start;
  margin-top:1.25rem;
  padding:1rem 1.15rem;
  border-left:4px solid var(--pricing-gold);
  background:#fff;
}
.commercial-change-rule strong{color:var(--pricing-ink)}
.commercial-change-rule span{color:var(--pricing-muted)}
.pricing-heading-block{margin-bottom:1.5rem}

.vendor-transparency-band{
  position:relative;
  overflow:hidden;
  margin:clamp(4rem,8vw,7rem) 0;
  padding:clamp(4rem,8vw,7rem) 0;
  color:#fff;
  background:
    radial-gradient(circle at 12% 10%,rgba(229,4,238,.2),transparent 30%),
    radial-gradient(circle at 88% 90%,rgba(23,63,207,.32),transparent 38%),
    var(--pricing-dark);
}
.vendor-transparency-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  gap:clamp(2rem,6vw,6rem);
  align-items:start;
}
.vendor-transparency-band h2{color:#fff;max-width:800px}
.vendor-transparency-band p{color:#d5d7e7;max-width:850px}
.client-first-statement{
  display:grid;
  gap:.35rem;
  margin-top:1.5rem;
  padding:1.2rem 1.35rem;
  border-left:4px solid var(--pricing-gold);
  background:rgba(255,255,255,.07);
}
.client-first-statement strong{color:var(--pricing-gold)}
.client-first-statement span{color:#eef0f7}
.vendor-disclosure-card{
  padding:1.6rem;
  border:1px solid rgba(255,255,255,.18);
  border-radius:24px;
  background:rgba(255,255,255,.07);
  box-shadow:0 24px 70px rgba(0,0,0,.25);
}
.vendor-disclosure-card h3{color:#fff}
.vendor-disclosure-card ul{padding-left:1.15rem;color:#d7d9e6}
.vendor-disclosure-card li{margin:.55rem 0}
.vendor-disclosure-card>strong{display:block;color:var(--pricing-gold);margin-top:1rem}

.client-control-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  margin-top:2rem;
}
.client-control-grid article{
  padding:1.35rem;
  border:1px solid var(--pricing-line);
  border-radius:18px;
  background:#fff;
}
.client-control-grid article>span{
  display:block;
  color:var(--pricing-blue);
  font-size:1.7rem;
  line-height:1;
  font-weight:900;
  margin-bottom:.85rem;
}
.client-control-grid strong{display:block;color:var(--pricing-ink);margin-bottom:.4rem}
.client-control-grid p{margin:0;color:var(--pricing-muted);font-size:.88rem;line-height:1.6}

.project-initiation-section{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);
  gap:clamp(2rem,6vw,6rem);
  align-items:start;
  padding:clamp(2rem,5vw,4rem);
  border-radius:28px;
  background:linear-gradient(135deg,#fff,#f3f6ff);
  border:1px solid var(--pricing-line);
}
.project-initiation-copy p{color:var(--pricing-muted);font-size:1rem}
.project-initiation-deliverables{
  padding:1.4rem;
  border-radius:18px;
  background:var(--pricing-dark);
  color:#fff;
}
.project-initiation-deliverables>strong{color:var(--pricing-gold)}
.project-initiation-deliverables ul{padding-left:1.15rem;margin-bottom:0;color:#e0e1eb}
.project-initiation-deliverables li{margin:.5rem 0}
.pricing-terms{margin-bottom:5rem}

@media(max-width:1120px){
  .pricing-process-grid,.commercial-visibility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .client-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .pricing-hero-grid,.vendor-transparency-grid,.project-initiation-section{grid-template-columns:1fr}
  .pricing-control-card{max-width:680px}
}
@media(max-width:650px){
  .pricing-process-grid,.commercial-visibility-grid,.client-control-grid{grid-template-columns:1fr}
  .pricing-process-grid article{min-height:0}
  .commercial-change-rule{grid-template-columns:1fr}
  .pricing-control-strip{display:grid}
  .pricing-control-strip span{text-align:center}
  .commercial-visibility-section,.project-initiation-section{padding:1.35rem;border-radius:20px}
}
@media(prefers-reduced-motion:reduce){
  .pricing-journey-hero:after{box-shadow:none}
}