/* AuctionVector mobile/responsive layer — desktop styles remain untouched above 1100px */
:root{--av-mobile-header:66px}
.av-mobile-menu-btn,.av-mobile-drawer,.client-mobile-tabs{display:none}
.av-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.av-table-scroll>table{min-width:620px}

@media(max-width:1100px){
  html{scroll-padding-top:86px}
  body{overflow-x:hidden;-webkit-text-size-adjust:100%}
  .wrap{padding-left:18px!important;padding-right:18px!important}

  /* Public header */
  .topbar .topin{min-height:var(--av-mobile-header);padding-top:10px!important;padding-bottom:10px!important;gap:10px!important}
  .topbar .brand{min-width:0!important;flex:1 1 auto!important;padding-left:4px!important}
  .topbar .logoimg,.topbar .brand img{width:142px!important;max-width:142px!important;height:auto!important;flex-basis:142px!important}
  .topbar .nav>a{display:none!important}
  .topbar .nav{gap:6px!important;margin-left:auto!important}
  .topbar .actions{margin-left:auto!important;gap:6px!important;align-items:center!important}
  .topbar .lang-current,.topbar .langbtn{min-height:42px!important;padding:9px 11px!important;font-size:11px!important}
  .topbar .ghost{min-height:42px!important;display:inline-flex!important;align-items:center!important;padding:9px 11px!important;font-size:11px!important}
  .av-mobile-menu-btn{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(91,203,255,.24);border-radius:10px;background:rgba(5,18,32,.88);color:#dff4ff;cursor:pointer;flex:0 0 42px;position:relative;z-index:90}
  .av-mobile-menu-btn span,.av-mobile-menu-btn:before,.av-mobile-menu-btn:after{content:"";width:18px;height:1.5px;border-radius:9px;background:#7bd5ff;display:block;transition:transform .2s ease,opacity .2s ease}
  .av-mobile-menu-btn span{position:absolute;top:20px}.av-mobile-menu-btn:before{position:absolute;top:14px}.av-mobile-menu-btn:after{position:absolute;top:26px}
  .av-mobile-menu-btn.open span{opacity:0}.av-mobile-menu-btn.open:before{transform:translateY(6px) rotate(45deg)}.av-mobile-menu-btn.open:after{transform:translateY(-6px) rotate(-45deg)}
  .av-mobile-drawer{display:flex;position:fixed;inset:0;z-index:85;background:rgba(0,4,11,.58);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .22s ease}
  .av-mobile-drawer.open{opacity:1;pointer-events:auto}
  .av-mobile-drawer-panel{width:min(88vw,390px);height:100%;margin-left:auto;background:linear-gradient(180deg,#061522,#020812);border-left:1px solid rgba(91,203,255,.18);padding:86px 18px 28px;transform:translateX(100%);transition:transform .26s cubic-bezier(.2,.75,.2,1);overflow-y:auto;box-shadow:-28px 0 55px rgba(0,0,0,.38)}
  .av-mobile-drawer.open .av-mobile-drawer-panel{transform:none}
  .av-mobile-drawer-title{font-size:10px;letter-spacing:.16em;color:#49657b;text-transform:uppercase;margin:0 8px 12px}
  .av-mobile-drawer-links{display:grid;gap:7px}
  .av-mobile-drawer-link{width:100%;min-height:49px;display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid rgba(83,143,202,.13);border-radius:11px;background:rgba(255,255,255,.018);color:#b8cad8;padding:11px 13px;font-size:14px;cursor:pointer}
  .av-mobile-drawer-link:after{content:"›";color:#4ebeff;font-size:20px;line-height:1}.av-mobile-drawer-link:hover,.av-mobile-drawer-link:active{background:rgba(18,143,255,.08);color:#eaf8ff;border-color:rgba(91,203,255,.25)}
  body.av-mobile-menu-open{overflow:hidden}

  /* Main site */
  .hero{padding-top:46px!important;padding-bottom:28px!important;gap:28px!important}
  .hero-copy,.hero>div{min-width:0}
  .hero h1{font-size:clamp(42px,8vw,62px)!important;line-height:.98!important;letter-spacing:-1.8px!important}
  .hero p{font-size:15px!important;line-height:1.7!important}
  .hero-actions,.hero-cta,.cta-row{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
  .hero .btn,.hero .ghost{min-height:46px!important}
  .hero-preview,.hero-art{min-height:0!important}
  .hero-art{height:430px!important}
  .section-head{gap:12px!important;align-items:flex-end!important}
  .section-head h2{font-size:clamp(27px,5vw,38px)!important}
  .marketing-section,.lower-section{padding-top:54px!important;padding-bottom:54px!important}
  .terminal-shell,.preview-window,.dash-card,.logic-card,.evidence-card,.price-card,.download-panel,.visual-card{max-width:100%;min-width:0}
  .terminal-shell{overflow:hidden!important}
  .term-main,.view,.dash-card{min-width:0!important}
  .term-top{gap:8px!important;flex-wrap:wrap!important}
  .term-top>*{min-width:0}
  .kpis,.strategy-grid,.region-grid,.price-grid,.feature-rail,.logic-grid,.evidence-grid,.pipeline,.orderflow-grid,.download-grid,.orderflow-pro,.efficiency-grid,.about-grid-new,.dash-grid,.performance-layout,.lower-grid{gap:12px!important}
  .visual-layout{gap:12px!important}
  .eff-widget{max-width:100%!important}
  .eff-widget img{width:100%!important;height:100%!important;object-fit:contain!important}
  .evidence-modal,.visual-lightbox{padding:12px!important;align-items:flex-start!important;overflow-y:auto!important}
  .modal-card{width:min(100%,960px)!important;max-height:none!important;margin:auto!important}
  .modal-images{grid-template-columns:1fr!important;overflow:visible!important}
  .modal-image-frame{overflow:auto!important;-webkit-overflow-scrolling:touch}
  .visual-lightbox-inner{width:100%!important;height:auto!important;min-height:calc(100dvh - 24px)!important}
  .visual-lightbox-frame{min-height:0!important;max-height:calc(100dvh - 86px)!important;overflow:auto!important}
  .visual-lightbox-frame img{max-height:none!important}
  .av-backtop{right:14px!important;bottom:14px!important}
}

@media(max-width:760px){
  :root{--av-mobile-header:62px}
  .wrap{padding-left:14px!important;padding-right:14px!important}
  .topbar .logoimg,.topbar .brand img{width:128px!important;max-width:128px!important;flex-basis:128px!important}
  .topbar .ghost{display:none!important}
  .hero{padding-top:34px!important}
  .hero h1{font-size:clamp(38px,12vw,50px)!important;line-height:1!important}
  .hero p{font-size:14px!important}
  .hero-actions,.hero-cta,.cta-row{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .hero .btn,.hero .ghost{width:100%!important;justify-content:center!important;text-align:center!important}
  .hero-art{height:330px!important}
  .hero-caption{display:none!important}
  .section-head{display:block!important;margin-bottom:18px!important}
  .section-head p{margin-top:8px!important;font-size:13px!important;line-height:1.65!important}
  .marketing-section,.lower-section{padding-top:42px!important;padding-bottom:42px!important}

  .feature-rail,.logic-grid,.evidence-grid,.pipeline,.orderflow-grid,.download-grid,.orderflow-pro,.efficiency-grid,.about-grid-new,.compact-stack,.price-grid,.strategy-grid,.region-grid,.kpis,.dash-grid,.performance-layout,.lower-grid,.visual-layout,.visual-stack{grid-template-columns:1fr!important}
  .compact-stack{display:grid!important}
  .eff-kpis{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .read-row{grid-template-columns:1fr!important}
  .flow{grid-template-columns:1fr!important}
  .flow:before,.packet,.pipeline:before,.pipeline-packet{display:none!important}
  .visual-card.platform-visual,.visual-stack .visual-card{height:250px!important}
  .visual-stack{height:auto!important}
  .terminal-shell{display:block!important;border-radius:14px!important}
  .terminal-side{display:none!important}
  .term-top{padding:10px 12px!important;font-size:11px!important}
  .term-main{width:100%!important}
  .view{padding:12px!important}
  .dash-card,.logic-card,.evidence-card,.price-card,.download-panel{border-radius:13px!important}
  .data-table,.table{font-size:11px!important}
  .av-table-scroll{margin-left:-2px;margin-right:-2px;padding-bottom:5px}
  .av-table-scroll>table{min-width:640px}
  .eff-widget{height:220px!important}
  .evidence-open,.btn,button{touch-action:manipulation}
  .evidence-open,.price-card .btn,.download-panel .btn{min-height:45px!important}
  .modal-top{align-items:flex-start!important;gap:8px!important}.modal-top h3{font-size:14px!important}
  .modal-toolbar{position:sticky!important;top:0!important;z-index:5!important;background:rgba(3,12,22,.93)!important;padding:8px!important;border-radius:10px!important}
  .modal-image-frame img{width:100%!important}
  .visual-lightbox-top{position:sticky!important;top:0!important;z-index:4!important;background:#020812!important;padding:6px 0!important}

  /* Legal / supporting pages */
  .legal-grid{padding-bottom:42px!important}
  .legal-card,.doc-card{padding:18px!important;border-radius:14px!important}
  .hero h1{overflow-wrap:anywhere}
  .contact-form input,.contact-form textarea,.contact-form select{min-height:46px;font-size:16px!important}
  .contact-form textarea{min-height:130px}

  /* Client Area */
  .shell{display:block!important;min-height:100dvh!important}
  .side{display:none!important}
  .main{width:100%!important}
  .top{height:auto!important;min-height:58px!important;top:0!important;padding:8px 12px!important;gap:8px!important}
  .crumb{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
  .topactions{gap:6px!important;flex:0 0 auto}.topactions .back{display:none!important}
  .langbtn{min-width:58px!important;min-height:40px!important;font-size:11px!important}
  .langmenu{position:fixed!important;right:10px!important;top:58px!important;min-width:160px!important;z-index:120!important}.langmenu button{min-height:42px!important;font-size:12px!important}
  .av-under-construction{margin:10px 12px 8px!important;min-height:42px!important;font-size:9px!important;letter-spacing:.14em!important;padding:8px 10px!important}
  .client-mobile-tabs{display:flex;position:sticky;top:58px;z-index:18;gap:7px;padding:8px 12px;background:rgba(3,10,19,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(86,146,207,.12);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .client-mobile-tabs::-webkit-scrollbar{display:none}
  .client-mobile-tab{flex:0 0 auto;min-height:38px;padding:8px 11px;border-radius:9px;border:1px solid rgba(86,146,207,.16);background:#06131f;color:#6e879d;font-size:11px;white-space:nowrap;cursor:pointer}
  .client-mobile-tab.active{color:#bde9ff;background:rgba(18,143,255,.11);border-color:rgba(91,203,255,.29);box-shadow:0 0 18px rgba(18,143,255,.08)}
  .stage{padding:12px!important;animation:none!important;transform:none!important;perspective:none!important}
  .welcome{margin:4px 0 12px!important}.welcome h1{font-size:22px!important;line-height:1.1!important}.welcome p{font-size:12px!important;line-height:1.55!important}
  .kpis,.accountgrid,.regiongrid,.grid2,.performgrid{grid-template-columns:1fr!important;gap:9px!important}
  .kpi{padding:12px!important}.kpi small{font-size:10px!important}.kpi b{font-size:20px!important}
  .card,.access,.download,.region{border-radius:11px!important}
  .card{padding:12px!important}.card h3{font-size:14px!important}.card p{font-size:12px!important}
  .equity{height:220px!important}.equity svg{height:180px!important}
  .accessstats{grid-template-columns:1fr 1fr!important;gap:6px!important}.accessstats div{padding:9px!important}
  .download{grid-template-columns:42px minmax(0,1fr)!important}.download button{grid-column:1/-1;min-height:42px!important;width:100%!important;font-size:11px!important}
  .region span{float:none!important;display:block!important;margin-top:5px!important}
  .ringwrap,.bars{height:220px!important}
}

@media(max-width:430px){
  .topbar .logoimg,.topbar .brand img{width:116px!important;max-width:116px!important;flex-basis:116px!important}
  .topbar .lang-current,.topbar .langbtn{padding:8px 9px!important;min-width:54px!important}
  .av-mobile-menu-btn{width:40px;height:40px;flex-basis:40px}
  .hero h1{font-size:40px!important}
  .hero-art{height:290px!important}
  .eff-kpis{grid-template-columns:1fr!important}
  .visual-card.platform-visual,.visual-stack .visual-card{height:220px!important}
  .price-card{padding-left:16px!important;padding-right:16px!important}
  .av-footer{padding-top:26px!important}.av-footer-inner{padding-left:16px!important;padding-right:16px!important;gap:24px!important}.av-footer-bottom{padding-left:16px!important;padding-right:16px!important}
  .av-mobile-drawer-panel{width:92vw;padding-left:14px;padding-right:14px}
}

@media(prefers-reduced-motion:reduce){
  .av-mobile-drawer,.av-mobile-drawer-panel,.av-mobile-menu-btn span,.av-mobile-menu-btn:before,.av-mobile-menu-btn:after{transition:none!important}
}

/* Client navigation must remain available on tablets because the desktop sidebar hides below 900px. */
@media(min-width:761px) and (max-width:900px){
  .shell{display:block!important}
  .side{display:none!important}
  .client-mobile-tabs{display:flex;position:sticky;top:58px;z-index:18;gap:7px;padding:8px 16px;background:rgba(3,10,19,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(86,146,207,.12);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .client-mobile-tabs::-webkit-scrollbar{display:none}
  .client-mobile-tab{flex:0 0 auto;min-height:40px;padding:8px 12px;border-radius:9px;border:1px solid rgba(86,146,207,.16);background:#06131f;color:#6e879d;font-size:11px;white-space:nowrap;cursor:pointer}
  .client-mobile-tab.active{color:#bde9ff;background:rgba(18,143,255,.11);border-color:rgba(91,203,255,.29)}
  .stage{padding:16px!important}
  .av-under-construction{margin-left:16px!important;margin-right:16px!important}
}

/* Shared site-header offsets for Client Area. */
@media(max-width:760px){body.av-client-page .top{top:var(--av-site-header-height)!important}body.av-client-page .client-mobile-tabs{top:calc(var(--av-site-header-height) + 58px)!important}}