@media(max-width:699px){
  body{background:#fff}
  .screen{padding:22px 18px 26px}
  .intro{justify-content:flex-start}
  .intro .brandbar{margin-bottom:46px}
  .intro h1{font-size:36px}
  .intro p.sub{font-size:15px}
  .value-line{flex-direction:column;gap:7px}
  .meta-pills{gap:9px 16px}
  .card-mode,.result{min-height:100dvh;margin:0;padding:24px 18px;border:0;border-radius:0;box-shadow:none}
  .options{overflow:visible}
  .path-grid{grid-template-columns:1fr}
}
@media(min-width:700px){
  .intro{padding:44px}
  .intro .brandbar,.intro .hero{width:100%;max-width:1120px;margin-left:auto;margin-right:auto}
  .intro .brandbar{margin-bottom:56px}
  .hero{padding-bottom:8vh}
}
@media(max-height:720px) and (min-width:700px){
  .intro .brandbar{margin-bottom:28px}
  .intro h1{font-size:48px}
  .intro p.sub{margin-bottom:18px}
  .hero{padding-bottom:0}
}