/* speech.expert public v13.5 — visual regression cleanup after editorial pass.
   Scope: tariff CTA hierarchy, tariff limit presentation, Results/Benefit density, Anna social-proof proportions.
   No copy, pricing, routes, forms or business logic changes. */

/* --------------------------------------------------------------------------
   Homepage tariff cards: buttons must look like deliberate product CTAs.
   -------------------------------------------------------------------------- */
.pricing-grid-real .price-card{display:flex;flex-direction:column}
.pricing-grid-real .price-card>button.text-link{
  appearance:none!important;-webkit-appearance:none!important;
  width:100%!important;min-height:48px!important;margin-top:auto!important;padding:11px 16px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1.5px solid #9EC4FB!important;border-radius:11px!important;
  background:#fff!important;color:#126BFA!important;
  font:600 15px/1.2 Inter,Arial,sans-serif!important;text-align:center!important;text-decoration:none!important;
  box-shadow:none!important;cursor:pointer!important;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease!important;
}
.pricing-grid-real .price-card>button.text-link:hover{
  transform:translateY(-1px)!important;background:#F5F9FF!important;border-color:#126BFA!important;
  box-shadow:0 8px 22px rgba(18,107,250,.10)!important;
}
.pricing-grid-real .price-card>button.text-link:focus-visible{
  outline:3px solid rgba(18,107,250,.22)!important;outline-offset:2px!important;
}
.pricing-grid-real .price-card.featured>button.text-link{
  color:#fff!important;background:#126BFA!important;border-color:#126BFA!important;
  box-shadow:0 9px 22px rgba(18,107,250,.18)!important;
}
.pricing-grid-real .price-card.featured>button.text-link:hover{
  background:#0D5FE4!important;border-color:#0D5FE4!important;box-shadow:0 11px 26px rgba(18,107,250,.24)!important;
}
.pricing-grid-real .price-card-free>button.text-link{
  color:#fff!important;background:#16A34A!important;border-color:#16A34A!important;
  box-shadow:0 9px 22px rgba(22,163,74,.16)!important;
}
.pricing-grid-real .price-card-free>button.text-link:hover{
  background:#138A3F!important;border-color:#138A3F!important;box-shadow:0 11px 26px rgba(22,163,74,.22)!important;
}
/* Client-facing explanation first; contractual limits second. */
.pricing-grid-real .price-card>p:not(.price-meta){
  margin:3px 0 18px!important;padding:11px 13px!important;border:1px solid #E7EEF7!important;border-radius:10px!important;
  background:#F8FAFD!important;color:#66768C!important;font-size:13px!important;line-height:1.48!important;
}
.pricing-grid-real .price-card .price-meta{font-size:14px!important;line-height:1.5!important;color:#51637B!important}

/* --------------------------------------------------------------------------
   /tariffs/: same CTA hierarchy and quieter technical limits.
   Strong selectors intentionally override any inherited/native button style.
   -------------------------------------------------------------------------- */
.tariffs-v132 .sx-tariff>button.sx-tariff-cta{
  appearance:none!important;-webkit-appearance:none!important;
  width:100%!important;min-height:48px!important;margin-top:auto!important;padding:11px 16px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1.5px solid #9EC4FB!important;border-radius:11px!important;
  background:#fff!important;color:#126BFA!important;
  font:600 15px/1.2 Inter,Arial,sans-serif!important;text-align:center!important;text-decoration:none!important;
  box-shadow:none!important;cursor:pointer!important;
}
.tariffs-v132 .sx-tariff>button.sx-tariff-cta:hover{
  transform:translateY(-1px)!important;background:#F5F9FF!important;border-color:#126BFA!important;
  box-shadow:0 8px 22px rgba(18,107,250,.10)!important;
}
.tariffs-v132 .sx-tariff.recommended>button.sx-tariff-cta{
  color:#fff!important;background:#126BFA!important;border-color:#126BFA!important;
  box-shadow:0 9px 22px rgba(18,107,250,.18)!important;
}
.tariffs-v132 .sx-tariff.recommended>button.sx-tariff-cta:hover{
  background:#0D5FE4!important;border-color:#0D5FE4!important;box-shadow:0 11px 26px rgba(18,107,250,.24)!important;
}
.tariffs-v132 .sx-tariff:first-child>button.sx-tariff-cta{
  color:#fff!important;background:#16A34A!important;border-color:#16A34A!important;
  box-shadow:0 9px 22px rgba(22,163,74,.16)!important;
}
.tariffs-v132 .sx-tariff:first-child>button.sx-tariff-cta:hover{
  background:#138A3F!important;border-color:#138A3F!important;box-shadow:0 11px 26px rgba(22,163,74,.22)!important;
}
.tariffs-v132 .sx-tariff .sx-rule+ p{
  margin:0 0 18px!important;padding:11px 13px!important;border:1px solid #E7EEF7!important;border-radius:10px!important;
  background:#F8FAFD!important;color:#66768C!important;font-size:13px!important;line-height:1.48!important;
}
.tariffs-v132 .sx-tariff .sx-rule{margin-bottom:11px!important}

/* --------------------------------------------------------------------------
   Homepage Results + social proof: keep TЗ copy, restore visual breathing room.
   -------------------------------------------------------------------------- */
.results .result-layout{grid-template-columns:minmax(340px,1.08fr) minmax(300px,.88fr) minmax(500px,1.58fr)!important;gap:22px!important;align-items:stretch!important}
.results .result-panel{padding:26px 28px!important}
.results .result-panel h3{font-size:20px!important;margin-bottom:15px!important}
.results .benefit-list li{grid-template-columns:42px minmax(0,1fr)!important;column-gap:12px!important;padding:11px 0!important}
.results .benefit-list li>span{width:38px!important;height:38px!important;font-size:16px!important}
.results .benefit-list b{font-size:17px!important;line-height:1.24!important}
.results .benefit-list small{font-size:14px!important;line-height:1.38!important;margin-top:3px!important;color:#53647B!important}
.results .micro-note{font-size:11.5px!important;line-height:1.42!important;margin-top:12px!important}

/* Anna: portrait is supporting proof, not the dominant visual. */
.results .quote-panel{grid-template-columns:34% 66%!important;min-width:0!important}
.results .quote-panel>img{width:100%!important;height:100%!important;min-width:0!important;object-fit:cover!important;object-position:center 10%!important}
.results .quote-copy{padding:34px 36px!important;justify-content:center!important;min-width:0!important}
.results .quote-mark{margin-top:0!important}
.results .quote-copy p{max-width:390px!important;font-size:20px!important;line-height:1.42!important;margin:14px 0 20px!important}
.results .quote-copy b{font-size:16px!important}
.results .quote-copy small{font-size:13px!important;line-height:1.4!important}
.results .dots{margin-top:24px!important;padding-top:0!important}

@media(max-width:1120px){
  .results .result-layout{grid-template-columns:minmax(0,1fr) minmax(0,.88fr) minmax(0,1.32fr)!important;gap:18px!important}
  .results .quote-panel{grid-template-columns:36% 64%!important}
  .results .quote-copy{padding:28px 26px!important}
  .results .quote-copy p{font-size:18px!important}
}
@media(max-width:860px){
  .results .result-layout{grid-template-columns:1fr 1fr!important}
  .results .quote-panel{grid-column:1/-1!important;grid-template-columns:32% 68%!important}
  .results .quote-copy{padding:30px 32px!important}
}
@media(max-width:620px){
  .pricing-grid-real .price-card>button.text-link,.tariffs-v132 .sx-tariff>button.sx-tariff-cta{min-height:50px!important;font-size:15px!important}
  .results .result-layout{grid-template-columns:1fr!important}
  .results .result-panel{padding:22px!important}
  .results .benefit-list b{font-size:16.5px!important}
  .results .benefit-list small{font-size:13.5px!important}
  .results .quote-panel{grid-column:auto!important;grid-template-columns:38% 62%!important}
  .results .quote-copy{padding:22px 18px!important}
  .results .quote-copy p{font-size:16px!important;line-height:1.4!important;margin:11px 0 16px!important}
  .results .quote-copy b{font-size:14px!important}
  .results .quote-copy small{font-size:12px!important}
  .results .dots{margin-top:16px!important}
}