/* HiveForge Showroom Visual Overlay V001
   Candidate-only. No production source modified. */
:root{
  --hfS-bg:#07111b;
  --hfS-panel:#0d1824;
  --hfS-panel2:#132130;
  --hfS-gold:#f3b94f;
  --hfS-gold2:#ffd27a;
  --hfS-text:#f7fbff;
  --hfS-muted:#a8b8c8;
  --hfS-line:#2a3a4b;
  --hfS-shadow:0 18px 50px rgba(0,0,0,.28);
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 50% -10%,rgba(243,185,79,.08),transparent 34rem),
    linear-gradient(180deg,#07111b 0%,#091521 46%,#07111b 100%) !important;
  color:var(--hfS-text) !important;
}
nav.sticky-nav,header{
  background:rgba(7,17,27,.91) !important;
  backdrop-filter:blur(16px);
  border-color:rgba(243,185,79,.16) !important;
}
.hero{padding-top:5.3rem !important;padding-bottom:3.2rem !important}
.hero h1{
  font-size:clamp(3rem,7vw,5.8rem) !important;
  line-height:.97 !important;
  letter-spacing:-.045em !important;
  max-width:950px;
}
.hero h2{font-size:clamp(1.4rem,3vw,2.2rem) !important}
.hero p.subheadline{
  max-width:720px !important;
  font-size:1.2rem !important;
  line-height:1.65;
}
.hero .trust-strip{
  max-width:760px !important;
  background:rgba(243,185,79,.10) !important;
  color:var(--hfS-gold2) !important;
  border:1px solid rgba(243,185,79,.24);
  border-radius:999px !important;
}
.problem-band{
  background:transparent !important;
  color:var(--hfS-gold2) !important;
  border-top:1px solid rgba(243,185,79,.14);
  border-bottom:1px solid rgba(243,185,79,.14);
}
.product-cards-row{gap:1.25rem !important}
.product-card,.coming-soon-card,#what-you-receive,#built-problem,.trust-item,#faq details,section{
  background:linear-gradient(180deg,rgba(19,33,48,.92),rgba(13,24,36,.96)) !important;
  border-color:var(--hfS-line) !important;
  box-shadow:var(--hfS-shadow) !important;
}
.product-card{
  border-radius:22px !important;
  padding:2.35rem 1.55rem 1.65rem !important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease !important;
}
.product-card:hover{
  transform:translateY(-6px);
  border-color:rgba(243,185,79,.7) !important;
  box-shadow:0 26px 65px rgba(0,0,0,.36),0 0 0 1px rgba(243,185,79,.10) !important;
}
.product-card.popular{border-color:var(--hfS-gold) !important}
.product-card .price{font-size:1.75rem !important}
.product-card .cta-btn,.hero .cta-row a,.closing-cta .cta-btn,nav .cta-button{
  border-radius:12px !important;
  padding:.8rem 1.35rem !important;
  box-shadow:0 8px 28px rgba(243,185,79,.12);
}
#how-it-works,#what-you-receive,#built-problem,#proof,#faq{max-width:980px !important}
.how-it-works-list{gap:1rem !important}
.how-step{
  border-left:none !important;
  border:1px solid var(--hfS-line);
  border-radius:16px !important;
  padding:1.35rem 1.5rem !important;
}
#what-you-receive{border:1px solid var(--hfS-line)}
#what-you-receive .content-card{
  border:1px solid rgba(255,255,255,.05);
  border-radius:14px !important;
}
.coming-soon-card{border-radius:18px !important}
#built-problem{border:1px solid rgba(243,185,79,.18)}
.trust-item{
  border-left:none !important;
  border:1px solid rgba(97,208,149,.22) !important;
  border-radius:14px !important;
}
#faq details{border:1px solid var(--hfS-line) !important}
.closing-cta{
  background:linear-gradient(135deg,#e6a838,#ffd27a) !important;
  box-shadow:0 24px 70px rgba(243,185,79,.18);
  border-radius:22px !important;
}
footer#contact,footer{
  background:#06101a !important;
  border-top:1px solid rgba(243,185,79,.12) !important;
}
main{max-width:1080px !important}
section{border-radius:18px !important}
@media(max-width:900px){
  .hero{padding-top:3.6rem !important}
  .product-card{max-width:620px !important}
}
@media(max-width:610px){
  body{font-size:16px !important}
  .hero h1{font-size:clamp(2.55rem,14vw,4rem) !important}
  .hero .cta-row{gap:.8rem !important}
  .hero .cta-row a{width:100%;text-align:center}
  nav .nav-links{flex-wrap:wrap;justify-content:center}
  .product-card{border-radius:18px !important}
}

/* === Responsive QA repairs V001 === */
main,section,.product-card,.coming-soon-card,.trust-item{min-width:0}
main a,section a{overflow-wrap:anywhere;word-break:break-word}
.trust-item .badge{
  position:static !important;
  margin-left:0 !important;
  max-width:100% !important;
  width:auto !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  flex:0 1 auto !important;
}
@media(max-width:900px){
  nav.sticky-nav{flex-wrap:wrap !important;gap:.65rem 1rem}
  nav .nav-links{flex-wrap:wrap !important;justify-content:center !important}
  nav .cta-button{margin-left:0 !important}
}
@media(max-width:610px){
  #hives,.product-cards-row,#coming-soon,.coming-soon-cards-row,#proof,.trust-list{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  .product-card,.coming-soon-card{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }
  .coming-soon-cards-row{padding-left:.35rem !important;padding-right:.35rem !important}
  .trust-item{padding-left:1rem !important;padding-right:1rem !important}
  main{width:100% !important;max-width:100% !important;overflow-wrap:anywhere}
  main section{max-width:100% !important;min-width:0 !important}
}