body.ka-design-system {
  margin: 0;
  overflow-x: hidden;
  background: var(--ka-ink);
  color: var(--ka-text);
  font-family: var(--ka-body);
}

body.ka-design-system a { transition: color .2s ease, border-color .2s ease, background-color .2s ease, transform .2s ease; }
body.ka-design-system h1,
body.ka-design-system h2,
body.ka-design-system h3,
body.ka-design-system h4 { color: var(--ka-white); font-family: var(--ka-heading); letter-spacing: -.025em; }

body.ka-design-system .header-area {
  position: sticky;
  top: 0;
  z-index: 100;
  margin: 0;
  background: rgba(4, 16, 26, .92);
  border-bottom: 1px solid rgba(56, 224, 220, .16);
  box-shadow: 0 12px 42px rgba(0, 0, 0, .18);
  backdrop-filter: blur(18px);
}

body.admin-bar.ka-design-system .header-area { top: 32px; }
body.ka-design-system .header-area .navbar { min-height: 82px; padding-block: 12px; background: transparent !important; }
body.ka-design-system .header-area .container { width: min(var(--ka-container), calc(100% - 48px)); max-width: none; }
body.ka-design-system .header-area .navbar-brand,
body.ka-design-system .header-area .navbar-brand .site-title,
body.ka-design-system .header-area .navbar-brand h1 { color: var(--ka-white) !important; font-weight: 900; letter-spacing: .04em; }
body.ka-design-system .header-area .navbar-nav .nav-link,
body.ka-design-system .header-area .navbar-nav > li > a { color: #c4d8e1 !important; font-size: 12px; font-weight: 800; letter-spacing: .055em; }
body.ka-design-system .header-area .navbar-nav .current-menu-item > a,
body.ka-design-system .header-area .navbar-nav a:hover { color: var(--ka-cyan) !important; }
body.ka-design-system .navbar-toggler { border: 1px solid var(--ka-line-strong) !important; background: rgba(56, 224, 220, .06) !important; }

body.ka-design-system .footer-area {
  margin: 0;
  padding-top: 58px;
  background: #020a11 !important;
  border-top: 1px solid var(--ka-line);
  color: var(--ka-muted);
}
body.ka-design-system .footer-area h1,
body.ka-design-system .footer-area h2,
body.ka-design-system .footer-area h3,
body.ka-design-system .footer-area h4 { color: var(--ka-white) !important; }
body.ka-design-system .footer-area a { color: #b8d0da; }
body.ka-design-system .footer-area a:hover { color: var(--ka-cyan); }

body.ka-design-system #mwai-chatbot-default { left: auto !important; right: 22px !important; z-index: 80 !important; }


/* Keep collapsed assistant clear of page content */
body.ka-design-system #mwai-chatbot-default:not(.mwai-open){width:auto!important}

/* Premium shared pilot shell */
body.ka-design-system .header-area{display:none!important}
.ka-site-shell{width:min(var(--ka-container),calc(100% - 48px));margin-inline:auto}
.ka-site-header{position:sticky;top:0;z-index:110;background:rgba(4,16,26,.92);border-bottom:1px solid rgba(56,224,220,.16);backdrop-filter:blur(18px);box-shadow:0 12px 42px rgba(0,0,0,.18)}
body.admin-bar .ka-site-header{top:32px}
.ka-site-nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.ka-site-brand{display:flex;align-items:center;gap:12px;color:var(--ka-white)!important;text-decoration:none!important}
.ka-site-brand img{width:44px;height:44px;object-fit:contain}
.ka-site-brand strong{display:block;font-family:var(--ka-heading);font-size:17px;letter-spacing:.07em;line-height:1}
.ka-site-brand small{display:block;margin-top:6px;color:var(--ka-cyan);font-size:8px;font-weight:900;letter-spacing:.15em}
.ka-site-menu{display:flex;align-items:center;gap:22px}
.ka-site-menu-list{display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none}
.ka-site-menu-list li{position:relative;margin:0}
.ka-site-menu-list a{display:block;color:#bfd5df!important;font-size:11px;font-weight:900;letter-spacing:.065em;text-decoration:none!important}
.ka-site-menu-list .current-menu-item>a,.ka-site-menu-list a:hover{color:var(--ka-cyan)!important}
.ka-site-menu-list .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;margin:14px 0 0;padding:12px;list-style:none;border:1px solid var(--ka-line);background:#061724;box-shadow:var(--ka-shadow)}
.ka-site-menu-list li:hover>.sub-menu{display:block}
.ka-site-actions{display:flex;align-items:center;gap:10px}
.ka-site-cart{position:relative;width:42px;height:42px;display:grid!important;place-items:center;border:1px solid var(--ka-line-strong);color:var(--ka-cyan)!important;text-decoration:none!important}
.ka-site-cart b{position:absolute;right:-6px;top:-6px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:var(--ka-gold);color:#1b1507;font-size:9px}
.ka-site-incident{min-height:42px;display:inline-flex!important;align-items:center;padding:0 14px;border:1px solid var(--ka-gold);color:var(--ka-gold)!important;font-size:10px;font-weight:900;letter-spacing:.06em;text-decoration:none!important}
.ka-site-toggle{display:none;width:46px;height:42px;padding:10px;border:1px solid var(--ka-line-strong);background:transparent}
.ka-site-toggle span:not(.screen-reader-text){display:block;height:2px;margin:4px 0;background:var(--ka-cyan)}
.ka-site-footer{padding-top:72px;background:#020a11;border-top:1px solid var(--ka-line);color:var(--ka-muted)}
.ka-site-footer-grid{display:grid;grid-template-columns:1.2fr .7fr .7fr 1.1fr;gap:42px;padding-bottom:48px}
.ka-site-footer h3{margin:0 0 18px;color:var(--ka-white);font-size:15px;letter-spacing:.04em}
.ka-site-footer a{display:block;margin:9px 0;color:#b8d0da!important;font-size:12px;text-decoration:none!important}
.ka-site-footer a:hover{color:var(--ka-cyan)!important}
.ka-site-footer-brand strong{color:var(--ka-white);font-family:var(--ka-heading);font-size:23px}
.ka-site-footer-brand p{max-width:360px;margin-top:16px;line-height:1.7}
.ka-site-footer-cta{padding:24px;border:1px solid rgba(245,199,95,.35);background:linear-gradient(145deg,#0a2938,#061520)}
.ka-site-footer-cta span{display:block;color:var(--ka-gold);font-size:9px;font-weight:900;letter-spacing:.13em}
.ka-site-footer-cta strong{display:block;margin:12px 0 18px;color:var(--ka-white);font-size:20px;line-height:1.2}
.ka-site-footer-cta a{color:var(--ka-cyan)!important;font-weight:900;letter-spacing:.06em}
.ka-site-footer-bottom{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(116,185,211,.16);font-size:10px;letter-spacing:.05em}
