/* ------------------------------------------------------------ responsive */
@media (max-width: 1080px) {
  .lanes { grid-template-columns: 1fr 1fr; }
  .lane.need { grid-column: span 2; }
  .shelf { grid-template-columns: repeat(2, 1fr); }
  .ex-sky { aspect-ratio: auto; min-height: 300px; }
  .ex-sky .win { height: auto; max-height: none; }
}

@media (max-width: 900px) {
  .make { grid-template-columns: 1fr; }
  .make-list { grid-template-columns: repeat(4, 1fr); }
  .make-list button { grid-template-columns: 1fr; padding: 12px; gap: 8px; }
  .make-list .tile { grid-row: auto; }
  .mk-q { display: none; }
  .make-view { min-height: 0; }
  .hero-row, .sec-head, .share, .agents, .faq { grid-template-columns: 1fr; }
  .hero-row { align-items: start; margin-bottom: clamp(90px, 16vw, 130px); }
  .steps { grid-template-columns: repeat(2, 1fr); gap: 22px 24px; }
}

@media (max-width: 720px) {
  .nav-in { gap: 12px; }
  .nav-links a { padding: 7px 8px; font-size: 13px; }
  .tm-body { grid-template-columns: 1fr; }
  .wk-d { grid-template-columns: 34px 1fr; }
  .wk-d p { grid-column: 2; }
  .make-list { grid-template-columns: repeat(2, 1fr); }
  .make-view { padding: 16px; border-radius: 20px; }
  .mk-note { border-radius: 14px; }
  .steps span:last-child { font-size: 13px; }


  .share { padding: 16px; border-radius: 20px; }
  .pro-flow { grid-template-columns: 1fr; }
  .pro-flow li + li { border-left: 0; border-top: 1px solid var(--line); }
  .pro-flow li + li::before { left: 26px; top: -6px; }
  .lanes { grid-template-columns: 1fr; }
  .lane.need { grid-column: auto; }
  .shelf { grid-template-columns: 1fr; }
  .ex-sky { min-height: 290px; }
  .foot-c { margin-left: 0; flex-basis: 100%; }
}

@media (max-width: 540px) {
  .nav .brand span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}