/* Balanced comparison rows, uniform navigation tabs, and fuller hero typography. */
.val-grid .value-price{display:flex;flex-direction:column}
.value-price .bars{flex:1;grid-template-rows:repeat(5,minmax(48px,1fr));gap:14px;align-content:stretch}
.value-price .bar{min-height:48px}
.value-price .bar .tr{height:44px}

.tabs{display:flex;flex-wrap:wrap;gap:12px}
.tabs .tab{flex:0 0 160px;width:160px;min-height:60px;height:60px;padding:0 12px;line-height:1.3;white-space:normal;text-align:center}

.hero-copy{container-type:inline-size}
.hero .wrap{gap:40px}
.hero h1{font-size:clamp(96px,14.5vw,208px);font-size:clamp(76px,29.5cqw,208px);line-height:1.04;margin:18px 0 20px}
.hero h1 .row2{font-size:.64em;line-height:1.1;margin-top:.12em;letter-spacing:-.035em}
.hero .form-card{display:flex;flex-direction:column;justify-content:space-between}
.hero-copy .site{margin-top:0}

@media(max-width:1180px){.hero .wrap{gap:30px}}
@media(max-width:1000px){
  .hero .wrap{gap:36px}
  .hero h1{font-size:clamp(110px,24vw,190px)}
  .value-price .bars{flex:initial;grid-template-rows:none;gap:18px}
}
@media(max-width:767px){
  .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .tabs .tab{width:100%;min-width:0;min-height:60px;height:60px;padding:0 10px}
  .hero .wrap{gap:32px}
  .hero h1{font-size:clamp(76px,27vw,118px);margin:20px 0}
  .hero .form-card{display:block}
  .value-price .bar{min-height:0}
}
@media(max-width:359px){.tabs[data-tabs="cx"]{grid-template-columns:1fr}}