.hb683-pricing-path{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:28px;
max-width:1380px;
margin:0 auto;
}
.hb683-pricing-path__card{
min-width:0;
border:1px solid #dfe5f2;
border-radius:26px;
background:#fff;
box-shadow:0 14px 34px rgba(35,43,76,.045);
overflow:hidden;
transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.hb683-pricing-path__card.is-featured{
border-color:#b8b3fb;
box-shadow:0 17px 38px rgba(94,84,235,.08);
}
.hb683-pricing-path__card:hover{
transform:translateY(-3px);
border-color:#c9cdf0;
box-shadow:0 18px 38px rgba(35,43,76,.08);
}
.hb683-pricing-path__inner{
display:grid;
grid-template-columns:64px minmax(0,1fr);
gap:22px;
min-height:278px;
padding:32px 34px 30px;
box-sizing:border-box;
}
.hb683-pricing-path__number{
width:64px;
height:64px;
display:grid;
place-items:center;
border-radius:18px;
background:#f0edff;
color:#5145df;
font-size:18px;
font-weight:900;
line-height:1;
}
.hb683-pricing-path__content{
min-width:0;
padding:2px 4px 0 0;
}
.hb683-pricing-path__content h3{
margin:0 0 12px;
color:#1f2b59;
font-size:21px;
line-height:1.25;
letter-spacing:-.02em;
}
.hb683-pricing-path__content p{
min-height:116px;
margin:0;
color:#62708e;
font-size:16px;
line-height:1.68;
}
.hb683-pricing-path__price{
display:flex;
align-items:baseline;
gap:8px;
margin-top:20px;
padding-top:16px;
border-top:1px solid #edf1f7;
}
.hb683-pricing-path__price strong{
color:#5448e8;
font-size:22px;
font-weight:900;
line-height:1.1;
}
.hb683-pricing-path__price small{
color:#7d879d;
font-size:13px;
font-weight:700;
line-height:1.2;
} .hb683-pricing-guidance{
max-width:1380px;
margin-left:auto;
margin-right:auto;
}
.hb683-pricing-guidance .hb68-pricing-guidance__heading{
max-width:900px;
margin:0 auto 32px;
text-align:center;
}
.hb683-pricing-guidance__grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:26px;
}
.hb683-pricing-guidance__grid article{
min-width:0;
border:1px solid #dfe5f2;
border-radius:25px;
background:#fff;
box-shadow:0 14px 34px rgba(35,43,76,.05);
overflow:hidden;
transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.hb683-pricing-guidance__grid article:hover{
transform:translateY(-4px);
border-color:#c9cdf0;
box-shadow:0 20px 42px rgba(35,43,76,.09);
}
.hb683-pricing-guidance__inner{
display:grid;
grid-template-columns:54px minmax(0,1fr);
gap:22px;
min-height:198px;
padding:30px 32px 28px;
box-sizing:border-box;
}
.hb683-pricing-guidance__inner>span{
width:54px;
height:54px;
display:grid;
place-items:center;
border-radius:16px;
background:#f0edff;
color:#5145df;
font-size:16px;
font-weight:900;
line-height:1;
}
.hb683-pricing-guidance__inner>div{
min-width:0;
padding:2px 4px 0 0;
}
.hb683-pricing-guidance__inner h3{
margin:0 0 12px;
color:#1f2b59;
font-size:20px;
line-height:1.3;
letter-spacing:-.02em;
}
.hb683-pricing-guidance__inner p{
margin:0;
color:#62708e;
font-size:15.5px;
line-height:1.68;
}
@media(max-width:1100px){
.hb683-pricing-path,
.hb683-pricing-guidance__grid{
grid-template-columns:1fr;
max-width:760px;
margin-left:auto;
margin-right:auto;
}
.hb683-pricing-path__inner,
.hb683-pricing-guidance__inner{
min-height:0;
}
.hb683-pricing-path__content p{
min-height:0;
}
}
@media(max-width:760px){
.hb683-pricing-path,
.hb683-pricing-guidance__grid{
gap:18px;
}
.hb683-pricing-path__inner{
grid-template-columns:54px minmax(0,1fr);
gap:16px;
padding:24px 22px 22px;
}
.hb683-pricing-path__number{
width:54px;
height:54px;
border-radius:16px;
font-size:16px;
}
.hb683-pricing-path__content h3{
font-size:19px;
}
.hb683-pricing-path__content p{
font-size:15px;
line-height:1.62;
}
.hb683-pricing-path__price{
margin-top:16px;
padding-top:14px;
}
.hb683-pricing-path__price strong{
font-size:20px;
}
.hb683-pricing-guidance .hb68-pricing-guidance__heading{
margin-bottom:24px;
}
.hb683-pricing-guidance__inner{
grid-template-columns:48px minmax(0,1fr);
gap:16px;
padding:24px 22px 22px;
}
.hb683-pricing-guidance__inner>span{
width:48px;
height:48px;
border-radius:14px;
font-size:15px;
}
.hb683-pricing-guidance__inner h3{
font-size:19px;
}
.hb683-pricing-guidance__inner p{
font-size:15px;
line-height:1.62;
}
}
@media(max-width:480px){
.hb683-pricing-path__inner,
.hb683-pricing-guidance__inner{
grid-template-columns:1fr;
}
.hb683-pricing-path__content,
.hb683-pricing-guidance__inner>div{
padding-right:0;
}
}