/* Variant: hero copy left, dashboard right, both within the viewport. Loaded after style.css by index-split.html. */
@media(min-width:1200px) and (min-aspect-ratio:4/3){
  .intro-split .masthead,.intro-split .product-stage{max-width:none;margin:0;padding:0}
  .intro-split .intro-grid{display:grid;grid-template-columns:minmax(400px,38%) minmax(0,1fr);align-items:center;gap:48px;max-width:1560px;margin:0 auto;padding:48px 32px 56px;min-height:calc(100vh - 84px)}
  .intro-split .masthead{text-align:left}
  .intro-split .eyebrow-pill{font-size:12px;padding:8px 14px}
  .intro-split .masthead h1{font-size:clamp(44px,3.9vw,76px);letter-spacing:-.05em;line-height:1.03;margin:22px 0 22px}
  .intro-split .hero-description{margin:0;max-width:520px;font-size:clamp(15px,1.05vw,17px);line-height:1.65}
  .intro-split .hero-actions{display:flex;flex-wrap:nowrap;justify-content:flex-start;margin-top:30px;gap:8px}
  .intro-split .hero-actions .button{gap:10px;padding:12px 16px;white-space:nowrap}
  .intro-split .hero-actions .store-link{gap:6px;padding:11px 10px;white-space:nowrap}
  .intro-split .hero-actions .store-link svg{width:18px;height:18px}
  .intro-split .hero-note{margin:18px 0 0;font-size:12px}
  .intro-split .hero-demo-link{margin-top:10px;font-size:15px}
  .intro-split .product-stage{padding:0;min-width:0}
  .intro-split .app-window{width:100%;max-width:none;margin:0;height:auto;aspect-ratio:3/2;max-height:clamp(560px,calc(100vh - 200px),900px);transform:none!important;box-shadow:0 30px 80px -30px #253c3566,0 3px 14px #253c350a}
  .intro-split .intro::before{background:
    linear-gradient(to bottom,var(--paper) 0%,transparent 20%,transparent 80%,var(--paper) 100%),
    radial-gradient(ellipse at 0% 70%,#eccda7 0%,#ecd5b5a6 18%,transparent 48%),
    radial-gradient(ellipse at 100% 40%,#a9c89d 0%,#c6d9b9c9 26%,transparent 60%)}
}
@media(min-width:1200px) and (min-aspect-ratio:4/3) and (max-height:820px){
  .intro-split .intro-grid{padding-top:32px;padding-bottom:40px;min-height:0}
}
@media(min-width:1600px) and (min-aspect-ratio:4/3){
  .intro-split .intro-grid{grid-template-columns:minmax(440px,36%) minmax(0,1fr);gap:64px;max-width:1720px;padding-left:40px;padding-right:40px}
  .intro-split .masthead h1{font-size:68px}
}