/* GENERATED by build/bpl-el/make_css.py - do not edit on the server. Source: build/bpl/bpl.css */
/* Business Plan: page level adjustments only. Every component on this page already exists in the system.

   This brief caps eleven Surfer terms at one use each, which is why the panels here carry short labels
   drawn from the client's own sentences rather than restating them. */

/* ---------- 01 hero ---------- */
.bpl .chero .paths{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.bpl .chero .paths .btn{flex:0 0 auto}
.bpl .cta-core .paths.mid{display:flex;justify-content:center;margin-top:clamp(22px,3vh,28px)}
.bpl .chero .tag .ln{white-space:normal}

/* ---------- 02 the answer column, head inside so both columns start and end together ---------- */
.bpl .a2 .erow{align-items:stretch}
.bpl .a2 .shead{margin-bottom:clamp(14px,1.8vh,18px)}
.bpl .lead-col{display:flex;flex-direction:column;justify-content:flex-start}
.bpl .lead-col p{font-size:20px!important;line-height:1.7;color:var(--navy);max-width:46ch}

/* ---------- 06 the funding band runs three figures ---------- */
.bpl .a6 .statrow.three{display:grid;grid-template-columns:repeat(3,1fr)}
.bpl .a6 .statrow .fig{font-size:clamp(26px,2.4vw,34px)}

/* ---------- 11 the sequence runs five stages, not four ---------- */
.bpl .flow.five{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(14px,1.5vw,20px)}
@media (max-width:1100px){.bpl .flow.five{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.bpl .flow.five{grid-template-columns:1fr}}

/* a row that follows another block keeps its own spacing: the shared rule zeroes it */
.bpl .flow + .erow,.bpl .svcgrid + .secfollow,.bpl .statrow + .erow{margin-top:clamp(28px,3.4vh,38px)}

/* ---------- the console ring carries this page's own figure ---------- */
/* Measured: "30 hours" ran 113px at the shared 30px inside a 112px inner circle, and the two line
   caption ran wider still, so both crossed the stroke. The ring stays 124px for consistency with the
   other pages; the figure and the caption give way, and the caption is one short line. */
.bpl .ec-fig b{font-size:23px}
.bpl .ec-fig small{max-width:84px;font-size:8.5px;letter-spacing:.07em}

/* ---------- 04 the ledger: numeral on the name's own line, so both columns share a baseline ---------- */
.bpl .svcname.inline{flex-direction:row;align-items:baseline;gap:14px}
.bpl .svcname.inline .sn{flex:none}
.bpl .svctext p{padding-top:2px}

/* ---------- 02: the row is the section's first block, so it carries no top margin of its own ---------- */
.bpl .a2 .erow{margin-top:0}

/* ---------- the head sits inside the copy column wherever a device stands beside it ----------
   With the head above the row, the device could only start below it and read as dropped. Inside the
   column, the row is the whole section and the device's top edge lines up with the headline. */
.bpl .erow.topalign{align-items:stretch;margin-top:0}
.bpl .erow.topalign .ecol .shead{margin-bottom:clamp(14px,1.8vh,18px)}
.bpl .erow.topalign .ecol > p:first-of-type{margin-top:0}


/* ---------- Elementor parity for this page ---------- */
.bhp-bpl .paths .elementor-widget-button{width:auto;flex:0 0 auto}
.bhp-bpl .paths{display:flex}
.bhp-bpl .shead.e-con{margin-block-end:20px!important}
/* the head-to-first-block gap is the head's own margin; a row that follows another block keeps its space */
.bhp-bpl .shead + .erow.e-con,.bhp-bpl .shead + .statrow.e-con,.bhp-bpl .shead + .prail.e-con,
.bhp-bpl .shead + .flow.e-con,.bhp-bpl .shead + .svcgrid.e-con,
.bhp-bpl .shead + .svcgrid.three.e-con,.bhp-bpl .shead + .svcledger.e-con{margin-block-start:0!important}
.bhp-bpl .erow.e-con{margin-block-start:clamp(28px,3.4vh,38px)!important}
/* the console ring: "30 hours" is wider than the ring's inner circle at the shared 30px */
.bhp-bpl .ec-fig b{font-size:23px}
.bhp-bpl .ec-fig small{max-width:84px;font-size:8.5px;letter-spacing:.07em}
/* 02: the row is the section's first block, so it carries no top margin of its own */
.bhp-bpl .a2 .erow.e-con{margin-block-start:0!important}
/* the head sits inside the copy column wherever a device stands beside it, so the device's top edge
   lines up with the headline instead of starting below it */
.bhp-bpl .erow.topalign.e-con{margin-block-start:0!important}
.bhp-bpl .erow.topalign .ecol .shead.e-con{margin-block-end:16px!important}
.bhp-bpl .svcledger.e-con{display:flex}
.bhp-bpl .svcrow.e-con{align-items:start}
.bhp-bpl .svcname .elementor-heading-title{color:var(--navy)}
.bhp-bpl .svcrow:hover .svcname h3.elementor-heading-title{color:var(--gold-deep)}
.bhp-bpl .svctext .elementor-widget-text-editor p{max-width:66ch}
/* 06 the funding band runs three figures */
.bhp-bpl .statrow.three.e-con{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
.bhp-bpl .a6 .statrow .lstat .fig .elementor-heading-title{font-size:clamp(26px,2.4vw,34px)}
/* 11 the sequence runs five stages */
.bhp-bpl .flow.five.e-con{display:grid!important;grid-template-columns:repeat(5,1fr)!important}
/* 02 the covers panel */
.bhp-bpl .verdict.e-con{align-self:stretch;border-radius:14px;overflow:hidden;position:relative;
  padding:clamp(22px,2.8vh,28px) clamp(20px,2vw,26px);background:var(--field-navy);
  box-shadow:0 24px 60px rgba(23,29,58,.2)}
.bhp-bpl .verdict.e-con::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 60% at 100% 0%,rgba(255,176,0,.16),rgba(255,176,0,0) 70%)}
.bhp-bpl .verdict .vrow.e-con{position:relative}
.bhp-bpl .lead-col .elementor-widget-text-editor p{font-size:20px;line-height:1.7;max-width:46ch}
.bhp-bpl .a2 .shead.e-con{margin-block-end:16px!important}
/* 08 the three models */
.bhp-bpl .svcgrid.three.e-con{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
.bhp-bpl .svcgrid.two .svc.e-con{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.bhp-bpl .svcgrid.two .svc.e-con:hover{transform:translateY(-3px);
  box-shadow:0 22px 54px rgba(23,29,58,.12);border-color:rgba(255,176,0,.45)}
.bhp-bpl .secfollow p{max-width:92ch}
/* 06 the record */
.bhp-bpl .statrow.four.e-con{display:grid!important;grid-template-columns:repeat(4,1fr)!important}
.bhp-bpl .statrow .lstat .fig .elementor-heading-title{color:var(--gold)!important}
/* 08 the process rail */
.bhp-bpl .prail.e-con{position:relative;padding:0}
.bhp-bpl .prow.e-con{position:relative}
.bhp-bpl .prow.e-con:not(.last)::before{content:"";position:absolute;left:21px;top:38px;bottom:-6px;
  width:2px;background:linear-gradient(180deg,rgba(255,176,0,.55),rgba(255,176,0,.3))}
.bhp-bpl .pnodewrap.e-con{position:relative;z-index:1;flex:0 0 44px}
.bhp-bpl .pnode .elementor-heading-title{display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:50%;background:#fff;border:1.5px solid rgba(255,176,0,.55);
  color:var(--gold-deep);box-shadow:0 0 0 6px var(--cream);
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.bhp-bpl .pbody.e-con{padding:clamp(16px,2vh,20px) clamp(20px,2vw,26px);border-radius:14px;
  background:var(--field-cream);border:1px solid var(--line-light);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.bhp-bpl .pbody .elementor-widget-text-editor p{max-width:78ch}
.bhp-bpl .prow.e-con:hover .pnode .elementor-heading-title{background:var(--gold);border-color:var(--gold);
  color:var(--navy);transform:scale(1.06)}
.bhp-bpl .prow.e-con:hover .pbody.e-con{transform:translateX(4px);box-shadow:0 18px 44px rgba(23,29,58,.1);
  border-color:rgba(255,176,0,.45)}
.bhp-bpl .prow.last .pnode .elementor-heading-title{background:var(--gold);border-color:var(--gold);
  color:var(--navy)}
.bhp-bpl .prow.last .pbody.e-con{border-color:rgba(255,176,0,.45)}
/* 07 the cost band runs three figures */
.bhp-bpl .statrow.three.e-con{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
.bhp-bpl .a7 .statrow .lstat .fig .elementor-heading-title{font-size:clamp(26px,2.4vw,34px)}
/* 05 and 06 the subheads inside the copy column */
.bhp-bpl .sec-white .subh .elementor-heading-title,
.bhp-bpl .sec-cream .subh .elementor-heading-title{color:var(--navy)}
/* 11 the four stage flow */
.bhp-bpl .flow.four.e-con{display:grid!important;grid-template-columns:repeat(4,1fr)!important}
.bhp-bpl .fstage.e-con{position:relative;padding:clamp(24px,3vh,30px) clamp(22px,2.2vw,28px);
  border-radius:14px;background:#fff;border:1px solid var(--line-light);
  box-shadow:0 14px 40px rgba(23,29,58,.06)}
/* the step card's gold edge is a border now, stated once in bhp-fes-el.css, so the old
   pseudo-element bar is gone from every page rather than redrawn on each one */
/* the vertical band label wraps instead of setting the band height */
.bhp-bpl .closeband .ck .elementor-heading-title{writing-mode:vertical-rl;transform:rotate(180deg);
  max-height:110px;white-space:normal;line-height:1.35}
.bhp-bpl .closeband.e-con{width:auto}
/* 12 the dual author box */
.bhp-bpl .author.dual.e-con{display:grid!important;grid-template-columns:1fr 1fr!important;
  align-items:start!important;max-width:920px;margin-inline:auto}
.bhp-bpl .author.dual > .elementor-widget-heading{grid-column:1 / -1;justify-self:center;padding-top:8px}
.bhp-bpl .author.dual .abox img{width:56px!important;height:70px;object-fit:cover;object-position:50% 20%;
  border-radius:12px}
/* custom widget buttons never inherit the theme's link colour */
.bhp-bpl .econ button{color:#fff}
@media (max-width:1100px){
  .bhp-bpl .flow.four.e-con{grid-template-columns:repeat(2,1fr)!important}
}
@media (max-width:900px){
  .bhp-bpl .svcgrid.two.e-con{grid-template-columns:1fr!important}
  .bhp-bpl .pnodewrap.e-con{flex:0 0 36px}
  .bhp-bpl .pnode .elementor-heading-title{width:36px;height:36px;font-size:16px;
    box-shadow:0 0 0 5px var(--cream)}
  .bhp-bpl .prow.e-con:not(.last)::before{left:17px;top:32px}
  .bhp-bpl .author.dual.e-con{grid-template-columns:1fr!important}
}
@media (max-width:1100px){
  .bhp-bpl .flow.five.e-con{grid-template-columns:repeat(3,1fr)!important}
}
@media (max-width:700px){
  .bhp-bpl .flow.five.e-con{grid-template-columns:1fr!important}
  .bhp-bpl .svcgrid.three.e-con{grid-template-columns:1fr!important}
  .bhp-bpl .statrow.three.e-con{grid-template-columns:1fr!important}
  .bhp-bpl .statrow.four.e-con{grid-template-columns:1fr!important}
  .bhp-bpl .flow.four.e-con{grid-template-columns:1fr!important}
}