/* Shared desktop canvas for every public page, including the home page. */
@media (min-width:1101px){
  body:not(.dashboard-body):not(.overlay-page) .wrap,
  body:not(.dashboard-body):not(.overlay-page) .shell,
  body:not(.dashboard-body):not(.overlay-page) .site-footer .shell{
    width:min(1800px,calc(100% - clamp(64px,6vw,144px)));
    max-width:1800px;
  }
}
@media (min-width:1440px){
  .pricing-grid{width:100%;max-width:1440px;margin-inline:auto}
  .hero.wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(48px,4vw,90px);padding-top:56px;padding-bottom:64px;align-items:center}
  .hero h1{font-size:clamp(66px,4.4vw,88px);letter-spacing:-.048em;line-height:1.08}
  .hero-copy>p{max-width:600px;font-size:clamp(15px,1vw,17px);line-height:1.85}
  .hero .showcase{min-height:clamp(540px,32vw,640px);width:100%}
  .hero .showcase-phone{width:min(54%,420px);height:calc(100% - 42px);top:5px}
  .hero .phone-stage{height:63%}
  .hero .showcase-card{width:min(76%,650px);height:clamp(260px,17vw,330px);bottom:40px}
  .hero .showcase-badge{top:12%;font-size:11px}
  .hero .phone-head{padding:17px 15px}
  .hero .phone-head b{font-size:10px}
  .hero .phone-head small{font-size:8px}
  .hero .phone-chat{padding:7px 15px;font-size:9px}
  .hero .hero-note{font-size:11px}
  .home-game-meta h3{font-size:22px}
  .home-game>p,.home-feature>p{max-width:54ch}
}