/*! NBC Mobile v7.002 · M2 Homepage Signature
    Dedicated mobile composition owner. Desktop remains governed by v6.696/v7.001. */

.m7h-home{display:none}

@media (max-width:760px){
  body.page-home[data-mobile-home-v7="v7002"]{
    --m7h-deep:#06130d;
    --m7h-deep-2:#081910;
    --m7h-deep-3:#0b2116;
    --m7h-paper:#f2f0e8;
    --m7h-paper-ink:#101b13;
    --m7h-paper-muted:#59645c;
    --m7h-green:#9cdeb0;
    --m7h-green-deep:#3f7650;
    --m7h-amber:#e7b86a;
    --m7h-red:#da7770;
    --m7h-rule:rgba(231,242,234,.14);
    --m7h-rule-strong:rgba(156,222,176,.28);
    --m7h-paper-rule:rgba(16,27,19,.16);
    --m7h-muted:rgba(238,244,239,.66);
  }

  body.page-home[data-mobile-home-v7-active="true"] main.nbc-page-shell>section:not(#auftakt){display:none!important}
  body.page-home[data-mobile-home-v7-active="true"] .m7h-home{display:block}

  body.page-home[data-mobile-home-v7="v7002"] #auftakt.home-process-opening{
    min-height:100svh!important;
  }
  body.page-home[data-mobile-home-v7="v7002"] #auftakt .home-process-opening__stage{
    min-height:100svh!important;
  }
  body.page-home[data-mobile-home-v7="v7002"] #auftakt .home-process-opening__hero{
    padding-top:calc(var(--m7-header-h,64px) + env(safe-area-inset-top,0px) + 22px)!important;
    padding-bottom:92px!important;
  }
  body.page-home[data-mobile-home-v7="v7002"] #auftakt .home-process-opening__scene{
    height:clamp(330px,43svh,430px)!important;
    bottom:-6px!important;
  }
  body.page-home[data-mobile-home-v7="v7002"] #auftakt .home-process-opening__orientation{
    bottom:18px!important;
  }

  .m7h-home{
    position:relative;
    z-index:2;
    background:var(--m7h-deep);
    color:var(--m7-text,#f3f5ef);
    overflow:clip;
  }
  .m7h-scene{
    position:relative;
    isolation:isolate;
    overflow:clip;
    padding-block:var(--m7-section-feature,80px);
    border-top:1px solid var(--m7h-rule);
  }
  .m7h-wrap{
    width:100%;
    max-width:480px;
    margin-inline:auto;
    padding-left:var(--m7-inline-start);
    padding-right:var(--m7-inline-end);
  }
  .m7h-wrap--head{padding-bottom:28px}
  .m7h-kicker{
    margin:0 0 17px;
    color:var(--m7h-green);
    font:600 9px/1.3 var(--mono,"IBM Plex Mono",monospace);
    letter-spacing:.145em;
    text-transform:uppercase;
  }
  .m7h-title{
    margin:0;
    max-width:13ch;
    color:var(--m7-text,#f3f5ef);
    font-size:clamp(34px,9.65vw,42px)!important;
    line-height:.99!important;
    letter-spacing:-.05em!important;
    font-weight:790;
    text-wrap:balance;
  }
  .m7h-title--large{max-width:11ch;font-size:clamp(39px,11vw,48px)!important;line-height:.95!important}
  .m7h-title--final{max-width:10ch;font-size:clamp(43px,12vw,54px)!important;line-height:.92!important}
  .m7h-intro{
    margin:20px 0 0;
    max-width:34ch;
    color:var(--m7h-muted);
    font-size:16px;
    line-height:1.62;
  }
  .m7h-text-link{
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:44px;
    margin-top:24px;
    color:var(--m7-text,#f3f5ef);
    font-size:13px;
    font-weight:680;
    text-decoration:none;
    border-bottom:1px solid rgba(156,222,176,.36);
  }
  .m7h-text-link span{color:var(--m7h-green)}

  /* 01 — Principles: executive ledger, not card stack */
  .m7h-principles{
    padding-top:72px;
    background:
      radial-gradient(85% 42% at 100% 0%,rgba(137,217,158,.085),transparent 74%),
      linear-gradient(180deg,#08180f 0%,#06130d 100%);
  }
  .m7h-principle-ledger{margin-top:36px;border-top:1px solid var(--m7h-rule)}
  .m7h-principle-ledger article{
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    gap:13px;
    padding:22px 0 21px;
    border-bottom:1px solid var(--m7h-rule);
  }
  .m7h-principle-ledger article>span{
    color:var(--m7h-green);
    font:600 9px/1.2 var(--mono,"IBM Plex Mono",monospace);
    letter-spacing:.1em;
    padding-top:3px;
  }
  .m7h-principle-ledger strong{display:block;font-size:18px;line-height:1.12;letter-spacing:-.025em}
  .m7h-principle-ledger p{margin:8px 0 0;color:var(--m7h-muted);font-size:14px;line-height:1.55}

  /* 02 — Signature diagnostic moment */
  .m7h-diagnostic{
    padding-bottom:0;
    background:
      linear-gradient(rgba(146,218,164,.025) 1px,transparent 1px),
      linear-gradient(90deg,rgba(146,218,164,.025) 1px,transparent 1px),
      radial-gradient(80% 40% at 88% 6%,rgba(130,213,151,.12),transparent 72%),
      #05120b;
    background-size:34px 34px,34px 34px,auto,auto;
  }
  .m7h-twin{
    border-top:1px solid var(--m7h-rule-strong);
    background:rgba(3,13,8,.76);
  }
  .m7h-twin__scenarios{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    border-bottom:1px solid var(--m7h-rule);
  }
  .m7h-twin__scenarios button{
    min-width:0;
    min-height:70px!important;
    padding:14px 9px;
    border:0;
    border-right:1px solid var(--m7h-rule);
    background:transparent;
    color:rgba(238,244,239,.53);
    text-align:left;
    font:inherit;
  }
  .m7h-twin__scenarios button:last-child{border-right:0}
  .m7h-twin__scenarios button span{display:block;color:rgba(156,222,176,.48);font:600 8px/1 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.12em}
  .m7h-twin__scenarios button strong{display:block;margin-top:8px;font-size:12px;line-height:1.15;font-weight:650}
  .m7h-twin__scenarios button[aria-pressed="true"]{background:rgba(156,222,176,.045);color:#f4f7f3}
  .m7h-twin__scenarios button[aria-pressed="true"] span{color:var(--m7h-green)}
  .m7h-twin__stage{
    position:relative;
    padding:21px var(--m7-inline-end) 24px var(--m7-inline-start);
    overflow:hidden;
  }
  .m7h-twin__stage::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(146,218,164,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(146,218,164,.025) 1px,transparent 1px);
    background-size:28px 28px;
    -webkit-mask-image:linear-gradient(180deg,#000,transparent 86%);
    mask-image:linear-gradient(180deg,#000,transparent 86%);
    pointer-events:none;
  }
  .m7h-twin__stage-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:14px;padding-bottom:13px;border-bottom:1px solid var(--m7h-rule)}
  .m7h-twin__stage-top>div{display:grid;gap:5px}
  .m7h-twin__stage-top span,.m7h-twin__finding span{color:var(--m7h-green);font:600 8px/1.2 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.11em}
  .m7h-twin__stage-top strong{font-size:15px;line-height:1.1}
  .m7h-twin__stage-top small{max-width:14ch;color:var(--m7h-amber);font:600 7px/1.25 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.08em;text-align:right}
  .m7h-twin__visual{position:relative;z-index:2;height:196px;margin-top:4px}
  .m7h-twin__visual svg{width:100%;height:100%;display:block;overflow:visible}
  .m7h-twin__base,.m7h-twin__route{fill:none;stroke-linecap:round}
  .m7h-twin__base{stroke:rgba(244,247,244,.075);stroke-width:12}
  .m7h-twin__route--main{stroke:rgba(156,222,176,.84);stroke-width:2.4}
  .m7h-twin__route--rework{stroke:rgba(231,184,106,.52);stroke-width:1.35;stroke-dasharray:5 7}
  .m7h-twin__route--exception{stroke:rgba(218,119,112,.42);stroke-width:1.2;stroke-dasharray:3 7}
  .m7h-twin__nodes circle{fill:#06130d;stroke:rgba(244,247,244,.30);stroke-width:1.6}
  .m7h-twin__hot{fill:var(--m7h-amber);stroke:var(--m7h-amber);filter:drop-shadow(0 0 7px rgba(231,184,106,.42))}
  .m7h-twin__pulse{fill:none;stroke:var(--m7h-amber);stroke-width:1;opacity:.46;transform-box:fill-box;transform-origin:center;animation:m7hPulse 2.3s ease-out infinite}
  @keyframes m7hPulse{0%{opacity:.55;transform:scale(.7)}75%,100%{opacity:0;transform:scale(1.65)}}
  .m7h-twin__break{position:absolute;left:46%;top:79%;translate:-50% -50%;z-index:4;max-width:120px;padding:6px 8px;border:1px solid rgba(231,184,106,.36);border-radius:7px;background:rgba(5,16,9,.92);color:var(--m7h-amber);font:600 7px/1.2 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.075em;pointer-events:none}
  .m7h-twin .operating-twin__particle{filter:drop-shadow(0 0 3px rgba(177,239,192,.48));stroke:rgba(255,255,255,.42);stroke-width:.7}
  .m7h-twin__finding{position:relative;z-index:2;border-top:1px solid var(--m7h-rule);display:grid}
  .m7h-twin__finding>div{padding:17px 0 18px;border-bottom:1px solid var(--m7h-rule)}
  .m7h-twin__finding strong{display:block;max-width:23ch;margin-top:7px;font-size:21px;line-height:1.08;letter-spacing:-.03em}
  .m7h-twin__finding p{margin:8px 0 0;max-width:35ch;color:var(--m7h-muted);font-size:13px;line-height:1.5}
  .m7h-twin__finding b{display:block;max-width:31ch;margin-top:7px;color:rgba(244,247,244,.90);font-size:14px;line-height:1.4;font-weight:650}
  .m7h-twin__decision span{color:var(--m7h-amber)}
  .m7h-twin__actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--m7h-rule)}
  .m7h-twin__actions a{min-height:58px;padding:15px var(--m7-inline-start);display:flex;align-items:center;color:rgba(241,246,242,.74);font-size:12px;line-height:1.3;text-decoration:none;border-right:1px solid var(--m7h-rule)}
  .m7h-twin__actions a:last-child{padding-left:14px;padding-right:var(--m7-inline-end);border-right:0}
  .m7h-twin__actions .m7h-action{color:#07130c;background:var(--m7h-green);font-weight:760}
  .m7h-twin__actions .m7h-action span{margin-left:auto}

  /* 03 — Services as decision ledger */
  .m7h-services{background:linear-gradient(180deg,#07160e,#06130d)}
  .m7h-service-ledger{margin-top:36px;border-top:1px solid var(--m7h-rule)}
  .m7h-service-ledger>a{display:block;padding:25px 0 23px;border-bottom:1px solid var(--m7h-rule);color:inherit;text-decoration:none}
  .m7h-service-ledger>a>span{color:var(--m7h-green);font:600 9px/1.2 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.11em}
  .m7h-service-ledger h3{max-width:13ch;margin:12px 0 0;font-size:25px!important;line-height:1.03!important;letter-spacing:-.04em!important}
  .m7h-service-ledger p{margin:10px 0 0;max-width:34ch;color:var(--m7h-muted);font-size:14px;line-height:1.55}
  .m7h-service-ledger b{display:flex;align-items:center;gap:8px;margin-top:15px;font-size:12px;font-weight:700;color:rgba(245,248,245,.88)}
  .m7h-service-ledger i{font-style:normal;color:var(--m7h-green)}
  .m7h-diagnosis-rail{margin-top:34px;padding:22px 0 0;border-top:1px solid var(--m7h-rule-strong)}
  .m7h-diagnosis-rail>span{color:var(--m7h-green);font:600 8px/1.3 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.1em}
  .m7h-diagnosis-rail p{margin:8px 0 0;color:var(--m7h-muted);font-size:13px;line-height:1.5}
  .m7h-diagnosis-rail>div{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:15px}
  .m7h-diagnosis-rail a{min-height:44px;display:inline-flex;align-items:center;color:rgba(244,247,244,.88);font-size:12px;font-weight:680;text-decoration:none;border-bottom:1px solid rgba(156,222,176,.28)}

  /* 04 — Evidence on paper */
  .m7h-cases{background:var(--m7h-paper);color:var(--m7h-paper-ink);border-color:var(--m7h-paper-rule)}
  .m7h-cases .m7h-kicker{color:var(--m7h-green-deep)}
  .m7h-cases .m7h-title{max-width:12ch;color:var(--m7h-paper-ink)}
  .m7h-case-ledger{margin-top:34px;border-top:2px solid var(--m7h-paper-ink)}
  .m7h-case-ledger a{display:block;padding:21px 0 20px;border-bottom:1px solid var(--m7h-paper-rule);color:var(--m7h-paper-ink);text-decoration:none}
  .m7h-case-ledger span{color:var(--m7h-green-deep);font:650 8px/1.2 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.105em}
  .m7h-case-ledger strong{display:block;margin-top:11px;font-size:31px;line-height:.96;letter-spacing:-.055em}
  .m7h-case-ledger strong em{font-style:normal;color:var(--m7h-green-deep)}
  .m7h-case-ledger p{margin:9px 0 0;max-width:35ch;color:var(--m7h-paper-muted);font-size:12.5px;line-height:1.5}
  .m7h-case-ledger b{display:inline-block;margin-top:15px;color:var(--m7h-paper-ink);font-size:12px}
  .m7h-case-ledger__lead{padding-top:26px!important;padding-bottom:26px!important}
  .m7h-case-ledger__lead strong{font-size:clamp(43px,12.5vw,58px);line-height:.85}
  .m7h-case-ledger__lead strong em{display:block;margin-top:8px}
  .m7h-text-link--paper{color:var(--m7h-paper-ink);border-color:rgba(63,118,80,.34)}
  .m7h-text-link--paper span{color:var(--m7h-green-deep)}

  /* 05 — Human signature */
  .m7h-person{padding-bottom:0;background:radial-gradient(80% 38% at 100% 3%,rgba(146,218,164,.09),transparent 70%),#07150e}
  .m7h-person__portrait{position:relative;margin:36px 0 0;background:#d4d6d2;overflow:hidden}
  .m7h-person__portrait img{width:100%;height:min(122vw,530px);object-fit:cover;object-position:50% 26%;filter:contrast(1.015) saturate(.92)}
  .m7h-person__portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(5,15,9,.88) 100%);pointer-events:none}
  .m7h-person__portrait figcaption{position:absolute;z-index:2;left:var(--m7-inline-start);right:var(--m7-inline-end);bottom:20px;display:grid;gap:6px;color:#fff}
  .m7h-person__portrait figcaption span{color:rgba(214,237,220,.76);font:600 8px/1.2 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.12em}
  .m7h-person__portrait figcaption strong{max-width:24ch;font-size:16px;line-height:1.2}
  .m7h-person__body{padding-top:29px;padding-bottom:var(--m7-section-feature)}
  .m7h-person__proof{display:flex;align-items:flex-end;gap:12px;padding-bottom:23px;border-bottom:1px solid var(--m7h-rule)}
  .m7h-person__proof strong{color:var(--m7h-green);font-size:56px;line-height:.8;letter-spacing:-.065em}
  .m7h-person__proof span{padding-bottom:3px;color:rgba(240,245,241,.72);font:600 9px/1.25 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.08em;text-transform:uppercase}
  .m7h-person__body>p{margin:22px 0 0;max-width:34ch;color:var(--m7h-muted);font-size:15px;line-height:1.6}

  /* 06 — Compact self-service */
  .m7h-knowledge{background:#091a11;padding-block:var(--m7-section)}
  .m7h-knowledge .m7h-title{max-width:11ch}
  .m7h-knowledge-ledger{margin-top:30px;border-top:1px solid var(--m7h-rule)}
  .m7h-knowledge-ledger a{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:82px;padding:15px 0;border-bottom:1px solid var(--m7h-rule);color:inherit;text-decoration:none}
  .m7h-knowledge-ledger>a>span{color:var(--m7h-green);font:600 9px/1 var(--mono,"IBM Plex Mono",monospace)}
  .m7h-knowledge-ledger strong{font-size:16px;line-height:1.15}
  .m7h-knowledge-ledger p{margin:5px 0 0;color:var(--m7h-muted);font-size:12.5px;line-height:1.4}
  .m7h-knowledge-ledger i{font-style:normal;color:var(--m7h-green);font-size:17px}

  /* 07 — Final decision */
  .m7h-final{padding-top:88px;padding-bottom:86px;background:radial-gradient(85% 55% at 90% 0%,rgba(156,222,176,.105),transparent 68%),#05120b}
  .m7h-final__copy{margin:23px 0 0;max-width:33ch;color:var(--m7h-muted);font-size:16px;line-height:1.6}
  .m7h-final__facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
  .m7h-final__facts span{padding:8px 10px;border:1px solid var(--m7h-rule);border-radius:999px;color:rgba(240,245,241,.72);font:600 8px/1 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.05em}
  .m7h-final__cta{width:100%;margin-top:27px;background:var(--m7h-green)!important;border-color:var(--m7h-green)!important;color:#07130c!important;border-radius:16px!important}
  .m7h-final__note{margin:17px 0 0;color:rgba(237,243,238,.54);font-size:12px;line-height:1.52}
  .m7h-final__note strong{display:block;margin-bottom:4px;color:rgba(245,248,245,.88)}

  /* One calm editorial reveal language */
  body.page-home[data-m7h-motion="enhanced"] .m7h-scene [data-m7h-reveal="pending"]{
    opacity:0;
    transform:translate3d(0,18px,0);
  }
  body.page-home[data-m7h-motion="enhanced"] .m7h-scene [data-m7h-reveal="in"]{
    opacity:1;
    transform:none;
    transition:opacity .42s cubic-bezier(.22,.72,.18,1),transform .42s cubic-bezier(.22,.72,.18,1);
  }

  @media (max-width:359px){
    .m7h-title{font-size:32px!important}
    .m7h-title--large{font-size:37px!important}
    .m7h-title--final{font-size:40px!important}
    .m7h-twin__scenarios button{padding-inline:7px}
    .m7h-twin__scenarios button strong{font-size:11px}
    .m7h-twin__actions{grid-template-columns:1fr}
    .m7h-twin__actions a{border-right:0;border-bottom:1px solid var(--m7h-rule);padding-left:var(--m7-inline-start);padding-right:var(--m7-inline-end)}
    .m7h-case-ledger strong{font-size:28px}
  }
}

@media (min-width:761px){
  .m7h-home{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  @media (max-width:760px){
    body.page-home[data-mobile-home-v7="v7002"] #auftakt.home-process-opening{min-height:100svh!important}
    .m7h-twin__pulse{animation:none!important;opacity:.3}
    body.page-home .m7h-scene [data-m7h-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  }
}
