/* Portrait-tablet layout: prevents desktop fixed grids from exceeding the viewport. */
@media (min-width:701px) and (max-width:1024px){
  .home-header{height:64px;padding-inline:24px}
  .brand img{width:120px}
  .home-header nav,.home-access{display:none}
  .home-menu{display:grid;margin-left:auto}
  .home-header nav.menu-open{display:flex;position:absolute;top:64px;left:0;right:0;padding:22px 24px;background:#00111f;flex-direction:column;z-index:50}

  .home-hero{height:auto;min-height:720px;padding:104px 24px 38px}
  .hero-title h1{font-size:56px;line-height:1}
  .hero-title h1 span,.hero-title h1 em{font-size:64px}
  .hero-title p{font-size:14px;margin:12px 0 24px}
  .hero-paths{width:100%;max-width:720px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
  .journey-card{min-width:0;min-height:210px;padding:18px;grid-template-columns:46px minmax(0,1fr);gap:12px}
  .journey-card>i{width:44px;height:44px;font-size:19px}
  .journey-card h2{font-size:20px}
  .journey-card p{font-size:11px}
  .journey-card a{font-size:11px;padding:10px 14px}

  .two-paths{padding-inline:22px}
  .experience{min-width:0;padding-inline:20px}
  .experience-body{grid-template-columns:minmax(0,43%) minmax(0,57%);gap:10px}
  .product-mock{min-width:0;height:260px}

  .home-cta>div{width:100%;max-width:720px;margin-inline:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
  .home-cta a{min-width:0}
  .home-trust{padding-inline:24px}
  .home-footer{padding-inline:24px}
}