/* TRON Agency V55 — dynamic homepage service overview + confirmed-lead success state */
.pricing-v50 .home-service-grid-v50{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border-top:1px solid rgba(184,169,221,.24);
  border-left:1px solid rgba(184,169,221,.24);
  margin-top:34px;
}
.pricing-v50 .home-service-overview-v50{
  min-height:238px;
  padding:26px 24px 24px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:24px;
  position:relative;
  overflow:hidden;
  border-right:1px solid rgba(184,169,221,.24);
  border-bottom:1px solid rgba(184,169,221,.24);
  background:linear-gradient(145deg,rgba(18,15,27,.72),rgba(9,8,14,.92));
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.pricing-v50 .home-service-overview-v50::after{
  content:"";
  position:absolute;
  inset:auto -20% -52% 18%;
  height:150px;
  background:radial-gradient(ellipse,rgba(100,68,255,.18),transparent 70%);
  pointer-events:none;
}
.pricing-v50 .home-service-overview-v50:hover,
.pricing-v50 .home-service-overview-v50:focus-visible{
  z-index:2;
  transform:translateY(-3px);
  border-color:rgba(133,96,255,.68);
  background:linear-gradient(145deg,rgba(28,22,46,.82),rgba(10,8,17,.96));
  box-shadow:0 18px 46px rgba(43,24,95,.22);
  outline:none;
}
.home-service-icon-v50{
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  position:relative;
  z-index:1;
}
.home-service-icon-v50 img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 8px 22px rgba(95,62,255,.2));
}
.home-service-icon-v50>span{font-size:38px;color:#8f73ff}
.home-service-copy-v50{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1;transition:opacity .18s ease,transform .18s ease}
.home-service-copy-v50 small{
  color:#7661f0;
  font-size:14px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.home-service-copy-v50 strong{
  color:#f8f5ff;
  font-size:clamp(20px,1.55vw,25px);
  line-height:1.13;
  letter-spacing:-.035em;
}
.home-service-hover-cta-v52{
  display:none;
  position:relative;
  z-index:2;
  width:max-content;
  max-width:100%;
  min-width:132px;
  justify-content:center;
  align-items:center;
  padding:12px 18px;
  font-size:15px;
  font-weight:850;
  line-height:1;
  pointer-events:none;
}
@media(hover:hover) and (pointer:fine){
  .pricing-v50 .home-service-overview-v50:hover .home-service-copy-v50,
  .pricing-v50 .home-service-overview-v50:focus-visible .home-service-copy-v50{display:none}
  .pricing-v50 .home-service-overview-v50:hover .home-service-hover-cta-v52,
  .pricing-v50 .home-service-overview-v50:focus-visible .home-service-hover-cta-v52{display:inline-flex}
}

.lead-form-sent-v50{display:none!important}
.lead-success-v50{
  margin:18px 0 6px;
  padding:18px 20px;
  display:flex;
  align-items:flex-start;
  gap:14px;
  border:1px solid rgba(116,91,255,.52);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(53,40,102,.30),rgba(13,11,22,.94));
  box-shadow:0 12px 42px rgba(69,42,165,.18);
  color:#f8f5ff;
}
.lead-success-check-v50{
  flex:0 0 34px;
  width:34px;height:34px;
  border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#6848f6,#9a7cff);
  box-shadow:0 0 22px rgba(117,86,255,.38);
  font-weight:900;
}
.lead-success-v50 strong{font-size:16px}
.lead-success-v50 p{margin:5px 0 0;color:#beb7cc;font-size:13px;line-height:1.55}

@media(max-width:760px){
  .pricing-v50 .home-service-grid-v50{
    grid-template-columns:repeat(6,minmax(0,1fr));
    margin-top:24px;
  }
  .pricing-v50 .home-service-overview-v50{grid-column:span 2;min-height:190px;padding:18px 12px 16px;gap:14px}
  .pricing-v50 .home-service-overview-v50:nth-child(4){grid-column:2/span 2}
  .pricing-v50 .home-service-overview-v50:nth-child(5){grid-column:4/span 2}
  .home-service-icon-v50{width:52px;height:52px}
  .home-service-copy-v50{gap:8px}
  .home-service-copy-v50 small{font-size:12px;letter-spacing:.08em}
  .home-service-copy-v50 strong{font-size:clamp(16px,4.2vw,20px);overflow-wrap:anywhere}
  .home-service-hover-cta-v52{display:none!important}
}
@media(max-width:430px){
  .pricing-v50 .home-service-overview-v50{min-height:176px;padding:16px 9px 14px}
  .home-service-icon-v50{width:46px;height:46px}
  .home-service-copy-v50 small{font-size:11px}
  .home-service-copy-v50 strong{font-size:15px}
}


/* V52 — per-plan cross-sell: quiet grayscale furniture, full-color moving service icon. */
.service-crosssell-v52 .crosssell-card-v52 .svc32-shell,
.service-crosssell-v52 .crosssell-card-v52 .svc32-atmosphere,
.service-crosssell-v52 .crosssell-card-v52 .svc32-term>img,
.service-crosssell-v52 .crosssell-card-v52 .svc32-cta>img{
  filter:grayscale(1) saturate(0) brightness(.72) contrast(1.10)!important;
}
.service-crosssell-v52 .crosssell-card-v52 .svc32-atmosphere{opacity:.30!important}
.service-crosssell-v52 .crosssell-card-v52 .svc32-term{color:#a8a8b0!important}
.service-crosssell-v52 .crosssell-card-v52 .svc32-title{color:#e4e4e8!important;text-shadow:0 2px 10px rgba(255,255,255,.04)!important}
.service-crosssell-v52 .crosssell-card-v52 .svc32-old-price{color:#707078!important}
.service-crosssell-v52 .crosssell-card-v52 .svc32-price{color:#d8d8dc!important;text-shadow:none!important}
.service-crosssell-v52 .crosssell-card-v52 .svc32-cta{color:#ededf0!important}
.service-crosssell-v52 .crosssell-card-v52 .svc32-recommended-ribbon{display:none!important}
/* Do not grayscale the product/logo itself: it remains the only saturated moving element. */
.service-crosssell-v52 .crosssell-card-v52 .svc32-service-icon{filter:drop-shadow(0 8px 12px rgba(0,0,0,.30))!important}
.service-crosssell-v52 .crosssell-card-v52:hover{filter:brightness(1.02)!important}

/* V57 navigation semantics: mobile home shortcut opens Services; product pages retain Pricing. */
.mobile-services-shortcut-v57{appearance:none;-webkit-appearance:none;font-family:inherit;cursor:pointer}


/* V59 — centered 3+2 mobile services grid: move the left frame to the real start of each row. */
@media(max-width:760px){
  .pricing-v50 .home-service-grid-v50{border-left:0}
  .pricing-v50 .home-service-overview-v50:nth-child(1),
  .pricing-v50 .home-service-overview-v50:nth-child(4){border-left:1px solid rgba(184,169,221,.24)}
}