.hbpc-template{
  --hbpc-ink:#10231d;
  --hbpc-green:#1d624c;
  --hbpc-green-2:#2e8768;
  --hbpc-orange:#f36b35;
  --hbpc-orange-dark:#d95624;
  --hbpc-mint:#e8f5ef;
  --hbpc-cream:#f7f4ed;
  --hbpc-line:#dce5e0;
  --hbpc-muted:#5d6d67;
  --hbpc-white:#fff;
  --hbpc-shadow:0 24px 70px rgba(16,35,29,.12);
  color:var(--hbpc-ink);
  background:#fff;
}
.hbpc-template *,
.hbpc-template *::before,
.hbpc-template *::after{box-sizing:border-box}
.hbpc-template :focus-visible{
  outline:3px solid #ffad87;
  outline-offset:3px;
}
.hbpc-template a{color:var(--hbpc-green)}
.hbpc-hero{
  position:relative;
  overflow:hidden;
  padding:86px 0 78px;
  color:#fff;
  background:
    radial-gradient(circle at 83% 18%,rgba(74,170,132,.32),transparent 30%),
    radial-gradient(circle at 15% 82%,rgba(243,107,53,.14),transparent 24%),
    linear-gradient(135deg,#0c2119,#123d30);
}
.hbpc-hero::after{
  position:absolute;
  inset:0;
  opacity:.11;
  background-image:
    linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to left,#000,transparent 72%);
  content:"";
  pointer-events:none;
}
.hbpc-hero .hb-wrap{
  width:min(calc(100% - 40px),1180px);
  margin:auto;
}
.hbpc-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr);
  gap:clamp(38px,6vw,74px);
  align-items:center;
}
.hbpc-hero .breadcrumbs{
  margin-bottom:28px;
  color:#bad2c9;
}
.hbpc-hero .breadcrumbs a{color:#e8f5ef}
.hbpc-hero-kicker,
.hbpc-overline{
  display:inline-flex;
  margin-bottom:13px;
  color:#a84a26;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.hbpc-hero-kicker{color:#ffb18e}
.hbpc-hero h1{
  max-width:830px;
  margin:0 0 22px;
  color:#fff;
  font-size:clamp(2.6rem,5.6vw,5rem);
  line-height:1;
  letter-spacing:-.052em;
}
.hbpc-hero-copy{
  max-width:760px;
  margin:0;
  color:#d4e6df;
  font-size:clamp(1.05rem,1.5vw,1.24rem);
  line-height:1.62;
}
.hbpc-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:29px;
}
.hbpc-button{
  display:inline-flex;
  min-height:50px;
  align-items:center;
  justify-content:center;
  padding:13px 21px;
  border:2px solid transparent;
  border-radius:11px;
  color:#fff!important;
  background:var(--hbpc-orange);
  box-shadow:0 13px 30px rgba(243,107,53,.23);
  font-size:.94rem;
  font-weight:850;
  text-decoration:none!important;
  transition:transform .18s ease,background-color .18s ease,border-color .18s ease;
}
.hbpc-button:hover{
  transform:translateY(-2px);
  background:var(--hbpc-orange-dark);
}
.hbpc-button-secondary{
  border-color:rgba(255,255,255,.35);
  background:rgba(255,255,255,.06);
  box-shadow:none;
}
.hbpc-button-secondary:hover{
  border-color:#fff;
  background:rgba(255,255,255,.12);
}
.hbpc-hero-trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px 21px;
  margin:26px 0 0;
  padding:0;
  color:#bcd2ca;
  font-size:.86rem;
  list-style:none;
}
.hbpc-hero-trust li{
  display:flex;
  gap:8px;
  align-items:center;
}
.hbpc-hero-trust li::before{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#69c99f;
  content:"";
}
.hbpc-hero-card{
  padding:27px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:22px;
  background:rgba(255,255,255,.075);
  box-shadow:0 26px 70px rgba(0,0,0,.2);
  backdrop-filter:blur(10px);
}
.hbpc-hero-card>span{
  color:#ffb18e;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.hbpc-hero-card ul{
  display:grid;
  gap:0;
  margin:17px 0 0;
  padding:0;
  list-style:none;
}
.hbpc-hero-card li{
  padding:14px 0;
  border-top:1px solid rgba(255,255,255,.12);
}
.hbpc-hero-card strong,
.hbpc-hero-card small{display:block}
.hbpc-hero-card strong{color:#fff}
.hbpc-hero-card small{
  margin-top:2px;
  color:#bed1ca;
  font-size:.85rem;
  line-height:1.45;
}
.hbpc-hero-card p{
  margin:16px 0 0;
  color:#b9cec6;
  font-size:.82rem;
}

.hbpc-page{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
.hbpc-shell{
  color:var(--hbpc-ink);
  background:#fff;
}
.hbpc-tool,
.hbpc-section,
.hbpc-related{
  width:min(calc(100% - 40px),1180px);
  margin-right:auto;
  margin-left:auto;
}
.hbpc-tool{padding:76px 0 82px}
.hbpc-tool-header{
  display:flex;
  gap:30px;
  align-items:flex-start;
  justify-content:space-between;
  margin-bottom:24px;
}
.hbpc-tool-header h2,
.hbpc-section-heading h2,
.hbpc-method-grid h2{
  max-width:850px;
  margin:0 0 14px;
  color:var(--hbpc-ink);
  font-size:clamp(2rem,4vw,3.45rem);
  line-height:1.08;
  letter-spacing:-.04em;
}
.hbpc-tool-header p,
.hbpc-section-heading>p{
  max-width:820px;
  margin:0;
  color:var(--hbpc-muted);
  font-size:1.06rem;
  line-height:1.7;
}
.hbpc-reset,
.hbpc-add,
.hbpc-presets button{
  min-height:42px;
  border:1px solid var(--hbpc-line);
  border-radius:10px;
  color:var(--hbpc-green);
  background:#fff;
  font:inherit;
  font-size:.86rem;
  font-weight:850;
  cursor:pointer;
  transition:border-color .18s ease,background-color .18s ease,transform .18s ease;
}
.hbpc-reset{
  flex:0 0 auto;
  padding:9px 14px;
}
.hbpc-reset:hover,
.hbpc-add:hover,
.hbpc-presets button:hover{
  border-color:var(--hbpc-green-2);
  background:var(--hbpc-mint);
  transform:translateY(-1px);
}
.hbpc-presets{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  align-items:center;
  margin:27px 0 20px;
  padding:15px;
  border:1px solid var(--hbpc-line);
  border-radius:15px;
  background:var(--hbpc-cream);
}
.hbpc-presets>span{
  margin-right:3px;
  font-size:.83rem;
  font-weight:850;
}
.hbpc-presets button{padding:8px 12px}
.hbpc-presets small{
  flex-basis:100%;
  color:var(--hbpc-muted);
  font-size:.78rem;
}
.hbpc-workspace{
  display:grid;
  grid-template-columns:minmax(0,1.36fr) minmax(320px,.64fr);
  gap:28px;
  align-items:start;
}
.hbpc-controls{
  display:grid;
  gap:18px;
  min-width:0;
  margin:0;
}
.hbpc-panel{
  min-width:0;
  margin:0;
  padding:25px;
  border:1px solid var(--hbpc-line);
  border-radius:20px;
  background:var(--hbpc-cream);
}
.hbpc-panel legend{
  display:flex;
  gap:10px;
  align-items:center;
  padding:0 8px;
  color:var(--hbpc-ink);
  font-size:1.04rem;
  font-weight:900;
}
.hbpc-panel legend span{
  display:grid;
  width:31px;
  height:31px;
  place-items:center;
  border-radius:9px;
  color:#fff;
  background:var(--hbpc-orange);
  font-size:.8rem;
}
.hbpc-field-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
  margin-top:10px;
}
.hbpc-field{
  display:grid;
  gap:8px;
  min-width:0;
  align-content:start;
  padding:15px;
  border:1px solid var(--hbpc-line);
  border-radius:13px;
  background:#fff;
}
.hbpc-field-label{
  color:var(--hbpc-ink);
  font-size:.9rem;
  font-weight:850;
}
.hbpc-input-unit,
.hbpc-mini-unit{
  display:flex;
  gap:8px;
  align-items:center;
  color:var(--hbpc-muted);
  font-size:.85rem;
  font-weight:750;
}
.hbpc-field input,
.hbpc-field select,
.hbpc-load-row input,
.hbpc-load-row select{
  width:100%;
  min-height:42px;
  padding:9px 10px;
  border:1px solid #b9cbc3;
  border-radius:8px;
  color:var(--hbpc-ink);
  background:#fff;
  font:inherit;
}
.hbpc-input-unit input{min-width:0}
.hbpc-field small{
  color:var(--hbpc-muted);
  font-size:.78rem;
  line-height:1.42;
}
.hbpc-help{
  margin:17px 0 0;
  color:var(--hbpc-muted);
  font-size:.86rem;
  line-height:1.58;
}
.hbpc-result{
  position:sticky;
  top:104px;
  overflow:hidden;
  padding:28px;
  border-radius:22px;
  color:#fff;
  background:
    radial-gradient(circle at 100% 0,rgba(66,182,138,.26),transparent 33%),
    var(--hbpc-ink);
  box-shadow:var(--hbpc-shadow);
}
.hbpc-result-label{
  color:#bfe8d8;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.hbpc-result-main{
  margin:20px 0 13px;
}
.hbpc-result-main strong,
.hbpc-result-main span{display:block}
.hbpc-result-main strong{
  overflow-wrap:anywhere;
  color:#fff;
  font-size:clamp(2.25rem,4.8vw,4rem);
  line-height:.95;
  letter-spacing:-.045em;
}
.hbpc-result-main span{
  margin-top:7px;
  color:#c6ddd4;
}
.hbpc-result-status{
  margin:0 0 20px;
  padding:12px 13px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:10px;
  color:#e0eee9;
  background:rgba(255,255,255,.06);
  font-size:.85rem;
  line-height:1.5;
}
.hbpc-result dl{margin:0}
.hbpc-result dl div{
  display:flex;
  gap:15px;
  justify-content:space-between;
  padding:12px 0;
  border-top:1px solid rgba(255,255,255,.13);
}
.hbpc-result dt{
  color:#bdd3cb;
  font-size:.86rem;
}
.hbpc-result dd{
  margin:0;
  color:#fff;
  font-size:.88rem;
  font-weight:850;
  text-align:right;
}
.hbpc-result-link{
  display:flex;
  min-height:46px;
  align-items:center;
  justify-content:center;
  margin-top:21px;
  padding:11px 14px;
  border-radius:10px;
  color:#fff!important;
  background:var(--hbpc-orange);
  font-size:.88rem;
  font-weight:850;
  text-align:center;
  text-decoration:none!important;
}
.hbpc-result-link:hover{background:var(--hbpc-orange-dark)}
.hbpc-result-foot{
  margin:16px 0 0;
  color:#aec7bd;
  font-size:.77rem;
  line-height:1.5;
}

.hbpc-load-list,
.hbpc-custom-loads{
  display:grid;
  gap:10px;
  margin-top:12px;
}
.hbpc-custom-loads:empty{display:none}
.hbpc-load-row{
  display:grid;
  grid-template-columns:minmax(190px,1.35fr) 58px 105px 105px 93px 130px;
  gap:9px;
  align-items:end;
  padding:13px;
  border:1px solid var(--hbpc-line);
  border-radius:13px;
  background:#fff;
  opacity:.72;
  transition:border-color .18s ease,box-shadow .18s ease,opacity .18s ease;
}
.hbpc-load-row.is-selected{
  border-color:#95cdb7;
  box-shadow:0 8px 24px rgba(29,98,76,.08);
  opacity:1;
}
.hbpc-load-choice{
  display:flex;
  gap:10px;
  align-items:center;
  min-width:0;
}
.hbpc-load-choice>.hbpc-gen-check{
  flex:0 0 auto;
  width:20px;
  min-height:20px;
  height:20px;
  accent-color:var(--hbpc-orange);
}
.hbpc-load-choice label{
  display:block;
  min-width:0;
  cursor:pointer;
}
.hbpc-load-choice strong,
.hbpc-load-choice small{display:block}
.hbpc-load-choice strong{
  color:var(--hbpc-ink);
  font-size:.9rem;
}
.hbpc-load-choice small{
  margin-top:2px;
  color:var(--hbpc-muted);
  font-size:.72rem;
}
.hbpc-load-row>label{
  display:grid;
  gap:5px;
  color:var(--hbpc-muted);
  font-size:.73rem;
  font-weight:800;
}
.hbpc-load-row input,
.hbpc-load-row select{
  min-height:38px;
  padding:7px;
  font-size:.82rem;
}
.hbpc-load-row-custom{
  position:relative;
  padding-right:13px;
}
.hbpc-gen-name{
  min-height:34px!important;
  padding:5px 7px!important;
  font-weight:800!important;
}
.hbpc-remove{
  grid-column:1/-1;
  justify-self:start;
  padding:5px 0;
  border:0;
  color:#a5401d;
  background:transparent;
  font:inherit;
  font-size:.75rem;
  font-weight:850;
  cursor:pointer;
}
.hbpc-add{
  margin-top:13px;
  padding:9px 14px;
}

.hbpc-section{
  padding:82px 0;
}
.hbpc-section-soft{
  width:100%;
  max-width:none;
  padding-right:max(20px,calc((100% - 1180px)/2));
  padding-left:max(20px,calc((100% - 1180px)/2));
  background:var(--hbpc-cream);
}
.hbpc-section-dark{
  width:100%;
  max-width:none;
  padding-right:max(20px,calc((100% - 1180px)/2));
  padding-left:max(20px,calc((100% - 1180px)/2));
  color:#fff;
  background:var(--hbpc-ink);
}
.hbpc-section-heading{margin-bottom:31px}
.hbpc-section-dark .hbpc-overline{color:#ffb18e}
.hbpc-section-dark .hbpc-section-heading h2{color:#fff}
.hbpc-card-grid,
.hbpc-decision-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.hbpc-card-grid article,
.hbpc-decision-grid article{
  padding:25px;
  border:1px solid var(--hbpc-line);
  border-radius:18px;
  background:#fff;
}
.hbpc-card-grid article>span{
  display:grid;
  width:39px;
  height:39px;
  place-items:center;
  margin-bottom:18px;
  border-radius:11px;
  color:#fff;
  background:var(--hbpc-green);
  font-size:.77rem;
  font-weight:900;
}
.hbpc-card-grid h3,
.hbpc-decision-grid h3{
  margin:0 0 9px;
  color:var(--hbpc-ink);
  font-size:1.18rem;
}
.hbpc-card-grid p,
.hbpc-decision-grid p{
  margin:0;
  color:var(--hbpc-muted);
  font-size:.93rem;
  line-height:1.65;
}
.hbpc-decision-grid article{
  border-color:rgba(255,255,255,.13);
  background:rgba(255,255,255,.06);
}
.hbpc-decision-grid h3{color:#fff}
.hbpc-decision-grid p{color:#c4d8d0}
.hbpc-method-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  gap:38px;
  align-items:start;
}
.hbpc-formula{
  display:grid;
  gap:10px;
  margin-top:23px;
}
.hbpc-formula p{
  margin:0;
  padding:16px 17px;
  border-left:4px solid var(--hbpc-green-2);
  border-radius:0 11px 11px 0;
  color:#31463e;
  background:var(--hbpc-mint);
  line-height:1.55;
}
.hbpc-callout{
  padding:25px;
  border-radius:18px;
  color:#fff;
  background:linear-gradient(145deg,var(--hbpc-green),var(--hbpc-ink));
}
.hbpc-callout-warning{background:linear-gradient(145deg,#913e20,#4d2416)}
.hbpc-callout strong{
  display:block;
  font-size:1.13rem;
}
.hbpc-callout p{
  margin:10px 0 17px;
  color:#d5e7e0;
  line-height:1.65;
}
.hbpc-callout a{
  color:#fff;
  font-weight:850;
}
.hbpc-faq details{
  border-top:1px solid var(--hbpc-line);
}
.hbpc-faq details:last-child{border-bottom:1px solid var(--hbpc-line)}
.hbpc-faq summary{
  padding:19px 4px;
  color:var(--hbpc-ink);
  font-weight:850;
  cursor:pointer;
}
.hbpc-faq details p{
  max-width:880px;
  margin:0 0 20px 4px;
  color:var(--hbpc-muted);
  line-height:1.68;
}
.hbpc-related{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  padding:0 0 86px;
}
.hbpc-related a{
  display:block;
  padding:22px;
  border:1px solid var(--hbpc-line);
  border-radius:17px;
  color:var(--hbpc-ink);
  background:#fff;
  text-decoration:none;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.hbpc-related a:hover{
  border-color:#96cbb7;
  box-shadow:0 14px 35px rgba(16,35,29,.09);
  transform:translateY(-2px);
}
.hbpc-related span,
.hbpc-related strong,
.hbpc-related small{display:block}
.hbpc-related span{
  margin-bottom:7px;
  color:var(--hbpc-orange-dark);
  font-size:.71rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hbpc-related strong{font-size:1.07rem}
.hbpc-related small{
  margin-top:7px;
  color:var(--hbpc-muted);
  line-height:1.5;
}
.hbpc-mobile-result{display:none}

@media(max-width:1100px){
  .hbpc-load-row{
    grid-template-columns:minmax(180px,1.4fr) 58px repeat(2,100px);
  }
  .hbpc-load-row>label:nth-of-type(4),
  .hbpc-load-row>label:nth-of-type(5){
    grid-column:span 2;
  }
}
@media(max-width:940px){
  .hbpc-hero-grid,
  .hbpc-workspace,
  .hbpc-method-grid{grid-template-columns:1fr}
  .hbpc-hero-card{max-width:650px}
  .hbpc-result{position:static}
  .hbpc-card-grid,
  .hbpc-decision-grid{grid-template-columns:1fr 1fr}
  .hbpc-related{grid-template-columns:1fr}
  .hbpc-workspace-generator .hbpc-result{grid-row:1}
}
@media(max-width:680px){
  .hbpc-hero{padding:57px 0 55px}
  .hbpc-hero .hb-wrap,
  .hbpc-tool,
  .hbpc-section,
  .hbpc-related{width:min(calc(100% - 28px),1180px)}
  .hbpc-section-soft,
  .hbpc-section-dark{
    width:100%;
    padding-right:14px;
    padding-left:14px;
  }
  .hbpc-hero h1{font-size:clamp(2.35rem,13vw,3.65rem)}
  .hbpc-tool{padding:58px 0 64px}
  .hbpc-section{padding-top:64px;padding-bottom:64px}
  .hbpc-tool-header{
    display:grid;
    gap:18px;
  }
  .hbpc-reset{justify-self:start}
  .hbpc-field-grid,
  .hbpc-card-grid,
  .hbpc-decision-grid{grid-template-columns:1fr}
  .hbpc-panel{padding:18px 14px}
  .hbpc-load-row{
    grid-template-columns:1fr 1fr;
    align-items:start;
  }
  .hbpc-load-choice{grid-column:1/-1}
  .hbpc-load-row>label:nth-of-type(4),
  .hbpc-load-row>label:nth-of-type(5){grid-column:auto}
  .hbpc-result dl div{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }
  .hbpc-result dd{text-align:left}
  .hbpc-related{padding-bottom:92px}
  .hbpc-mobile-result{
    position:fixed;
    z-index:999;
    right:12px;
    bottom:12px;
    left:12px;
    display:flex;
    min-height:54px;
    align-items:center;
    justify-content:space-between;
    padding:10px 14px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:14px;
    color:#fff!important;
    background:var(--hbpc-ink);
    box-shadow:0 14px 40px rgba(0,0,0,.3);
    text-decoration:none!important;
  }
  .hbpc-mobile-result span{font-size:1rem;font-weight:900}
  .hbpc-mobile-result strong{color:#ffb18e;font-size:.8rem}
}
@media(prefers-reduced-motion:reduce){
  .hbpc-template *,
  .hbpc-template *::before,
  .hbpc-template *::after{
    scroll-behavior:auto!important;
    transition:none!important;
  }
}
@media print{
  .hbpc-hero-actions,
  .hbpc-reset,
  .hbpc-presets,
  .hbpc-add,
  .hbpc-remove,
  .hbpc-mobile-result,
  .hbpc-related{display:none!important}
  .hbpc-hero{
    padding:28px 0;
    color:#000;
    background:#fff;
  }
  .hbpc-hero h1,
  .hbpc-hero-copy{color:#000}
  .hbpc-hero-card,
  .hbpc-result{
    color:#000;
    background:#fff;
    box-shadow:none;
  }
  .hbpc-result *{color:#000!important}
  .hbpc-workspace{grid-template-columns:1fr}
}