/* Visual fidelity pass 2: desktop proportions are tightened against the approved homepage mockup. */
@media (min-width:1241px){
  .hero,.hero__grid,.hero-system{min-height:430px}
  .hero__copy{padding:32px 18px 26px 0}
  .hero h1{max-width:480px;margin-bottom:15px;font-size:clamp(39px,3.05vw,49px);line-height:1.035}
  .hero__lead{max-width:486px;font-size:14px;line-height:1.55}
  .hero__actions{margin-top:20px}
  .hero__stats{margin-top:22px;gap:10px}
  .hero__stats dt{font-size:18px}
  .hero__stats dd{margin-top:3px;font-size:10px}

  .hero-system{margin:0;overflow:visible}
  .system-card{width:28%;padding:9px;border-radius:9px}
  .system-card__head{grid-template-columns:24px 1fr auto;gap:6px;margin-bottom:6px}
  .system-card__head>span{width:24px;height:24px}
  .system-card__head svg{width:18px}
  .system-card__head strong{font-size:11px}
  .system-card__head small{font-size:9px;margin-top:2px}
  .system-card__head b{font-size:16px}
  .system-card .ui-preview__bar{height:9px;padding:3px 4px}
  .system-card .ui-preview__body{min-height:49px;padding:6px}
  .system-card .mock-map{min-height:41px}
  .system-card .mock-chart{height:40px}
  .system-card--sales{left:8%;top:7px}
  .system-card--stock{right:4%;top:7px}
  .system-card--docs{left:0;top:120px}
  .system-card--logistics{right:0;top:121px}
  .system-card--analytics{left:8%;bottom:41px}
  .system-card--production{right:4%;bottom:41px}
  .system-card--dev{left:38%;bottom:0;width:24%}
  .system-core{left:39%;top:118px;width:22%}
  .system-core strong{font-size:clamp(18px,1.55vw,24px)}
  .system-core span{margin-top:8px;font-size:10px}

  .widgets-section{padding-top:24px}
  .widgets-feature-grid{grid-template-columns:.82fr 1.43fr 1.43fr;gap:14px}
  .section-intro--compact{padding:10px 10px 8px 4px}
  .section-intro--compact h2{font-size:clamp(24px,1.75vw,31px)}
  .section-intro--compact p{margin:13px 0 17px;font-size:12px;line-height:1.5}
  .text-link{font-size:12px}
  .feature-widget{min-height:184px;gap:10px;padding:14px;border-radius:11px}
  .card-kicker{font-size:11px}
  .feature-widget__copy p{margin:12px 0;font-size:12px;line-height:1.45}
  .feature-widget__visual .ui-preview__body{min-height:96px;padding:9px}
  .feature-widget__visual .mock-map{min-height:84px}
  .feature-widget__visual .mock-table{gap:7px}
  .feature-widget__visual .mock-table span{height:8px}
  .feature-widget .button{min-height:33px;padding-inline:11px;font-size:10px}

  .widgets-grid{gap:10px;margin-top:12px}
  .widget-card{min-height:178px;padding:12px;border-radius:9px}
  .widget-card h3{font-size:12px;line-height:1.2}
  .widget-card p{margin:7px 0 10px;font-size:10px;line-height:1.4}
  .widget-card .ui-preview__body{min-height:66px;padding:6px}
  .widget-card .mock-chart{height:54px}
  .widget-card .mock-map{min-height:56px}

  .custom-tool-strip{min-height:70px;grid-template-columns:1.18fr repeat(3,.82fr) 1.06fr;gap:16px;margin-top:10px;padding:10px 14px}
  .custom-tool-strip__title{gap:9px}
  .custom-tool-strip__title strong{font-size:13px;line-height:1.28}
  .custom-tool-strip__icon,.custom-tool-strip__icon svg{width:28px}
  .custom-tool-strip__step{gap:8px;font-size:10px;line-height:1.35}
  .custom-tool-strip__step i{width:22px;height:22px;flex-basis:22px}
  .custom-tool-strip__step i svg{width:13px}
  .custom-tool-strip>.button{min-height:42px;padding-inline:12px;font-size:11px}

  .ecosystem__grid{padding-top:14px;padding-bottom:14px}
  .how-faq{padding-top:18px;padding-bottom:15px}
  .how-note{margin-top:14px;min-height:54px}
  .final-cta__inner{min-height:152px}
  .site-footer__grid{min-height:96px;padding-block:14px;gap:20px}
}

/* The reference keeps the first three sections visually dense on standard laptops too. */
@media (min-width:981px) and (max-width:1240px){
  .hero,.hero__grid,.hero-system{min-height:470px}
  .feature-widget{min-height:205px}
  .widget-card{min-height:205px}
  .custom-tool-strip{min-height:78px}
}

/* Keep card previews readable without making the mobile hero excessively tall. */
@media (max-width:640px){
  .hero-system{min-height:750px;grid-auto-rows:minmax(112px,auto);padding-top:148px}
  .system-core{top:8px;width:142px;height:128px}
  .hero-system .system-card--dev{width:58%}
  .widgets-section{padding-top:22px}
  .feature-widget,.widget-card{min-height:0}
}