/* STLBEAST V599 — Hub Trust Flow + Warmer Midnight Depth
   Purpose: keep Hub blue and conversion-focused, but remove the cold/utility feel and fix the odd stacked Fix/Trust/Convert bars. */
:root{
  --h599-gold:#c7a15c;
  --h599-gold2:#e4c783;
  --h599-warm:#101417;
  --h599-warm2:#151a1d;
}
body.h598-hub{
  background:
    radial-gradient(circle at 50% -8%,rgba(199,161,92,.13),transparent 30%),
    radial-gradient(circle at 84% 8%,rgba(47,168,255,.20),transparent 34%),
    radial-gradient(circle at 10% 32%,rgba(199,161,92,.07),transparent 28%),
    linear-gradient(180deg,#02070d 0%,#07111c 36%,#05080a 100%)!important;
}
body.h598-hub:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;
  background:
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.016) 1px,transparent 1px),
    radial-gradient(circle at 52% 8%,rgba(228,199,131,.09),transparent 22%);
  background-size:90px 90px,90px 90px,100% 100%;
}
.h598-topbar,.h598-footer{
  background:linear-gradient(180deg,rgba(3,8,12,.98),rgba(4,7,8,.97))!important;
  border-color:rgba(199,161,92,.16)!important;
}
.h598-hero,.h598-panel,.h598-card,.h598-path,.h598-guide-card,.h598-feature,.h598-problem,.h598-problem-strip,.h598-bridge{
  background:
    radial-gradient(circle at 42% 0%,rgba(199,161,92,.06),transparent 34%),
    linear-gradient(180deg,rgba(13,28,43,.96),rgba(4,10,15,.99))!important;
  border-color:rgba(91,181,255,.26)!important;
}
.h598-hero:before{background:radial-gradient(circle at 80% 34%,rgba(47,168,255,.18),transparent 36%),radial-gradient(circle at 18% 0%,rgba(199,161,92,.10),transparent 32%),linear-gradient(90deg,rgba(2,7,13,1),rgba(2,7,13,.76) 56%,rgba(2,7,13,.98))!important;}
.h598-kicker,.h598-title span,.h598-section h2 span{color:#8fdcff!important;}
.h598-btn{background:linear-gradient(135deg,#48bbff,#177ac5)!important;color:#02111f!important;}
.h598-btn.secondary{background:linear-gradient(180deg,rgba(12,21,29,.86),rgba(5,10,15,.94))!important;color:#f2f8ff!important;border-color:rgba(142,217,255,.28)!important;}
.h598-conversion-card{min-height:390px!important;}
.h598-hero-card.h598-conversion-card img{
  top:0!important;right:0!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:.48;filter:saturate(1.06) contrast(1.04)!important;
}
.h598-conversion-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,7,12,.96),rgba(3,12,20,.62) 60%,rgba(2,7,13,.92)),radial-gradient(circle at 28% 30%,rgba(75,183,255,.12),transparent 28%);pointer-events:none;}
.h598-hero-card .h598-card-note{
  z-index:3;left:24px!important;right:24px!important;bottom:24px!important;top:auto!important;
  padding:22px!important;border-radius:22px!important;
  background:linear-gradient(180deg,rgba(4,12,19,.90),rgba(3,8,12,.92))!important;
  border:1px solid rgba(142,217,255,.28)!important;
  box-shadow:0 22px 64px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.h598-card-note b{font-size:1rem;letter-spacing:.105em;color:#f5f8ff!important;}
.h598-card-note p{font-size:1.02rem;line-height:1.55;color:#d0deea!important;max-width:780px;}
.h598-card-note .h598-flow{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:16px!important;
}
.h598-card-note .h598-flow span{
  position:relative;display:flex!important;align-items:center!important;justify-content:center!important;min-height:52px!important;padding:10px 12px 10px 42px!important;
  border-radius:16px!important;background:linear-gradient(180deg,rgba(23,54,82,.72),rgba(7,19,31,.92))!important;
  border:1px solid rgba(142,217,255,.38)!important;color:#9ee0ff!important;
  font-size:.78rem!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:950!important;white-space:normal!important;
}
.h598-card-note .h598-flow span:before{
  position:absolute;left:12px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;
  color:#06111d;background:linear-gradient(135deg,#8ed9ff,#2fa8ff);font-size:.75rem;box-shadow:0 0 18px rgba(47,168,255,.32);
}
.h598-card-note .h598-flow span:nth-child(1):before{content:"1";}
.h598-card-note .h598-flow span:nth-child(2):before{content:"2";}
.h598-card-note .h598-flow span:nth-child(3):before{content:"3";}
.h598-problem-strip{background:radial-gradient(circle at 18% 0%,rgba(199,161,92,.06),transparent 30%),linear-gradient(180deg,rgba(12,31,50,.97),rgba(3,10,18,.99))!important;}
.h598-problem{background:linear-gradient(100deg,rgba(16,43,66,.97),rgba(7,18,31,.99) 66%,rgba(5,8,10,.99))!important;}
.h598-problem strong{background:linear-gradient(135deg,rgba(47,168,255,.22),rgba(10,103,184,.24))!important;}
.h598-link-list a,.h598-faq details,.h598-proof span{background:rgba(255,255,255,.026)!important;border-color:rgba(142,217,255,.20)!important;}
@media (max-width:720px){
  .h598-conversion-card{min-height:430px!important;}
  .h598-hero-card .h598-card-note{left:14px!important;right:14px!important;bottom:14px!important;padding:16px!important;}
  .h598-card-note p{font-size:.93rem!important;line-height:1.45!important;}
  .h598-card-note .h598-flow{grid-template-columns:1fr!important;gap:8px!important;}
  .h598-card-note .h598-flow span{min-height:42px!important;justify-content:flex-start!important;padding:9px 11px 9px 42px!important;}
}
@media (min-width:900px){
  .h598-conversion-card{min-height:430px!important;}
  .h598-hero-card .h598-card-note{left:30px!important;right:30px!important;}
}