/* Shared responsive layer. Desktop styling remains in the original components. */
[data-mobile-toggle]{display:none}
[data-nav-panel]{display:contents}
@media(max-width:767px){
  :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #C77DFF;outline-offset:4px}
  html{scroll-padding-top:90px}
  [data-site-nav] [data-nav-row]{flex-wrap:nowrap!important;gap:16px!important;padding:10px 20px!important;min-height:64px;box-sizing:border-box}
  [data-mobile-toggle]{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 14px;border:1px solid rgba(var(--sf),.22);border-radius:12px;background:rgba(var(--sf),.04);color:rgb(var(--fg));font:500 14px 'IBM Plex Sans',sans-serif;cursor:pointer}
  [data-nav-panel]{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 65px);overflow:auto;overscroll-behavior:contain;padding:20px;box-sizing:border-box;background:var(--bg);border-bottom:1px solid rgba(var(--sf),.16);box-shadow:0 18px 32px rgba(0,0,0,.2);grid-template-columns:auto 1fr;align-items:center;gap:18px}
  [data-nav-panel][data-open="true"]{display:grid}
  [data-site-nav] [data-nav-links]{order:0;grid-column:1/-1;width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px!important;font-size:16px!important}
  [data-nav-links] a{display:flex;align-items:center;min-height:48px;padding:8px 0!important;box-sizing:border-box}
  [data-nav-panel] button{min-width:44px;min-height:44px}
  [data-nav-panel]>div{justify-self:start}
  [data-nav-panel]>a{grid-column:1/-1;text-align:center;padding:14px 18px!important;min-height:48px;box-sizing:border-box}
}
@media(max-width:767px){
  [data-responsive-grid]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [data-responsive-grid]>*,[data-responsive-stack]>*{min-width:0}
  [data-responsive-stack]{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
  #top{min-height:0!important;padding:104px 0 36px!important}
  #top>[data-hero-layout]{min-height:0!important;display:block!important;padding-bottom:0!important}
  #top canvas,#top [data-hero-card]{display:none!important}
  #top>[data-hero-scrim]{display:none}
  [data-hero-copy]{max-width:620px}
  [data-hero-copy]>img{width:88px!important;height:88px!important;margin-bottom:22px!important}
  [data-hero-copy] h1{font-size:clamp(38px,7vw,60px)!important}
  [data-hero-copy]>p{font-size:18px!important}
}
@media(max-width:600px){
  [data-site-nav] [data-nav-row]{padding:10px 16px!important;gap:8px!important}
  [data-site-nav] [data-nav-row]>a{gap:8px!important}
  [data-site-nav] [data-nav-row]>a img{width:32px!important;height:32px!important}
  [data-site-nav] [data-nav-row]>a>span{font-size:15px!important}
  [data-mobile-toggle]{padding:0 11px}
  [data-site-nav] [data-nav-links]{grid-template-columns:minmax(0,1fr)}
  [data-nav-panel]{padding:12px 20px 24px}
  [data-responsive-shell]{padding-left:20px!important;padding-right:20px!important;box-sizing:border-box;max-width:100%!important}
  [data-responsive-section]{padding-top:56px!important}
  [data-responsive-hero]{padding-top:108px!important;padding-bottom:42px!important}
  [data-responsive-legal]{padding-top:108px!important}
  [data-responsive-grid],[data-responsive-stack]{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
  [data-responsive-card]{padding:24px!important;box-sizing:border-box;min-width:0}
  [data-responsive-actions]{width:100%;gap:12px!important}
  [data-responsive-actions]>a{width:100%;box-sizing:border-box;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;padding:14px 18px!important}
  [data-responsive-stats]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 20px!important}
  [data-lang] h1{font-size:clamp(32px,8.8vw,42px)!important;line-height:1.1!important;overflow-wrap:anywhere}
  [data-lang] h2{font-size:clamp(27px,7vw,34px)!important;line-height:1.15!important;overflow-wrap:anywhere}
  [data-lang] h3{overflow-wrap:anywhere}
  [data-lang] p,[data-responsive-card],[data-responsive-legal]{overflow-wrap:anywhere}
  [data-hero-copy] h1{font-size:clamp(36px,9.7vw,52px)!important}
  [data-responsive-footer] a{display:inline-flex;align-items:center;min-height:44px}
  [data-responsive-footer] [data-responsive-grid]{gap:28px!important}
  [data-responsive-footer] span{overflow-wrap:anywhere}
  #as-contact-form input,#as-contact-form select,#as-contact-form textarea{font-size:16px!important;min-height:48px;max-width:100%;box-sizing:border-box}
  #as-contact-form button{min-height:48px}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce){
  [style*="animation:as"]{animation:none!important}
  html{scroll-behavior:auto!important}
}
