/* CTA + audit process: text used to clip at 750px and sit under the 151px banner. */
.section-banner{
  height:auto!important;
  min-height:151px;
  overflow:visible;
  box-sizing:border-box;
}
 .section-banner h3{
  color:#fff!important;
  line-height:1.15;
  margin:0 0 .35em;
}
.section-banner p{
  position:relative;
  z-index:1;
}
.ant-row.mb-4 .ant-col.section-gray{
  max-height:none!important;
  overflow:visible!important;
}

/* Rollback leftover: extra </div> dumped footer onto body and #__next stayed 100vh. */
html, body, #__next{
  height:auto!important;
  min-height:100%;
}
.ant-layout.fp-wrapper{
  height:auto!important;
  min-height:100%;
}
#home .product-list{
  justify-content:flex-start!important;
  column-gap:24px;
}
#home .product-list > .ant-col{
  max-width:380px;
}
#homeParticles{
  background:#050308!important;
}
#homeParticles canvas{
  display:block;
  width:100%;
  height:100%;
  pointer-events:none;
}

/* Lockup sits in the bar — no black plaque. */
.head-container .logo{
  width:auto!important;
  height:47px!important;
  display:flex!important;
  align-items:center;
  background:transparent!important;
  box-shadow:none!important;
}
.head-container .logo img,
.fp-header .logo img,
header a img[src*="hashproof"]{
  height:36px!important;
  width:auto!important;
  max-width:none!important;
  background:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  display:block;
}

/* Bright teal PCB — previous plates were navy/black and read as a black pill. */
.section-banner,
.section-banner.section-dark{
  background-color:#1a7aa8!important;
  background-image:
    linear-gradient(90deg, rgba(8,32,56,.5) 0%, rgba(8,32,56,.18) 42%, rgba(8,32,56,.06) 100%),
    url(/static/new/hp-review-banner-v4.jpg)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center!important;
  min-height:180px;
}
.section-banner h3,
.section-banner.section-dark h3{
  color:#fff!important;
  text-shadow:0 1px 10px rgba(0,0,0,.4);
}

/* Empty video slot was bg-black + 404 /static/video_bg.jpg = solid black pill. */
.container > .bg-black.section-dark.rounded-2xl,
.bg-black.section-dark.rounded-2xl{
  background:transparent!important;
  background-color:transparent!important;
}
.video-bg{
  background-color:#1a7aa8!important;
  background-image:url(/static/new/hp-video-bg-v1.jpg)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center!important;
  opacity:1!important;
  height:246px;
  border-radius:16px;
}

/* Footer: header lockup, no black plaque, text tagline instead of faded HASHPROOF. */
.fp-footer a.logo{
  width:auto!important;
  height:44px!important;
  display:flex!important;
  align-items:center;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  border:none!important;
  border-radius:0!important;
}
.fp-footer a.logo img{
  content:url(/hashproof-lockup-ink.png);
  height:40px!important;
  width:auto!important;
  max-width:none!important;
  background:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  display:block;
}
.fp-footer img[src*="hashproof-safer"]{
  display:none!important;
}
.fp-footer .flex.item-end{
  justify-content:flex-end;
  align-items:flex-end;
}
.fp-footer .flex.item-end::after{
  content:"Helping keep Web3 safer";
  font-family:"Helvetica Neue", Arial, sans-serif;
  font-size:14px;
  letter-spacing:.02em;
  text-transform:none;
  font-weight:400;
  color:#6b7280;
  line-height:1.2;
  white-space:nowrap;
}
.fp-footer .flex.item-end:has(.fp-footer-tag)::after{
  content:none;
}
.fp-footer-tag{
  margin:0;
  font-family:"Helvetica Neue", Arial, sans-serif;
  font-size:14px;
  letter-spacing:.02em;
  text-transform:none;
  font-weight:400;
  color:#6b7280;
  line-height:1.2;
}
footer.ant-layout-footer.bg-gray-section{
  border-top:1px solid #ececec;
  padding-top:32px!important;
  padding-bottom:20px!important;
}
.fp-footer .mb-15{
  margin-bottom:8px!important;
}
.fp-footer .fp-copyright,
.fp-footer .fp-copyright-text,
.fp-copyright,
.fp-copyright-text{
  color:#9ca3af!important;
  font-size:13px;
}

/* v19: forest-green CTAs, white text — never cyan #18b0d1 */
.bc-btn,
button.bc-btn,
.ant-btn.bc-btn,
.big-blue-btn,
.ant-btn.big-blue-btn,
.ant-btn.ant-btn-lg:not(.ant-input-search-button):not(.ant-tabs-nav-more),
header .ant-btn:not(.ant-input-search-button):not(.ant-tabs-nav-more),
.fp-header .ant-btn:not(.ant-input-search-button):not(.ant-tabs-nav-more),
.head-container .ant-btn:not(.ant-input-search-button):not(.ant-tabs-nav-more){
  background:#1B7A48!important;
  background-color:#1B7A48!important;
  border-color:#1B7A48!important;
  color:#fff!important;
}
.bc-btn:hover,
button.bc-btn:hover,
.ant-btn.bc-btn:hover,
.big-blue-btn:hover,
.ant-btn.big-blue-btn:hover,
.ant-btn.ant-btn-lg:not(.ant-input-search-button):not(.ant-tabs-nav-more):hover,
header .ant-btn:not(.ant-input-search-button):not(.ant-tabs-nav-more):hover,
.fp-header .ant-btn:not(.ant-input-search-button):not(.ant-tabs-nav-more):hover,
.head-container .ant-btn:not(.ant-input-search-button):not(.ant-tabs-nav-more):hover,
.bc-btn:focus,
button.bc-btn:focus,
.ant-btn.bc-btn:focus,
.big-blue-btn:focus,
.ant-btn.big-blue-btn:focus,
.ant-btn.ant-btn-lg:not(.ant-input-search-button):not(.ant-tabs-nav-more):focus,
header .ant-btn:not(.ant-input-search-button):not(.ant-tabs-nav-more):focus,
.fp-header .ant-btn:not(.ant-input-search-button):not(.ant-tabs-nav-more):focus,
.head-container .ant-btn:not(.ant-input-search-button):not(.ant-tabs-nav-more):focus{
  background:#218F55!important;
  background-color:#218F55!important;
  border-color:#218F55!important;
  color:#fff!important;
}
.bc-btn:active,
button.bc-btn:active,
.ant-btn.bc-btn:active,
.big-blue-btn:active,
.ant-btn.big-blue-btn:active,
.ant-btn.ant-btn-lg:not(.ant-input-search-button):not(.ant-tabs-nav-more):active,
header .ant-btn:not(.ant-input-search-button):not(.ant-tabs-nav-more):active,
.fp-header .ant-btn:not(.ant-input-search-button):not(.ant-tabs-nav-more):active,
.head-container .ant-btn:not(.ant-input-search-button):not(.ant-tabs-nav-more):active{
  background:#155A36!important;
  background-color:#155A36!important;
  border-color:#155A36!important;
  color:#fff!important;
}
.bc-btn a,
.bc-btn span,
button.bc-btn a,
button.bc-btn span,
.ant-btn.bc-btn a,
.ant-btn.bc-btn span,
.big-blue-btn a,
.big-blue-btn span,
.ant-btn.big-blue-btn a,
.ant-btn.big-blue-btn span,
.ant-btn.ant-btn-lg:not(.ant-input-search-button):not(.ant-tabs-nav-more) a,
.ant-btn.ant-btn-lg:not(.ant-input-search-button):not(.ant-tabs-nav-more) span,
header .ant-btn:not(.ant-input-search-button):not(.ant-tabs-nav-more) a,
header .ant-btn:not(.ant-input-search-button):not(.ant-tabs-nav-more) span,
.fp-header .ant-btn:not(.ant-input-search-button):not(.ant-tabs-nav-more) a,
.fp-header .ant-btn:not(.ant-input-search-button):not(.ant-tabs-nav-more) span,
.head-container .ant-btn:not(.ant-input-search-button):not(.ant-tabs-nav-more) a,
.head-container .ant-btn:not(.ant-input-search-button):not(.ant-tabs-nav-more) span{
  color:#fff!important;
}