@media (max-width:980px){
  .hero{grid-template-columns:1fr;padding-top:130px;min-height:auto;text-align:center}
  .hero-copy>p{margin:0 auto}
  .hero-actions{justify-content:center}
  .hero-visual{height:560px;margin-top:20px}
  .showcase{grid-template-columns:1fr;gap:50px;padding:100px 6.5vw}
  .split{display:block}
  .split>p{margin-top:16px}
}

@media (max-width:900px){
  .nav{padding:0 5vw}
  .nav nav{display:none}
  .nav-cta{padding:10px 15px;font-size:10px}
  .benefits{grid-template-columns:1fr 1fr}
  .benefit{min-height:0;padding:26px 22px}
  .benefit h3{margin:24px 0 10px}
  .experience-grid{grid-template-columns:1fr}
  .experience-card{height:300px}
  .section{padding:100px 5.5vw}
  .final-cta{padding:110px 5.5vw}
  footer{padding:42px 5.5vw;flex-direction:column;align-items:flex-start}
  .footer-right{align-items:flex-start;margin-top:28px}
  .request-panel{padding:50px 6vw 40px}
  .form-top h2{font-size:34px}
  .two,.three{grid-template-columns:1fr}
}

@media (max-width:560px){
  .nav{height:68px}
  .brand small{display:none}
  .hero{padding:96px 6vw 40px}
  .hero-copy h1{font-size:40px}
  .card-frame{width:250px;min-height:480px}
  .card-inner{min-height:476px}
  .card-title{font-size:27px}
  .benefits{grid-template-columns:1fr}
  .benefit{padding:22px 0;border-top:1px solid var(--line-soft)}
  .benefit:first-child{border-top:0}
  .section-head h2,.showcase h2{font-size:38px}
  .card-content{padding:0 20px 26px}
  .mini-card{width:190px;height:360px}
  .final-cta h2{font-size:36px}
  .close{right:16px}
}