/* 8.5.6 compact visual refinement */
.hero .kicker{
  font-family: Rajdhani, Inter, system-ui, sans-serif !important;
  font-size: clamp(16px, 1.2vw, 19px) !important;
  font-weight: 700 !important;
  letter-spacing: .22em !important;
  color: #d7e3ea !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}
.hero h1{
  font-family: Rajdhani, Orbitron, Inter, system-ui, sans-serif !important;
  font-size: clamp(56px, 7vw, 102px) !important;
  line-height: .9 !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  color: #eef4f7 !important;
  background: linear-gradient(180deg,#f3f8fb 0%, #dce6ec 52%, #b7c5cf 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 22px rgba(180,205,220,.08);
  max-width: 920px !important;
  margin-bottom: 10px !important;
}
.hero > div p, .hero-grid > div > p:not(.kicker){
  font-family: Inter, system-ui, sans-serif !important;
  font-size: clamp(10px, .78vw, 12px) !important;
  line-height: 1.34 !important;
  letter-spacing: .01em !important;
  color: #b8c6d0 !important;
  max-width: 520px !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}
.hero{padding-top: 14px !important; padding-bottom: 14px !important;}
.hero-grid{align-items:center !important; gap: clamp(18px, 3vw, 34px) !important;}
.hero-clean-actions{margin-top: 8px !important; gap: 10px !important;}
.trust-row{margin-top: 10px !important; gap: 8px !important; flex-wrap: wrap !important;}
.trust-row span{padding: 8px 12px !important; font-size: 12px !important;}
.cc78-benefits{
  margin-top: 10px !important;
  margin-bottom: 12px !important;
  gap: 10px !important;
}
.cc78-benefits article{
  padding: 10px 12px !important;
  min-height: 78px !important;
  border-radius: 18px !important;
  grid-template-columns: 34px 1fr !important;
  align-items: center !important;
  row-gap: 1px !important;
}
.cc78-benefits span{
  width: 34px !important;
  height: 34px !important;
  font-size: 14px !important;
}
.cc78-benefits strong{
  font-family: Rajdhani, Inter, system-ui, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
}
.cc78-benefits small{
  font-size: 11px !important;
  line-height: 1.15 !important;
  color: #93a7b6 !important;
  margin-top: 1px !important;
}
.service-top.service-priority{
  padding: 14px 16px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  border-radius: 24px !important;
}
.service-top .kicker, .service-priority .kicker{
  font-size: 12px !important;
  letter-spacing: .22em !important;
  margin-bottom: 7px !important;
}
.service-top h2, .service-priority h2{
  font-family: Rajdhani, Inter, system-ui, sans-serif !important;
  font-size: clamp(21px, 2.3vw, 31px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.02em !important;
  margin-bottom: 6px !important;
}
.service-top p, .service-priority p{
  font-size: 12px !important;
  line-height: 1.32 !important;
  margin: 4px 0 8px !important;
  max-width: 760px !important;
}
.service-pills{gap:7px !important; margin-top: 8px !important;}
.service-pills span{padding: 6px 10px !important; font-size: 10px !important;}
.service-actions-pro{gap:8px !important;}
.service-actions-pro button{padding: 11px 14px !important; font-size: 13px !important;}
.service-cards{margin-top: 10px !important; gap: 10px !important;}
.service-cards article{padding: 12px !important; min-height: 116px !important;}
.service-cards small{font-size: 11px !important; line-height: 1.2 !important;}
.showcase{margin-top: 12px !important;}
@media (max-width: 860px){
  .hero .kicker{font-size: 14px !important; letter-spacing: .16em !important;}
  .hero h1{font-size: clamp(42px, 11.4vw, 64px) !important; line-height: .94 !important;}
  .hero > div p, .hero-grid > div > p:not(.kicker){font-size: 10px !important; max-width: 100% !important;}
  .hero-clean-actions{grid-template-columns: 1fr 1fr !important;}
  .cc78-benefits{grid-template-columns: 1fr 1fr !important;}
  .cc78-benefits article{min-height: 70px !important; padding: 10px !important;}
  .service-top.service-priority{padding: 12px !important;}
  .service-top h2, .service-priority h2{font-size: 20px !important;}
}
@media (max-width: 560px){
  .hero{padding-top: 10px !important; padding-bottom: 10px !important;}
  .hero h1{font-size: clamp(38px, 11.8vw, 52px) !important;}
  .hero-clean-actions{grid-template-columns: 1fr !important;}
  .cc78-benefits{grid-template-columns: 1fr !important;}
}