.hb68-pricing-path{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:24px;
max-width:1320px;
margin:0 auto;
align-items:stretch;
}
.hb68-pricing-path__card{
display:flex;
flex-direction:column;
gap:22px;
min-width:0;
padding:28px 30px 27px;
border:1px solid #dce3f0;
border-radius:24px;
background:#fff;
box-shadow:0 14px 34px rgba(35,43,76,.045);
box-sizing:border-box;
}
.hb68-pricing-path__card.is-featured{
border-color:#cbc9ff;
box-shadow:0 16px 38px rgba(82,72,218,.08);
}
.hb68-pricing-path__header{
display:grid;
grid-template-columns:58px minmax(0,1fr);
gap:20px;
align-items:start;
min-width:0;
}
.hb68-pricing-path__number{
display:grid;
place-items:center;
width:58px;
height:58px;
border-radius:17px;
background:#efedff;
color:#5044d8;
font-size:17px;
font-weight:900;
line-height:1;
}
.hb68-pricing-path__header>div{min-width:0;padding:1px 3px 0 0}
.hb68-pricing-path__header h3{
margin:0 0 10px;
color:#15203e;
font-size:20px;
line-height:1.28;
}
.hb68-pricing-path__header p{
margin:0;
color:#64718d;
font-size:15.5px;
line-height:1.68;
overflow-wrap:anywhere;
}
.hb68-pricing-path__price{
margin-left:78px;
color:#5146df;
font-size:18px;
font-weight:900;
line-height:1.25;
} .hb68-pricing-guidance{
max-width:1280px;
margin-left:auto;
margin-right:auto;
padding:0;
background:transparent;
}
.hb68-pricing-guidance__heading{
max-width:760px;
margin:0 auto 28px;
text-align:center;
}
.hb68-pricing-guidance__heading .hb67-eyebrow{
color:#007b66!important;
}
.hb68-pricing-guidance__heading h2{
margin:14px 0 10px;
color:#1d2847!important;
font-size:clamp(38px,4vw,54px);
line-height:1.08;
letter-spacing:-.035em;
}
.hb68-pricing-guidance__heading p{
margin:0;
color:#697590;
font-size:16px;
line-height:1.6;
}
.hb68-pricing-guidance__grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px;
}
.hb68-pricing-guidance__grid article{
position:relative;
min-width:0;
padding:26px 26px 25px;
border:1px solid #dce3f0;
border-radius:24px;
background:#fff;
box-shadow:0 14px 34px rgba(35,43,76,.055);
transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
box-sizing:border-box;
}
.hb68-pricing-guidance__grid article:hover{
transform:translateY(-4px);
border-color:#cbc9ff;
box-shadow:0 20px 44px rgba(35,43,76,.095);
}
.hb68-pricing-guidance__grid article>span{
display:grid;
place-items:center;
width:46px;
height:46px;
margin:0 0 18px;
border-radius:14px;
background:#efedff;
color:#5146df;
font-size:15px;
font-weight:900;
}
.hb68-pricing-guidance__grid h3{
margin:0 0 11px;
color:#16213f;
font-size:20px;
line-height:1.32;
}
.hb68-pricing-guidance__grid p{
margin:0;
color:#63708d;
font-size:15.5px;
line-height:1.62;
overflow-wrap:anywhere;
} .hb-radar__result-kpis article,
.hb-radar__trend-snapshot article,
.hb-radar__risk-grid article,
.hb-radar__estimate-grid article{
padding:0!important;
min-width:0!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
.hb68-radar-card__inner{
display:flex;
flex-direction:column;
min-width:0;
min-height:138px;
padding:22px 22px 20px;
box-sizing:border-box;
}
.hb68-radar-card__inner>span,
.hb68-radar-card__inner>strong,
.hb68-radar-card__inner>small{
display:block;
max-width:100%;
overflow-wrap:anywhere;
}
.hb68-radar-card__inner>span{
margin:0 0 11px!important;
color:#68748e;
font-size:14.5px!important;
font-weight:850!important;
line-height:1.35!important;
}
.hb68-radar-card__inner>strong{
margin:0 0 9px!important;
color:#2c3857;
font-size:22px!important;
line-height:1.16!important;
}
.hb68-radar-card__inner>small{
margin:0!important;
color:#8a94aa;
font-size:13.5px!important;
line-height:1.5!important;
} .hb-radar__result-kpis{gap:14px!important}
.hb-radar__result-kpis article{min-height:0!important;border-radius:21px!important}
.hb-radar__result-kpis .hb68-radar-card__inner{min-height:142px;padding:23px 21px 20px} .hb-radar__score-breakdown{
gap:14px!important;
}
.hb-radar__score-breakdown article{
display:block!important;
min-width:0!important;
min-height:0!important;
padding:0!important;
overflow:hidden!important;
border-radius:20px!important;
box-sizing:border-box!important;
}
.hb68-radar-usage__inner{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
grid-template-rows:auto auto;
gap:13px 16px;
min-width:0;
min-height:128px;
padding:20px 20px 16px;
box-sizing:border-box;
}
.hb68-radar-usage__copy{min-width:0;padding-right:4px}
.hb68-radar-usage__copy span,
.hb68-radar-usage__copy small{
display:block!important;
max-width:100%;
overflow-wrap:anywhere;
}
.hb68-radar-usage__copy span{
margin:0 0 7px!important;
color:#293553;
font-size:16px!important;
font-weight:850!important;
line-height:1.3!important;
}
.hb68-radar-usage__copy small{
margin:0!important;
color:#7b859b;
font-size:13.5px!important;
line-height:1.48!important;
}
.hb68-radar-usage__inner>strong{
align-self:start;
margin:1px 0 0!important;
padding-left:8px;
color:#2e287b;
font-size:14.5px!important;
line-height:1.3!important;
white-space:nowrap!important;
}
.hb68-radar-usage__inner>i{
grid-column:1 / -1;
display:block!important;
height:7px!important;
margin:0!important;
overflow:hidden;
border-radius:999px;
background:#e7e8f2;
}
.hb68-radar-usage__inner>i>b{
display:block;
height:100%;
border-radius:999px;
} .hb-radar__trend-snapshot{gap:15px!important}
.hb-radar__trend-snapshot .hb68-radar-card__inner{min-height:140px;padding:22px 20px 18px}
.hb-radar__risk-grid{gap:15px!important}
.hb-radar__risk-grid .hb68-radar-card__inner{min-height:136px;padding:21px 19px 18px}
.hb-radar__estimate-grid{gap:15px!important}
.hb-radar__estimate-grid .hb68-radar-card__inner{min-height:138px;padding:21px 20px 18px} .hb-radar__live-context{
padding:22px!important;
border-radius:22px!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
.hb-radar__live-context>div{
padding:1px 2px 0;
}
.hb-radar__live-context ul{
gap:12px!important;
}
.hb-radar__live-context li{
min-width:0!important;
min-height:86px!important;
padding:15px 15px 13px!important;
border-radius:17px!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
.hb-radar__live-context li span,
.hb-radar__live-context li strong{
display:block;
max-width:100%;
overflow-wrap:anywhere;
}
.hb-radar__live-context li span{font-size:12px!important;line-height:1.35!important}
.hb-radar__live-context li strong{margin-top:7px!important;font-size:16px!important;line-height:1.25!important}
.hb-radar__live-context>small{font-size:13px!important;line-height:1.55!important} .hb-radar__method-inline{
gap:13px!important;
align-items:stretch!important;
}
.hb-radar__method-inline article{
grid-template-columns:12px minmax(0,1fr)!important;
gap:14px!important;
min-width:0!important;
padding:18px 18px 16px!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
.hb-radar__method-inline article>div{min-width:0!important}
.hb-radar__method-inline strong,
.hb-radar__method-inline small{
display:block!important;
max-width:100%;
overflow-wrap:anywhere;
}
.hb-radar__method-inline strong{margin:0 0 6px!important;font-size:15.5px!important;line-height:1.35!important}
.hb-radar__method-inline small{margin:0!important;font-size:13.5px!important;line-height:1.52!important}
.hb-radar__source-registry-link{margin-top:20px!important} .hb66-radar-details>summary{
padding:22px 26px!important;
line-height:1.35!important;
} @media(max-width:980px){
.hb68-pricing-path,
.hb68-pricing-guidance__grid{grid-template-columns:1fr!important}
.hb68-pricing-path__card{padding:25px 26px}
.hb68-pricing-path__header p{max-width:60ch}
}
@media(max-width:760px){
.hb68-pricing-path__card{gap:18px;padding:22px 20px}
.hb68-pricing-path__header{grid-template-columns:50px minmax(0,1fr);gap:15px}
.hb68-pricing-path__number{width:50px;height:50px;border-radius:15px;font-size:15px}
.hb68-pricing-path__header h3{font-size:18px}
.hb68-pricing-path__header p{font-size:15px;line-height:1.6}
.hb68-pricing-path__price{margin-left:65px;font-size:17px}
.hb68-pricing-guidance__heading{margin-bottom:22px}
.hb68-pricing-guidance__heading h2{font-size:clamp(32px,9vw,42px)}
.hb68-pricing-guidance__grid article{padding:22px 20px 20px}
.hb68-pricing-guidance__grid h3{font-size:18px}
.hb68-pricing-guidance__grid p{font-size:15px}
.hb68-radar-card__inner,
.hb-radar__result-kpis .hb68-radar-card__inner,
.hb-radar__trend-snapshot .hb68-radar-card__inner,
.hb-radar__risk-grid .hb68-radar-card__inner,
.hb-radar__estimate-grid .hb68-radar-card__inner{min-height:0;padding:18px 17px 16px}
.hb68-radar-card__inner>span{font-size:13.5px!important;margin-bottom:9px!important}
.hb68-radar-card__inner>strong{font-size:20px!important;margin-bottom:8px!important}
.hb68-radar-card__inner>small{font-size:13px!important}
.hb68-radar-usage__inner{min-height:0;padding:18px 16px 15px;gap:11px 10px}
.hb68-radar-usage__copy span{font-size:15px!important}
.hb68-radar-usage__copy small{font-size:13px!important}
.hb68-radar-usage__inner>strong{font-size:13.5px!important;padding-left:4px}
.hb-radar__live-context{padding:18px!important}
.hb-radar__method-inline article{padding:16px!important}
.hb66-radar-details>summary{padding:19px 20px!important}
}
@media(max-width:480px){
.hb68-pricing-path__header{grid-template-columns:1fr}
.hb68-pricing-path__number{margin-bottom:2px}
.hb68-pricing-path__price{margin-left:0}
.hb68-radar-usage__inner{grid-template-columns:minmax(0,1fr) auto}
}  .hb68-pricing-path{
max-width:1380px;
gap:28px;
}
.hb68-pricing-path__card{
gap:20px;
min-height:276px;
padding:32px 34px 26px;
}
.hb68-pricing-path__header{
grid-template-columns:64px minmax(0,1fr);
gap:22px;
}
.hb68-pricing-path__number{
width:64px;
height:64px;
border-radius:18px;
font-size:18px;
}
.hb68-pricing-path__header>div{
padding:3px 2px 0 0;
}
.hb68-pricing-path__header h3{
margin:0 0 12px;
font-size:21px;
line-height:1.24;
}
.hb68-pricing-path__header p{
font-size:16px;
line-height:1.72;
}
.hb68-pricing-path__price{
width:calc(100% - 86px);
margin:4px 0 0;
margin-left:auto;
padding-top:18px;
border-top:1px solid #edf1f7;
font-size:18px;
line-height:1.25;
text-align:left;
} .hb68-pricing-guidance{
max-width:1380px;
padding:0 4px;
}
.hb68-pricing-guidance__heading{
max-width:820px;
margin-bottom:34px;
}
.hb68-pricing-guidance__grid{
gap:26px;
}
.hb68-pricing-guidance__grid article{
min-height:218px;
padding:30px 32px 28px;
display:flex;
flex-direction:column;
}
.hb68-pricing-guidance__grid article > span{
width:50px;
height:50px;
margin:0 0 20px;
border-radius:15px;
font-size:16px;
}
.hb68-pricing-guidance__grid h3{
margin:0 0 12px;
font-size:21px;
line-height:1.28;
}
.hb68-pricing-guidance__grid p{
font-size:16px;
line-height:1.68;
}
@media(max-width:980px){
.hb68-pricing-path,
.hb68-pricing-guidance{max-width:100%;}
.hb68-pricing-path__card{min-height:0;padding:28px 30px 24px;}
.hb68-pricing-path__price{width:calc(100% - 82px);}
.hb68-pricing-guidance__grid article{min-height:0;padding:26px 28px 24px;}
}
@media(max-width:760px){
.hb68-pricing-path{gap:18px;}
.hb68-pricing-path__card{
gap:18px;
padding:24px 22px 22px;
}
.hb68-pricing-path__header{
grid-template-columns:54px minmax(0,1fr);
gap:16px;
}
.hb68-pricing-path__number{
width:54px;
height:54px;
border-radius:16px;
font-size:16px;
}
.hb68-pricing-path__header h3{font-size:19px;}
.hb68-pricing-path__header p{font-size:15px;line-height:1.64;}
.hb68-pricing-path__price{
width:calc(100% - 70px);
padding-top:16px;
font-size:17px;
}
.hb68-pricing-guidance{
padding:0;
}
.hb68-pricing-guidance__heading{
margin-bottom:24px;
}
.hb68-pricing-guidance__grid{
gap:18px;
}
.hb68-pricing-guidance__grid article{
padding:24px 22px 22px;
}
.hb68-pricing-guidance__grid article > span{
width:46px;
height:46px;
margin-bottom:16px;
}
.hb68-pricing-guidance__grid h3{
font-size:19px;
}
.hb68-pricing-guidance__grid p{
font-size:15px;
line-height:1.62;
}
}
@media(max-width:480px){
.hb68-pricing-path__header{
grid-template-columns:1fr;
gap:14px;
}
.hb68-pricing-path__number{
margin-bottom:0;
}
.hb68-pricing-path__price{
width:100%;
margin-left:0;
}
.hb68-pricing-guidance__grid article{
padding:22px 20px 20px;
}
}  body.habineo-core-pricing-page .hb-pricing__section-head h2,
body.habineo-core-pricing-page .hb68-pricing-guidance__heading h2,
body.habineo-core-pricing-page .hb67-pricing-path__head h2{
color:#1f2b59!important;
} .hb68-pricing-path{
max-width:1400px;
gap:30px;
}
.hb68-pricing-path__card{
min-height:312px;
padding:36px 36px 28px;
gap:20px;
}
.hb68-pricing-path__header{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:18px;
}
.hb68-pricing-path__number{
flex:0 0 auto;
width:64px;
height:64px;
border-radius:18px;
}
.hb68-pricing-path__header > div{
width:100%;
padding:0 4px 0 6px;
}
.hb68-pricing-path__header h3{
margin:0 0 14px;
max-width:22ch;
font-size:21px;
line-height:1.22;
text-wrap:balance;
}
.hb68-pricing-path__header p{
max-width:30ch;
margin:0;
font-size:16px;
line-height:1.72;
}
.hb68-pricing-path__price{
width:100%;
margin:0;
margin-top:auto;
padding:18px 6px 0;
text-align:left;
font-size:17px;
line-height:1.2;
} .hb68-pricing-guidance{
max-width:1440px;
}
.hb68-pricing-guidance__heading{
max-width:920px;
margin-bottom:38px;
}
.hb68-pricing-guidance__grid{
grid-template-columns:repeat(3,minmax(320px,1fr));
gap:30px;
}
.hb68-pricing-guidance__grid article{
min-height:242px;
padding:34px 36px 32px;
border-radius:26px;
}
.hb68-pricing-guidance__grid article > span{
margin:0 0 22px;
}
.hb68-pricing-guidance__grid h3{
max-width:18ch;
margin:0 0 14px;
font-size:20px;
line-height:1.28;
text-wrap:balance;
}
.hb68-pricing-guidance__grid p{
max-width:32ch;
margin:0;
font-size:16px;
line-height:1.72;
}
@media(max-width:1180px){
.hb68-pricing-path__card{
min-height:0;
padding:32px 32px 26px;
}
.hb68-pricing-guidance__grid{
grid-template-columns:1fr;
max-width:760px;
margin:0 auto;
}
}
@media(max-width:760px){
.hb68-pricing-path{
gap:18px;
}
.hb68-pricing-path__card{
padding:26px 22px 22px;
}
.hb68-pricing-path__header{
gap:16px;
}
.hb68-pricing-path__number{
width:56px;
height:56px;
border-radius:16px;
}
.hb68-pricing-path__header > div,
.hb68-pricing-path__price{
padding-left:2px;
padding-right:2px;
}
.hb68-pricing-path__header h3{
max-width:none;
font-size:19px;
}
.hb68-pricing-path__header p{
max-width:none;
font-size:15px;
line-height:1.64;
}
.hb68-pricing-path__price{
padding-top:16px;
font-size:17px;
}
.hb68-pricing-guidance__heading{
margin-bottom:24px;
}
.hb68-pricing-guidance__grid{
gap:18px;
}
.hb68-pricing-guidance__grid article{
min-height:0;
padding:26px 22px 22px;
}
.hb68-pricing-guidance__grid article > span{
margin-bottom:18px;
}
.hb68-pricing-guidance__grid h3{
max-width:none;
font-size:19px;
}
.hb68-pricing-guidance__grid p{
max-width:none;
font-size:15px;
line-height:1.64;
}
}