/* =========================================================
   NEXORA — Responsive Rules
   Breakpoints: 1440 / 1024 / 768 / 430 / 390 / 360
   ========================================================= */

/* ---------- Laptop (<=1440) ---------- */
@media (max-width:1440px){
  .container{padding:0 var(--space-4);}
  .hero .container{gap:40px;}
}

/* ---------- Tablet landscape (<=1024) ---------- */
@media (max-width:1024px){
  .desktop-nav{display:none;}
  .mobile-menu-btn{display:flex;}
  .mobile-nav.mobile-open{display:block;}
  .utility-left{gap:14px;}
  .utility-left a:nth-child(n+4){display:none;}
  .nav-links{display:none;}
  .menu-toggle{display:flex;}
  .nav-actions .btn-outline,.nav-actions .icon-btn{display:none;}

  /* Mobile nav accordion: mega-menu becomes an inline collapsible panel instead of a floating popover */
  .nav-item{flex-direction:column;align-items:stretch;height:auto;width:100%;}
  .nav-link{height:auto;padding:14px 4px;justify-content:space-between;border-bottom:1px solid var(--border);width:100%;}
  .mega-menu{
    position:static;transform:none;width:100%;grid-template-columns:1fr;
    max-height:0;overflow:hidden;opacity:1;visibility:visible;pointer-events:auto;
    border:none;border-radius:0;box-shadow:none;transition:max-height var(--transition-base);
  }
  .nav-item.open .mega-menu{max-height:2000px;transform:none;left:auto;top:auto;}
  .mega-col{padding:16px 4px;}
  .mega-col + .mega-col{border-left:none;border-top:1px solid var(--border);}
  .mega-col.featured{background:var(--bg-alt);border-radius:8px;margin:8px 0;}
  .mega-col.featured .mega-col-title{color:var(--pine-600);}
  .mega-col.featured .mega-list a{color:var(--text-primary);}

  .hero .container{grid-template-columns:1fr;gap:44px;padding-top:48px;padding-bottom:56px;}
  .hero-visual{order:-1;max-width:480px;}
  .hero-trust{gap:22px;}

  .category-grid{grid-template-columns:repeat(2,1fr);}
  .portfolio-experience{grid-template-columns:1fr;}
  .tier-grid{grid-template-columns:1fr;}
  .research-layout{grid-template-columns:1fr;}
  .private-grid{grid-template-columns:repeat(3,1fr);}
  .plan-grid{grid-template-columns:repeat(2,1fr);}
  .security-layout{grid-template-columns:1fr;}
  .trust-grid{grid-template-columns:repeat(2,1fr);}
  .footer-top{grid-template-columns:repeat(3,1fr);}

  /* dashboard */
  .app-shell{grid-template-columns:76px 1fr;}
  .sidebar .side-label,.sidebar .brand-word,.sidebar-foot span{display:none;}
  .sidebar{padding-left:14px;padding-right:14px;}
  .side-link{justify-content:center;padding:11px;}
  .side-link svg{margin:0;}
  .account-cards{grid-template-columns:repeat(2,1fr);}
  .allocation-layout{grid-template-columns:1fr;}
  .holdings-table-wrap{overflow-x:auto;}
  .topbar{padding:0 18px;}
  .market-status{display:none;}
  .overview-stats{grid-template-columns:1fr 1fr;}
  .markets-mini{grid-template-columns:repeat(2,1fr);}
  .opportunity-grid{grid-template-columns:repeat(2,1fr);}
  .invest-cat-grid{grid-template-columns:repeat(2,1fr);}
  .product-grid{grid-template-columns:repeat(2,1fr);}
  .retire-stats-row{grid-template-columns:repeat(2,1fr);}
  .settings-layout{grid-template-columns:180px 1fr;}
  .coin-select-row{grid-template-columns:repeat(2,1fr);}
}

/* ---------- Tablet portrait (<=768) ---------- */
@media (max-width:768px){
  .site-header .nav-actions{display:none;}
  .nav-inner{height:66px;}
  .hero-visual{order:0;max-width:none;width:100%;}
  .feature-grid{grid-template-columns:1fr 1fr;}
  .hero h1,.hero .lead{overflow-wrap:anywhere;}
  .hero-actions{flex-direction:column;align-items:stretch;}
  .hero-actions .btn{min-width:0;max-width:100%;width:100%;white-space:normal;}
  .section-heading,.page-intro h1{overflow-wrap:anywhere;}
  .utility-bar .utility-left{display:none;}
  .utility-bar .container{justify-content:flex-end;}
  .main-nav .container{height:66px;}
  .brand-word{font-size:19px;}

  .hero p.lede{font-size:16px;}
  .hero-ctas{flex-direction:column;align-items:stretch;}
  .hero-ctas .btn{width:100%;}
  .hero-trust{gap:18px;}

  .section{padding:var(--space-8) 0;}
  .section-head{flex-direction:column;align-items:flex-start;gap:14px;}
  .category-grid{grid-template-columns:1fr;}
  .pe-stats{grid-template-columns:1fr;}
  .private-grid{grid-template-columns:repeat(2,1fr);}
  .plan-grid{grid-template-columns:1fr;}
  .trust-grid{grid-template-columns:1fr 1fr;}
  .cta-band{padding:48px 24px;}
  .footer-top{grid-template-columns:repeat(2,1fr);}
  .footer-bottom{flex-direction:column;align-items:flex-start;}

  /* auth */
  .auth-shell{grid-template-columns:1fr;}
  .auth-side{display:none;}
  .step-indicator{overflow-x:auto;}
  .account-type-grid{grid-template-columns:1fr 1fr;}
  .form-row-2,.form-row-3{grid-template-columns:1fr;}

  /* dashboard */
  .app-shell{grid-template-columns:1fr;}
  .sidebar{
    position:fixed;left:0;top:0;bottom:0;width:260px;transform:translateX(-100%);
    transition:transform var(--transition-base);z-index:300;padding:18px 16px;
  }
  .sidebar.open{transform:translateX(0);}
  .sidebar .side-label,.sidebar .brand-word,.sidebar-foot span{display:inline;}
  .side-link{justify-content:flex-start;padding:11px 14px;}
  .sidebar-scrim{display:none;position:fixed;inset:0;background:rgba(8,18,38,0.5);z-index:290;}
  .sidebar-scrim.show{display:block;}
  .sidebar-mobile-toggle{display:flex;}
  .topbar .search-field{display:none;}
  .topbar{padding:0 14px;gap:8px;}
  .topbar-right{gap:2px;}
  .user-chip .who{display:none;}
  .user-chip{padding:6px;}
  .dropdown-panel{
    position:fixed;top:78px;left:12px;right:12px;width:auto;max-width:none;
  }
  .dropdown-list{max-height:min(340px,60vh);}
  .dash-content{padding:18px;}
  .account-cards{grid-template-columns:1fr;}
  .overview-stats{grid-template-columns:1fr 1fr;}
  .quick-actions{flex-wrap:wrap;}
  .copy-field{flex-direction:column;}
  .copy-field .btn{width:100%;}
  .private-grid{grid-template-columns:1fr 1fr;}
  .dash-grid-2{grid-template-columns:1fr;}
  .markets-mini{grid-template-columns:1fr 1fr;}
  .opportunity-grid{grid-template-columns:1fr;}
  .invest-cat-grid{grid-template-columns:1fr;}
  .product-grid{grid-template-columns:1fr;}
  .retire-stats-row{grid-template-columns:1fr 1fr;}
  .settings-layout{grid-template-columns:1fr;}
  .settings-nav{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:4px;}
  .settings-nav button{white-space:nowrap;}
  .coin-select-row{grid-template-columns:1fr 1fr;}
  .wallet-card{flex-direction:column;align-items:center;text-align:center;}
  .wallet-warnings{text-align:left;}
  .copy-field{width:100%;}
}

/* ---------- Large mobile (<=430) ---------- */
@media (max-width:430px){
  .hero-grid{gap:30px;}
  .hero-actions{flex-direction:column;}
  .hero-actions .btn{width:100%;}
  .hero .metric-row{align-items:flex-start;gap:12px;}
  .hero .metric-row .v{text-align:right;}
  .feature-grid{grid-template-columns:1fr;}
  .container{padding:0 16px;}
  .hero h1{font-size:30px;}
  .panel-value{font-size:30px;}
  .private-grid{grid-template-columns:1fr;}
  .trust-grid{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr 1fr;}
  .account-type-grid{grid-template-columns:1fr;}
  .overview-stats{grid-template-columns:1fr;}
  .dash-topcards{grid-template-columns:1fr;}
  .research-tools{grid-template-columns:1fr;}
  .cta-band-btns{flex-direction:column;width:100%;}
  .cta-band-btns .btn{width:100%;}
  .markets-mini{grid-template-columns:1fr;}
  .retire-stats-row{grid-template-columns:1fr;}
  .coin-select-row{grid-template-columns:1fr;}
  .quick-action{flex:1 1 calc(50% - 6px);justify-content:center;}
}

/* ---------- Small mobile (<=390 / 360) ---------- */
@media (max-width:390px){
  .brand-word{font-size:17px;}
  .hero h1{font-size:27px;}
  .section-heading{font-size:26px;}
  .footer-top{grid-template-columns:1fr;}
  .panel-float.f1{top:-12px;right:6px;}
  .trade-panel{width:100%;}
}