.hbpps-template{
  background:#f7f8f5;
}
.hbpps-page-hero{
  position:relative;
  overflow:hidden;
  padding:clamp(50px,7vw,92px) 0;
  background:
    radial-gradient(circle at 12% 0,rgba(64,161,124,.3),transparent 34%),
    radial-gradient(circle at 94% 96%,rgba(243,107,53,.16),transparent 28%),
    linear-gradient(135deg,#0c201a,#173f33 58%,#102b23);
  color:#fff;
}
.hbpps-page-hero:after{
  position:absolute;
  right:-130px;
  bottom:-210px;
  width:460px;
  height:460px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:50%;
  box-shadow:0 0 0 66px rgba(255,255,255,.025);
  content:"";
}
.hbpps-page-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:clamp(38px,6vw,80px);
  align-items:center;
}
.hbpps-page-hero .breadcrumbs{
  margin-bottom:22px;
  color:#b9d5ca;
}
.hbpps-page-hero .breadcrumbs a{color:#d6ebe3}
.hbpps-page-hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:17px;
  padding:8px 13px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#cce8dd;
  font-size:.77rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hbpps-page-hero-kicker:before{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#f36b35;
  box-shadow:0 0 0 5px rgba(243,107,53,.13);
  content:"";
}
.hbpps-page-hero h1{
  max-width:760px;
  margin:0;
  color:#fff;
  font-size:clamp(2.4rem,5.5vw,4.85rem);
  line-height:1.02;
  letter-spacing:-.045em;
}
.hbpps-page-hero-copy>p{
  max-width:690px;
  margin:24px 0 0;
  color:#d5e6df;
  font-size:clamp(1.04rem,1.9vw,1.25rem);
  line-height:1.65;
}
.hbpps-page-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:29px;
}
.hbpps-page-button{
  display:inline-flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  padding:12px 19px;
  border:1px solid #f36b35;
  border-radius:12px;
  background:#f36b35;
  color:#fff!important;
  font-weight:850;
  text-decoration:none;
}
.hbpps-page-button:hover{background:#c74719}
.hbpps-page-button-secondary{
  border-color:rgba(255,255,255,.24);
  background:rgba(255,255,255,.08);
}
.hbpps-page-button-secondary:hover{background:rgba(255,255,255,.15)}
.hbpps-page-hero-trust{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:21px;
}
.hbpps-page-hero-trust span{
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  color:#bfd8ce;
  font-size:.78rem;
  font-weight:750;
}
.hbpps-page-hero-media{
  position:relative;
  overflow:hidden;
  margin:0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:26px;
  background:#071510;
  box-shadow:0 28px 70px rgba(0,0,0,.32);
}
.hbpps-page-hero-media img{
  display:block;
  width:100%;
  min-height:410px;
  object-fit:cover;
  object-position:center 54%;
}
.hbpps-page-hero-media:after{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(5,18,14,.91));
  content:"";
}
.hbpps-page-hero-media figcaption{
  position:absolute;
  z-index:1;
  right:24px;
  bottom:22px;
  left:24px;
  display:flex;
  flex-direction:column;
  color:#fff;
}
.hbpps-page-hero-media figcaption strong{
  color:#bfe8d8;
  font-size:.73rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hbpps-page-hero-media figcaption span{
  margin-top:3px;
  font-size:1.25rem;
  font-weight:900;
}
.hbpps-page{
  padding:clamp(34px,6vw,74px) 0 90px;
}
.hbpps-page>.hb-wrap{
  width:min(1180px,calc(100% - 32px));
}
.hbpps-page .hb8-affiliate-notice{
  margin:0 0 30px;
}
.hbpps-page .hbpps{
  font-size:1rem;
  line-height:1.72;
}
.hbpps-template .hbpps-inline-hero{
  display:none;
}
@media(max-width:930px){
  .hbpps-page-hero-grid{grid-template-columns:1fr}
  .hbpps-page-hero-media{max-width:760px}
  .hbpps-page-hero-media img{min-height:360px}
}
@media(max-width:600px){
  .hbpps-page-hero{padding:42px 0}
  .hbpps-page-hero h1{font-size:clamp(2.25rem,13vw,3.5rem)}
  .hbpps-page-hero-actions{display:grid}
  .hbpps-page-button{width:100%}
  .hbpps-page-hero-media img{min-height:290px}
  .hbpps-page>.hb-wrap{width:min(100% - 22px,1180px)}
}