/* ===== FXCIPI responsive / mobile nav / quick actions ===== */
:root{--mobile-nav-h:64px}
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas,iframe{max-width:100%}
button,a,input,select{touch-action:manipulation}
.mobile-menu-btn{display:none;appearance:none;border:0;background:transparent;width:44px;height:44px;align-items:center;justify-content:center;flex:0 0 44px;cursor:pointer}
.mobile-menu-btn span{display:block;width:22px;height:2px;background:#0d2132;margin:4px 0;border-radius:2px;transition:.2s}
.mobile-menu-btn.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mobile-menu-btn.active span:nth-child(2){opacity:0}
.mobile-menu-btn.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mobile-nav-panel{display:none}
.mobile-nav-backdrop{display:none}

.quick-menu{position:fixed;right:20px;bottom:28px;z-index:80;display:flex;flex-direction:column;gap:8px}
.quick-menu a{min-width:116px;height:44px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;font-size:12px;font-weight:900;box-shadow:0 10px 28px rgba(7,28,47,.18);transition:.18s}
.quick-signup{background:#b88431;color:#fff}
.quick-support{background:#071c2f;color:#fff}
.quick-menu a:hover{transform:translateY(-2px)}
.quick-menu svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:1180px){
  .wrap{width:min(var(--max),calc(100% - 40px))}
  .site-nav{gap:18px}
  .site-nav a{font-size:13px}
  .header-actions .primary,.header-actions .login{padding:0 12px}
}
@media(max-width:920px){
  .site-header{height:64px}
  .header-row{height:64px;gap:12px}
  .site-brand{min-width:0;flex:1}
  .site-brand strong{font-size:25px}
  .site-brand small{font-size:6px}
  .site-nav{display:none!important}
  .header-actions{display:none!important}
  .mobile-menu-btn{display:flex!important;flex-direction:column}
  .mobile-nav-backdrop{display:block;position:fixed;inset:64px 0 0;background:rgba(4,18,30,.48);z-index:88;opacity:0;pointer-events:none;transition:.2s}
  .mobile-nav-backdrop.open{opacity:1;pointer-events:auto}
  .mobile-nav-panel{display:block;position:fixed;top:64px;right:0;bottom:0;width:min(86vw,360px);z-index:89;background:#fff;box-shadow:-24px 0 60px rgba(7,28,47,.18);transform:translateX(104%);transition:.24s ease;overflow-y:auto;padding:18px}
  .mobile-nav-panel.open{transform:translateX(0)}
  .mobile-nav-panel nav{display:flex;flex-direction:column;border-top:1px solid #e4e9ec}
  .mobile-nav-panel nav a{display:flex;align-items:center;min-height:52px;border-bottom:1px solid #e4e9ec;font-size:15px;font-weight:800;color:#1d3343}
  .mobile-nav-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
  .mobile-nav-actions a{height:46px!important;border:0!important;border-radius:6px;justify-content:center!important;font-size:13px!important}
  .mobile-nav-actions .mobile-signup{background:#b88431;color:#fff}
  .mobile-nav-actions .mobile-support{background:#071c2f;color:#fff}
  body.nav-open{overflow:hidden}
  .instrument-strip{top:64px!important}
  .order-panel{top:84px!important}
}
@media(max-width:760px){
  .wrap{width:calc(100% - 28px)!important}
  .quick-menu{left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;border-top:1px solid #dce3e7;padding:8px 10px calc(8px + env(safe-area-inset-bottom));z-index:95}
  .quick-menu a{min-width:0;height:46px;border-radius:6px;box-shadow:none;font-size:13px}
  body{padding-bottom:70px}
  .site-footer{padding-bottom:74px}
  .hero,.trade-hero{padding-top:44px!important;padding-bottom:48px!important}
  .hero h1,.trade-hero h1{font-size:34px!important;line-height:1.16!important}
  .hero-copy>p,.trade-hero p{font-size:15px!important;line-height:1.75!important}
  .section{padding-top:54px!important;padding-bottom:54px!important}
  .section-head{grid-template-columns:1fr!important;gap:14px!important}
  .section-head h2,.mode-explain-head h2{font-size:30px!important}
  .market-row{grid-template-columns:repeat(2,1fr)!important}
  .market-row>*{padding:14px 10px!important}
  .instrument-tabs{grid-template-columns:repeat(2,1fr)!important}
  .instrument{padding:13px 10px!important}
  .workspace-grid{grid-template-columns:1fr!important}
  .chart-column,.order-panel{min-width:0}
  .tv-shell{height:430px!important}
  .chart-toolbar{display:block!important}
  .chart-intervals{display:flex;overflow-x:auto;gap:5px;margin-top:10px;padding-bottom:3px}
  .chart-intervals button{flex:0 0 auto;min-width:48px}
  .order-panel{position:static!important;padding:14px!important}
  .amount-quick{grid-template-columns:repeat(3,1fr)!important}
  .mode-row{grid-template-columns:1fr!important;gap:7px!important}
  .mode-row.head{display:none!important}
  .mode-row span:last-child{grid-column:auto!important}
  .ledger-row{display:grid!important;grid-template-columns:38px 1fr!important;gap:7px 10px!important}
  .ledger-row>*{min-width:0}
  .ledger-row .ledger-summary,.ledger-row .ledger-amount,.ledger-row .ledger-balance,.ledger-row .ledger-status{grid-column:2/-1!important}
  .footer-main{display:grid!important;grid-template-columns:1fr!important;gap:20px!important}
  .footer-main nav{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px 16px!important}
  .footer-meta{display:block!important}
  .footer-meta span{display:block;margin-top:10px}
  .update-grid,.wealth-grid,.platform-grid,.why-grid,.data-grid,.research-grid,.guide-grid{grid-template-columns:1fr!important}
  table{font-size:12px}
  .table-wrap,.comparison-table,.pip-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(min-width:761px) and (max-width:920px){
  .wrap{width:calc(100% - 44px)!important}
  .hero-grid,.trade-hero-row,.wealth-grid,.platform-grid{grid-template-columns:1fr!important;gap:32px!important}
  .hero h1,.trade-hero h1{font-size:46px!important}
  .workspace-grid{grid-template-columns:1fr!important}
  .order-panel{position:static!important}
  .market-row{grid-template-columns:repeat(3,1fr)!important}
  .market-title{grid-column:1/-1}
}