/* Narrow repairs to the incumbent sales page. Its typography, copy and sections remain. */
.sales-page { padding-bottom: 0; }
.sales-page .hero-label {
  display: flex; flex-direction: column; align-items: flex-start; gap: 4px;
  max-width: 42ch; margin: 0 0 24px; padding: 0;
  border: 0; border-radius: 0; background: none;
  color: #475569; font-size: 15px; font-weight: 400; line-height: 1.6;
}
.sales-page .hero-label strong { color: #1d4ed8; font-size: 17px; font-weight: 700; }
.sales-page .hero-label span { text-wrap: balance; }
.sales-page :where(.hero-inner,.hero-content,.agent-network,.agent-grid,.agent-terminal,.phone-frame,.calc-wrapper,.calc-inputs,.calc-results,.cta-form-card) { min-width: 0; }
.sales-page :where(h1,h2,h3,p,a,.agent-terminal-title) { overflow-wrap: anywhere; }
.sales-page .agent-terminal-body { overflow-x: auto; }
.sales-page .hero-agents .agent-grid { grid-template-columns: repeat(6,minmax(0,1fr)); }
.sales-page .mobile-nav { max-height: calc(100dvh - 72px); overflow-y: auto; overscroll-behavior: contain; padding-bottom: max(20px,env(safe-area-inset-bottom)); }
.sales-page .mobile-toggle { min-width: 44px; min-height: 44px; }
.sales-page #header .logo { flex-shrink: 0; white-space: nowrap; }
.sales-page #header nav { gap: 20px; }
.sales-page #header nav > a, .sales-page .nav-dropdown-trigger { white-space: nowrap; }
.sales-page .nav-dropdown-trigger { font: inherit; font-size: .875rem; color: inherit; }
.sales-page .nav-dropdown[data-open="true"] .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
.sales-page .nav-dropdown:not([data-open="true"]) .dropdown-menu { opacity: 0; visibility: hidden; pointer-events: none; }
.sales-page .dropdown-menu { max-height: calc(100dvh - 96px); overflow-y: auto; }
.sales-page .faq-item.open .faq-answer { max-height: none; }
.sales-page .faq-question { min-height: 48px; text-align: left; }
.sales-page .quiz-option { font: inherit; color: inherit; text-align: left; width: 100%; }
.sales-page #blogCards article { padding: 24px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--bg); }
.sales-page #blogCards time, .sales-page #blogCards .card-meta { font-size: 14px; color: #506079; }
.sales-page #blogCards .card-meta { display: flex; flex-wrap: wrap; gap: 6px 12px; }
.sales-page #blogCards h3 { font-size: 1.05rem; line-height: 1.4; margin: 8px 0; }
.sales-page #blogCards p { font-size: .9rem; color: var(--text-secondary); }
.sales-page #blogCards a:hover { text-decoration: underline; text-underline-offset: .2em; }
.sales-page .cases-carousel:focus-within .cases-track,
.sales-page .cases-carousel[data-paused="true"] .cases-track { animation-play-state: paused; }
.sales-page .cases-pause { display: block; margin: 16px auto; padding: 10px 16px; background: white; border: 1px solid var(--border); border-radius: 8px; font: inherit; cursor: pointer; }
.sales-page .cookie-banner { position: relative; bottom: auto; transform: none; display: none; }
.sales-page .cookie-banner.show { display: block; }
.sales-page .fade-up { opacity: 1; transform: none; }
.sales-page .bg-dark :focus-visible { outline-color: #93c5fd; }
.sales-page .without .chat-titlebar, .sales-page .without .chat-verdict,
.sales-page .about-transform-head > span:first-child { color: #b91c1c; }
.sales-page .about-transform-head > span:nth-child(2) { color: #166534; }
.sales-page .compare-stat.before .stat-val, .sales-page .phone-col-tag.chaos { color: #b91c1c; }
.sales-page .compare-stat.after .stat-val, .sales-page .phone-col-tag.calm { color: #166534; }
.sales-page .phone-statusbar, .sales-page .phone-date { color: #94a3b8; }
.sales-page #verdictLeft, .sales-page #chatLeft .chat-msg.ai .avatar { color: #b91c1c; }
.sales-page #chatRight .chat-msg.ai .avatar { color: #1d4ed8; }
.sales-page .phone-notif-app, .sales-page .phone-notif-desc, .sales-page .phone-notif-time { color: #94a3b8; }
@media (max-width: 1150px) {
  .sales-page #header nav { display: none; }
  .sales-page .mobile-toggle { display: block; }
  .sales-page .hero-agents .agent-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (min-width: 1151px) { .sales-page .mobile-nav { display: none; } }
@media (max-width: 768px) {
  .sales-page .hero-agents .agent-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sales-page .agent-network { width: 100%; }
}
@media (max-width: 600px) {
  .sales-page .container { padding-left: 16px; padding-right: 16px; }
  .sales-page [style*="minmax(280px"], .sales-page [style*="minmax(300px"] { grid-template-columns: minmax(0,1fr) !important; }
  .sales-page .hero h1 { font-size: clamp(2rem,8.5vw,3rem); }
  .sales-page .hero-label { align-items: center; margin-inline: auto; text-align: center; }
  .sales-page .phone-frame { max-width: 100%; }
  .sales-page .calc-inputs,.sales-page .calc-results { padding: 22px 16px; }
  .sales-page .calc-slider-row { min-width: 0; }
  .sales-page .calc-slider { min-width: 0; }
  .sales-page .compare-card { padding: 28px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .sales-page *, .sales-page *::before, .sales-page *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .sales-page :where(.fade-up,.build-card,.forwho-col h3,.forwho-col li,.phone-notif,.phone-bottom) { opacity: 1; transform: none; }
  .sales-page .cases-track { width: auto; flex-wrap: wrap; justify-content: center; }
  .sales-page .agent-packet { display: none; }
}