@media(min-width:1000px) and (min-height:650px){
  body{min-height:100dvh;display:grid;grid-template-rows:64px 1fr 44px}
  header,main,footer{width:min(1240px,100%);margin:0 auto;padding:12px 30px}
  main{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr auto;gap:16px 36px;max-height:850px;align-self:center}
  .hero{padding:14px 0;overflow:hidden}.hero .eyebrow{margin:0 0 18px;font-size:10px}h1{font-size:clamp(62px,6vw,88px);letter-spacing:-4px;margin:18px 0}.intro{font-size:15px;max-width:420px;line-height:1.5}.button{margin:8px 0;padding:13px 18px}.versus{font-size:120px;right:4px;top:180px;opacity:.16}.hero .note{margin:8px 0}
  .bundle{grid-column:2;grid-row:1;display:block;padding:0}.bundle>div{display:none}.bundle aside{padding:20px 24px}.bundle aside h3{font-size:30px;margin:12px 0}.bundle ul{margin:12px 0;font-size:14px}.bundle li{line-height:1.7}.bundle button{margin-top:6px;padding:14px}.bundle .note{margin:10px 0 0}
  .features{grid-column:span 2;grid-row:2;gap:28px;padding:16px 0 4px;border-bottom:0}.features article>span{font-size:9px;letter-spacing:2px}.features h2{font-size:20px;margin:9px 0}.features p{font-size:13px;line-height:1.5;margin:6px 0}
  footer{align-items:center;font-size:10px}footer p{max-width:700px;font-size:10px;line-height:1.3}
}