/* ═══════════════════════════════════════════════════════════════
   OMNIS Mobile Fix v2 — omnis-mobile.css
   Fixes: hamburger nav, chat drawer overflow, responsive layout
   ═══════════════════════════════════════════════════════════════ */
html,body{overflow-x:hidden!important;max-width:100vw!important}
*,*::before,*::after{max-width:100vw}
canvas{max-width:100%!important}

/* ── HAMBURGER BUTTON ────────────────────────────── */
.omnis-burger{display:none;background:none;border:none;cursor:pointer;padding:4px;flex-shrink:0;-webkit-tap-highlight-color:transparent}
.omnis-burger span{display:block;width:18px;height:2px;background:#8B8B94;margin:4px 0;border-radius:2px;transition:all .3s}
.omnis-burger.active span:nth-child(1){transform:rotate(45deg) translate(3px,4px);background:#E8234A}
.omnis-burger.active span:nth-child(2){opacity:0}
.omnis-burger.active span:nth-child(3){transform:rotate(-45deg) translate(3px,-4px);background:#E8234A}

/* ── MOBILE DROPDOWN MENU ────────────────────────── */
.omnis-mobile-menu{display:none;position:fixed;top:60px;left:50%;transform:translateX(-50%) translateY(-8px);width:calc(100% - 16px);max-width:820px;background:rgba(5,5,7,.96);backdrop-filter:blur(30px) saturate(1.5);-webkit-backdrop-filter:blur(30px) saturate(1.5);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1rem;z-index:99;flex-direction:column;gap:.25rem;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}
.omnis-mobile-menu.open{display:flex;opacity:1;transform:translateX(-50%) translateY(0);pointer-events:all}
.omnis-mobile-menu a{display:block;padding:.7rem 1rem;font-size:.88rem;font-weight:500;color:#8B8B94;text-decoration:none;border-radius:10px;transition:all .2s;font-family:'Figtree',system-ui,sans-serif}
.omnis-mobile-menu a:hover,.omnis-mobile-menu a:active{color:#FFF;background:rgba(255,255,255,.04)}
.omnis-mobile-menu .mm-cta{margin-top:.4rem;padding:.7rem 1rem;background:#E8234A;color:#FFF!important;border-radius:100px;text-align:center;font-weight:600;font-size:.85rem}
.omnis-mobile-menu .mm-cta:hover{background:#C41D3E}

@media(max-width:768px){
  .omnis-burger{display:block}
  nav .nm{display:none!important}
  nav{padding:0 .65rem 0 .85rem!important;gap:.5rem!important;max-width:calc(100% - 16px)!important;height:46px!important;top:8px!important}
  nav .lt,nav .logo-text{font-size:.9rem!important}
  nav .ls{display:none!important}
  nav .nr{flex-shrink:0;gap:.3rem!important}
  nav .bg{padding:.35rem .6rem!important;font-size:.68rem!important}
  nav .bp{padding:.35rem .75rem!important;font-size:.68rem!important;white-space:nowrap}
  .omnis-mobile-menu{top:56px}
}
@media(max-width:380px){
  nav .bg{display:none!important}
  nav .bp{font-size:.65rem!important;padding:.3rem .65rem!important}
  nav #navLogo{width:26px!important;height:26px!important}
}

/* ── CHAT DRAWER — FORCE KILL ON MOBILE ──────────── */
@media(max-width:768px){
  .cd-tab,.chat-drawer-tab,[class*="cd-tab"],[style*="writing-mode"]{display:none!important;visibility:hidden!important;width:0!important;overflow:hidden!important;pointer-events:none!important}
  .chat-drawer,[class*="chat-drawer"]{right:-100%!important;width:0!important;overflow:hidden!important}
  .chat-drawer.open,[class*="chat-drawer"].open{right:0!important;width:320px!important}
}

/* ── HERO ────────────────────────────────────────── */
@media(max-width:768px){
  .hero{padding:5.5rem 1.25rem 2.5rem!important;min-height:auto!important}
  .hero h1{font-size:clamp(2rem,8vw,2.8rem)!important;letter-spacing:-.03em!important}
  .h-sub,.hero-sub,.hero-statement{font-size:.9rem!important;padding:0 .5rem}
  .h-acts,.hero-actions{flex-direction:column!important;align-items:center;gap:.5rem!important}
  .h-acts .bp,.h-acts .bo,.hero-actions .bp,.hero-actions .bo,.hero-actions .btn-white,.hero-actions .btn-outline{width:100%!important;max-width:300px;text-align:center;padding:.65rem 1.5rem!important}
  .ai-pills{gap:.3rem!important}
  .ai-p{font-size:.6rem!important;padding:.25rem .6rem!important}
  .hero-stats{gap:1.5rem!important}
  .hs-num{font-size:1.6rem!important}
}

/* ── CHAT FAB ────────────────────────────────────── */
@media(max-width:768px){
  .cf{bottom:16px!important;right:16px!important;width:44px!important;height:44px!important;z-index:80!important}
  .cw{width:calc(100vw - 20px)!important;right:10px!important;bottom:70px!important;height:55vh!important;max-height:450px}
}

/* ── TRUST STRIP ─────────────────────────────────── */
@media(max-width:768px){
  .trust .con{gap:1rem!important;justify-content:center}
  .trust-item{font-size:.62rem!important}
  .trust-item .tn{font-size:1.05rem!important}
}

/* ── GRIDS ───────────────────────────────────────── */
@media(max-width:768px){
  .fg,.pg,.hg,.dg,.st-grid,.agent-card,.cap-grid,.pricing-grid,.transform-grid{grid-template-columns:1fr!important}
  .agent-card{grid-template-columns:1fr!important;direction:ltr!important}
  .agent-card:nth-child(even){direction:ltr!important}
  .agent-visual{min-height:200px;padding:1.5rem!important}
  .agent-info{padding:1.5rem!important}
  .pg{gap:1rem!important}
  .pc{padding:1.5rem 1.25rem!important}
  .fg{gap:.75rem!important}
}
@media(max-width:480px){
  .loss .con{grid-template-columns:1fr 1fr!important;gap:.75rem!important}
  .avail-grid{grid-template-columns:1fr 1fr!important;gap:.5rem!important}
  .how-flow{grid-template-columns:1fr 1fr!important;gap:.75rem!important}
  .vsg{grid-template-columns:1fr!important}
  [style*="grid-template-columns:repeat(auto-fit"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr!important}
}

/* ── MARQUEE ─────────────────────────────────────── */
.marquee{max-width:100vw!important;overflow:hidden!important}

/* ── SECTIONS ────────────────────────────────────── */
@media(max-width:768px){
  .con{padding:0 1rem!important}
  section{overflow:hidden}
  .about .con,.chat-section{grid-template-columns:1fr!important;gap:2rem!important}
  .feat,.how,.compare,.int,.agents,.ops-intel,.connect-showcase{padding:3.5rem 0!important}
  .vision,.cta,.final{padding:4rem 0!important}
}

/* ── STICKY CTA ──────────────────────────────────── */
@media(max-width:768px){
  .sticky-cta{padding:.4rem 1rem!important;gap:.75rem!important}
  .sticky-cta p{display:none!important}
  .sticky-cta .bp{width:100%;text-align:center;padding:.5rem 1rem!important;font-size:.75rem!important}
}

/* ── FOOTER ──────────────────────────────────────── */
@media(max-width:768px){
  .fi,.footer{flex-direction:column!important;gap:.75rem!important;text-align:center!important;padding:1.5rem 1rem 4rem!important}
  .fr,.footer-links{gap:1rem!important;flex-wrap:wrap;justify-content:center}
}

/* ── MOCK DASHBOARD ──────────────────────────────── */
@media(max-width:768px){
  .mbo{grid-template-columns:1fr 1fr!important}
  .m-ai{grid-template-columns:1fr!important}
  .dkg{grid-template-columns:repeat(4,1fr)!important}
  .mf,.product-frame{overflow:hidden!important}
  .product-body{grid-template-columns:1fr!important;padding:12px!important}
  .pnav,.pai{display:none!important}
  .pillars-grid{grid-template-columns:1fr!important}
  .metrics-grid{gap:1.5rem!important}
  .metric-num{font-size:2.5rem!important}
}

/* ── iPHONE SAFE AREA ────────────────────────────── */
@supports(padding-top:env(safe-area-inset-top)){
  nav{top:max(8px,env(safe-area-inset-top))!important}
  .omnis-mobile-menu{top:calc(max(8px,env(safe-area-inset-top)) + 50px)}
  .sticky-cta{padding-bottom:max(.45rem,env(safe-area-inset-bottom))!important}
  footer,.footer{padding-bottom:max(2.5rem,calc(env(safe-area-inset-bottom) + 1rem))!important}
}