/* Desktop hero hierarchy: compact CTA, prominent live-profit card. */
@media (min-width:901px){
  .saas-hero .shopify-image-cta{width:260px}
  .saas-hero > .profit-widget{width:410px;padding:22px;border-radius:27px}
  .saas-hero > .profit-widget .widget-top{font-size:10px;gap:9px}
  .saas-hero > .profit-widget .live-pulse{width:9px;height:9px}
  .saas-hero > .profit-widget .widget-period button{font-size:8px;padding:6px 8px}
  .saas-hero > .profit-widget .profit-chart{width:278px;height:278px;margin:22px auto 19px}
  .saas-hero > .profit-widget .profit-ring{mask:radial-gradient(farthest-side,transparent calc(100% - 40px),#000 calc(100% - 39px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 40px),#000 calc(100% - 39px))}
  .saas-hero > .profit-widget .profit-total strong{font-size:35px!important}
  .saas-hero > .profit-widget .profit-total small{font-size:9px!important}
  .saas-hero > .profit-widget .profit-total span{font-size:11px!important}
  .saas-hero > .profit-widget .profit-metrics{gap:12px}
  .saas-hero > .profit-widget .profit-metrics div{padding:15px 14px;border-radius:12px;gap:6px}
  .saas-hero > .profit-widget .profit-metrics small{font-size:9px}
  .saas-hero > .profit-widget .profit-metrics strong{font-size:19px}
  .saas-hero > .profit-widget .widget-foot{margin:17px 3px 1px;font-size:11px}
}
@media (min-width:901px) and (max-width:1180px){
  .saas-hero .shopify-image-cta{width:235px}
  .saas-hero > .profit-widget{width:340px;padding:18px}
  .saas-hero > .profit-widget .profit-chart{width:230px;height:230px}
  .saas-hero > .profit-widget .profit-total strong{font-size:28px!important}
  .saas-hero > .profit-widget .profit-metrics strong{font-size:16px}
}