/* === Mobile responsive — Touchplan deck === */

/* -- Tablet (<=1024) -- */
@media(max-width:1024px){
  .slide{padding:40px 32px 40px}
  h1{font-size:56px}
  h2{font-size:36px;margin-bottom:16px}
  .title{padding:48px 32px;gap:28px}
  .title h1{font-size:56px}
  .title .tb-word{height:64px}
  .title .tb-mark{height:52px}
  .stat .big{font-size:48px}
  .grid3,.grid4{grid-template-columns:1fr 1fr}
  .archWrap{grid-template-columns:1fr;gap:12px}
  .archArrow{transform:rotate(90deg);height:24px}
  .split{grid-template-columns:1fr;gap:24px}
  .driftwrap{grid-template-columns:1fr;gap:20px}
  .breakWrap{padding:0 24px}
  .breakWrap h2{font-size:44px}
  .foundersProof{grid-template-columns:1fr !important;grid-template-rows:auto !important}
}

/* -- Phone (<=680) -- */
@media(max-width:680px){
  .slide{padding:24px 18px 28px;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .slide::after{left:18px;bottom:14px;font-size:11px}
  h1{font-size:36px;letter-spacing:-.03em}
  h2{font-size:26px;margin-bottom:12px}
  h3{font-size:17px}
  p{font-size:15px}
  .eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:10px}
  .sub{font-size:14px !important}
  .title{padding:32px 20px;gap:20px}
  .title h1{font-size:36px}
  .title .tb-mark{height:44px}
  .title .tb-word{height:52px}
  .title .title-brand{gap:12px}
  .grid2,.grid3,.grid4,.split,
  .driftwrap{
    grid-template-columns:1fr !important;gap:14px}
  .archWrap{grid-template-columns:1fr !important;gap:10px}
  .archArrow{transform:rotate(90deg);height:20px;font-size:22px}
  .archCol{padding:16px}
  .archItem,.archFeature{padding:10px 12px;font-size:13px}
  .card{padding:18px;gap:10px;border-radius:14px}
  .card h3{font-size:17px}
  .card p{font-size:13px}
  .stat .big{font-size:36px}
  .stat .lbl{font-size:12px}
  .breakWrap{padding:0 12px;gap:18px}
  .breakWrap h2{font-size:32px !important}
  .breakMark{width:48px}
  .breakWord{height:48px}
  .badge{font-size:11px;padding:10px 14px}
  .chatMock{font-size:12px}
  .chatBody{padding:12px;gap:10px}
  .msgBub{font-size:12px;padding:10px 12px}
  .msgAv{width:22px;height:22px;font-size:9px}
  .fragCard{padding:16px}
  .fragItem{font-size:12px;padding:6px 10px}
  .fragIcon{width:24px;height:24px;font-size:12px}
  .foundersProof{grid-template-columns:1fr !important;grid-template-rows:auto !important}
  .pill{font-size:10px;padding:5px 10px}
}

/* -- Gate mobile -- */
@media(max-width:680px){
  #gate{padding:24px}
  .gate-box{padding:28px 20px}
  .gate-box img{width:40px !important;height:40px !important}
  .gate-box h2{font-size:1.1rem !important}
  .gate-sub{font-size:12px}
  #gate-in{font-size:15px;padding:12px 16px}
  #gate-btn{width:40px;height:40px}
}

/* -- Nav mobile -- */
@media(max-width:680px){
  #nav{padding:6px 12px;gap:6px}
  #nav span{min-width:36px;min-height:36px;font-size:13px;padding:6px 10px}
  #count{font-size:11px}
}