/* Keep platform marks in the first desktop viewport, with a natural mobile flow. */
@media(min-width:851px){
  .hero{padding-block:clamp(24px,4vh,56px) clamp(40px,5vh,64px)}
  .sources-band .shell{padding-block:12px}
}
@media(min-width:851px) and (max-height:900px){
  .public-header{height:72px}
  .hero{padding-block:12px 28px}
  .hero .eyebrow{margin-bottom:16px}
  .hero h1{font-size:clamp(36px,3.4vw,50px);margin-bottom:20px}
  .hero-description{font-size:15px;margin-bottom:24px}
  .product-scene{padding:18px 18px 30px;margin-bottom:22px}
  .scene-label{margin-bottom:12px}
  .window-top{padding:12px 16px}
  .mock-body{padding:14px}
  .mock-search{padding:8px 12px}
  .mock-search .search-key{width:30px;height:30px}
  .demo-query-hint{margin-top:8px}
  .mock-filters{margin:10px 0 14px}
  .mock-result-head{margin-bottom:8px}
  .mock-results{min-height:224px}
  .mock-results .mock-lot{min-height:124px;padding:12px;gap:8px}
  .mock-results .mock-lot.secondary{min-height:90px}
  .mock-lot-bottom{padding-top:8px}
  .telegram-note{padding:12px 15px;bottom:-22px}
  .sources-band .shell{padding-block:8px}
  .source-brand{gap:8px}
}
/* Use the same twelve stage names and order as the actual workspace. */
.crm-stages{grid-template-columns:repeat(6,minmax(0,1fr))}
.crm-stages li:first-child,.crm-stages li:last-child{border-color:#496173;background:#213e50}
.crm-stages li[data-stage=preparing]{border-color:#5d9cc3;background:#214962}
.crm-stages li[data-stage=won]{border-color:#437e77;background:#244e4d}
@media(max-width:1100px){.crm-stages{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.crm-stages{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.crm-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}
.faq-intro{min-width:0}
.subscription-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}
.subscription-plan{padding:clamp(20px,4vw,36px);background:#fff;border:1px solid #ccdeeb;border-radius:14px}
.subscription-plan h3,.subscription-plan .price{margin:0 0 12px}
.subscription-plan ul{padding-left:1.2em;margin:18px 0 0;line-height:1.7}
@media(max-width:650px){.subscription-plans{grid-template-columns:1fr}}
.faq-search-illustration{display:block;width:min(100%,420px);height:auto;aspect-ratio:3/2;object-fit:contain;margin:26px 0 0}
@media(max-width:850px){.faq-search-illustration{margin-top:22px}}
@media(max-width:560px){.faq-intro{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:0 12px;align-items:center}.faq-intro .eyebrow,.faq-intro h2{grid-column:1}.faq-intro .eyebrow{margin-bottom:12px}.faq-search-illustration{grid-column:2;grid-row:1/3;width:100%;margin:0}.faq-intro h2{font-size:28px}}