/* ===== SOURCE: mobile-foundation.v6554.css ===== */
/*! NBC v6.554 · G10 Mobile System Foundation
    Scope: <=760px only. Desktop is intentionally untouched.
    Purpose: mobile typography, rhythm, header states, touch controls,
    surface primitives, rails and bottom-sheet primitives. */

.nbc-mobile-header-cta{display:none}
.m1-sheet-layer{display:none}

@media (max-width:760px){
  :root{
    --m-gutter:clamp(18px,5.15vw,22px);
    --m-header-h:66px;
    --m-section:clamp(58px,15.2vw,70px);
    --m-section-tight:clamp(44px,11.7vw,54px);
    --m-section-loose:clamp(68px,18vw,82px);
    --m-display-short:clamp(42px,11.8vw,46px);
    --m-display-medium:clamp(38px,10.6vw,42px);
    --m-display-long:clamp(35px,9.7vw,39px);
    --m-display-xlong:clamp(33px,8.9vw,36px);
    --m-h2:clamp(30px,8.45vw,34px);
    --m-h3:clamp(22px,6.35vw,26px);
    --m-lead:clamp(17.5px,4.75vw,19px);
    --m-body:17px;
    --m-small:14px;
    --m-eyebrow:10px;
    --m-line:rgba(247,245,242,.12);
    --m-line-strong:rgba(247,245,242,.18);
    --m-surface:#0b100d;
    --m-surface-deep:#07100b;
    --m-paper:#f1efe9;
    --m-paper-ink:#101410;
    --m-radius:18px;
    --m-ease:cubic-bezier(.22,.61,.36,1);

    /* Existing contracts now resolve through the new mobile scale. */
    --nbc-mobile-gutter:var(--m-gutter);
    --nbc-mobile-section:var(--m-section);
    --nbc-mobile-section-tight:var(--m-section-tight);
    --nbc-mobile-header:var(--m-header-h);
    --nbc-mobile-display-short:var(--m-display-short);
    --nbc-mobile-display-medium:var(--m-display-medium);
    --nbc-mobile-display-long:var(--m-display-long);
    --nbc-mobile-display-xlong:var(--m-display-xlong);
    --nbc-mobile-title:var(--m-h2);
    --nbc-mobile-subtitle:var(--m-h3);
    --nbc-mobile-copy:var(--m-body);
    --nbc-mobile-leading:1.64;
  }

  html{
    scroll-padding-top:calc(var(--m-header-h) + env(safe-area-inset-top) + 14px);
    text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
  }
  body.page.design-system-executive{
    overflow-x:clip;
    font-size:var(--m-body);
    line-height:1.64;
    -webkit-font-smoothing:antialiased;
  }
  body.page.design-system-executive main.nbc-page-shell{overflow:clip}
  body.page.design-system-executive .wrap,
  body.page.design-system-executive .sw{
    width:calc(100% - (2 * var(--m-gutter)));
    max-width:none;
    margin-inline:auto;
  }

  /* ---- Editorial type hierarchy ------------------------------------------------ */
  body.page.design-system-executive main :is(h1,.editorial-title,.display){
    font-size:var(--m-display-short);
    line-height:.96;
    letter-spacing:-.047em;
    text-wrap:balance;
    max-width:100%;
    overflow-wrap:normal;
    word-break:normal;
    -webkit-hyphens:none;
    hyphens:none;
  }
  body.page.design-system-executive main :is(h1,.editorial-title).title-length-medium{
    font-size:var(--m-display-medium);
    line-height:.97;
  }
  /* Explicit fit classes are the final authority for real headline length. */
  body.page.design-system-executive main :is(h1,.editorial-title).title-fit-short{font-size:var(--m-display-short);line-height:.96}
  body.page.design-system-executive main :is(h1,.editorial-title).title-fit-medium{font-size:var(--m-display-medium);line-height:.97}
  body.page.design-system-executive main :is(h1,.editorial-title).title-fit-long{font-size:var(--m-display-long);line-height:.985}
  body.page.design-system-executive main :is(h1,.editorial-title).title-fit-xlong{font-size:var(--m-display-xlong);line-height:1}
  body.page.design-system-executive main :is(h1,.editorial-title).title-length-long,
  body.page.design-system-executive.page-template-article main h1,
  body.page.design-system-executive.title-case-long main h1{
    font-size:var(--m-display-long);
    line-height:.985;
  }
  body.page.design-system-executive.case-title-extra-long main h1,
  body.page.design-system-executive.title-case-metric-long main h1{
    font-size:var(--m-display-xlong);
    line-height:1;
  }
  body.page-home .home-process-opening__title{
    font-size:clamp(44px,12.2vw,49px);
    line-height:.93;
    letter-spacing:-.052em;
    max-width:9.2ch;
  }
  body.page.design-system-executive main h2{
    font-size:var(--m-h2);
    line-height:1.02;
    letter-spacing:-.037em;
    text-wrap:balance;
    overflow-wrap:normal;
    word-break:normal;
  }
  body.page.design-system-executive main h3{
    font-size:var(--m-h3);
    line-height:1.08;
    letter-spacing:-.025em;
    text-wrap:balance;
  }
  body.page.design-system-executive :is(.lede,.lead,.nbc-section-intro,.service-hero-copy>.lede,.local-hero-lede,.knowledge-hero-note){
    font-size:var(--m-lead);
    line-height:1.58;
  }
  body.page.design-system-executive :is(.nbc-eyebrow,.eyebrow,.ep-eyebrow,.knowledge-eyebrow,.evidence-eyebrow,.legal-hero-kicker,.nbc-hero-location,.mono){
    font-size:var(--m-eyebrow);
    letter-spacing:.105em;
    line-height:1.35;
  }
  body.page.design-system-executive main :is(p,li){text-wrap:pretty}

  /* Article reading is deliberately calmer than conversion pages. */
  body.page-template-article .ep-chapter :is(p,li){
    font-size:17px;
    line-height:1.76;
  }
  body.page-template-article .ep-chapter h2{margin-bottom:20px}

  /* ---- Vertical rhythm --------------------------------------------------------- */
  body.page.design-system-executive .nbc-section{padding-block:var(--m-section)}
  body.page.design-system-executive :is(
    .service-context-section,.service-editorial-section,.knowledge-direct-library,
    .knowledge-diagnostic,.evidence-library-grid-section,.ac-section,
    .ih-command,.ih-architecture,.ih-routes,.ih-decision,.ih-ninety,.ih-evidence,
    .ih-faqs,.ih-next,.case-film-section,.case-evidence-system,.case-related,
    .case-knowledge-container,.case-audit-trail,.case-next-step
  ){padding-block:var(--m-section)}
  body.page.design-system-executive :is(.nbc-hero-bridge,.nbc-authority-strip){
    padding-block:var(--m-section-tight);
  }
  body.page.design-system-executive :is(
    .diagnose-hero,.oml-hero,.service-hero,.premium-hub-opening,.evidence-library-hero,
    .case-dossier-hero,.knowledge-direct-hero,.knowledge-hub-direct-hero,.ep-signature-stage,
    .ac-intake-hero,.ac-founder-hero,.local-hero,.decision-hub-hero,.decision-library-hero,
    .dg-hub-hero,.dg-page-hero,.legal-hero
  ){
    padding-top:calc(var(--m-header-h) + env(safe-area-inset-top) + 22px);
    padding-bottom:clamp(44px,11.5vw,56px);
  }

  /* Avoid accidental empty 'cinema screens' in the foundation layer. M2/M3 may
     opt into immersive heights explicitly with data-mobile-immersive. */
  body.page.design-system-executive main>section:not([data-mobile-immersive="true"]){
    scroll-margin-top:calc(var(--m-header-h) + 14px);
  }

  /* ---- Mobile header: quiet in hero, contextual after the hero ---------------- */
  body.page.design-system-executive .site-header{
    height:calc(var(--m-header-h) + env(safe-area-inset-top));
    padding-top:env(safe-area-inset-top);
    border-bottom:1px solid rgba(247,245,242,.075);
    background:linear-gradient(180deg,rgba(7,11,9,.94),rgba(7,11,9,.78));
    backdrop-filter:blur(20px) saturate(118%);
    -webkit-backdrop-filter:blur(20px) saturate(118%);
    box-shadow:0 10px 34px rgba(0,0,0,.10);
    transform:none!important;
  }
  body.page.design-system-executive .site-header .nav{
    width:calc(100% - (2 * var(--m-gutter)));
    height:var(--m-header-h);
    min-height:var(--m-header-h);
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto auto;
    align-items:center;
    gap:8px;
  }
  body.page.design-system-executive .brand{grid-column:1;min-width:0}
  body.page.design-system-executive .brand-logo{
    width:104px;
    max-height:44px;
    object-fit:contain;
  }
  body.page.design-system-executive .site-header nav{grid-column:2;grid-row:1}
  body.page.design-system-executive .site-header .nav>.nbc-mobile-context{
    grid-column:2;
    grid-row:1;
    position:static;
    display:flex;
    min-width:0;
    max-width:100%;
    transform:none;
    align-items:center;
    justify-content:flex-start;
    gap:0;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    color:rgba(247,245,242,.62);
    font:500 9px/1.2 var(--mono,"IBM Plex Mono",monospace);
    letter-spacing:.085em;
    text-transform:uppercase;
    transition:opacity .2s ease,transform .2s var(--m-ease);
  }
  body.page.design-system-executive .site-header .nav>.nbc-mobile-context b{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--green);
    font-weight:500;
  }
  body.page.design-system-executive .site-header .nav>.nbc-mobile-context span{display:none}
  body.page.design-system-executive[data-m1-header-condensed="true"] .site-header .nav>.nbc-mobile-context{
    opacity:1;
    visibility:visible;
  }
  .nbc-mobile-header-cta{
    grid-column:3;
    grid-row:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:38px;
    padding:0 12px;
    border:1px solid rgba(145,212,159,.26);
    border-radius:999px;
    background:rgba(145,212,159,.055);
    color:rgba(247,245,242,.9);
    text-decoration:none;
    font-size:12px;
    font-weight:650;
    letter-spacing:-.01em;
    opacity:0;
    transform:translateY(2px);
    visibility:hidden;
    pointer-events:none;
    transition:opacity .2s ease,transform .2s var(--m-ease),background .18s ease,border-color .18s ease;
  }
  body.page.design-system-executive[data-m1-header-condensed="true"] .nbc-mobile-header-cta{
    opacity:1;
    transform:none;
    visibility:visible;
    pointer-events:auto;
  }
  body.page.design-system-executive.menu-open .nbc-mobile-header-cta,
  body.page.design-system-executive.menu-open .site-header .nav>.nbc-mobile-context{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }
  body.page.design-system-executive .burger{
    grid-column:4;
    grid-row:1;
    width:42px;
    height:42px;
    min-width:42px;
    min-height:42px;
    border:1px solid rgba(247,245,242,.16);
    border-radius:999px;
    background:rgba(10,15,12,.66);
    color:transparent;
    font-size:0;
    position:relative;
    z-index:92;
  }
  body.page.design-system-executive .burger::before,
  body.page.design-system-executive .burger::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:16px;
    height:1.5px;
    border-radius:2px;
    background:rgba(247,245,242,.92);
    transform-origin:center;
    transition:transform .2s var(--m-ease);
  }
  body.page.design-system-executive .burger::before{transform:translate(-50%,-4px)}
  body.page.design-system-executive .burger::after{transform:translate(-50%,4px)}
  body.page.design-system-executive .burger[aria-expanded="true"]::before{transform:translate(-50%,0) rotate(45deg)}
  body.page.design-system-executive .burger[aria-expanded="true"]::after{transform:translate(-50%,0) rotate(-45deg)}

  /* The menu remains a full-screen decision surface, but becomes more editorial. */
  body.page.design-system-executive .site-header nav #menu.open{
    inset:0;
    width:100vw;
    height:100dvh;
    min-height:100svh;
    max-height:100dvh;
    padding:
      calc(var(--m-header-h) + env(safe-area-inset-top) + 28px)
      var(--m-gutter)
      calc(28px + env(safe-area-inset-bottom));
    gap:0;
    background:
      radial-gradient(circle at 88% 6%,rgba(145,212,159,.11),transparent 31%),
      linear-gradient(180deg,#08100b 0%,#07100b 100%);
  }
  body.page.design-system-executive .site-header nav #menu.open>li{
    border-top:1px solid rgba(247,245,242,.09);
  }
  body.page.design-system-executive .site-header nav #menu.open>li>a,
  body.page.design-system-executive .site-header nav #menu.open .nav-summary{
    min-height:55px;
    padding:13px 0;
    font-size:clamp(22px,6.35vw,27px);
    line-height:1.06;
    letter-spacing:-.027em;
  }
  body.page.design-system-executive .site-header nav #menu.open .nav-sub a{
    min-height:43px;
    padding:8px 0;
    color:rgba(247,245,242,.64);
    font-size:14.5px;
  }
  body.page.design-system-executive .site-header nav #menu.open .nav-cta{
    min-height:50px;
    margin-top:5px;
    border-radius:999px;
    font-size:15px;
  }

  /* ---- Buttons / thumb targets ------------------------------------------------- */
  body.page.design-system-executive :is(.btn,.button,.lm-btn){
    min-height:50px;
    max-width:100%;
    padding:0 18px;
    border-radius:999px;
    font-size:14px;
    line-height:1.15;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
  body.page.design-system-executive .hero-ctas{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
  }
  body.page.design-system-executive .hero-ctas .btn{width:auto;max-width:100%}
  body.page.design-system-executive :is(button,.btn,.button,.lm-btn,a.nav-cta,.nbc-mobile-header-cta,summary){
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
  body.page.design-system-executive :is(button,.btn,.button,.lm-btn,a.nav-cta,.nbc-mobile-header-cta):active{
    scale:.985;
  }
  body.page.design-system-executive :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
    min-height:50px;
    font-size:16px;
    border-radius:var(--nbc-radius-control,12px);
  }
  body.page.design-system-executive textarea{min-height:112px}

  /* Replace permanent bottom conversion bars with the quieter header path. */
  body.page.design-system-executive :is(.home-float-cta,.fab){display:none!important}

  /* ---- Surface primitives for M2–M4 ------------------------------------------- */
  body.page.design-system-executive [data-mobile-surface="dark"],
  body.page.design-system-executive .m-surface-dark{
    background:transparent;
    color:var(--paper);
  }
  body.page.design-system-executive [data-mobile-surface="deep"],
  body.page.design-system-executive .m-surface-deep{
    background:
      radial-gradient(circle at 82% 15%,rgba(145,212,159,.075),transparent 34%),
      var(--m-surface-deep);
    color:var(--paper);
  }
  body.page.design-system-executive [data-mobile-surface="paper"],
  body.page.design-system-executive .m-surface-paper{
    margin-inline:calc(var(--m-gutter) * -1);
    padding-inline:var(--m-gutter);
    background:var(--m-paper);
    color:var(--m-paper-ink);
  }
  body.page.design-system-executive [data-mobile-surface="paper"] :is(h1,h2,h3,h4,strong,a),
  body.page.design-system-executive .m-surface-paper :is(h1,h2,h3,h4,strong,a){color:var(--m-paper-ink)}
  body.page.design-system-executive [data-mobile-surface="paper"] :is(p,li),
  body.page.design-system-executive .m-surface-paper :is(p,li){color:rgba(16,20,16,.72)}
  body.page.design-system-executive [data-mobile-surface="paper"] :is(.nbc-eyebrow,.eyebrow,.mono),
  body.page.design-system-executive .m-surface-paper :is(.nbc-eyebrow,.eyebrow,.mono){color:#3e7650}

  /* ---- G10 intentional horizontal-control cue ------------------------------- */
  body.page.design-system-executive :is(
    .m2-twin__rail,.baro-scenarios,.dc5-process-types,.m4-reading-nav,.m4-case-nav,
    .dg-guide-switcher,.km-b5-filterset,.authority-hub-nav .wrap,.pp-scenario-picker,
    .pp-step-jump,.dc5-result-switch,.ep-mobile-nav,.m7-document-nav__rail,
    [role="tablist"],[data-g10-horizontal="true"]
  ){scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
  body.page.design-system-executive :is(
    .m2-twin__rail,.baro-scenarios,.dc5-process-types,.m4-reading-nav,.m4-case-nav,
    .dg-guide-switcher,.km-b5-filterset,.authority-hub-nav .wrap,.pp-scenario-picker,
    .pp-step-jump,.dc5-result-switch,.ep-mobile-nav,.m7-document-nav__rail,
    [role="tablist"],[data-g10-horizontal="true"]
  )::-webkit-scrollbar{display:none}
  body.page.design-system-executive :is(
    .m2-twin__rail,.baro-scenarios,.dc5-process-types,.m4-reading-nav,.m4-case-nav,
    .dg-guide-switcher,.km-b5-filterset,.authority-hub-nav .wrap,.pp-scenario-picker,
    .pp-step-jump,.dc5-result-switch,.ep-mobile-nav,.m7-document-nav__rail,
    [role="tablist"],[data-g10-horizontal="true"]
  )[data-scroll-cue="more"]{
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%);
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%);
  }

  /* ---- Bottom-sheet primitive (used by M2/M3 progressive disclosure) ---------- */
  .m1-sheet-layer{
    position:fixed;
    inset:0;
    z-index:140;
    display:grid;
    align-items:end;
    visibility:hidden;
    pointer-events:none;
  }
  .m1-sheet-layer[data-open="true"]{visibility:visible;pointer-events:auto}
  .m1-sheet-backdrop{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    min-height:0;
    padding:0;
    border:0;
    border-radius:0;
    background:rgba(0,0,0,.58);
    opacity:0;
    transition:opacity .24s ease;
  }
  .m1-sheet-layer[data-open="true"] .m1-sheet-backdrop{opacity:1}
  .m1-sheet{
    position:relative;
    z-index:1;
    width:100%;
    max-height:min(82dvh,760px);
    overflow:auto;
    overscroll-behavior:contain;
    padding:14px var(--m-gutter) calc(26px + env(safe-area-inset-bottom));
    border:1px solid rgba(247,245,242,.12);
    border-bottom:0;
    border-radius:24px 24px 0 0;
    background:#0a120d;
    color:var(--paper);
    box-shadow:0 -24px 80px rgba(0,0,0,.42);
    transform:translateY(102%);
    transition:transform .3s var(--m-ease);
  }
  .m1-sheet-layer[data-open="true"] .m1-sheet{transform:none}
  .m1-sheet__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
  .m1-sheet__handle{width:38px;height:4px;border-radius:99px;background:rgba(247,245,242,.22)}
  .m1-sheet__close{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    min-height:42px;
    padding:0;
    border:1px solid rgba(247,245,242,.14);
    border-radius:999px;
    background:transparent;
    color:var(--paper);
    font-size:20px;
  }
  .m1-sheet__title{margin:0 0 12px;font-size:var(--m-h3);line-height:1.08}
  .m1-sheet__body{font-size:16px;line-height:1.65;color:rgba(247,245,242,.72)}
  body.m1-sheet-open{overflow:hidden}

  /* ---- Media discipline -------------------------------------------------------- */
  body.page.design-system-executive :is(img,video,canvas,svg){max-width:100%}
  body.page.design-system-executive figure{max-width:100%}

  /* ---- Footer: quieter, easier to scan ---------------------------------------- */
  body.page.design-system-executive .site-footer{padding-top:var(--m-section);padding-bottom:calc(34px + env(safe-area-inset-bottom))}
  body.page.design-system-executive .footer-main{grid-template-columns:1fr;gap:28px}
  body.page.design-system-executive .footer-navigation-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 16px;
  }
  body.page.design-system-executive .footer-navigation-row a{
    min-height:42px;
    padding-block:7px;
  }
  body.page.design-system-executive .footer-meta{grid-template-columns:1fr;gap:9px}

  /* ---- Utility/admin heroes: intentional clearance below the fixed header ---- */
  body.page-contact .ac-intake-hero,
  body.page.page-legal:not(.page-styleguide) .legal-hero,
  body.page.page-styleguide .styleguide-hero{
    padding-top:calc(var(--m-header-h) + env(safe-area-inset-top) + 28px)!important;
  }
  body.page-contact .ac-intake-hero{padding-bottom:28px!important}
  body.page.page-legal:not(.page-styleguide) .legal-hero,
  body.page.page-styleguide .styleguide-hero{padding-bottom:30px!important}
}


@media (max-width:374px){
  :root{
    --m-gutter:18px;
    --m-display-short:40px;
    --m-display-medium:38px;
    --m-display-long:35px;
    --m-display-xlong:32px;
    --m-h2:29px;
    --m-h3:22px;
  }
  .nbc-mobile-header-cta{padding-inline:10px;font-size:11.5px}
  body.page.design-system-executive .brand-logo{width:98px}
  body.page.design-system-executive .footer-navigation-row{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  .nbc-mobile-header-cta,
  .nbc-mobile-context,
  .m1-sheet,
  .m1-sheet-backdrop,
  body.page.design-system-executive .burger::before,
  body.page.design-system-executive .burger::after{transition:none!important}
  body.page.design-system-executive :is(button,.btn,.button,.lm-btn,a.nav-cta,.nbc-mobile-header-cta):active{scale:1}
}

/* ===== SOURCE: service-mobile-m3-g10.v6554.css ===== */
/*! NBC v6.554 · G10 Mobile Service Narrative · includes G6A visual system */
@media (max-width:760px){
  body.page-service[data-m3-service-active="true"]{
    --m3-ink:#f4f2ed;
    --m3-muted:rgba(244,242,237,.64);
    --m3-faint:rgba(244,242,237,.43);
    --m3-green:#91d49f;
    --m3-green-strong:#b0edbc;
    --m3-line:rgba(244,242,237,.115);
    --m3-deep:#07100b;
    --m3-deeper:#050c08;
    --m3-surface:#0b1710;
    --m3-paper:#f0eee7;
    --m3-paper-ink:#111611;
    --m3-paper-muted:#5b645d;
  }
  body.page-service[data-m3-service-active="true"] main.nbc-page-shell>section:not(.service-hero){display:none!important}
  body.page-service[data-m3-service-active="true"] main.nbc-page-shell>.nbc-anchor-compat{display:none!important}

  /* Thesis hero: same brand, genuinely mobile proportions. */
  body.page-service[data-m3-service-active="true"] .service-hero{
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body.page-service[data-m3-service-active="true"] .service-hero>.sw{width:100%!important;max-width:none!important;padding:0 var(--m-gutter)!important}
  body.page-service[data-m3-service-active="true"] .nbc-service-hero-grid{
    display:block!important;
    min-height:inherit!important;
    padding-top:calc(var(--m-header-h) + env(safe-area-inset-top) + 28px)!important;
    padding-bottom:50px!important;
  }
  body.page-service[data-m3-service-active="true"] .service-hero-copy{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
  body.page-service[data-m3-service-active="true"] .nbc-hero-location{margin-bottom:18px!important;color:rgba(244,242,237,.52)!important}
  body.page-service[data-m3-service-active="true"] .nbc-unified-hero-title{
    width:100%!important;max-width:100%!important;margin:0!important;
    font-size:clamp(37px,10vw,41px)!important;line-height:.97!important;letter-spacing:-.045em!important;
    text-wrap:balance!important;hyphens:none!important;
  }
  body.page-service.service-process[data-m3-service-active="true"] .nbc-unified-hero-title{max-width:100%!important}
  body.page-service.service-erp[data-m3-service-active="true"] .nbc-unified-hero-title{max-width:100%!important;font-size:clamp(35.5px,9.45vw,38.5px)!important}
  body.page-service.service-ki[data-m3-service-active="true"] .nbc-unified-hero-title{max-width:100%!important}
  body.page-service[data-m3-service-active="true"] .nbc-unified-hero-lead{
    max-width:90%!important;margin:20px 0 0!important;color:var(--m3-muted)!important;
    font-size:17px!important;line-height:1.55!important;
  }
  body.page-service[data-m3-service-active="true"] .service-hero-proofline,
  body.page-service[data-m3-service-active="true"] .nbc-hero-secondary-link,
  body.page-service[data-m3-service-active="true"] .nbc-hero-proof,
  body.page-service[data-m3-service-active="true"] .nbc-hero-artifact{display:none!important}
  body.page-service[data-m3-service-active="true"] .hero-actions{display:block!important;margin-top:28px!important}
  body.page-service[data-m3-service-active="true"] .hero-actions .btn{
    display:inline-flex!important;width:min(100%,330px)!important;min-height:52px!important;justify-content:center!important;
    border-radius:999px!important;margin:0!important;
  }

  .m3-service{position:relative;z-index:1;background:var(--m3-deep);color:var(--m3-ink)}
  .m3-service *{box-sizing:border-box}.m3-service a{color:inherit}.m3-wrap{width:calc(100% - (2 * var(--m-gutter)));margin-inline:auto}
  .m3-section{position:relative;padding:var(--m-section,66px) 0;border-top:1px solid var(--m3-line);overflow:hidden}
  .m3-kicker{display:block;margin:0 0 15px;color:var(--m3-green);font:500 10px/1.25 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.115em;text-transform:uppercase}
  .m3-title{margin:0;max-width:11ch;font:800 clamp(30px,8.25vw,35px)/1 var(--sans,"Archivo",sans-serif);letter-spacing:-.043em;text-wrap:balance}
  .m3-intro{max-width:31ch;margin:18px 0 0;color:var(--m3-muted);font-size:16.5px;line-height:1.58}
  .m3-note{max-width:34ch;margin:14px 0 0;color:var(--m3-faint);font-size:12.5px;line-height:1.52}
  .m3-arrow{display:inline-flex;min-height:44px;align-items:center;margin-top:20px;color:var(--m3-green-strong);font-size:14px;font-weight:680;text-decoration:none}

  /* Signature stage */
  .m3-signature{padding-top:var(--m-section,66px);background:radial-gradient(circle at 92% 6%,rgba(145,212,159,.12),transparent 31%),var(--m3-deeper)}
  .m3-stage{position:relative;margin-top:28px;padding:22px 18px 20px;border:1px solid rgba(145,212,159,.17);border-radius:24px;background:linear-gradient(180deg,rgba(15,31,21,.95),rgba(7,17,11,.97));overflow:hidden}
  .m3-stage::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(145,212,159,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(145,212,159,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent 85%);pointer-events:none}
  .m3-stage>*{position:relative}
  .m3-segment{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:4px;border:1px solid rgba(244,242,237,.1);border-radius:var(--nbc-radius-control,12px);background:rgba(255,255,255,.025)}
  .m3-segment--three{grid-template-columns:repeat(3,1fr)}
  .m3-segment button{min-width:0;min-height:46px;padding:8px 6px;border:0;border-radius:10px;background:transparent;color:rgba(244,242,237,.57);font:650 12px/1.15 var(--sans,"Archivo",sans-serif)}
  .m3-segment button[aria-pressed="true"]{background:rgba(145,212,159,.13);color:var(--m3-ink);box-shadow:inset 0 0 0 1px rgba(145,212,159,.24)}
  .m3-stage__result{margin-top:18px;padding-top:18px;border-top:1px solid rgba(244,242,237,.09)}
  .m3-stage__result small{display:block;margin-bottom:8px;color:var(--m3-green);font:500 9px/1.2 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.11em;text-transform:uppercase}
  .m3-stage__result strong{display:block;max-width:16ch;font-size:21px;line-height:1.08;letter-spacing:-.026em}
  .m3-stage__result p{max-width:31ch;margin:10px 0 0;color:var(--m3-muted);font-size:14.5px;line-height:1.5}

  /* Process signature */
  .m3-process-map{position:relative;height:228px;margin-top:18px;padding-top:24px}
  .m3-process-route{position:absolute;left:7%;right:7%;top:67px;height:3px;border-radius:99px;background:rgba(244,242,237,.14)}
  .m3-process-route::after{content:"";position:absolute;inset:0;background:var(--m3-green);transform-origin:left;transform:scaleX(1);transition:clip-path .34s ease,transform .34s ease;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
  .m3-process-map[data-mode="reality"] .m3-process-route::after{clip-path:polygon(0 0,45% 0,45% 100%,0 100%)}
  .m3-process-nodes{position:absolute;top:50px;left:4%;right:4%;display:flex;justify-content:space-between}
  .m3-process-node{width:35px;height:35px;border:2px solid rgba(244,242,237,.32);border-radius:50%;background:#0a1610;box-shadow:0 0 0 5px rgba(7,16,11,.86)}
  .m3-process-node:nth-child(-n+3){border-color:rgba(145,212,159,.72)}
  .m3-process-labels{position:absolute;top:96px;left:1%;right:1%;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;text-align:center;color:rgba(244,242,237,.48);font:500 8px/1.25 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.02em}
  .m3-process-break{position:absolute;left:46%;top:88px;width:112px;height:88px;opacity:0;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease}
  .m3-process-map[data-mode="reality"] .m3-process-break{opacity:1;transform:none}
  .m3-process-break::before{content:"";position:absolute;left:10px;top:-16px;width:64px;height:52px;border-left:2px dashed rgba(145,212,159,.55);border-bottom:2px dashed rgba(145,212,159,.55);border-radius:0 0 0 14px;transform:rotate(-10deg)}
  .m3-process-excel{position:absolute;right:0;bottom:0;width:82px;height:50px;padding:9px 8px;border:1px solid rgba(145,212,159,.34);border-radius:10px;background:#102319;color:var(--m3-green-strong);font:700 10px/1 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.06em}
  .m3-process-excel::after{content:"MANUELL";display:block;margin-top:8px;color:rgba(244,242,237,.45);font-size:7px;letter-spacing:.08em}
  .m3-process-sheet{width:100%;min-height:48px;justify-content:center;margin-top:18px;border-radius:999px}

  /* ERP signature */
  .m3-erp-direction{min-height:246px;margin-top:18px;padding:18px;border:1px solid rgba(244,242,237,.09);border-radius:18px;background:rgba(255,255,255,.025)}
  .m3-erp-direction__signal{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
  .m3-erp-direction__number{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(145,212,159,.28);border-radius:50%;color:var(--m3-green);font:600 10px/1 var(--mono,"IBM Plex Mono",monospace)}
  .m3-erp-direction h3{margin:2px 0 7px;font-size:21px!important;line-height:1.05!important;letter-spacing:-.03em!important}
  .m3-erp-direction p{margin:0;color:var(--m3-muted);font-size:14.5px;line-height:1.5}
  .m3-erp-evidence{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(244,242,237,.08)}
  .m3-erp-evidence span{padding:8px 10px;border:1px solid rgba(244,242,237,.1);border-radius:999px;color:rgba(244,242,237,.64);font-size:11.5px;line-height:1}
  .m3-erp-caveat{margin-top:14px;color:var(--m3-faint);font-size:11.5px;line-height:1.48}

  /* AI signature */
  .m3-ai-questions{display:grid;gap:14px;margin-top:18px}
  .m3-ai-question{padding:16px;border:1px solid rgba(244,242,237,.09);border-radius:16px;background:rgba(255,255,255,.022)}
  .m3-ai-question__top{display:flex;gap:10px;align-items:flex-start}
  .m3-ai-question__n{display:grid;flex:0 0 26px;height:26px;place-items:center;border:1px solid rgba(145,212,159,.26);border-radius:50%;color:var(--m3-green);font:600 8px/1 var(--mono,"IBM Plex Mono",monospace)}
  .m3-ai-question strong{display:block;padding-top:2px;font-size:15px;line-height:1.28}
  .m3-ai-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:13px}
  .m3-ai-options button{min-width:0;min-height:43px;padding:7px 4px;border:1px solid rgba(244,242,237,.1);border-radius:10px;background:transparent;color:rgba(244,242,237,.56);font:650 11.5px/1 var(--sans,"Archivo",sans-serif)}
  .m3-ai-options button[aria-pressed="true"]{border-color:rgba(145,212,159,.42);background:rgba(145,212,159,.12);color:var(--m3-ink)}
  .m3-ai-status{margin-top:18px;padding:18px;border:1px solid rgba(145,212,159,.18);border-radius:18px;background:rgba(145,212,159,.055)}
  .m3-ai-status small{display:block;margin-bottom:7px;color:var(--m3-green);font:500 9px/1.2 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.1em;text-transform:uppercase}
  .m3-ai-status strong{display:block;font-size:20px;line-height:1.1;letter-spacing:-.026em}
  .m3-ai-status p{margin:9px 0 0;color:var(--m3-muted);font-size:13.5px;line-height:1.5}

  /* Three decision perspectives */
  .m3-perspectives{background:#09140e}
  .m3-perspective-rail{display:grid;grid-template-columns:1fr;gap:12px;width:100%;margin-top:28px;padding-right:0;overflow:visible;scroll-snap-type:none}
  .m3-perspective-rail::-webkit-scrollbar{display:none}
  .m3-perspective{position:relative;min-width:0;width:100%;min-height:0;padding:22px;border:1px solid rgba(244,242,237,.115);border-radius:var(--nbc-radius-card,18px);background:radial-gradient(circle at 94% 4%,rgba(145,212,159,.09),transparent 34%),rgba(255,255,255,.024);scroll-snap-align:start}
  .m3-perspective__n{color:var(--m3-green);font:500 9px/1 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.1em}
  .m3-perspective h3{margin:46px 0 12px;max-width:11ch;font-size:25px!important;line-height:1.04!important;letter-spacing:-.034em!important}
  .m3-perspective p{max-width:28ch;margin:0;color:var(--m3-muted);font-size:15px;line-height:1.55}
  .m3-perspective__tag{position:absolute;left:22px;bottom:20px;color:rgba(145,212,159,.76);font:500 9px/1.2 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.08em;text-transform:uppercase}
  .m3-swipe{display:none;align-items:center;gap:10px;margin-top:13px;color:var(--m3-faint);font:500 9px/1 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.1em;text-transform:uppercase}
  .m3-swipe::before{content:"";width:28px;height:1px;background:rgba(145,212,159,.42)}

  /* One hard case = paper moment */
  .m3-case{padding-block:var(--m-section,66px);border-top:0;background:var(--m3-paper);color:var(--m3-paper-ink)}
  .m3-case .m3-kicker{color:#4d7155}.m3-case .m3-title{color:var(--m3-paper-ink);max-width:10ch}
  .m3-case__metric{display:block;margin:38px 0 16px;font-size:clamp(45px,12vw,53px);line-height:.9;letter-spacing:-.058em;text-wrap:balance}
  .m3-case__copy{max-width:30ch;margin:0;color:var(--m3-paper-muted);font-size:15.5px;line-height:1.56}
  .m3-case__link{display:inline-flex;min-height:44px;align-items:center;margin-top:22px;color:#31563a;font-size:14px;font-weight:720;text-decoration:none}

  /* Decision Guide: editorial continuation, not another card wall. */
  .m3-guide{padding-block:var(--m-section,66px);background:#08110c}
  .m3-guide .m3-title{max-width:11.5ch}
  .m3-guide__path{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px;border-top:1px solid var(--m3-line);border-bottom:1px solid var(--m3-line)}
  .m3-guide__path span{min-width:0;padding:14px 6px 14px 0;border-right:1px solid var(--m3-line);color:var(--m3-muted);font:600 10px/1.28 var(--mono,"IBM Plex Mono",monospace);text-transform:uppercase;letter-spacing:.035em}
  .m3-guide__path span+span{padding-left:9px}
  .m3-guide__path span:last-child{border-right:0}
  .m3-guide__path b{display:block;margin-bottom:8px;color:var(--m3-green);font-size:8px;letter-spacing:.1em}
  .m3-guide__copy{max-width:31ch;margin:22px 0 0;color:var(--m3-muted);font-size:15.5px;line-height:1.58}
  .m3-guide__link{display:inline-flex;min-height:46px;align-items:center;margin-top:20px;color:var(--m3-green-strong);font-size:14px;font-weight:720;text-decoration:none}

  /* Final next step */
  .m3-next{min-height:0;display:flex;align-items:center;padding-block:70px calc(76px + env(safe-area-inset-bottom));background:radial-gradient(circle at 90% 18%,rgba(145,212,159,.12),transparent 28%),var(--m3-deeper)}
  .m3-next .m3-title{max-width:10.8ch;font-size:clamp(33px,9vw,39px)}
  .m3-next__copy{max-width:31ch;margin:19px 0 0;color:var(--m3-muted);font-size:16.5px;line-height:1.58}
  .m3-next__cta{display:inline-flex;width:100%;min-height:54px;align-items:center;justify-content:center;margin-top:28px;border-radius:999px}
  .m3-next__secondary{display:inline-flex;min-height:44px;align-items:center;margin-top:9px;color:var(--m3-green-strong);font-size:13px;text-decoration:none}

  .m3-service [data-m1-rail="true"][data-scroll-cue="more"]{mask-image:linear-gradient(to right,#000 0,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0,#000 88%,transparent 100%)}
}
@media (max-width:374px){
  body.page-service[data-m3-service-active="true"] .nbc-service-hero-grid{padding-top:calc(var(--m-header-h) + env(safe-area-inset-top) + 22px)!important}
  body.page-service[data-m3-service-active="true"] .nbc-unified-hero-title{font-size:var(--nbc-mobile-hero-primary,41px)!important}
  body.page-service.service-erp[data-m3-service-active="true"] .nbc-unified-hero-title{font-size:var(--nbc-mobile-hero-primary,41px)!important}
  .m3-section{padding-block:66px}.m3-perspective{width:100%}.m3-segment button{font-size:11px}.m3-ai-options button{font-size:10.8px}
}
@media (prefers-reduced-motion:reduce){
  .m3-process-route::after,.m3-process-break{transition:none!important}.m3-perspective-rail{scroll-behavior:auto}
}
/* M3 QA refinements: remove all legacy mobile service content after mount and
   keep compact three-way controls visually separable on narrow devices. */
@media (max-width:760px){
  body.page-service[data-m3-service-active="true"] main.nbc-page-shell>:not(.service-hero):not(.m3-service):not(noscript){display:none!important}
  .m3-segment--three{gap:4px}
  .m3-segment--three button{font-size:10.8px;letter-spacing:-.01em;background:rgba(255,255,255,.012)}
  .m3-segment--three button[aria-pressed="true"]{background:rgba(145,212,159,.13)}
}
@media (max-width:374px){.m3-segment--three button{font-size:10px}}
@media (max-width:760px){
  .m3-segment--three{padding:3px;background:rgba(255,255,255,.018)}
  .m3-segment--three button{border:1px solid rgba(244,242,237,.07);border-radius:9px}
  .m3-segment--three button[aria-pressed="true"]{border-color:rgba(145,212,159,.34)}
}
@media (max-width:760px){
  .m3-segment button{font-size:12px!important;line-height:1.15!important}
  .m3-segment--three button{font-size:11px!important;line-height:1.1!important}
  .m3-ai-options button{font-size:11.5px!important;line-height:1!important}
  .m3-process-sheet{font-size:13px!important;line-height:1.2!important}
}
@media (max-width:374px){.m3-segment--three button{font-size:10.5px!important}.m3-ai-options button{font-size:11px!important}}


/* G6A mobile visual system */
@media(max-width:760px){
.m3-g6a-stage{overflow:hidden}.m3-g6a-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:22px}.m3-g6a-tabs button{min-width:0;min-height:58px;padding:8px;border:1px solid rgba(244,242,237,.13);border-radius:10px;background:rgba(244,242,237,.025);color:rgba(244,242,237,.6);text-align:left}.m3-g6a-tabs button b,.m3-g6a-tabs button span{display:block}.m3-g6a-tabs button b{margin-bottom:5px;color:rgba(244,242,237,.34);font:600 9px/1 var(--mono,monospace)}.m3-g6a-tabs button span{font-size:10px;line-height:1.15}.m3-g6a-tabs button[aria-selected="true"]{border-color:rgba(148,211,162,.6);background:rgba(148,211,162,.08);color:#f4f2ed}.m3-g6a-tabs button[aria-selected="true"] b{color:#94d3a2}.m3-g6a-tabs button:focus-visible{outline:2px solid #94d3a2;outline-offset:2px}
.m3-g6a-process{position:relative;padding:28px 4px 18px}.m3-g6a-process-line{position:relative;height:64px}.m3-g6a-process-line::before{content:"";position:absolute;left:7%;right:7%;top:28px;height:2px;background:rgba(244,242,237,.2)}.m3-g6a-process-line>i{position:absolute;top:21px;width:16px;height:16px;border:2px solid rgba(244,242,237,.38);border-radius:50%;background:#0c100e}.m3-g6a-process-line>i:nth-of-type(1){left:6%}.m3-g6a-process-line>i:nth-of-type(2){left:27%}.m3-g6a-process-line>i:nth-of-type(3){left:48%}.m3-g6a-process-line>i:nth-of-type(4){left:69%}.m3-g6a-process-line>i:nth-of-type(5){left:90%}.m3-g6a-dot{position:absolute;top:25px;width:8px;height:8px;border-radius:50%;background:#94d3a2;box-shadow:0 0 12px rgba(148,211,162,.45);animation:m3-g6a-flow 5.4s linear infinite}.m3-g6a-dot.d2{animation-delay:-1.8s}.m3-g6a-dot.d3{animation-delay:-3.6s}.m3-g6a-labels{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.m3-g6a-labels span{text-align:center;color:rgba(244,242,237,.58);font:500 8px/1.2 var(--mono,monospace);letter-spacing:-.02em;white-space:nowrap;overflow-wrap:normal}.m3-g6a-queue{position:absolute;top:31px;left:45%;display:flex;gap:4px}.m3-g6a-queue i{width:5px;height:5px;border-radius:50%;background:#e6b66b;animation:m3-g6a-queue 2.4s ease-in-out infinite}.m3-g6a-queue i:nth-child(2){animation-delay:-.5s}.m3-g6a-queue i:nth-child(3){animation-delay:-1s}.m3-g6a-process[data-state="critical"] .m3-g6a-queue{left:66%}.m3-g6a-process[data-state="critical"] .m3-g6a-queue i{background:#dc7c73}.m3-g6a-process[data-state="exception"] .m3-g6a-queue{left:58%}
.m3-g6a-erp-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-bottom:20px}.m3-g6a-erp-steps span{text-align:center;color:rgba(244,242,237,.5);font:500 8px/1.2 var(--mono,monospace);letter-spacing:-.02em;white-space:nowrap;overflow-wrap:normal}.m3-g6a-provider-lanes{display:grid;gap:15px;margin:12px 0 24px}.m3-g6a-provider-lanes>div{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center}.m3-g6a-provider-lanes b{font:600 11px/1 var(--mono,monospace)}.m3-g6a-provider-lanes span{position:relative;height:30px}.m3-g6a-provider-lanes span::before{content:"";position:absolute;left:0;right:0;top:14px;height:2px;background:rgba(148,211,162,.55);border-radius:99px}.m3-g6a-provider-lanes .is-b span::before{top:10px;transform:skewY(-7deg);background:rgba(230,182,107,.58)}.m3-g6a-provider-lanes .is-c span::before{top:18px;transform:skewY(9deg);background:rgba(220,124,115,.58)}.m3-g6a-provider-lanes em{color:rgba(244,242,237,.46);font:600 8px/1 var(--mono,monospace);font-style:normal}
.m3-g6a-ai-gates{display:grid;gap:10px;margin:0;padding:0;list-style:none}.m3-g6a-ai-gates li{position:relative;display:grid;grid-template-columns:32px 1fr 14px;gap:8px;align-items:center;min-height:54px;padding:10px;border:1px solid rgba(244,242,237,.1);border-radius:11px;background:rgba(0,0,0,.12)}.m3-g6a-ai-gates li:not(:last-child)::after{content:"↓";position:absolute;left:15px;bottom:-16px;color:rgba(244,242,237,.26)}.m3-g6a-ai-gates b{color:#94d3a2;font:600 9px/1 var(--mono,monospace)}.m3-g6a-ai-gates strong{font-size:12px}.m3-g6a-ai-gates .m3-g6a-dot{position:static;animation:m3-g6a-pulse 1.8s ease-in-out infinite}.m3-g6a-ai-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:18px 0}.m3-g6a-ai-outcomes span{padding:9px 5px;border:1px solid rgba(244,242,237,.1);border-radius:8px;text-align:center;color:rgba(244,242,237,.55);font:600 8px/1.15 var(--mono,monospace)}.m3-g6a-ops{margin-top:22px;padding-top:18px;border-top:1px solid rgba(244,242,237,.09)}.m3-g6a-ops>small{display:block;margin-bottom:12px;color:#94d3a2;font:600 9px/1 var(--mono,monospace);letter-spacing:.1em}.m3-g6a-ops>div{display:grid;gap:5px}.m3-g6a-ops span{display:block;padding:11px;border:1px solid rgba(244,242,237,.1);border-radius:9px;background:rgba(0,0,0,.12);font-size:11px}.m3-g6a-ops span b{display:block;margin-bottom:4px;color:rgba(244,242,237,.45);font:600 8px/1 var(--mono,monospace)}.m3-g6a-ops span em{margin:0 6px;color:rgba(244,242,237,.35);font-style:normal}.m3-g6a-ops i{text-align:center;color:rgba(244,242,237,.28);font-style:normal}
.m3-service.is-paused .m3-g6a-dot,.m3-service.is-paused .m3-g6a-queue i{animation-play-state:paused!important}
}
@keyframes m3-g6a-flow{0%{left:7%;opacity:.2}10%{opacity:1}90%{opacity:1}100%{left:91%;opacity:.2}}@keyframes m3-g6a-queue{0%,100%{transform:translateX(0);opacity:.45}50%{transform:translateX(6px);opacity:1}}@keyframes m3-g6a-pulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}
@media(prefers-reduced-motion:reduce){.m3-g6a-dot,.m3-g6a-queue i{animation:none!important}.m3-g6a-process-line .d1{left:22%}.m3-g6a-process-line .d2{left:51%}.m3-g6a-process-line .d3{left:76%}}

/* ===== SOURCE: mobile-system-g10.v6554.css ===== */
/*! NBC v6.554 · G10 Mobile System Contract
    Final owner for mobile rhythm, allowed horizontal controls, touch/focus,
    CTA geometry and cross-family responsive consistency. Desktop untouched. */
@media (max-width:760px){
  :root{
    --m5-focus:#a6e8b4;
    --m5-paper:#f1eee7;
    --m5-paper-ink:#111511;
    --m5-deep:#07100b;
    --m5-line:rgba(247,245,242,.12);
    --m5-muted:rgba(247,245,242,.66);
  }

  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
  body.page.design-system-executive{-webkit-tap-highlight-color:transparent}
  body.page.design-system-executive main :is(p,li,dd){orphans:2;widows:2}
  body.page.design-system-executive :is(img,picture,video){display:block}

  /* Keyboard focus must remain obvious even in the dark visual system. */
  body.page.design-system-executive :is(a,button,input,select,textarea,summary):focus-visible{
    outline:2px solid var(--m5-focus)!important;
    outline-offset:3px!important;
    box-shadow:none!important;
  }

  /* Mobile rails: consistent momentum, snap and edge affordance across M2–M4. */
  body.page.design-system-executive :is(
    .baro-scenarios,.dc5-process-types,.m4-reading-nav,.m4-case-nav,
    .dg-guide-switcher,[role="tablist"],[data-g10-horizontal="true"]
  ){
    scroll-padding-inline:var(--m-gutter);
    scroll-snap-stop:normal;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body.page.design-system-executive :is(
    .baro-scenarios,.dc5-process-types,.m4-reading-nav,.m4-case-nav,
    .dg-guide-switcher,[role="tablist"],[data-g10-horizontal="true"]
  )::-webkit-scrollbar{display:none}
  body.page.design-system-executive [data-g10-rail-state="start"]{
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 30px),transparent 100%);
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 30px),transparent 100%);
  }
  body.page.design-system-executive [data-g10-rail-state="middle"]{
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);
  }
  body.page.design-system-executive [data-g10-rail-state="end"]{
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 100%);
  }

  /* Header: slightly lighter render cost while retaining the glass effect. */
  body.page.design-system-executive .site-header{
    backdrop-filter:blur(16px) saturate(112%);
    -webkit-backdrop-filter:blur(16px) saturate(112%);
  }

  /* Footer polish: small enough to be quiet, large enough to feel intentional. */
  body.page.design-system-executive .footer-brand strong{font-size:18px;line-height:1.15}
  body.page.design-system-executive .footer-signature>p{font-size:13.25px;line-height:1.55}
  body.page.design-system-executive .footer-mail{font-size:13px}
  body.page.design-system-executive .footer-navigation-row a{font-size:12.5px}
  body.page.design-system-executive .footer-meta{font-size:10.5px;line-height:1.5}

  /* M2/M3 final balance: no visual redesign, only small rhythm consistency. */
  body.page-home[data-m2-home-active="true"] .m2-section__intro,
  body[data-m3-service-active="true"] .m3-intro{max-width:35ch}
  body[data-m3-service-active="true"] .m3-next__copy{max-width:34ch}

  /* Case detail: opened evidence should read like editorial content, not metadata. */
  body[data-m4-kind="case-detail"] .m4-case-accordion[open] :is(p,li,dd){
    font-size:15.5px!important;
    line-height:1.66!important;
  }
  body[data-m4-kind="case-detail"] .m4-case-accordion summary{
    min-height:58px;
    align-items:center;
  }

  /* Decision Guide detail: biggest remaining typographic weakness from M4. */
  body[data-m4-kind="guide-detail"] .dg-page-hero h1{
    font-size:clamp(38px,10.2vw,42px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
  }
  body[data-m4-kind="guide-detail"] .dg-page-body{padding-top:48px!important}
  body[data-m4-kind="guide-detail"] .dg-page-body :is(p,li,dd),
  body[data-m4-kind="guide-detail"] .dg-takeaway p,
  body[data-m4-kind="guide-detail"] .dg-after20-item p,
  body[data-m4-kind="guide-detail"] .dg-related-guides p{
    font-size:15.5px!important;
    line-height:1.64!important;
  }
  body[data-m4-kind="guide-detail"] .dg-page-body :is(h2,.dg-section-title){
    font-size:29px!important;
    line-height:1.03!important;
    letter-spacing:-.035em!important;
  }
  body[data-m4-kind="guide-detail"] .dg-page-body h3{
    font-size:20px!important;
    line-height:1.08!important;
  }
  body[data-m4-kind="guide-detail"] .dg-takeaway{padding:22px!important;}
  body[data-m4-kind="guide-detail"] :is(.dg-live-tool,.dg-guide-preview,.dg-after20,.dg-related-guides){
    padding-block:52px!important;
  }
  body[data-m4-kind="guide-detail"] :is(.dg-preview-stack,.dg-related-grid){gap:14px!important}
  body[data-m4-kind="guide-detail"] :is(.dg-preview-caption,.dg-preview-note,.dg-tool-note,.dg-live-tool small){
    font-size:12.5px!important;
    line-height:1.52!important;
  }

  /* Barometer: the previous SVG stage reserved too much vertical space on a phone. */
  body[data-m4-kind="barometer"] .baro-stage{overflow:hidden}
  body[data-m4-kind="barometer"] .baro-svg{
    height:clamp(225px,62vw,255px)!important;
    min-height:225px!important;
  }
  body[data-m4-kind="barometer"] .baro-readout{
    min-height:0!important;
    padding-bottom:12px!important;
  }
  body[data-m4-kind="barometer"] .baro-stage-column{min-height:0!important}
  body[data-m4-kind="barometer"] .baro-finding{margin-top:0!important}
  body[data-m4-kind="barometer"] .baro-scenario{min-height:46px}

  /* Digital Check: keep the initial tool screen compact and intentional. */
  body[data-m4-kind="digital"] .dc5-stage{min-height:260px!important}
  body[data-m4-kind="digital"] .dc5-question-panel{padding-bottom:30px!important}

  /* Regional Göttingen page: M5 creates a dedicated mobile journey. */
  body.page-regional[data-m5-local-active="true"] .local-hero{
    min-height:0!important;
    padding-top:calc(var(--m-header-h) + env(safe-area-inset-top) + 22px)!important;
    padding-bottom:58px!important;
  }
  body.page-regional[data-m5-local-active="true"] .local-hero-grid{display:block!important}
  body.page-regional[data-m5-local-active="true"] .local-founder-card{display:none!important}
  body.page-regional[data-m5-local-active="true"] .local-hero h1{
    font-size:clamp(34px,9.2vw,37px)!important;
    line-height:.97!important;
    max-width:9.6ch!important;
  }
  body.page-regional[data-m5-local-active="true"] .local-hero-thesis{
    margin-top:22px!important;
    font-size:19px!important;
    line-height:1.18!important;
  }
  body.page-regional[data-m5-local-active="true"] .local-hero-lede{
    margin-top:14px!important;
    max-width:35ch;
    font-size:16px!important;
    line-height:1.58!important;
  }
  body.page-regional[data-m5-local-active="true"] .local-hero-actions{
    margin-top:25px!important;
    display:block!important;
  }
  body.page-regional[data-m5-local-active="true"] .local-hero-actions .btn{width:100%}
  body.page-regional[data-m5-local-active="true"] .nbc-hero-secondary-link{display:none!important}
  body.page-regional[data-m5-local-active="true"] .local-hero-proof{
    margin-top:22px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:8px 12px!important;
    border:0!important;
    padding:0!important;
    font-size:11px!important;
    line-height:1.35!important;
  }
  body.page-regional[data-m5-local-active="true"] .local-hero-proof strong{grid-column:1/-1;color:var(--green)}
  body.page-regional[data-m5-local-active="true"] main>.local-situations,
  body.page-regional[data-m5-local-active="true"] main>.local-economy,
  body.page-regional[data-m5-local-active="true"] main>.local-check,
  body.page-regional[data-m5-local-active="true"] main>.local-proof,
  body.page-regional[data-m5-local-active="true"] main>.local-qualification,
  body.page-regional[data-m5-local-active="true"] main>.local-independence,
  body.page-regional[data-m5-local-active="true"] main>.local-direct,
  body.page-regional[data-m5-local-active="true"] main>.local-faq,
  body.page-regional[data-m5-local-active="true"] main>.local-final{display:none!important}

  .m5-local{background:#07100b;color:var(--paper)}
  .m5-local__section{padding:var(--m-section,66px) var(--m-gutter);border-top:1px solid var(--m5-line)}
  .m5-local__section--deep{background:radial-gradient(circle at 85% 0,rgba(134,200,149,.08),transparent 38%),#07100b}
  .m5-local__section--paper{background:var(--m5-paper);color:var(--m5-paper-ink);border-color:rgba(17,21,17,.12)}
  .m5-local__wrap{width:100%;max-width:430px;margin-inline:auto}
  .m5-local__kicker{display:block;margin-bottom:20px;color:var(--green);font:500 10px/1.2 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.1em;text-transform:uppercase}
  .m5-local__section--paper .m5-local__kicker{color:#477a52}
  .m5-local__title{margin:0;font-size:clamp(30px,8.5vw,34px);line-height:1.01;letter-spacing:-.04em;text-wrap:balance}
  .m5-local__section--paper .m5-local__title{color:var(--m5-paper-ink)}
  .m5-local__intro{margin:18px 0 0;max-width:35ch;color:var(--m5-muted);font-size:16px;line-height:1.62}
  .m5-local__section--paper .m5-local__intro{color:rgba(17,21,17,.68)}
  .m5-local__rail{
    display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;margin-top:30px;padding-right:0;overflow:visible;scroll-snap-type:none;scrollbar-width:none
  }
  .m5-local__rail::-webkit-scrollbar{display:none}
  .m5-local-card{
    min-width:0;width:100%;max-width:none;min-height:285px;padding:22px;border:1px solid rgba(247,245,242,.12);border-radius:22px;background:rgba(255,255,255,.025);scroll-snap-align:none
  }
  .m5-local-card small{color:var(--green);font:500 9px/1.2 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.09em}
  .m5-local-card h3{margin:52px 0 12px;font-size:24px;line-height:1.02;letter-spacing:-.035em}
  .m5-local-card p{margin:0;color:var(--m5-muted);font-size:15px;line-height:1.55}
  .m5-local__chain{margin-top:30px;border-top:1px solid rgba(17,21,17,.14)}
  .m5-local__step{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid rgba(17,21,17,.14)}
  .m5-local__step span{color:#477a52;font:500 10px/1.2 var(--mono,"IBM Plex Mono",monospace)}
  .m5-local__step strong{display:block;color:var(--m5-paper-ink);font-size:17px;line-height:1.16}
  .m5-local__step p{margin:7px 0 0;color:rgba(17,21,17,.66);font-size:14.5px;line-height:1.52}
  .m5-local__proof{margin-top:30px;display:grid;gap:0;border-top:1px solid var(--m5-line)}
  .m5-local__proof-row{display:grid;grid-template-columns:1fr auto;gap:14px;padding:22px 0;border-bottom:1px solid var(--m5-line);align-items:start}
  .m5-local__proof-row small{color:var(--green);font:500 9px/1.2 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.08em}
  .m5-local__proof-row strong{display:block;margin-top:7px;font-size:17px;line-height:1.14}
  .m5-local__proof-row b{color:var(--green);font-size:18px;line-height:1.06;text-align:right}
  .m5-local__pillars{margin-top:30px;display:grid;gap:10px}
  .m5-local__pillar{padding:18px;border:1px solid var(--m5-line);border-radius:16px;background:rgba(255,255,255,.025)}
  .m5-local__pillar strong{display:block;font-size:17px;line-height:1.14}
  .m5-local__pillar p{margin:7px 0 0;color:var(--m5-muted);font-size:14.5px;line-height:1.5}
  .m5-local__cta{margin-top:28px;width:100%}
  .m5-local__micro{margin:12px 0 0;color:rgba(247,245,242,.5);font-size:11.5px;line-height:1.48}
}

@media (max-width:374px){
  body.page-regional[data-m5-local-active="true"] .local-hero h1{font-size:34px!important}
  .m5-local__section{padding-inline:18px}
}

@media (prefers-reduced-motion:reduce){
  @media (max-width:760px){
    html{scroll-behavior:auto}
    body.page.design-system-executive [data-g10-rail-state]{-webkit-mask-image:none;mask-image:none}
  }
}
@media (max-width:760px){
  body.page-regional[data-m5-local-active="true"] .local-hero h1{max-width:100%!important}
  body.page-regional[data-m5-local-active="true"] .local-hero h1 span{
    overflow-wrap:normal!important;
    word-break:normal!important;
    -webkit-hyphens:manual!important;
    hyphens:manual!important;
  }
}
@media (max-width:760px){
  body[data-m4-kind="barometer"] .baro-svg{
    height:clamp(175px,49vw,205px)!important;
    min-height:175px!important;
  }
}

/* M5 final readability guard — narrow mobile only. */
@media (max-width:760px){
  body.page-service.service-ki[data-m3-service-active="true"] .nbc-unified-hero-title{
    max-width:100%!important;
  }
  body[data-m4-kind="barometer"] :is(.baro-readout p,.baro-finding p,.risk-reversal-tool){
    font-size:12.5px!important;
    line-height:1.48!important;
  }
  body[data-m4-kind="digital-check"] #dc-prefill-copy{
    font-size:12.5px!important;
    line-height:1.45!important;
  }
  body.page-decision-guide .dg-conversion-copy p{
    font-size:15px!important;
    line-height:1.62!important;
  }
}
@media (max-width:760px){
  body.page-digital-check #dc-prefill-copy{font-size:12.5px!important;line-height:1.45!important}
}
@media (max-width:760px){
  body.page-template-guide .dg-conversion-copy p{font-size:15px!important;line-height:1.62!important}
}

/* M5 tablet-edge guard: keep the 768px boundary touch-safe without mounting mobile-only compositions. */
@media (min-width:761px) and (max-width:820px){
  body.page-barometer input[type="range"]{min-height:44px!important}
  body .styleguide-final{min-width:44px!important}
  body.page-template-guide .dg-tool-caption{font-size:11.5px!important;line-height:1.45!important}
}
@media (min-width:761px) and (max-width:820px){
  body.page-barometer input[type="range"]{height:44px!important;min-height:44px!important}
  body.page-barometer :is(.baro-dimension-copy,.baro-readout p,.baro-finding p,.risk-reversal-tool){font-size:12.5px!important;line-height:1.48!important}
}
@media (min-width:761px) and (max-width:820px){
  body.page-barometer input[type="number"]{min-height:44px!important;height:44px!important;padding-block:8px!important}
}


/* G10 global mobile contract ------------------------------------------------ */
@media (max-width:760px){
  body.page.design-system-executive main :is(.lede,.lead,.nbc-unified-hero-lead,.local-hero-lede,.knowledge-hero-note){max-width:90%}
  body.page.design-system-executive main :is(.grid-cards,.related-grid,.proof-grid,.service-case-grid,.service-fit-grid,.knowledge-grid,.evidence-library-grid,.contact-process-grid,.contact-trust-grid,.branch-case-grid,.branch-read-grid){grid-template-columns:1fr}
  body.page.design-system-executive main :is(.grid-cards,.related-grid,.proof-grid,.service-case-grid,.service-fit-grid,.knowledge-grid,.evidence-library-grid,.contact-process-grid,.contact-trust-grid,.branch-case-grid,.branch-read-grid)>*{min-width:0;width:100%}
  body.page.design-system-executive :is(.btn,.btn-solid,.btn-outline)[href],body.page.design-system-executive button.btn{max-width:100%}
  body.page.design-system-executive main :is(.dg-takeaways,.dg-preview-stack,.dg-related-grid,.knowledge-card-grid,.hub-path-grid,.case-related-grid,.m4-metric-rail,.dc7-choice-grid,.dx-primary-grid,.baro-dimensions){scroll-snap-type:none;overscroll-behavior-inline:auto;mask-image:none;-webkit-mask-image:none}
  body.page.design-system-executive [data-g10-card-stack="true"]{display:grid;grid-template-columns:1fr;overflow:visible}
}
