/* Responsive pass (founder 2026-11-16). Loaded last on both pages. */

/* footer wordmark: never cut off */
.sky .word { font-size: clamp(88px, 25vw, 420px) !important; }

/* tablets */
@media (max-width: 1060px) {
  .topbar { gap: 16px; }
  .hero2 { padding-left: 24px; padding-right: 24px; }
  .problem, .how6, .faq, .plans-wrap, .compare-wrap { padding-left: 24px; padding-right: 24px; }
  .closing { margin: 0 12px; }
}

/* phones */
@media (max-width: 640px) {
  body { font-size: 15px; }
  .topbar { height: 60px; padding: 0 16px; }
  .topbar .logo { font-size: 19px; }
  .btn-k { height: 34px; padding: 0 12px; font-size: 13.5px; }
  .hero2 { padding: 28px 16px 24px; gap: 20px; }
  .hero2 h1, .hero3 h1 { font-size: 40px !important; line-height: 1.04; }
  .hero2 h1 br { display: none; }
  .hero2 .sub { font-size: 16px; }
  .hero-btns { width: 100%; }
  .hero-btns .hb { flex: 1; justify-content: center; height: 46px; padding: 0 14px; }
  .problem { padding: 64px 16px 40px; }
  .problem h2 { font-size: 30px; }
  .problem h2 br { display: none; }
  .cycle > div { padding: 18px 20px 24px; }
  .cycle .top { height: 108px; }
  .cycle .ci { width: 120px; height: 120px; }
  .deck-h { font-size: 26px; padding: 0 4px; }
  /* static deck on phones: readable inner cards */
  .deckscroll { padding: 24px 16px; }
  .slide .deck { aspect-ratio: 4 / 3.6; border-radius: 22px; }
  .slide .deck > .ui { width: 92% !important; }
  .wrow .box { font-size: 12px; }
  .wrow .box .r { display: none; }
  .slide .deck .ask { width: 92%; font-size: 12.5px; }
  .how6 { padding: 64px 16px; }
  .how6-head h2 { font-size: 28px; }
  .fc6 h3, .fc6 .d { margin-left: 22px; margin-right: 22px; }
  .fc6 .lbl { margin-left: 22px !important; }
  .faq { padding: 64px 16px; }
  .faq summary { font-size: 16.5px !important; }
  .closing { height: auto; padding: 72px 18px; border-radius: 24px; }
  .closing h2 { font-size: 34px; }
  form.pilot { width: 100%; max-width: 360px; }
  form.pilot input { width: auto; flex: 1; min-width: 0; }
  .foot { padding: 48px 18px 28px; grid-template-columns: 1fr 1fr; border-radius: 0 0 28px 28px; }
  .foot h2 { font-size: 28px; }
  .foot .copy { margin-top: 36px; }
  .sky { height: 150px; margin-top: -30px; }
  /* pricing */
  .p-hero { padding: 48px 16px 32px; }
  .p-hero h1 { font-size: 38px; }
  .p-hero h1 br { display: none; }
  .plans-wrap { padding: 0 16px 56px; }
  .plan { padding: 24px; }
  .compare-wrap { padding: 32px 12px 64px; }
  .scroll-x table.compare { min-width: 0; font-size: 13px; }
  table.compare th, table.compare td { padding: 12px 8px; }
  table.compare td:first-child { width: 40%; }
  table.compare thead th { font-size: 14px; }
}
/* closing email box never wider than the screen */
@media (max-width: 640px) {
  .closing .in { width: 100%; padding: 0; }
  .closing form.pilot { width: 100%; max-width: 100%; box-sizing: border-box; }
  .closing form.pilot button { padding: 0 14px; }
}