/* Phone-only stylesheet (<=720px) */

/* Prevent horizontal scrolling caused by scaled elements */
html, body { overflow-x:hidden }

/* Global centering and spacing */
main .section .container,
.site-footer .container{ text-align:center }

/* Layout stacks */
.hero-inner{ grid-template-columns:1fr !important }
.cards{ grid-template-columns:1fr !important }
.split{ grid-template-columns:1fr !important }
.features-list{ grid-template-columns:1fr !important }
.footer-grid{ grid-template-columns:1fr !important }
.zk-grid{ grid-template-columns:1fr !important }

/* Hero tweaks */
.hero{ padding:90px 0 70px }
.hero-copy{ margin:0 auto }
.cta{ justify-content:center }

/* Header nav */
.nav-menu{ left:4%; right:4% }

/* Reduce visual logo scale on small screens if needed */
/* Bigger header logo on phones (footer logo remains small) */
header .brand-logo{ transform:none; width:56px; height:56px }

/* Footer pills spacing */
.footer-cta{ margin:16px 0 10px; justify-content:center }

/* Token section centering and overflow fixes */
#token .container{ text-align:center }
.split > div{ text-align:center }
.checklist{ display:grid; gap:8px; justify-items:center }
#token .table-wrap{ overflow:hidden }
#token table{ min-width:0; margin:0 auto }