/* Wake AI — mobile fixes */
@media (max-width: 860px) {
  html, body { overflow-x: clip; }
  /* subpage header: hide desktop nav, show burger */
  header.wk-has-burger nav { display: none !important; }
  header.wk-has-burger { gap: 10px !important; }
  header.wk-has-burger a[href="#"] { padding: 10px 14px !important; font-size: 14px !important; }
  .wk-burger { display: flex !important; }
  /* how-it-works dashboard mockup: drop the sidebar */
  [style*="grid-template-columns: minmax(170px, 210px)"] { grid-template-columns: minmax(0, 1fr) !important; }
  [style*="grid-template-columns: minmax(170px, 210px)"] > :first-child { display: none !important; }
  /* pricing compare table: fit the screen instead of side-scrolling */
  [style*="min-width: 760px"] { min-width: 0 !important; }
  [style*="grid-template-columns: 1.5fr repeat(3, 1fr)"] { grid-template-columns: 1.25fr repeat(3, 1fr) !important; column-gap: 6px !important; }
  [style*="grid-template-columns: 1.5fr repeat(3, 1fr)"][style*="min-height"] { padding-left: 12px !important; padding-right: 12px !important; }
  [style*="grid-template-columns: 1.5fr repeat(3, 1fr)"] * { font-size: 13px !important; }
  [style*="grid-template-columns: 1.5fr repeat(3, 1fr)"][style*="align-items: end"] > :first-child { margin: 0 0 14px 4px !important; font-size: 18px !important; line-height: 1.15 !important; }
  [style*="grid-column: span 3"] > div { padding: 14px 4px !important; text-align: center; }
  [style*="grid-column: span 3"] > div > :first-child { font-size: 14px !important; font-weight: 600; }
  [style*="grid-column: span 3"] > div > :nth-child(2) { font-size: 11.5px !important; line-height: 1.3; }
  [style*="grid-column: span 3"] > div > *:not(:first-child):not(:nth-child(2)) { display: none !important; }
}
.wk-burger { display: none; align-items: center; justify-content: center; flex: none; width: 42px; height: 42px; border: 0; border-radius: 999px; background: #fff; box-shadow: 0 1px 2px rgba(20,20,26,.07); cursor: pointer; padding: 0; }
.wk-burger span, .wk-burger span::before, .wk-burger span::after { display: block; width: 16px; height: 1.6px; background: #23232b; border-radius: 2px; position: relative; transition: transform .25s, background .25s; content: ""; }
.wk-burger span::before { position: absolute; top: -5px; } .wk-burger span::after { position: absolute; top: 5px; }
.wk-burger[aria-expanded="true"] span { background: transparent; }
.wk-burger[aria-expanded="true"] span::before { transform: translateY(5px) rotate(45deg); }
.wk-burger[aria-expanded="true"] span::after { transform: translateY(-5px) rotate(-45deg); }
.wk-menu { position: fixed; left: 12px; right: 12px; top: 76px; z-index: 1000; display: none; flex-direction: column; padding: 10px; border-radius: 20px; background: rgba(255,255,255,.97); box-shadow: 0 18px 50px rgba(20,20,26,.18); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); font-family: Geist, 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.wk-menu.open { display: flex; }
.wk-menu a { padding: 14px 16px; border-radius: 12px; font-size: 17px; font-weight: 500; color: #1c1a22; text-decoration: none; }
.wk-menu a:active, .wk-menu a:hover { background: #f6f1f5; }
.wk-menu a.wk-cta { margin-top: 6px; text-align: center; background: #0f172a; color: #fff; font-weight: 600; }
