/* ngci.ai page styles (on top of ngci-ds.css) */
body{margin:0;font-family:var(--ds-body);color:var(--ds-ink);background:#fff;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
.ai-brain-shot{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:center;margin-top:clamp(32px,4vw,56px);padding-top:clamp(32px,4vw,56px);border-top:1px solid var(--ds-navy-line)}
.ai-brain-img{display:block;border-radius:var(--ds-r-lg);overflow:hidden;border:1px solid var(--ds-navy-line)}
.ai-brain-img img{display:block;width:100%}
.ai-brain-img:focus-visible{outline:none;box-shadow:var(--ds-focus-dark)}
.ai-brain-shot p{color:var(--ds-on-navy-muted)}
.ai-note{font:500 13.5px/1.5 var(--ds-mono);margin-top:14px}
.ai-contact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:start}
.ai-contact .ds-form{background:#fff;border:1px solid var(--ds-line);border-radius:var(--ds-r-xl);padding:clamp(20px,3vw,32px);max-width:none;position:relative}
@media (max-width:860px){.ai-brain-shot,.ai-contact{grid-template-columns:1fr}}
/* legal overlays (privacy / terms, in-page) */
  .legal{position:fixed;inset:0;z-index:200;display:none;overflow-y:auto;background:rgba(16,28,52,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:40px 16px}
.legal.open{display:block}
.legal-box{max-width:820px;margin:0 auto;background:#fff;color:var(--ds-ink);border-radius:18px;padding:clamp(26px,5vw,52px);position:relative;box-shadow:0 24px 70px rgba(0,0,0,.35);text-align:left}
.legal-x{position:absolute;top:14px;right:16px;width:38px;height:38px;border:1px solid var(--ds-line);background:#fff;border-radius:10px;font-size:20px;line-height:1;color:var(--ds-muted);cursor:pointer}
.legal-x:hover{color:var(--ds-ink);border-color:var(--ds-muted)}
.legal-eyebrow{font-family:var(--ds-mono);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ds-teal-deep);font-weight:600;margin:0 0 10px}
.legal-box h2{font-family:var(--ds-display);font-size:clamp(26px,4vw,36px);font-weight:800;letter-spacing:-.02em;margin:0 0 6px}
.legal-box .updated{font-size:13.5px;color:var(--ds-muted);margin:0 0 6px}
.legal-box h3{font-family:var(--ds-display);font-size:19px;font-weight:700;margin:30px 0 8px;color:var(--ds-ink)}
.legal-box p,.legal-box li{color:var(--ds-text);font-size:15.5px;line-height:1.66}
.legal-box .lead{border-left:3px solid var(--ds-teal-deep);padding-left:15px;font-size:16px;margin:8px 0}
.legal-box ul{padding-left:20px;margin:10px 0}
.legal-box li{margin:6px 0}
.legal-box a{color:var(--ds-teal-deep)}
.legal-box .note{background:#fff;border:1px solid var(--ds-line);border-radius:12px;padding:16px 18px;margin-top:26px;font-size:14px}
.legal-x{width:44px;height:44px}
.legal-x:focus-visible{outline:none;box-shadow:var(--ds-focus)}
/* full NGCI Brain embedded in the home hero (same-origin iframe of brain/index.html) */
.ai-brain-embed{width:100%;max-width:none;text-align:left}
.ai-brain-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;margin:0 0 12px}
.ai-brain-links{display:flex;flex-wrap:wrap;gap:8px}
.ai-brain-frame{position:relative;width:100%;height:min(80vh,760px);min-height:520px;border-radius:var(--ds-r-xl);overflow:hidden;border:1px solid var(--ds-navy-line);background:#07111a;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.ai-brain-frame iframe{display:block;width:100%;height:100%;border:0}
.ai-brain-noscript{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:24px;color:#fff;text-align:center}
.ai-brain-noscript a{color:var(--ds-teal)}
.ai-brain-skip{position:absolute;left:-9999px;z-index:5;background:var(--ds-teal);color:var(--ds-navy);font-weight:700;padding:10px 14px;border-radius:8px;text-decoration:none}
.ai-brain-skip:focus{position:relative;left:0;display:inline-block;margin:0 0 10px;box-shadow:var(--ds-focus-dark);outline:none}
.ai-brain-help{margin:12px 0 0;font:500 13.5px/1.5 var(--ds-mono);color:var(--ds-on-navy-faint);max-width:none}
.ai-brain-help:focus{outline:none}
.ai-brain-shot--text{grid-template-columns:1fr}
@media (max-width:600px){.ai-brain-frame{height:min(78vh,640px);min-height:440px;border-radius:var(--ds-r-lg)}}
/* wide screens: hero copy in two columns so the embedded Brain starts higher on the page */
@media (min-width:1080px){
  .ai-holo-site .ds-hero--stage .ds-hero-in{padding-top:clamp(36px,4vw,56px);gap:24px}
  .ai-holo-site .ds-hero--stage .ds-hero-in>div:first-child{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:"eb lead" "h1 lead" "h1 act" "h1 sup";column-gap:clamp(32px,4vw,64px);align-items:start;width:100%}
  .ai-holo-site .ds-hero--stage .ds-eyebrow{grid-area:eb}
  .ai-holo-site .ds-hero--stage h1{grid-area:h1;margin:0;font-size:clamp(30px,3.3vw,48px)}
  .ai-holo-site .ds-hero--stage h1 span{white-space:normal}
  .ai-holo-site .ds-hero--stage .ds-hero-lead{grid-area:lead;margin:0 0 20px;align-self:end}
  .ai-holo-site .ds-hero--stage .ds-hero-actions{grid-area:act;margin:0 0 16px}
  .ai-holo-site .ds-hero--stage .ds-hero-support{grid-area:sup}
}
/* full-size Brain on the home page (wider than 600px): the frame is full-bleed, edge to edge of the viewport, and as tall
   as the screen under the sticky header (backbar 37px + header + 1px border), at least 640px and at most 980px;
   the label row stays in the container; phones keep the smaller lazy list view */
@media (min-width:601px){
  #brain{overflow-x:clip}
  .ai-brain-frame{width:100vw;margin-left:calc(50% - 50vw);height:max(640px,min(calc(100vh - var(--ds-header-h) - 38px),980px));min-height:0;border-radius:0;border-left:0;border-right:0;box-shadow:none}
  #ngci-brain{scroll-margin-top:calc(var(--ds-header-h) + 38px)}
}
/* back link to ngciglobal.com (shared with demos) */
.ai-backbar{background:#0A1426;color:#fff;border-bottom:1px solid var(--ds-navy-line);font:500 13.5px/1.3 var(--ds-body)}.ai-backbar-in{max-width:var(--ds-max);margin:0 auto;padding:0 var(--ds-gutter);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;min-height:36px}.ai-backbar .ai-back,.ai-backfoot .ai-back{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0;color:#fff;text-decoration:none;font-weight:600;border-radius:6px}.ai-back-arrow{color:var(--ds-teal)}.ai-backbar .ai-back:hover,.ai-backfoot .ai-back:hover{color:var(--ds-teal);text-decoration:underline;text-underline-offset:3px}.ai-backbar .ai-back:focus-visible,.ai-backfoot .ai-back:focus-visible{outline:none;box-shadow:var(--ds-focus-dark)}.ai-backbar-note{color:var(--ds-on-navy-faint);font-size:12.5px}.ai-backfoot{background:var(--ds-navy);color:#fff;border-top:1px solid var(--ds-navy-line);margin-top:48px;padding:14px 0;font:500 14.5px/1.3 var(--ds-body)}html{scroll-padding-top:calc(var(--ds-header-h) + 48px)}@media (max-width:640px){.ai-backbar-note{display:none}}@media (max-width:768px){.ai-backbar .ai-back,.ai-backfoot .ai-back{min-height:44px}}
