/* On computers, present the real site rather than a phone-shaped prototype. */
@media (min-width:841px){
  :root{background:#f7f9fc}
  .desktop-shell{display:block;width:100%;max-width:none;min-height:100vh;margin:0;padding:0}
  .desktop-shell>.intro{display:none!important}
  .phone{width:100%;max-width:none;min-height:100vh;height:auto;margin:0;background:#f7f9fc;border:0;border-radius:0;box-shadow:none;overflow:visible}
  .phone:before{display:none}
  .app{height:auto;min-height:100vh;overflow:visible;padding-bottom:0}
  .top{padding:28px max(32px,calc((100vw - 1080px)/2)) 34px}
  #home .hero{padding:38px 0 25px;min-height:215px}
  #home .hero h2{font-size:clamp(34px,3.2vw,46px)}
  #home .hero p{font-size:16px!important}
  #home .hero-art{width:210px;height:215px;right:2%;bottom:-34px}
  .main,.subhead,.inner{width:min(100% - 48px,1080px);max-width:1080px;margin-inline:auto}
  .main{padding:28px 0 70px}
  .tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .tile{min-height:160px;padding:23px}
  .faq-tile{grid-column:1/-1;min-height:96px}
  .section-heading{margin-top:31px}
  .modal{position:fixed;inset:0;align-items:center;justify-content:center}
  .sheet{width:min(650px,90vw);max-height:85vh;border-radius:20px;padding:28px}
}