/* Big Helpers refresh, 2026-05-22.
   Keeps the existing logo asset and standardises the current static nav. */
:root{
  --bh-page:#F4FFF8;
  --bh-surface:#FFFFFF;
  --bh-mint:#EAFFE8;
  --bh-cream:#F7F4EC;
  --bh-lav:#F0F4FF;
  --bh-ink:#10131A;
  --bh-soft:#4B5563;
  --bh-teal:#0F534F;
  --bh-green:#16A34A;
  --bh-green-soft:#DCF8C6;
  --bh-line:#DCE8E2;
}

html,body{overflow-x:hidden;max-width:100vw}body{background:var(--bh-page)!important;color:var(--bh-ink)!important}
a{color:var(--bh-teal)}
a:hover{color:#0b3d39}
.wrap,.wrap-wide{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:22px;padding-right:22px;box-sizing:border-box}
.section-title{color:var(--bh-ink)!important;letter-spacing:0!important}
.section-sub{color:var(--bh-soft)!important}

.trust-bar{
  background:#0F534F!important;
  color:#DCF8C6!important;
  padding:9px 18px!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
}
.trust-bar a{color:#DCF8C6!important;text-decoration:none!important;font-weight:800}
.trust-bar span{color:#fff!important;text-decoration:none!important}

.nav{
  top:0;
  background:rgba(244,255,248,.94)!important;
  border-bottom:1px solid var(--bh-line)!important;
  box-shadow:0 10px 30px rgba(15,83,79,.08);
}
.nav-in{max-width:1200px!important;min-height:72px!important;padding:12px 24px!important;gap:18px!important}
.nav-in .logo img{height:42px!important;width:auto!important}
.nav-menu{gap:6px!important}
.nav-item > a,.nav-item > button{
  color:var(--bh-ink)!important;
  font-size:15.5px!important;
  font-weight:850!important;
  padding:12px 15px!important;
  border-radius:10px!important;
}
.nav-item > a:hover,.nav-item > button:hover,.nav-item.open > a,.nav-item.open > button{
  background:var(--bh-green-soft)!important;
  color:var(--bh-teal)!important;
}
.nav-item .caret{font-size:12px!important;opacity:.72!important}
.dd-panel{
  min-width:680px!important;
  padding:22px!important;
  border:1px solid var(--bh-line)!important;
  border-radius:16px!important;
  box-shadow:0 24px 54px rgba(15,83,79,.16)!important;
}
.dd-grid{gap:8px!important}
.dd-link{
  gap:14px!important;
  padding:15px!important;
  border-radius:12px!important;
}
.dd-link:hover{background:#F0FFF4!important}
.dd-ic{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  margin-top:0!important;
  border-radius:10px!important;
  background:var(--bh-mint)!important;
  font-size:20px!important;
}
.dd-link .dd-title{font-size:15.5px!important;font-weight:900!important;color:var(--bh-ink)!important}
.dd-link .dd-desc{font-size:13.5px!important;color:var(--bh-soft)!important;line-height:1.5!important}
.dd-foot{font-size:14px!important;padding-top:14px!important}
.dd-foot a{color:var(--bh-teal)!important;font-weight:900!important}
.nav-menu > .nav-calc,.nav-cta .btn-pay,.nav-cta .lang-toggle-link{display:none!important}
.nav-cta{margin-left:auto!important}
.nav-cta .btn-whatsapp{
  background:var(--bh-green)!important;
  color:#fff!important;
  border:0!important;
  border-radius:999px!important;
  padding:11px 18px!important;
  font-size:14px!important;
  font-weight:900!important;
}

.bh-home .live-counter,.bh-home .trust-strip,.bh-home .hero-illustration,.bh-home .hero-trust{display:none!important}
.bh-home .bh-home-cut{display:none!important}
.bh-home .hero{
  background:var(--bh-page)!important;
  color:var(--bh-ink)!important;
  padding:96px 0 76px!important;
  text-align:left!important;
}
.bh-home .hero::before,.bh-home .hero::after{display:none!important}
.bh-home .hero-wrap{max-width:1120px!important}
.bh-home .hero-eyebrow{
  background:var(--bh-green-soft)!important;
  color:var(--bh-teal)!important;
  border:1px solid #BDECC8!important;
  backdrop-filter:none!important;
  margin-bottom:24px!important;
}
.bh-home .hero-eyebrow .dot{background:var(--bh-green)!important;box-shadow:none!important}
.bh-home .hero h1{
  max-width:980px;
  color:var(--bh-ink)!important;
  background:none!important;
  -webkit-text-fill-color:var(--bh-ink)!important;
  font-weight:900!important;
  font-size:clamp(44px,6vw,76px)!important;
  line-height:1.02!important;
  letter-spacing:0!important;
}
.bh-home .hero h1 .em{
  color:var(--bh-teal)!important;
  background:none!important;
  -webkit-text-fill-color:var(--bh-teal)!important;
}
.bh-home .hero-tagline{
  max-width:790px!important;
  margin-left:0!important;
  color:var(--bh-ink)!important;
  font-size:22px!important;
}
.bh-home .hero-tagline .pri{color:var(--bh-teal)!important}
.bh-home .hero-lede{
  max-width:790px!important;
  margin-left:0!important;
  color:var(--bh-soft)!important;
}
.bh-home .hero-lede strong{color:var(--bh-ink)!important}
.bh-home .hero-cta{justify-content:flex-start!important;margin-bottom:28px!important}
.bh-home .hero-cta .btn-primary{
  background:var(--bh-green)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.bh-home .hero-cta .btn-whatsapp{
  color:var(--bh-teal)!important;
  background:#fff!important;
  border:1px solid var(--bh-line)!important;
}
.bh-home .hero-links{justify-content:flex-start!important;margin-left:0!important;max-width:760px!important}
.bh-home .hero-links a{
  background:#fff!important;
  color:var(--bh-teal)!important;
  border:1px solid var(--bh-line)!important;
  font-size:13px!important;
  padding:9px 14px!important;
}
.bh-home .hero-links a:nth-child(n+5){display:none!important}
.bh-home .product-spotlight{background:var(--bh-page)!important;padding:0 0 52px!important;border:0!important}
.bh-home .product-card{
  background:#fff!important;
  color:var(--bh-ink)!important;
  border:1px solid var(--bh-line)!important;
  box-shadow:0 18px 40px rgba(15,83,79,.10)!important;
}
.bh-home .product-card h2{color:var(--bh-ink)!important}
.bh-home .product-card p{color:var(--bh-soft)!important}
.bh-home .product-kicker{background:var(--bh-green-soft)!important;color:var(--bh-teal)!important;border-color:#BDECC8!important}
.bh-home .product-panel{background:var(--bh-mint)!important;border-color:#BDECC8!important}
.bh-home .product-panel h3,.bh-home .product-list li{color:var(--bh-ink)!important}
.bh-home .product-actions .btn-primary{background:var(--bh-green)!important;color:#fff!important;border-color:var(--bh-green)!important}
.bh-home .product-actions .btn-ghost{background:#fff!important;color:var(--bh-teal)!important;border-color:var(--bh-line)!important}
.bh-home .bh-sec.tint{background:#EAFFE8!important}
.bh-home section[style*="linear-gradient(135deg,#0a2540,#0B63CE)"]{background:#0F534F!important}
.bh-home section[style*="Tools to think with"],.bh-home section:has(h2:first-child + p){background:#fff}
.bh-home footer{background:#0F534F!important;color:#DCF8C6!important}
.bh-home footer a{color:#fff!important}

@media(max-width:980px){
  .nav-in{min-height:64px!important;padding:10px 16px!important}
  .nav-in .logo img{height:36px!important}
  .nav .nav-cta{right:54px!important}
  .nav-menu{background:var(--bh-page)!important}
  .nav-item > a,.nav-item > button{font-size:16px!important;padding:15px!important}
  .dd-panel{min-width:0!important;background:#fff!important;border:1px solid var(--bh-line)!important;border-radius:14px!important;margin:2px 0 8px!important;padding:10px!important}
  .dd-link{padding:13px 12px!important}
}
@media(max-width:768px){
  .bh-home .hero{padding:56px 0 44px!important}
  .bh-home .hero h1{font-size:38px!important}
  .bh-home .hero-tagline{font-size:18px!important}
}

/* ====================================================
   BH ARTISTIC POLISH — added 2026-05-22
   Mint/teal decorative blobs, H1 accent, CTA refinement
   ==================================================== */
.bh-home .hero { position: relative; overflow: hidden; isolation: isolate; }
.bh-home .hero::before,
.bh-home .hero::after {
  display: block !important;
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  filter: blur(28px);
}
.bh-home .hero::before {
  top: -180px; right: -160px;
  width: 560px; height: 560px;
  background: radial-gradient(circle at 35% 35%, rgba(22,163,74,.20) 0%, rgba(22,163,74,.06) 40%, transparent 70%);
  animation: bhBlobA 18s ease-in-out infinite;
}
.bh-home .hero::after {
  bottom: -220px; left: -200px;
  width: 480px; height: 480px;
  background: radial-gradient(circle at 60% 50%, rgba(15,83,79,.14) 0%, rgba(15,83,79,.04) 40%, transparent 70%);
  animation: bhBlobB 22s ease-in-out infinite;
}
@keyframes bhBlobA { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(-30px,22px) scale(1.06); } }
@keyframes bhBlobB { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(26px,-26px) scale(1.04); } }
@media (prefers-reduced-motion: reduce) {
  .bh-home .hero::before, .bh-home .hero::after { animation: none !important; }
}
.bh-home .hero-wrap { position: relative; z-index: 1; }
.bh-home .hero h1 { text-wrap: balance; }
.bh-home .hero h1::after {
  content: "";
  display: block;
  width: 88px; height: 4px;
  margin-top: 22px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--bh-green) 0%, var(--bh-teal) 100%);
}
.bh-home .hero-cta .btn { transition: transform .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s, background .22s !important; }
.bh-home .hero-cta .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(22,163,74,.32) !important;
  background: linear-gradient(180deg, #18b556 0%, #16a34a 100%) !important;
}
.bh-home .hero-cta .btn-whatsapp:hover {
  transform: translateY(-2px);
  border-color: var(--bh-green) !important;
  box-shadow: 0 12px 24px rgba(15,83,79,.12) !important;
}
.bh-home .hero-eyebrow { box-shadow: 0 4px 14px rgba(15,83,79,.06); }
.bh-home .hero-links a { transition: transform .18s, box-shadow .18s, border-color .18s !important; }
.bh-home .hero-links a:hover {
  transform: translateY(-1px);
  border-color: var(--bh-green) !important;
  color: var(--bh-teal) !important;
  box-shadow: 0 6px 14px rgba(15,83,79,.08);
}
.bh-home .bh-sec h2.section-title, .bh-home .bh-sec h2 { text-wrap: balance; }
.bh-home .bh-niche-card { transition: transform .2s cubic-bezier(.2,.7,.2,1), box-shadow .2s, border-color .2s; }
.bh-home .bh-niche-card:hover {
  transform: translateY(-4px);
  border-color: var(--bh-green) !important;
  box-shadow: 0 16px 32px rgba(15,83,79,.10) !important;
}