/* Home only. Deliberate full-width section bands, retaining the approved hero,
   capped content widths, local type and the dark interior-page direction.
   Box-shadow paints beyond .ns-wrap without increasing its layout width;
   the vertical clip keeps each band inside its own section. */
.nl-studio :is(.ns-mission,.ns-enablement,.ns-method,.ns-conditions,.ns-faq,.ns-contact){
  position:relative;
  isolation:isolate;
  background:var(--ns-section-bg);
  box-shadow:0 0 0 100vmax var(--ns-section-bg);
  clip-path:inset(0 -100vmax);
}

/* Continue the dark hero into the first editorial section. */
.nl-studio .ns-mission{
  --ns-section-bg:#12223a;
  z-index:1;
  color:#f4f6fb;
}
.nl-studio .ns-mission::before{content:none}
.nl-studio .ns-mission .ns-mission-heading>.ns-kicker{color:#bec9dc}
.nl-studio .ns-mission .ns-mission-heading>.ns-kicker::before{background:#7a9be5}
.nl-studio .ns-mission .ns-mission-heading h2{color:#f4f6fb}
.nl-studio .ns-mission .ns-mission-heading h2>span{color:#91adf8}
.nl-studio .ns-mission .ns-mission-copy p{color:#bac5d9}
.nl-studio .ns-mission .ns-mission-copy .ns-mission-lead{color:#e5eaf5}
.nl-studio .ns-mission .ns-mission-link{color:#bdd4ff}
.nl-studio .ns-mission .ns-mission-link>span{border-color:#6f8dbb;color:#bdd4ff}
.nl-studio .ns-mission .ns-mission-link:is(:hover,:focus-visible)>span{background:#3159d5;color:#fff}
.nl-studio .ns-mission .ns-mission-stats>div{border-top-color:#ffffff32}
.nl-studio .ns-mission .ns-mission-stats>div:hover{border-top-color:#91adf8}
.nl-studio .ns-mission .ns-mission-stats dt{color:#b9c6dc}
.nl-studio .ns-mission .ns-mission-stats dd,
.nl-studio .ns-mission .ns-mission-stats>div:first-child dd{color:#f1f5ff}
.nl-studio .ns-mission .ns-mission-stats :is(.ns-mission-since,.ns-mission-plus){color:#91adf8}
.nl-studio .ns-mission :focus-visible{outline-color:#bdd4ff}

/* The first light chapter begins after the dark hero and mission. */
.nl-studio .nv-work{background:#e6effc;color:#15243c;padding-top:76px}
.nl-studio .nv-work :is(.nv-work-intro h2,.nv-work-caption h3){color:#15243c}
/* Keep service titles legible on the light chapter in pointer and keyboard states. */
.nl-studio .nv-work .nv-work-card:is(:hover,:focus-visible) .nv-work-caption h3{color:#244eac}
.nl-studio .nv-work :is(.nv-work-lead,.nv-work-description){color:#455b79}
.nl-studio .nv-work .nv-work-kicker,.nl-studio .nv-work .nv-work-arrow{color:#3155a8}
.nl-studio .nv-work .nv-work-card .ns-offer-tags li{color:#385880}
.nl-studio .nv-work .nv-work-visual{box-shadow:0 16px 35px #153b6820;border-color:#acbedb}
.nl-studio .nv-work :focus-visible{outline-color:#3155a8}
.nl-studio .nhai-focus.ns-team{
  background:radial-gradient(ellipse at 6% 25%,#203e66 0,transparent 64%),#10223c;
}
.nl-studio .ns-agent-domains{border-top-color:#58759f66}

/* A second light band distinguishes learning and adoption from production. */
.nl-studio .ns-enablement{
  --ns-section-bg:#e6effc;
  border-top:0;
  color:#15243c;
  padding-block:76px 82px;
}
.nl-studio .ns-enablement-heading>.ns-kicker{color:#3155a8}
.nl-studio .ns-enablement :is(h2,h3){color:#15243c}
.nl-studio .ns-enablement-heading>p:not(.ns-kicker),
.nl-studio .ns-enablement .ns-enablement-scope{color:#455a78}
.nl-studio .ns-enablement .ns-enablement-topics li{border-bottom-color:#b3c6e0}
.nl-studio .ns-enablement .ns-enablement-topics li>span{color:#3155a8}
.nl-studio .ns-enablement .ns-text-link{color:#244da9;border-bottom-color:#718bb9}
.nl-studio .ns-enablement .ns-text-link:is(:hover,:focus-visible){color:#152f78}
.nl-studio .ns-enablement-heading>.ns-text-link{margin-top:25px;min-height:44px;max-width:100%;white-space:normal}
.nl-studio .ns-enablement :focus-visible{outline-color:#3159d5}

/* Related sections share one ground. Colour changes mark the main chapters,
   rather than adding a new horizontal stripe for every individual section. */
.nl-studio .ns-cabinets{
  background:#0c192d;
}
.nl-studio .ns-method{--ns-section-bg:#0c192d}
.nl-studio .ns-method .ns-steps article{border-top-color:#637b9e77}
.nl-studio .ns-method .ns-step-art{background:#10203a;border-color:#47658e}
.nl-studio .ns-method .ns-steps p,
.nl-studio .ns-method .ns-editorial-heading>p,
.nl-studio .ns-method .ns-method-bottom p{color:#c0cde0}
.nl-studio .ns-conditions,.nl-studio .ns-faq{--ns-section-bg:#080f1d}
.nl-studio .ns-faq details{background:#192d49;border-color:#3e587b}
.nl-studio .ns-faq details:is(:hover,[open]){background:#203958;border-color:#7b9ecf}
.nl-studio .ns-contact{--ns-section-bg:#142944}
.nl-studio .ns-contact-copy>p:not(.ns-kicker){color:#c2cee1}
.nl-studio .ns-contact .ns-form{
  min-width:0;
  max-width:100%;
  align-self:start;
  padding:30px;
  border:1px solid #3d5678;
  border-radius:24px;
  background:#0d1b30;
  box-shadow:0 16px 44px #00000012;
}
.nl-studio .ns-contact .ns-form fieldset{min-width:0;max-width:100%}
.nl-studio .ns-contact .ns-form legend{max-width:100%;font-size:21px;line-height:1.35;margin-bottom:27px}
.nl-studio .ns-contact .ns-form :is(input,select,textarea){max-width:100%;background:#142942;border-color:#3b5374}
.nl-studio .ns-contact .ns-form :is(input,select,textarea):focus{border-color:#9fc2ff;background:#182f4c}
.nl-studio .ns-contact .ns-form label>span{color:#9fafc6}
.nl-studio .ns-contact .ns-form .mail-explanation{color:#b4c4dc}
.nl-studio .ns-contact .ns-form ::placeholder{color:#a1b1ca}
.nl-studio .ns-contact .ns-form .ns-button{width:100%;max-width:100%;gap:16px}
.nl-studio .ns-contact .ns-form .contact-status{margin:18px 0 0;overflow-wrap:anywhere}
.nl-studio .ns-contact .ns-form .contact-status:empty{display:none}
.nl-studio .ns-contact .ns-form .contact-relay{min-width:0;max-width:100%;overflow-wrap:anywhere}

@media(max-width:640px){
  .nl-studio .nv-work{padding-top:52px}
  .nl-studio .ns-enablement{padding-block:56px 62px}
  .nl-studio .ns-contact .ns-form{padding:24px;border-radius:20px}
  .nl-studio .ns-contact .ns-form legend{font-size:20px}
}
@media(max-width:360px){
  .nl-studio .ns-contact .ns-form{padding:20px 18px}
  .nl-studio .ns-contact .ns-form .ns-button{padding-inline:17px;gap:12px;font-size:13px}
}

/* The annex is a separate dark chapter after the six main service families. */
.nl-studio .nr-band{background:#11243c;--nr-ink:#f1f5ff;--nr-muted:#c0cee2;--nr-accent:#b2ceff}
.nl-studio .nr-band .nr-axes li{border-color:#557299;color:#c5d6ef}
/* Practical cabinet content and questions provide quiet, light reading breaks. */
.nl-studio .ns-cabinets{background:#e6effc;color:#15243c}
.nl-studio .ns-cabinets .ns-kicker{color:#3155a8}
.nl-studio .ns-cabinet-copy>p:not(.ns-kicker),.nl-studio .ns-cabinets .ns-pennylane small{color:#455b79}
.nl-studio .ns-cabinets .ns-text-link{color:#244eac;border-bottom-color:#6988ba}
.nl-studio .ns-cabinets .ns-cabinet-example{filter:none}
.nl-studio .ns-faq{--ns-section-bg:#e6effc;color:#15243c}
.nl-studio .ns-faq .ns-kicker{color:#3155a8}
.nl-studio .ns-faq-heading>p:last-child{color:#455b79}
.nl-studio .ns-faq details{background:#f7faff;border-color:#b2c6e1}
.nl-studio .ns-faq details:is(:hover,[open]){background:#fff;border-color:#718fbe}
.nl-studio .ns-faq details p{color:#455b79}
.nl-studio .ns-faq summary>span{border-color:#91acd2;color:#3155a8}
.nl-studio .ns-method-bottom{justify-content:flex-end}