/* ARGUS V153 — safe responsive patch. Keeps V151 visual design; fixes collisions/overflow. */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
img,svg,video{max-width:100%;height:auto}
.site-header .container.navbar,.navbar,.nav-links,.hero-premium-grid,.hero-copy,.premium-hero-visual,
.credential-grid,.proof-grid,.scenario-grid,.timeline-grid,.argus-v139-int-grid,.footer-grid{min-width:0}
.hero-copy,.premium-hero-copy,.premium-hero-visual,.card,.proof-item,.scenario-card,.timeline-grid article,
.argus-v139-panel,.final-contact-card{overflow-wrap:anywhere;word-break:normal}

/* Laptop/desktop safety: switch to the existing drawer before the long nav can collide. */
@media (max-width:1380px){
  .site-header .container.navbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
  .site-header .logo{flex:0 1 auto!important;min-width:0!important;margin-right:auto!important}
  .nav-links{position:fixed!important;inset:0 0 0 auto!important;width:min(440px,88vw)!important;height:100vh!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;
    padding:105px 24px 28px!important;background:#07090b!important;border-left:1px solid rgba(242,201,111,.18)!important;
    transform:translateX(105%)!important;transition:transform .22s ease!important;overflow-y:auto!important;z-index:170!important}
  body.nav-open .nav-links{transform:translateX(0)!important}
  .nav-links a{width:100%!important;font-size:14px!important;padding:14px 12px!important;border-radius:0!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;white-space:normal!important;text-align:left!important;margin:0!important}
  .nav-links .lang-choice{display:none!important}
  .mobile-lang-set{display:flex!important;align-items:center!important;gap:5px!important;margin-left:auto!important;flex:0 0 auto!important}
  .menu-toggle{display:block!important;flex:0 0 auto!important;position:relative!important;z-index:181!important}
}

/* Prevent two-column hero/cards from forcing overflow on common laptop widths. */
@media (min-width:900px) and (max-width:1380px){
  .hero-premium-grid,.hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)!important;gap:32px!important}
  .premium-hero-visual{max-width:100%!important;min-height:0!important}
  .hero-actions{flex-wrap:wrap!important}
  .hero-actions>*{max-width:100%!important}
}

@media (max-width:899px){
  .hero-premium-grid,.hero-inner,.argus-v139-int-grid{grid-template-columns:1fr!important}
  .premium-hero-visual{min-height:0!important;max-width:760px!important;margin-inline:auto!important}
  .hero-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
  .hero-actions .btn,.hero-actions .hero-wa-chip{max-width:100%!important}
  .credential-grid,.proof-grid,.scenario-grid,.timeline-grid,.legal-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:620px){
  .site-header .container.navbar{width:calc(100% - 20px)!important;gap:6px!important}
  .site-header .logo{max-width:min(43vw,166px)!important}
  .site-header .logo img{max-height:50px!important;width:auto!important}
  .mobile-lang-set{gap:3px!important}
  .mobile-lang-set a{width:29px!important;height:29px!important;font-size:9px!important;padding:0!important}
  .menu-toggle{width:39px!important;height:39px!important}
  .nav-links{width:min(390px,92vw)!important;padding:92px 18px 24px!important}
  .hero-premium-grid,.hero-inner{grid-template-columns:1fr!important;gap:22px!important}
  .hero-actions{flex-direction:column!important;align-items:stretch!important}
  .hero-actions .btn,.hero-actions .hero-wa-chip{width:100%!important;justify-content:center!important}
  .credential-grid,.proof-grid,.scenario-grid,.timeline-grid,.legal-steps{grid-template-columns:1fr!important}
  .argus-v139-tags{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .footer-legal-row{gap:12px!important}
  .footer-legal-row nav{display:flex!important;flex-wrap:wrap!important;gap:8px 12px!important}
}

/* Existing mobile contact bar must not cover the last content. */
@media (max-width:820px){
  body{padding-bottom:72px}
  .v41-mobile-contact-bar{z-index:160!important}
}
