/* Habineo Premium UI v0.67.5 — conversion, Radar geometry and pricing polish */

/* ========================================================================== 
   GLOBAL — one coherent page-heading system
   ========================================================================== */
.hb67-home-hero h1,
.hb67-page-hero h1,
.hb67-strategy-hero h1,
.hb-radar__hero h1,
.hb-check__hero h1,
.hb-faq__hero h1,
.hb-sources__hero h1{
  font-size:clamp(44px,4.15vw,58px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  word-spacing:.045em!important;
  text-wrap:balance!important;
}
.hb67-eyebrow,.hb-radar__eyebrow,.hb-check__eyebrow,.hb-faq__hero>span,.hb-sources__hero>span{
  font-size:15px!important;
  line-height:1.25!important;
  letter-spacing:.105em!important;
  font-weight:900!important;
}

/* ========================================================================== 
   HOME — tighter CTA geometry + clearer first-try reassurance
   ========================================================================== */
.hb67-home-hero__actions{
  grid-template-columns:minmax(0,370px)!important;
  justify-content:center!important;
  max-width:370px!important;
  gap:0!important;
}
.hb67-home-hero__actions .hb67-button{
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  padding:0 24px!important;
  font-size:20px!important;
  line-height:1.2!important;
}
.hb67-home-hero__inner>small{
  margin-top:20px!important;
  font-size:14.5px!important;
  line-height:1.55!important;
}

/* ========================================================================== 
   STRATEGY — neutral/purple clickable surfaces, never Astra green/cyan
   ========================================================================== */
.hb-strategy--v067 .hb-strategy__step,
.hb-strategy--v067 .hb-strategy__step:hover,
.hb-strategy--v067 .hb-strategy__step:focus-within{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
}
.hb-strategy--v067 .hb-strategy__step-head,
.hb-strategy--v067 .hb-strategy__step-head:visited,
.hb-strategy--v067 .hb-strategy__step-head:active{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  color:#1d2743!important;
  border-color:transparent!important;
}
.hb-strategy--v067 .hb-strategy__step-head:hover,
.hb-strategy--v067 .hb-strategy__step-head:focus,
.hb-strategy--v067 .hb-strategy__step-head:focus-visible{
  background:#f5f3ff!important;
  background-color:#f5f3ff!important;
  background-image:none!important;
  color:#342da9!important;
  box-shadow:inset 0 0 0 1px #c7c2f3!important;
}
.hb-strategy--v067 .hb-strategy__step-head>span{
  background:#efedff!important;
  color:#5148da!important;
}
.hb-strategy--v067 .hb-strategy__step-head:hover>span,
.hb-strategy--v067 .hb-strategy__step-head:focus-visible>span{
  background:#e8e5ff!important;
  color:#443acd!important;
}
.hb-strategy--v067 .hb-strategy__stage-choice label,
.hb-strategy--v067 .hb-strategy__stage-choice label:hover,
.hb-strategy--v067 .hb-strategy__stage-choice label:focus-within{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  color:#1d2743!important;
}
.hb-strategy--v067 .hb-strategy__stage-choice label:hover,
.hb-strategy--v067 .hb-strategy__stage-choice label:focus-within{
  border-color:#bdb8f4!important;
  box-shadow:0 10px 26px rgba(78,70,190,.08)!important;
}
.hb-strategy--v067 .hb-strategy__stage-choice label.is-selected,
.hb-strategy--v067 .hb-strategy__stage-choice label:has(input:checked){
  background:#f7f5ff!important;
  background-color:#f7f5ff!important;
  border-color:#7469ee!important;
  box-shadow:0 0 0 3px rgba(98,89,236,.10)!important;
}
.hb-strategy--v067 .hb-strategy__source-actions a:hover,
.hb-strategy--v067 .hb-strategy__source-actions a:focus,
.hb-strategy--v067 .hb-strategy__button--secondary:hover,
.hb-strategy--v067 .hb-strategy__button--secondary:focus{
  background:#f5f3ff!important;
  background-color:#f5f3ff!important;
  background-image:none!important;
  color:#342da9!important;
  border-color:#bdb8f4!important;
}

/* ========================================================================== 
   PRICING — premium cards without cramped mini-boxes or empty voids
   ========================================================================== */
.hb67-pricing-path__grid{
  gap:22px!important;
}
.hb67-pricing-path__grid article{
  min-height:250px!important;
  padding:34px 34px 30px!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:18px 20px!important;
  align-content:start!important;
}
.hb67-pricing-path__grid article>span{
  width:48px!important;height:48px!important;
  display:grid!important;place-items:center!important;
  border-radius:15px!important;
}
.hb67-pricing-path__grid article strong{
  font-size:20px!important;
  line-height:1.3!important;
}
.hb67-pricing-path__grid article p{
  font-size:15.5px!important;
  line-height:1.68!important;
}
.hb67-pricing-path__grid article em{
  grid-column:2!important;
  align-self:end!important;
  margin-top:8px!important;
  font-size:18px!important;
}

.hb-pricing__paid-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:36px!important;
  align-items:end!important;
}
.hb-pricing__section-head--left h2{
  max-width:680px!important;
  font-size:clamp(38px,3.4vw,50px)!important;
  line-height:1.12!important;
  word-spacing:.045em!important;
}
.hb-pricing__section-head--left p{
  max-width:760px!important;
  font-size:17px!important;
  line-height:1.65!important;
}
.hb-pricing__paid-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
}
.hb-pricing__plan{
  min-width:0!important;
  height:100%!important;
  border-radius:28px!important;
}
.hb-pricing__plan-inner{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  padding:30px 30px 0!important;
  min-height:0!important;
  height:auto!important;
}
.hb-pricing__plan-badge-row{min-height:42px!important}
.hb-pricing__plan-heading{min-height:142px!important}
.hb-pricing__plan-heading h3{
  font-size:40px!important;
  line-height:1!important;
}
.hb-pricing__plan-heading p{
  margin-top:14px!important;
  font-size:16px!important;
  line-height:1.62!important;
}
.hb-pricing__price-block{
  padding:22px 24px!important;
  border-radius:22px!important;
}
.hb-pricing__price-line{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  white-space:nowrap!important;
}
.hb-pricing__currency{font-size:19px!important}
.hb-pricing__amount{font-size:58px!important;line-height:.95!important}
.hb-pricing__period{font-size:18px!important;white-space:nowrap!important}
.hb-pricing__price-note{font-size:14px!important;line-height:1.5!important}
.hb-pricing__quota-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  border:1px solid #e2e6f1!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#fbfbff!important;
}
.hb-pricing__quota-list>div{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  min-height:64px!important;
  padding:15px 18px!important;
  border:0!important;
  border-bottom:1px solid #e7e9f2!important;
  border-radius:0!important;
  background:transparent!important;
}
.hb-pricing__quota-list>div:last-child{border-bottom:0!important}
.hb-pricing__quota-list strong{
  order:2!important;
  flex:0 0 auto!important;
  font-size:20px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.hb-pricing__quota-list span{
  order:1!important;
  min-width:0!important;
  font-size:14.5px!important;
  line-height:1.45!important;
}
.hb-pricing__features-box{
  margin-top:auto!important;
  padding:24px!important;
  border-radius:21px!important;
}
.hb-pricing__plan-action{padding:20px 30px 30px!important}

.hb-pricing__compare .hb-pricing__section-head{
  text-align:center!important;
}
.hb-pricing__compare .hb-pricing__section-head h2{
  width:100%!important;
  max-width:none!important;
  margin-inline:auto!important;
  font-size:clamp(34px,3.2vw,48px)!important;
  line-height:1.12!important;
  white-space:nowrap!important;
}

.hb67-pricing-guidance{
  grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr)!important;
  gap:42px!important;
  padding:48px!important;
}
.hb67-pricing-guidance>div:first-child h2{
  max-width:430px!important;
  margin-top:18px!important;
  font-size:clamp(38px,3.7vw,54px)!important;
  line-height:1.1!important;
  letter-spacing:-.03em!important;
  word-spacing:.055em!important;
}
.hb67-pricing-guidance__items{
  gap:16px!important;
}
.hb67-pricing-guidance__items article{
  padding:24px 26px!important;
  border-radius:20px!important;
  overflow:hidden!important;
}
.hb67-pricing-guidance__items strong{
  margin-bottom:8px!important;
  font-size:18px!important;
  line-height:1.35!important;
}
.hb67-pricing-guidance__items p{
  font-size:15.5px!important;
  line-height:1.6!important;
  overflow-wrap:anywhere!important;
}
.hb-pricing__faq .hb-pricing__section-head{
  text-align:center!important;
  max-width:760px!important;
  margin-inline:auto!important;
}

/* ========================================================================== 
   RADAR — actual workspace has two children: map + result
   ========================================================================== */
.hb-radar__shell{
  width:min(1540px,calc(100% - 48px))!important;
  max-width:1540px!important;
  padding-left:0!important;
  padding-right:0!important;
}
@media(min-width:1201px){
  .hb-radar__workspace{
    display:grid!important;
    grid-template-columns:minmax(650px,1.45fr) minmax(430px,.85fr)!important;
    gap:24px!important;
    align-items:start!important;
  }
  .hb-radar__map-card,
  .hb-radar__result{
    position:sticky!important;
    top:90px!important;
    height:calc(100vh - 112px)!important;
    min-height:720px!important;
    max-height:900px!important;
  }
  .hb-radar__map-card{width:100%!important;min-width:0!important}
  .hb-radar__result{width:100%!important;min-width:0!important}
}
.hb-radar__map-wrap{
  width:100%!important;
  min-width:0!important;
}
.hb-radar__map{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
}
.hb-radar__map-head{
  padding:24px 26px 20px!important;
}
.hb-radar__map-head strong{
  font-size:23px!important;
  line-height:1.35!important;
}
.hb-radar__result-content{
  padding:30px 30px 34px!important;
}
.hb-radar__score-card,
.hb-radar__reading-card,
.hb-radar__result-context,
.hb-radar__result-kpis article,
.hb-radar__signal,
.hb-radar__risk-grid article,
.hb-radar__live-context,
.hb-radar__trend-snapshot article,
.hb-radar__trend-card,
.hb-radar__source-table-wrap,
.hb-radar__method-inline article,
.hb-radar__pdf-product{
  overflow:hidden!important;
}
.hb-radar__score-card{padding:24px!important}
.hb-radar__score-card-head strong{font-size:18px!important;line-height:1.4!important}
.hb-radar__score-card-head small{font-size:14px!important;line-height:1.55!important}
.hb-radar__score-breakdown article{padding:16px 17px!important}
.hb-radar__score-breakdown article span{font-size:15px!important}
.hb-radar__score-breakdown article small{font-size:13.5px!important;line-height:1.5!important}
.hb-radar__signal{padding:16px!important}
.hb-radar__signal strong{font-size:15px!important}
.hb-radar__signal small{font-size:13.5px!important;line-height:1.55!important}
.hb-radar__result-tab-panel{padding-inline:2px!important}
.hb-radar__module-intro p{font-size:16px!important;line-height:1.7!important}
.hb-radar__trend-snapshot article,.hb-radar__risk-grid article{padding:20px!important}
.hb-radar__trend-snapshot span,.hb-radar__risk-grid span{font-size:13px!important}
.hb-radar__trend-snapshot strong,.hb-radar__risk-grid strong{font-size:20px!important}
.hb-radar__trend-snapshot small,.hb-radar__risk-grid small{font-size:13px!important;line-height:1.5!important}
.hb-radar__live-context{padding:24px!important}
.hb-radar__live-context li{padding:14px 16px!important}
.hb-radar__live-context li span{font-size:13.5px!important}
.hb-radar__live-context li strong{font-size:15.5px!important}

/* ========================================================================== 
   DOCUMENTS / SOURCES spacing safety
   ========================================================================== */
.hb-check__bridge-head h2{
  letter-spacing:-.026em!important;
  word-spacing:.055em!important;
}
.hb-check__sources-link{margin:42px 0 64px!important}
.hb-sources__method{margin-top:92px!important}

/* ========================================================================== 
   RESPONSIVE
   ========================================================================== */
@media(max-width:1200px){
  .hb-radar__shell{width:min(100% - 32px,1180px)!important}
  .hb-radar__workspace{grid-template-columns:1fr!important}
  .hb-radar__map-card,.hb-radar__result{position:static!important;height:auto!important;min-height:0!important;max-height:none!important}
  .hb-radar__map-wrap{height:620px!important}
  .hb-pricing__paid-head{grid-template-columns:1fr!important;align-items:start!important}
  .hb-pricing__billing-switch-wrap{justify-self:start!important}
  .hb-pricing__compare .hb-pricing__section-head h2{white-space:normal!important}
}
@media(max-width:980px){
  .hb-pricing__paid-grid{grid-template-columns:1fr!important;max-width:760px!important;margin-inline:auto!important}
  .hb-pricing__plan-heading{min-height:0!important}
  .hb67-pricing-guidance{grid-template-columns:1fr!important;padding:36px!important}
}
@media(max-width:760px){
  .hb67-home-hero h1,.hb67-page-hero h1,.hb67-strategy-hero h1,.hb-radar__hero h1,.hb-check__hero h1,.hb-faq__hero h1,.hb-sources__hero h1{
    font-size:clamp(38px,10vw,48px)!important;
    line-height:1.1!important;
  }
  .hb67-home-hero__actions{grid-template-columns:1fr!important;max-width:520px!important}
  .hb67-home-hero__actions .hb67-button{font-size:18.5px!important}
  .hb67-pricing-path__grid article{min-height:0!important;padding:26px!important}
  .hb-pricing__plan-inner{padding:26px 22px 0!important}
  .hb-pricing__plan-action{padding:18px 22px 24px!important}
  .hb-pricing__amount{font-size:50px!important}
  .hb-radar__map-wrap{height:520px!important}
  .hb-radar__result-content{padding:24px!important}
}
@media(max-width:520px){
  .hb67-home-hero h1,.hb67-page-hero h1,.hb67-strategy-hero h1,.hb-radar__hero h1,.hb-check__hero h1,.hb-faq__hero h1,.hb-sources__hero h1{font-size:36px!important}
  .hb67-eyebrow,.hb-radar__eyebrow,.hb-check__eyebrow,.hb-faq__hero>span,.hb-sources__hero>span{font-size:12.5px!important}
  .hb-pricing__price-line{gap:5px!important}
  .hb-pricing__amount{font-size:46px!important}
  .hb-pricing__period{font-size:16px!important}
  .hb-pricing__quota-list>div{padding:14px 16px!important}
  .hb-radar__map-wrap{height:440px!important}
}
