/* One short sales journey, with optional detail on dedicated pages. */
.sales-simple .hero { padding-block: 64px; }
.sales-simple .hero-grid { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: center; gap: 48px; }
.sales-simple .hero-visual { display: block; min-height: 0; margin: 0; }
.sales-simple .hero-visual::before { content: none; }
.sales-simple .demo-preview-card { width: 100%; padding: 36px 8px 8px; border-radius: 14px; background: #fff; box-shadow: 0 12px 32px #0b13200d; backdrop-filter: none; }
.sales-simple .demo-preview-card img { height: auto; aspect-ratio: 1220/735; border-radius: 6px; }
.sales-simple .hero .screen-note { margin: 16px 0 0; font-size: 15px; font-weight: 700; }
.sales-simple .hero .screen-note span { display: block; margin-top: 3px; font-size: 13px; font-weight: 400; }
.sales-simple .hero h1 { font-size: clamp(36px, 4vw, 58px); max-width: 17ch; line-height: 1.12; }
.sales-simple .hero-note { max-width: 45ch; font-size: 15px; line-height: 1.65; color: #4b5565; }
.sales-simple .hero-offer-line { display: block; margin-top: 24px; font-weight: 400; }
.sales-simple .hero-offer-line strong { display: inline-block; margin-bottom: 4px; font-weight: 750; }
.sales-simple .screen-note { font-size: 13px; line-height: 1.6; color: #596273; margin-top: 18px; }
.sales-simple .hero .screen-note { color: #4b5565; }
.sales-simple .order-journey { background: #f7f8fa; }
.sales-simple .journey-grid { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.sales-simple .journey-grid li { min-width: 0; position: relative; }
.sales-simple .step-number { display: grid; place-items: center; width: 36px; height: 36px; background: #0b1320; color: #fff; border-radius: 50%; font-weight: 750; }
.sales-simple .journey-grid h3 { font-size: 23px; margin: 16px 0 10px; }
.sales-simple .journey-grid p { line-height: 1.7; color: #4b5565; min-height: 82px; }
.sales-simple .journey-grid img { display: block; width: 100%; height: auto; aspect-ratio: 1265/889; object-fit: contain; object-position: top; background: #fff; border: 1px solid #dbe0e7; border-radius: 8px; }
.sales-simple .journey-grid .driver-screen { object-fit: contain; background: #eef1f5; }
.sales-simple .journey-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 28px; }
.sales-simple :is(.journey-actions,.outcome-grid,.fee-summary,.detail-intro,.essential-faq) a:not(.pill) { text-decoration: underline; text-underline-offset: 4px; }
.sales-simple .outcome-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
.sales-simple .outcome-grid article { min-width: 0; border-top: 3px solid #ff7900; padding-top: 20px; }
.sales-simple .outcome-grid h3 { font-size: 24px; line-height: 1.25; margin: 0 0 12px; }
.sales-simple .outcome-grid p { color: #4b5565; line-height: 1.7; }
.sales-simple .price-card { align-items: stretch; }
.sales-simple :is(.price-main,.support-card) { padding: 30px; }
.sales-simple :is(.price-main,.support-card) p:not(.price) { line-height: 1.65; }
.sales-simple .fee-summary { padding: 24px; margin-top: 24px; background: #fff; border-left: 4px solid #ff7900; border-radius: 6px; }
.sales-simple .fee-summary h3 { font-size: 21px; line-height: 1.35; margin: 0 0 12px; }
.sales-simple .fee-summary p { margin: 0; line-height: 1.7; }
.sales-simple .hardware-note { line-height: 1.7; margin: 24px 0 16px; }
.sales-simple .essential-faq { max-width: 840px; margin: 40px auto 0; }
.sales-simple .essential-faq > h3 { font-size: 24px; }
.sales-simple .essential-faq details { border-bottom: 1px solid #dbe0e7; }
.sales-simple .essential-faq summary { cursor: pointer; font-size: 18px; font-weight: 700; padding: 18px 0; }
.sales-simple .essential-faq p { color: #4b5565; line-height: 1.7; margin: 0 0 20px; }
.sales-simple .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }
.sales-simple .detail-intro { padding-block: 64px; }
.sales-simple .detail-intro h1 { font-size: clamp(34px,5vw,54px); line-height: 1.1; max-width: 22ch; }
.sales-simple .detail-intro > .wrap > p { max-width: 65ch; line-height: 1.7; }
.sales-simple .anchor-alias { scroll-margin-top: 110px; }
@media (max-width:900px) {
  .sales-simple .hero { padding-block: 38px; }
  .sales-simple .hero-grid { grid-template-columns: 1fr; gap: 32px; }
  .sales-simple .hero h1 { max-width: 19ch; }
  .sales-simple .hero-visual { width: 100%; max-width: 680px; }
  .sales-simple .journey-grid, .sales-simple .outcome-grid { grid-template-columns: 1fr; gap: 32px; }
  .sales-simple .journey-grid li { display: grid; grid-template-columns: 36px 1fr; column-gap: 16px; }
  .sales-simple .journey-grid h3 { margin-top: 4px; }
  .sales-simple .journey-grid p, .sales-simple .journey-grid img { grid-column: 2; min-height: 0; }
  .sales-simple .journey-grid img { max-width: 560px; }
  .sales-simple .footer-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } }