@media(max-width:1024px){
  .nav-links{display:none}
  .hamburger{display:flex;align-items:center;margin-right:8px}
  .header-actions{display:none}
  .mobile-theme-btn{display:flex;margin-left:auto;margin-right:8px}
  .cb-hero-dark .cb-hero-inner{grid-template-columns:1fr;text-align:center;gap:48px}
  .cb-hero-dark .cb-hero-title{text-align:center;font-size:clamp(40px,10vw,72px)}
  .cb-hero-dark .cb-hero-sub{margin-left:auto;margin-right:auto}
  .cb-hero-dark .cb-hero-cta{justify-content:center}
  .cb-hero-dark .cb-hero-visual{transform:scale(.85)}
  .cb-app-grid{grid-template-columns:1fr;gap:40px;text-align:center}
  .cb-app-features-col{text-align:center}
  .cb-app-features-col .cb-app-sub{margin-left:auto;margin-right:auto}
  .cb-app-feature-item{justify-content:center}
  .cb-app-badges{justify-content:center}
  .cb-app-phone{width:260px}
  .cb-app-phone-frame{width:260px;height:520px}
  .cb-app-stats{gap:24px}
  .cb-feature-card{grid-template-columns:1fr;text-align:center}
  .cb-feature-card.reverse{direction:ltr}
  .cb-security-grid{grid-template-columns:repeat(2,1fr)}
  .cb-feature-card-inner{grid-template-columns:1fr}
  .cb-footer-cols{grid-template-columns:repeat(2,1fr);gap:24px}
  .cb-hero-dark .cb-hero-card-stack{transform:scale(.75);transform-origin:center center}
}
@media(max-width:1024px){
  .mobile-menu{display:block;transition:transform .3s ease,opacity .3s ease;transform:translateX(100%);opacity:0;pointer-events:none}
  .mobile-menu.open{transform:translateX(0);opacity:1;pointer-events:auto}
  .mobile-menu.open+.menu-overlay{display:block}
  .menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:998}
}
.hamburger.open span{background:transparent}
.hamburger.open span::before{top:0;transform:rotate(45deg)}
.hamburger.open span::after{top:0;transform:rotate(-45deg)}
@media(max-width:640px){
  .header-inner{padding:0 12px}
  .logo svg{height:20px}
  .logo-text{font-size:16px}
  .hamburger{width:36px;height:36px}
  .mobile-theme-btn{width:36px;height:36px;font-size:14px;margin-right:4px}
  .cb-hero-dark{padding:100px 16px 64px}
  .cb-hero-dark .cb-hero-inner{gap:32px}
  .cb-hero-dark .cb-hero-title{font-size:36px;letter-spacing:-1px}
  .cb-hero-dark .cb-hero-sub{font-size:16px}
  .cb-hero-dark .cb-hero-card-stack{width:100%;height:280px}
  .cb-hero-dark .cb-hero-card{width:220px;padding:16px}
  .cb-hero-dark .cb-card-value{font-size:18px}
  .cb-ticker{padding:12px 16px}
  .cb-ticker-inner{gap:32px}
  .cb-ticker-item{font-size:13px}
  .cb-stats-grid{gap:24px}
  .cb-stat{min-width:calc(50% - 12px)}
  .cb-earn-grid,.cb-explore-grid,.cb-learn-grid,.cb-security-grid,.cb-feature-card-inner,.cb-footer-grid{grid-template-columns:1fr}
  .cb-ratings-grid{flex-direction:column;gap:24px}
  .cb-wallet-tabs{flex-wrap:wrap}
  .cb-app-stats{flex-direction:column;align-items:center}
  .cb-platform-stats{flex-direction:column;align-items:center}
  .cb-feature-tile{padding:32px 24px}
  .cb-feature-tile h3{font-size:24px}
  .mnemonic-grid{grid-template-columns:repeat(2,1fr)}
  .cb-explore-item{flex-wrap:wrap;gap:8px;padding:14px}
  .cb-explore-item .btn{width:100%;margin-top:4px}
  .cb-learn-card{padding:32px 24px}
  .cb-earn-card{padding:24px 16px}
  .cb-app-phone{width:220px}
  .cb-app-phone-frame{width:220px;height:460px;border-radius:32px;border-width:3px}
  .cb-phone-screen{padding:28px 10px 4px}
  .cb-ph-bal-amount{font-size:22px}
  .cb-ph-actions{gap:4px}
  .cb-ph-act{min-width:auto}
  .cb-ph-act-icon{width:30px;height:30px}
  .cb-ph-act-icon svg{width:14px;height:14px}
  .dash-body,.screen-body{padding:12px}
  .dash-topbar-inner,.screen-topbar-inner{padding:0 12px;height:52px}
  .dash-balance{padding:16px 8px 12px}
  .dash-balance-amount{font-size:clamp(36px,12vw,48px)}
  .dash-actions{gap:4px;padding:0 4px 16px}
  .dash-action-btn{min-width:56px}
  .dash-action-icon{width:44px;height:44px}
  .dash-action-icon svg{width:20px;height:20px}
  .dash-action-label{font-size:11px}
  .dash-body .asset-row{padding:12px 12px}
  .dash-body .asset-icon{width:36px;height:36px}
  .dash-body .asset-name{font-size:14px}
  .dash-body .asset-balance{font-size:14px}
  .dash-body #activityList>div{padding:12px 12px}
  .dash-tab-bar{padding:4px 4px;padding-bottom:calc(4px + env(safe-area-inset-bottom,0px))}
  .dash-tab{font-size:9px;padding:6px 2px}
  .dash-tab svg{width:20px;height:20px}
  .dash-actions{gap:8px}
  .dash-actions .btn{font-size:13px;padding:10px 14px}
  .asset-row{padding:12px 12px}
  .asset-name{font-size:13px}
  .asset-balance{font-size:13px}
  .asset-price{font-size:13px}
  .modal h3{font-size:20px}
  .modal p{font-size:13px}
  .form-input{font-size:14px;padding:12px 14px}
  .network-option .net-name{font-size:14px}
  .nav-links a{font-size:16px}
  .qa-btn{font-size:11px;padding:12px 6px}
  .btn{font-size:14px;padding:10px 24px}
}