.app-system-showcase{margin-top:30px}.app-system-showcase__tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:13px}.app-system-showcase__tabs button{appearance:none;border:1px solid color-mix(in srgb,currentColor 19%,transparent);background:transparent;color:inherit;text-align:left;padding:15px 17px;border-radius:18px;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.app-system-showcase__tabs button:hover{transform:translateY(-1px)}.app-system-showcase__tabs button[aria-selected="true"]{background:var(--tone-surface,#fff);color:var(--tone-ink,#111);border-color:transparent;box-shadow:0 12px 30px #00000018}.app-system-showcase__tabs span,.app-system-showcase__tabs small{display:block}.app-system-showcase__tabs span{font-weight:720}.app-system-showcase__tabs small{margin-top:4px;opacity:.66}.app-system-showcase__stage{border-radius:26px;overflow:hidden;background:#101315;box-shadow:0 28px 76px #00000032;border:1px solid #ffffff20}.app-system-showcase__browser{height:43px;display:flex;align-items:center;gap:7px;padding:0 15px;background:#1b2024;color:#f4f4f1;font-size:11px}.app-system-showcase__browser>span{width:9px;height:9px;border-radius:3px;background:#62686d}.app-system-showcase__browser strong{margin-left:8px;font-weight:650}.app-system-showcase__browser em{margin-left:auto;font-style:normal;opacity:.58}.app-system-showcase iframe{display:block;width:100%;height:650px;border:0;background:#f5f5f2}.app-system-showcase__note{font-size:12px;max-width:860px;margin:14px 0 0;opacity:.68;line-height:1.6}.home-applications .app-system-showcase__stage{max-width:1200px}.home-applications .app-system-showcase iframe{height:625px}.product-page .app-system-showcase iframe{height:700px}
.developer-campaign{padding-block:clamp(84px,10vw,150px)}.developer-campaign__intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.65fr);gap:clamp(36px,7vw,110px);align-items:end;max-width:var(--rail-max);margin:0 auto 46px;padding-inline:var(--rail-pad)}.developer-campaign__intro h2{max-width:800px}.developer-workbench{display:grid;grid-template-columns:245px minmax(0,1fr) 340px;max-width:var(--rail-max);margin:0 auto;padding-inline:var(--rail-pad);align-items:stretch}.developer-workbench__nav{background:#171b20;border:1px solid #303640;border-right:0;border-radius:24px 0 0 24px;padding:14px;display:flex;flex-direction:column;gap:7px}.developer-workbench__nav button{appearance:none;border:0;background:transparent;color:#9ba7b4;text-align:left;padding:14px 13px;border-radius:13px;font:inherit;cursor:pointer}.developer-workbench__nav button span{display:block;font:600 10px/1 var(--font-mono);letter-spacing:.08em;margin-bottom:7px;color:#6f7d8b}.developer-workbench__nav button strong,.developer-workbench__nav button small{display:block}.developer-workbench__nav button strong{font-size:13px}.developer-workbench__nav button small{font-size:10px;margin-top:5px;line-height:1.35;opacity:.66}.developer-workbench__nav button[aria-selected="true"]{background:#25303c;color:#f7fbff}.developer-workbench__nav button[aria-selected="true"] span{color:#8bd5ff}.developer-workbench__editor{min-width:0;background:#0d1117;border-block:1px solid #303640;color:#d9e2ec}.developer-workbench__titlebar{height:49px;display:flex;align-items:center;gap:7px;padding:0 16px;background:#161b22;border-bottom:1px solid #30363d;font:11px/1 var(--font-mono)}.developer-workbench__titlebar>span{width:9px;height:9px;border-radius:3px;background:#48515d}.developer-workbench__titlebar strong{margin-left:8px;font-weight:500}.developer-workbench__titlebar em{margin-left:auto;color:#7d8996;font-style:normal}.developer-code__panel header{display:flex;justify-content:space-between;align-items:center;padding:12px 18px 0;color:#778390;font:11px/1 var(--font-mono)}.developer-code__panel header button{border:1px solid #33404d;background:#18212b;color:#b7c3cf;border-radius:9px;padding:7px 10px;cursor:pointer}.developer-code__panel pre{margin:0;background:#0d1117;padding:20px 22px 28px;min-height:430px;overflow:auto;font:13px/1.72 var(--font-mono);tab-size:2}.developer-code__panel code.hljs{background:transparent;padding:0}.developer-workbench__outcome{background:#f4f0e6;color:#151713;border-radius:0 24px 24px 0;padding:28px;border:1px solid #d7d1c4}.developer-workbench__outcome h3{font-size:29px;line-height:1.08;margin:12px 0 22px}.developer-workbench__outcome dl{margin:0}.developer-workbench__outcome dl div{padding:10px 0;border-bottom:1px solid #d7d1c4}.developer-workbench__outcome dt{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#65685f}.developer-workbench__outcome dd{margin:4px 0 0;font:12px/1.4 var(--font-mono);overflow-wrap:anywhere}.developer-workbench__outcome>p:last-child{font-size:13px;line-height:1.6;margin-top:22px}.developer-object-model{max-width:var(--rail-max);margin:38px auto 0;padding-inline:var(--rail-pad);display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(34px,7vw,100px);align-items:start}.developer-object-model h3{font-size:clamp(28px,4vw,52px);line-height:1.02;max-width:630px}.developer-object-model>div>p:last-child{color:#aeb6ae;max-width:650px;line-height:1.65}.developer-object-model ol{list-style:none;margin:0;padding:0;border-top:1px solid #39403d}.developer-object-model li{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid #39403d}.developer-object-model li span{font:10px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#7e8983}.developer-object-model li strong{font:13px/1.45 var(--font-mono);color:#edf2ee}.developer-campaign__boundary{max-width:var(--rail-max);margin:38px auto 0;padding-inline:var(--rail-pad);display:grid;grid-template-columns:160px 1fr;gap:24px;color:#aeb6ae}.developer-campaign__boundary strong{color:#fff}.developer-campaign__boundary p{margin:0;max-width:920px;line-height:1.65}
@media(max-width:1080px){.developer-workbench{grid-template-columns:210px minmax(0,1fr)}.developer-workbench__outcome{grid-column:1/-1;border-radius:0 0 24px 24px}.developer-workbench__nav{border-radius:24px 0 0 0}.developer-workbench__editor{border-radius:0 24px 0 0;border-right:1px solid #303640}}@media(max-width:760px){.app-system-showcase__tabs{grid-template-columns:1fr}.app-system-showcase__tabs button:not([aria-selected="true"]){display:none}.app-system-showcase iframe,.home-applications .app-system-showcase iframe,.product-page .app-system-showcase iframe{height:880px}.developer-campaign__intro{grid-template-columns:1fr}.developer-workbench{grid-template-columns:1fr}.developer-workbench__nav{border:1px solid #303640;border-radius:20px 20px 0 0;display:grid;grid-template-columns:repeat(2,1fr)}.developer-workbench__editor{border:1px solid #303640;border-radius:0}.developer-code__panel pre{font-size:11.5px;min-height:470px}.developer-workbench__outcome{border-radius:0 0 20px 20px}.developer-object-model{grid-template-columns:1fr}.developer-campaign__boundary{grid-template-columns:1fr}.app-system-showcase__browser em{display:none}}@media(prefers-reduced-motion:reduce){.app-system-showcase__tabs button{transition:none}}

/* IMWL-CP3A-D2 — material application builder */
.application-builder-campaign{padding-block:clamp(86px,10vw,154px);background:#0d100f;color:#f2f3ee}.application-builder-campaign__intro{max-width:var(--rail-max);margin:0 auto 42px;padding-inline:var(--rail-pad);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:clamp(34px,7vw,110px);align-items:end}.application-builder-campaign__intro h2{max-width:760px}.application-builder-campaign__intro .lede{color:#b7c0ba;max-width:610px}.application-builder{max-width:var(--rail-max);margin:0 auto;padding-inline:var(--rail-pad)}.application-builder__projectbar{display:flex;gap:8px;align-items:stretch;padding:10px;background:#171c1a;border:1px solid #303a35;border-radius:22px 22px 0 0}.application-builder__projectbar>span{display:flex;align-items:center;padding:0 14px;color:#738078;font:10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.application-builder__projectbar button{appearance:none;border:0;background:transparent;color:#98a59d;text-align:left;padding:12px 15px;border-radius:13px;cursor:pointer;min-width:0}.application-builder__projectbar button strong,.application-builder__projectbar button small{display:block}.application-builder__projectbar button strong{font-size:13px}.application-builder__projectbar button small{font-size:10px;margin-top:4px;opacity:.66;white-space:nowrap}.application-builder__projectbar button[aria-selected="true"]{background:#edf0e7;color:#151916;box-shadow:0 8px 24px #0005}.application-builder__workspace{display:grid;grid-template-columns:210px minmax(0,1fr) 330px;min-height:660px;border:1px solid #303a35;border-top:0;background:#0b0f0d;border-radius:0 0 24px 24px;overflow:hidden}.application-builder__files{background:#121715;border-right:1px solid #2b342f;padding:18px 12px}.application-builder__files header{padding:0 10px 13px}.application-builder__files header span{display:block;color:#718078;font:10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.application-builder__files header strong{display:block;margin-top:7px;font-size:14px}.application-builder__filelist{display:grid;gap:4px}.application-builder__filelist button{appearance:none;border:0;background:transparent;color:#93a099;text-align:left;padding:10px;border-radius:9px;cursor:pointer;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:7px}.application-builder__filelist button span{font:9px/1 var(--font-mono);color:#65736b}.application-builder__filelist button strong{font:11px/1.35 var(--font-mono);font-weight:500;overflow-wrap:anywhere}.application-builder__filelist button[aria-pressed="true"]{background:#233029;color:#f1f5ef}.application-builder__filelist button[aria-pressed="true"] span{color:#8bd5a8}.application-builder__editor{min-width:0;display:grid;grid-template-rows:48px minmax(0,1fr) 30px;background:#0d1110}.application-builder__titlebar{display:flex;align-items:center;gap:8px;padding:0 15px;border-bottom:1px solid #26302b;background:#151a18;font:11px/1 var(--font-mono)}.application-builder__titlebar i{width:9px;height:9px;border-radius:3px;background:#4b5650}.application-builder__titlebar strong{margin-left:5px;font-weight:520}.application-builder__titlebar em{margin-left:auto;font-style:normal;color:#718078}.application-builder__titlebar span{color:#98a49e}.application-builder__editor-surface{position:relative;min-height:0;overflow:hidden;background:#0b0f0e}.application-builder__line-numbers{position:absolute;z-index:3;inset:0 auto 0 0;width:50px;margin:0;padding:22px 12px 22px 0;overflow:hidden;border-right:1px solid #1d2521;color:#4d5a53;text-align:right;white-space:pre;font:12px/1.72 var(--font-mono);pointer-events:none}.application-builder__highlight-wrap,.application-builder__input{position:absolute;inset:0 0 0 50px;margin:0;border:0;padding:22px 24px;overflow:auto;white-space:pre;tab-size:2;font:13px/1.72 var(--font-mono)}.application-builder__highlight-wrap{z-index:1;pointer-events:none;color:#d7e0d9}.application-builder__highlight-wrap code.hljs{display:block;background:transparent;padding:0;min-width:max-content}.application-builder__input{z-index:2;resize:none;background:transparent;color:transparent;caret-color:#eef6f0;outline:none;-webkit-text-fill-color:transparent}.application-builder__input::selection{background:#557a666f}.application-builder__statusbar{display:flex;justify-content:space-between;align-items:center;padding:0 13px;background:#1b2922;color:#a9b8af;font:10px/1 var(--font-mono)}.application-builder__inspector{background:#f2efe6;color:#171a17;padding:24px;border-left:1px solid #303a35;display:flex;flex-direction:column}.application-builder__inspector header span{display:block;color:#72766f;font:10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.application-builder__inspector header h3{font-size:27px;line-height:1.03;margin:10px 0 8px}.application-builder__inspector header p{font-size:12px;line-height:1.5;color:#62675f}.application-builder__sources{list-style:none;margin:18px 0 20px;padding:0;border-top:1px solid #d4d0c5}.application-builder__sources li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:10px 0;border-bottom:1px solid #d4d0c5;position:relative}.application-builder__sources li>span{font:9px/1.4 var(--font-mono);color:#8a8d86}.application-builder__sources strong,.application-builder__sources small,.application-builder__sources code,.application-builder__sources em{display:block}.application-builder__sources strong{font-size:12px}.application-builder__sources small{font-size:10px;color:#747970;margin-top:2px}.application-builder__sources code{grid-column:2;font:9px/1.4 var(--font-mono);color:#4e6357;overflow-wrap:anywhere}.application-builder__sources em{position:absolute;right:0;top:10px;font:9px/1 var(--font-mono);font-style:normal;color:#7a7e77}.application-builder__sources li[data-source-state="installed"] em{color:#176b3a}.application-builder__steps{display:grid;gap:7px}.application-builder__steps button{appearance:none;border:1px solid #c7c3b8;background:#faf8f1;color:#171a17;padding:11px 12px;border-radius:10px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;gap:12px;font:11px/1.2 var(--font-mono)}.application-builder__steps button::after{content:'→'}.application-builder__steps button[data-step-state="complete"]{background:#dcebdc;border-color:#b6cfb6}.application-builder__steps button[data-step-state="complete"]::after{content:'✓'}.application-builder__steps button:disabled{opacity:.42;cursor:not-allowed}.application-builder__result{margin-top:auto;padding-top:20px;border-top:1px solid #c7c3b8}.application-builder__result span{display:block;color:#777b74;font:10px/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.application-builder__result strong{display:block;font-size:22px;line-height:1.05;margin:9px 0}.application-builder__result p{font-size:12px;line-height:1.5;margin:0;color:#60655e}.application-builder__terminal{grid-column:1/-1;margin:0;border-top:1px solid #303a35;background:#080b0a;color:#a8e6be;padding:16px 20px;min-height:82px;white-space:pre-wrap;font:11px/1.55 var(--font-mono)}.application-builder-campaign__boundary{max-width:var(--rail-max);margin:24px auto 0;padding-inline:var(--rail-pad);display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;color:#aab3ad;font-size:13px;line-height:1.6}.application-builder-campaign__boundary strong{color:#f4f5f1}.application-builder[data-builder-state="complete"] .application-builder__result strong{color:#174e2d}
@media(max-width:1120px){.application-builder__workspace{grid-template-columns:190px minmax(0,1fr)}.application-builder__inspector{grid-column:1/-1;border-left:0;border-top:1px solid #303a35;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(250px,.7fr);gap:24px}.application-builder__result{margin-top:0;padding-top:0;border-top:0}.application-builder__terminal{grid-column:1/-1}}
@media(max-width:760px){.application-builder-campaign__intro{grid-template-columns:1fr}.application-builder__projectbar{overflow:auto;border-radius:18px 18px 0 0}.application-builder__projectbar>span{display:none}.application-builder__projectbar button{min-width:180px}.application-builder__workspace{grid-template-columns:1fr;min-height:0;border-radius:0 0 18px 18px}.application-builder__files{border-right:0;border-bottom:1px solid #2b342f}.application-builder__filelist{grid-template-columns:repeat(2,minmax(0,1fr))}.application-builder__editor{min-height:520px}.application-builder__highlight-wrap,.application-builder__input{font-size:11.5px;padding:18px 16px}.application-builder__line-numbers{padding-top:18px;font-size:11.5px}.application-builder__inspector{grid-column:auto;grid-template-columns:1fr}.application-builder__terminal{grid-column:auto}.application-builder-campaign__boundary{grid-template-columns:1fr}}


/* IMWL-CP3A-D4 — public scaffold removal and material whole-act polish */
.platform-hero{padding-block:clamp(76px,7vw,112px)}
.platform-hero .campaign-hero__grid{align-items:center}
.app-system-showcase__stage{background:#f4f5f1;border-color:color-mix(in srgb,currentColor 16%,transparent);box-shadow:0 24px 64px #00000024}
.app-system-showcase iframe{height:650px;background:#f4f5f1}
.app-system-showcase__tabs{margin-bottom:16px}
.app-system-showcase__tabs button{border-radius:14px;padding:16px 18px}
.app-system-showcase__tabs button[aria-selected="true"]{box-shadow:0 10px 28px #00000013}
.application-builder__titlebar strong{margin-left:0}
.application-builder__titlebar em{color:#86a892}
.application-builder-campaign__intro .lede{max-width:650px}
.how-material-section{padding-block:clamp(86px,10vw,148px)}
.how-material__intro{max-width:var(--rail-max);margin:0 auto 42px;padding-inline:var(--rail-pad);display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:clamp(44px,8vw,118px);align-items:end}
.how-material__intro h2{max-width:760px}
.how-material__intro .lede{color:#b8c0bb;max-width:620px}
.how-material{max-width:var(--rail-max);margin:0 auto;padding-inline:var(--rail-pad);display:grid;grid-template-columns:minmax(0,1.04fr) minmax(380px,.78fr);border:1px solid #303a35;border-radius:24px;overflow:hidden;background:#0b0f0d;box-shadow:0 30px 78px #0007}
.indwel-code-surface{min-width:0;background:#0b0f0e;border-right:1px solid #303a35;display:grid;grid-template-rows:50px minmax(0,1fr) 34px}
.indwel-code-surface header,.indwel-code-surface footer{display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#151a18;font:11px/1 var(--font-mono);color:#89968f}
.indwel-code-surface header{border-bottom:1px solid #26302b}.indwel-code-surface footer{border-top:1px solid #26302b;background:#1b2922}.indwel-code-surface header strong{color:#e2e9e4;font-weight:540}.indwel-code-surface footer strong{color:#9fe0b4}
.indwel-code-surface pre{margin:0;padding:28px 30px;overflow:auto;color:#d7e0d9;font:13px/1.78 var(--font-mono);white-space:pre-wrap}.code-key{color:#8bd5ff}.code-string{color:#c8a7e8}.code-value{color:#a8dfb9}
.how-material__states{padding:24px;background:#f2efe6;color:#171a17;display:flex;flex-direction:column;gap:20px}
.how-material__states ol{list-style:none;padding:0;margin:0;border-top:1px solid #d2cec2}
.how-material__states li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:11px;padding:13px 0;border-bottom:1px solid #d2cec2;align-items:start}
.how-material__states li>span{font:9px/1.5 var(--font-mono);color:#858980}.how-material__states li strong{display:block;font-size:13px}.how-material__states li p{margin:4px 0 0;color:#686d65;font-size:11px;line-height:1.45}.how-material__states li em{font:9px/1 var(--font-mono);font-style:normal;color:#176b3a;padding-top:3px}
.how-material__receipt{margin-top:auto;border-radius:17px;background:#dfeadd;padding:20px}.how-material__receipt>span{font:9px/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:#617161}.how-material__receipt>strong{display:block;font-size:25px;line-height:1.05;margin:10px 0}.how-material__receipt>p{font-size:12px;line-height:1.5;color:#536054}.how-material__receipt dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 0}.how-material__receipt dl div{border-top:1px solid #b9cbb7;padding-top:8px}.how-material__receipt dt{font:8px/1.3 var(--font-mono);text-transform:uppercase;color:#6d7b6c}.how-material__receipt dd{margin:4px 0 0;font-size:10px;font-weight:650}
@media(max-width:980px){.how-material{grid-template-columns:1fr}.indwel-code-surface{border-right:0;border-bottom:1px solid #303a35}.how-material__intro{grid-template-columns:1fr}}
@media(max-width:760px){.platform-hero{padding-block:62px}.app-system-showcase iframe,.home-applications .app-system-showcase iframe,.product-page .app-system-showcase iframe{height:840px}.how-material-section{padding-block:72px}.how-material{border-radius:18px}.indwel-code-surface pre{font-size:11px;padding:22px 18px}.how-material__states{padding:18px}.how-material__receipt dl{grid-template-columns:1fr}.app-system-showcase__tabs button:not([aria-selected="true"]){display:block}.app-system-showcase__tabs{overflow-x:auto;display:flex}.app-system-showcase__tabs button{min-width:220px}}
@media(max-width:760px){
  .how-material-section,.how-material__intro,.how-material,.indwel-code-surface,.indwel-code-surface pre,.how-material__states{min-width:0;max-width:100%;box-sizing:border-box}
  .how-material{width:100%}
  .indwel-code-surface pre{width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}
  .indwel-code-surface header,.indwel-code-surface footer{min-width:0;gap:12px;flex-wrap:wrap;height:auto;min-height:50px;padding-block:10px}
}
@media(max-width:760px){
  .indwel-code-surface pre>code{display:block;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
  .indwel-code-surface pre>code span{white-space:inherit;overflow-wrap:anywhere;word-break:break-word}
}


/* IMWL-CP3A-D5 — application theatre, viewport discipline and homepage proportion */
.home-applications{grid-column:full;display:grid;grid-template-columns:[full-start] minmax(var(--pad),1fr) [rail-start] minmax(0,var(--max)) [rail-end] minmax(var(--pad),1fr) [full-end];width:100%;padding-inline:0}
.home-applications>*{grid-column:rail}
.home-applications__lead{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:clamp(42px,7vw,108px);align-items:end}
.home-applications__lead h3{max-width:760px}
.home-applications__intro{max-width:700px;margin:0;font-size:clamp(16.5px,1.35vw,18px);line-height:1.62}
.home-applications .app-system-showcase--home{grid-column:full;width:min(calc(100vw - 32px),1480px);justify-self:center;margin-top:clamp(34px,4vw,54px)}
.app-system-showcase__tabs{max-width:var(--max);margin-inline:auto}
.app-system-showcase__stage{height:clamp(660px,53vw,780px);min-height:0}
.app-system-showcase iframe,.home-applications .app-system-showcase iframe,.product-page .app-system-showcase iframe{height:100%;min-height:0;overflow:hidden}
.app-system-showcase--home .app-system-showcase__stage{border-radius:20px}
.app-system-showcase--product{width:min(100%,1320px);margin-inline:auto}
.app-system-showcase--product .app-system-showcase__stage{height:clamp(690px,55vw,790px)}
.app-system-showcase[data-loading="true"] .app-system-showcase__stage::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 36%,rgba(255,255,255,.22) 50%,transparent 64%);transform:translateX(-100%);animation:indwel-app-load 1.1s ease infinite;pointer-events:none}
.app-system-showcase__stage{position:relative}
@keyframes indwel-app-load{to{transform:translateX(100%)}}
@media(max-width:1050px){.home-applications__lead{grid-template-columns:1fr}.home-applications__intro{margin-top:-18px}.home-applications .app-system-showcase--home{width:min(calc(100vw - 24px),1180px)}}
@media(max-width:760px){
  .home-applications{grid-template-columns:[full-start] minmax(18px,1fr) [rail-start] minmax(0,calc(100vw - 36px)) [rail-end] minmax(18px,1fr) [full-end]}
  .home-applications__lead{gap:18px}
  .home-applications__intro{margin:0;font-size:15.5px}
  .home-applications .app-system-showcase--home{width:100vw;margin-top:28px}
  .app-system-showcase__tabs{padding-inline:18px;scroll-padding-inline:18px;gap:8px;margin-bottom:12px}
  .app-system-showcase__tabs button{min-width:min(78vw,280px);padding:13px 14px}
  .app-system-showcase__stage,.app-system-showcase--product .app-system-showcase__stage{height:min(690px,80svh);min-height:620px;border-radius:0}
  .app-system-showcase--product{width:100vw;margin-left:calc(50% - 50vw)}
}
@media(prefers-reduced-motion:reduce){.app-system-showcase[data-loading="true"] .app-system-showcase__stage::after{animation:none;display:none}}


/* IMWL-CP3A-D5 — finished application theatre controls */
.app-system-showcase__tabs {
  gap: 0;
  border-top: 1px solid color-mix(in srgb,currentColor 18%,transparent);
  border-bottom: 1px solid color-mix(in srgb,currentColor 18%,transparent);
}
.app-system-showcase__tabs button {
  min-height: 82px;
  padding: 17px 20px 16px;
  border: 0;
  border-right: 1px solid color-mix(in srgb,currentColor 16%,transparent);
  border-radius: 0;
  box-shadow: none;
  position: relative;
}
.app-system-showcase__tabs button:last-child { border-right: 0; }
.app-system-showcase__tabs button[aria-selected="true"] {
  background: color-mix(in srgb,var(--tone-surface,#fff),transparent 4%);
  box-shadow: none;
}
.app-system-showcase__tabs button[aria-selected="true"]::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: -1px;
  height: 3px;
  background: #8e653d;
}
.app-system-showcase__stage {
  display: flex;
  flex-direction: column;
  background: #111512;
}
.app-system-showcase__toolbar {
  flex: 0 0 auto;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 12px 18px 12px 20px;
  border-bottom: 1px solid rgba(255,255,255,.12);
  color: #f2f3ee;
  background: #151a17;
}
.app-system-showcase__toolbar div { min-width: 0; }
.app-system-showcase__toolbar span,
.app-system-showcase__toolbar strong { display: block; }
.app-system-showcase__toolbar span {
  color: rgba(242,243,238,.55);
  font: 10px/1.25 var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.app-system-showcase__toolbar strong {
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 640;
}
.app-system-showcase__toolbar a {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.28);
  color: #f2f3ee;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.app-system-showcase__viewport {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  background: #f4f5f1;
}
.app-system-showcase__viewport iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  border: 0;
}
@media(max-width:760px){
  .app-system-showcase__tabs { border-inline: 0; }
  .app-system-showcase__tabs button { min-height: 74px; border: 1px solid color-mix(in srgb,currentColor 15%,transparent); }
  .app-system-showcase__tabs button[aria-selected="true"]::after { left: 14px; right: 14px; }
  .app-system-showcase__toolbar { min-height: 56px; padding: 10px 14px; gap: 12px; }
  .app-system-showcase__toolbar span { display: none; }
  .app-system-showcase__toolbar strong { margin: 0; font-size: 13px; }
  .app-system-showcase__toolbar a { min-height: 34px; padding-inline: 10px; font-size: 11px; }
}

/* IMWL-CP3A-D6 — stakeholder-native visual application library */
.app-system-showcase {
  margin-top: clamp(32px,4vw,54px);
}
.app-system-showcase__tabs {
  width: min(100%,1180px);
  max-width: none;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
  margin: 0 auto 14px;
  border: 0;
  background: transparent;
}
.app-system-showcase__tabs button {
  min-height: 76px;
  padding: 15px 17px;
  border: 1px solid color-mix(in srgb,currentColor 17%,transparent);
  border-radius: 14px;
  background: transparent;
  color: inherit;
  box-shadow: none;
}
.app-system-showcase__tabs button:last-child { border-right: 1px solid color-mix(in srgb,currentColor 17%,transparent); }
.app-system-showcase__tabs button[aria-selected="true"] {
  border-color: color-mix(in srgb,currentColor 28%,transparent);
  background: color-mix(in srgb,var(--paper),transparent 3%);
  color: var(--ink);
  box-shadow: 0 12px 28px rgba(25,25,22,.10);
}
.app-system-showcase__tabs button[aria-selected="true"]::after {
  left: 16px;
  right: 16px;
  bottom: 8px;
  height: 2px;
  background: #8e653d;
}
.app-system-showcase__tabs span {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 690;
}
.app-system-showcase__tabs small {
  margin-top: 6px;
  font-size: 11.5px;
  line-height: 1.35;
}
.app-system-showcase__stage,
.app-system-showcase--product .app-system-showcase__stage,
.home-applications .app-system-showcase__stage {
  width: min(100%,1320px);
  height: auto;
  min-height: 0;
  margin-inline: auto;
  overflow: hidden;
  border: 1px solid rgba(16,22,18,.16);
  border-radius: 22px;
  background: #eef0eb;
  box-shadow: 0 30px 82px rgba(26,25,21,.20);
}
.home-applications .app-system-showcase--home {
  grid-column: full;
  width: min(calc(100vw - 40px),1420px);
  margin-top: clamp(32px,4vw,52px);
}
.app-visual[hidden] { display: none !important; }
.app-visual {
  min-height: 650px;
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  color: #172018;
  background: #eef2ea;
}
.app-visual__topbar {
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 13px 18px;
  border-bottom: 1px solid rgba(255,255,255,.16);
  color: #f6f7f2;
}
.app-visual__identity,
.app-visual__context {
  display: flex;
  align-items: center;
  min-width: 0;
}
.app-visual__identity { gap: 12px; }
.app-visual__context { gap: 16px; }
.app-visual__identity div,
.app-visual__context { min-width: 0; }
.app-visual__identity strong,
.app-visual__identity small,
.app-visual__context span,
.app-visual__context strong { display: block; }
.app-visual__identity strong { font-size: 15px; line-height: 1.2; }
.app-visual__identity small,
.app-visual__context span { margin-top: 3px; color: rgba(255,255,255,.66); font-size: 10.5px; line-height: 1.25; }
.app-visual__context { text-align: right; }
.app-visual__context strong { font-size: 12px; line-height: 1.25; font-weight: 680; }
.app-visual__monogram {
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 11px;
  background: rgba(255,255,255,.14);
  color: #fff;
  font: 700 12px/1 var(--font-sans);
  letter-spacing: .04em;
}
.app-visual__body {
  display: grid;
  grid-template-columns: minmax(0,1fr) 292px;
  min-height: 0;
}
.app-visual__primary {
  min-width: 0;
  padding: clamp(24px,3vw,38px);
}
.app-visual__aside {
  display: grid;
  align-content: start;
  border-left: 1px solid rgba(24,32,25,.12);
  background: rgba(255,255,255,.62);
}
.app-visual__aside > section,
.app-visual__aside > footer {
  display: grid;
  gap: 7px;
  padding: 21px 22px;
  border-bottom: 1px solid rgba(24,32,25,.10);
}
.app-visual__aside > footer {
  border-bottom: 0;
  background: rgba(30,73,44,.06);
}
.app-visual__aside span,
.app-visual__eyebrow,
.app-visual__panel > header span,
.app-visual__panel--decision > div > span {
  color: #687268;
  font: 650 9.5px/1.3 var(--font-sans);
  letter-spacing: .07em;
  text-transform: uppercase;
}
.app-visual__aside strong { font-size: 13px; line-height: 1.35; }
.app-visual__aside small { color: #6e766f; font-size: 11px; line-height: 1.4; }
.app-visual__case-heading {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 28px;
  align-items: start;
}
.app-visual__case-heading h4 {
  max-width: 720px;
  margin: 8px 0 8px;
  font-size: clamp(28px,2.8vw,42px);
  line-height: 1.03;
  letter-spacing: -.035em;
  font-weight: 620;
}
.app-visual__case-heading p:not(.app-visual__eyebrow) {
  max-width: 760px;
  margin: 0;
  color: #657067;
  font-size: 14px;
  line-height: 1.5;
}
.app-visual__status {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  padding: 0 11px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 10.5px;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
}
.app-visual__status--positive { color: #2f653a; background: #e5f2e0; }
.app-visual__status--warning { color: #7b5700; background: #fff2bf; }
.app-visual__metrics {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
  margin-top: 24px;
}
.app-visual__metrics > div {
  min-height: 94px;
  display: grid;
  align-content: start;
  gap: 6px;
  padding: 16px 17px;
  border: 1px solid rgba(20,30,22,.10);
  border-radius: 12px;
  background: rgba(255,255,255,.76);
}
.app-visual__metrics span { color: #6c746d; font-size: 10px; font-weight: 650; text-transform: uppercase; letter-spacing: .045em; }
.app-visual__metrics strong { font-size: 22px; line-height: 1; }
.app-visual__metrics small { color: #707870; font-size: 10.5px; line-height: 1.35; }
.app-visual__panel {
  border: 1px solid rgba(20,30,22,.11);
  border-radius: 13px;
  background: rgba(255,255,255,.78);
}
.app-visual__panel > header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(20,30,22,.09);
}
.app-visual__panel > header strong { font-size: 12px; line-height: 1.3; }
.app-visual__panel--decision {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 24px;
  align-items: center;
  margin-top: 10px;
  padding: 19px 20px;
  background: #e2efd7;
}
.app-visual__panel--decision h5 {
  margin: 5px 0 6px;
  font-size: 19px;
  line-height: 1.15;
  font-weight: 680;
}
.app-visual__panel--decision p {
  max-width: 650px;
  margin: 0;
  color: #58645a;
  font-size: 12px;
  line-height: 1.45;
}
.app-visual__action {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  border-radius: 8px;
  background: #315d35;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  font-weight: 680;
  white-space: nowrap;
}
.app-visual__review-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 10px;
  margin-top: 10px;
}
.app-visual__checklist,
.app-visual__conditions,
.app-visual__timeline ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.app-visual__checklist li {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 10px 15px;
  border-top: 1px solid rgba(20,30,22,.07);
  font-size: 11px;
  line-height: 1.35;
}
.app-visual__checklist li:first-child { border-top: 0; }
.app-visual__checklist b,
.app-visual__operations em,
.app-visual__release-table em {
  font-style: normal;
  font-size: 10px;
  font-weight: 700;
}
.app-visual__checklist b:not(.is-open),
.is-ready { color: #2f6d3c; }
.is-open { color: #9b6100; }
.app-visual__conditions { counter-reset: visual-condition; }
.app-visual__conditions li {
  counter-increment: visual-condition;
  display: grid;
  gap: 4px;
  padding: 11px 14px 11px 44px;
  position: relative;
  border-top: 1px solid rgba(20,30,22,.07);
}
.app-visual__conditions li:first-child { border-top: 0; }
.app-visual__conditions li::before {
  content: counter(visual-condition);
  position: absolute;
  left: 15px;
  top: 13px;
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #f1d48f;
  font-size: 9px;
  font-weight: 700;
}
.app-visual__conditions b { font-size: 11px; line-height: 1.35; }
.app-visual__conditions span { color: #6c746d; font-size: 10px; line-height: 1.35; }

/* Incident Response is deliberately operational, not a recoloured procurement screen. */
.app-visual--incident { color: #152630; background: #eef4f7; }
.app-visual--incident .app-visual__topbar { background: #17384b; }
.app-visual--incident .app-visual__body { grid-template-columns: minmax(0,1fr) 320px; }
.app-visual--incident .app-visual__panel--decision { background: #dcecf5; }
.app-visual--incident .app-visual__action { background: #176da2; }
.app-visual__operations { margin-top: 10px; }
.app-visual__operations > div,
.app-visual__release-table > div {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  padding: 11px 15px;
  border-top: 1px solid rgba(20,30,22,.07);
}
.app-visual__operations > div:first-of-type,
.app-visual__release-table > div:first-of-type { border-top: 0; }
.app-visual__operations span,
.app-visual__release-table span { display: grid; gap: 3px; }
.app-visual__operations b,
.app-visual__release-table b { font-size: 11px; line-height: 1.3; }
.app-visual__operations small,
.app-visual__release-table small { color: #6a7478; font-size: 10px; line-height: 1.3; }
.app-visual__timeline { background: #e7edf1; }
.app-visual__timeline > header,
.app-visual__timeline > footer {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(22,40,50,.10);
}
.app-visual__timeline ol { padding: 4px 0; }
.app-visual__timeline li {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr);
  gap: 11px;
  padding: 15px 20px;
  border-top: 1px solid rgba(22,40,50,.08);
}
.app-visual__timeline li:first-child { border-top: 0; }
.app-visual__timeline li.is-current { background: #d4e7f2; }
.app-visual__timeline time { color: #63747e; font: 650 10px/1.4 var(--font-mono); }
.app-visual__timeline div { display: grid; gap: 4px; }
.app-visual__timeline b { font-size: 11px; line-height: 1.35; }
.app-visual__timeline li span { color: #65747c; font-size: 10px; line-height: 1.4; text-transform: none; letter-spacing: 0; }

/* Release Readiness uses the visual language of an engineering console. */
.app-visual--release { color: #e9f0f1; background: #111b22; }
.app-visual--release .app-visual__topbar { background: #0b141a; }
.app-visual--release .app-visual__body { grid-template-columns: minmax(0,1fr) 300px; }
.app-visual--release .app-visual__primary { background: linear-gradient(145deg,#17232b,#10191f); }
.app-visual--release .app-visual__aside { border-left-color: rgba(255,255,255,.10); background: #0f181e; }
.app-visual--release .app-visual__aside > section,
.app-visual--release .app-visual__aside > footer { border-bottom-color: rgba(255,255,255,.09); }
.app-visual--release .app-visual__aside > footer { background: #112c38; }
.app-visual--release .app-visual__aside span,
.app-visual--release .app-visual__eyebrow,
.app-visual--release .app-visual__panel > header span,
.app-visual--release .app-visual__panel--decision > div > span { color: #82959d; }
.app-visual--release .app-visual__aside small,
.app-visual--release .app-visual__case-heading p:not(.app-visual__eyebrow),
.app-visual--release .app-visual__metrics small,
.app-visual--release .app-visual__release-table small { color: #93a2a8; }
.app-visual--release .app-visual__metrics > div,
.app-visual--release .app-visual__panel { border-color: rgba(255,255,255,.10); background: #17252d; }
.app-visual--release .app-visual__metrics span { color: #82959d; }
.app-visual--release .app-visual__panel > header,
.app-visual--release .app-visual__release-table > div { border-color: rgba(255,255,255,.08); }
.app-visual--release .app-visual__panel--decision { background: #153849; }
.app-visual--release .app-visual__panel--decision p { color: #b3c2c8; }
.app-visual--release .app-visual__action { background: #1d8ab2; }
.app-visual--release .app-visual__status--warning { color: #ffd777; background: #493a16; }

@media (max-width: 980px) {
  .app-visual { min-height: 0; }
  .app-visual__body,
  .app-visual--incident .app-visual__body,
  .app-visual--release .app-visual__body { grid-template-columns: 1fr; }
  .app-visual__aside {
    grid-template-columns: repeat(3,minmax(0,1fr));
    border-top: 1px solid rgba(24,32,25,.12);
    border-left: 0;
  }
  .app-visual__aside > section,
  .app-visual__aside > footer { border-right: 1px solid rgba(24,32,25,.10); border-bottom: 0; }
  .app-visual__aside > *:last-child { border-right: 0; }
  .app-visual__timeline { display: block; }
  .app-visual__timeline > header,
  .app-visual__timeline > footer { border-right: 0; }
}

@media (max-width: 760px) {
  .home-applications .app-system-showcase--home,
  .app-system-showcase--product {
    width: 100%;
    margin-left: 0;
  }
  .app-system-showcase__tabs {
    width: 100%;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 5px;
    overflow: visible;
    padding-inline: 0;
    margin-bottom: 8px;
  }
  .app-system-showcase__tabs button {
    min-width: 0;
    min-height: 68px;
    padding: 11px 9px 14px;
    border-radius: 10px;
  }
  .app-system-showcase__tabs button:last-child { border-right: 1px solid color-mix(in srgb,currentColor 17%,transparent); }
  .app-system-showcase__tabs span { font-size: 11.5px; line-height: 1.18; }
  .app-system-showcase__tabs small { display: none; }
  .app-system-showcase__stage,
  .app-system-showcase--product .app-system-showcase__stage,
  .home-applications .app-system-showcase__stage {
    width: 100%;
    height: auto;
    min-height: 0;
    border-radius: 14px;
  }
  .app-visual { min-height: 0; }
  .app-visual__topbar {
    min-height: 60px;
    align-items: flex-start;
    padding: 11px 12px;
  }
  .app-visual__monogram { width: 32px; height: 32px; border-radius: 9px; font-size: 10px; }
  .app-visual__identity strong { font-size: 12px; }
  .app-visual__identity small { font-size: 9px; }
  .app-visual__context span { display: none; }
  .app-visual__context strong { max-width: 120px; font-size: 9.5px; }
  .app-visual__primary { padding: 18px 14px; }
  .app-visual__case-heading { grid-template-columns: 1fr; gap: 10px; }
  .app-visual__case-heading h4 { margin-top: 6px; font-size: 25px; }
  .app-visual__case-heading p:not(.app-visual__eyebrow) { font-size: 12px; }
  .app-visual__status { justify-self: start; min-height: 27px; font-size: 9px; }
  .app-visual__metrics { gap: 6px; margin-top: 16px; }
  .app-visual__metrics > div { min-height: 78px; padding: 11px 10px; border-radius: 9px; }
  .app-visual__metrics span { font-size: 8px; }
  .app-visual__metrics strong { font-size: 18px; }
  .app-visual__metrics small { display: none; }
  .app-visual__panel--decision { grid-template-columns: 1fr; gap: 13px; padding: 15px; }
  .app-visual__panel--decision h5 { font-size: 17px; }
  .app-visual__panel--decision p { font-size: 11px; }
  .app-visual__action { width: 100%; min-height: 38px; }
  .app-visual__review-grid { grid-template-columns: 1fr; }
  .app-visual__checklist li { padding: 9px 12px; font-size: 10px; }
  .app-visual__conditions li { padding-top: 10px; padding-bottom: 10px; }
  .app-visual__aside { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .app-visual__aside > section,
  .app-visual__aside > footer { padding: 15px 14px; }
  .app-visual__aside > footer { grid-column: 1 / -1; border-top: 1px solid rgba(24,32,25,.10); }
  .app-visual__timeline { display: block; }
  .app-visual__timeline li { grid-template-columns: 38px 1fr; padding: 12px 14px; }
  .app-visual__operations > div,
  .app-visual__release-table > div { padding: 10px 12px; }
}

/* D6 mobile application tableaus are single-glance product visuals, not miniature apps. */
@media (max-width:760px) {
  .app-visual__aside { display: none; }
  .app-visual--supplier .app-visual__review-grid > .app-visual__panel:first-child { display: none; }
  .app-visual__case-heading p:not(.app-visual__eyebrow) { max-width: 330px; }
  .app-visual__panel--decision { margin-top: 8px; }
  .app-visual__conditions li:nth-child(n+3),
  .app-visual__operations > div:nth-of-type(n+4),
  .app-visual__release-table > div:nth-of-type(n+5) { display: none; }
}