/* Homepage copy and a native SVG stack. No external animation dependencies. */
.ih-hero{--ih-ink:#122b45;--ih-muted:#506b83;--ih-accent:#176fcc;--ih-line:#c6d8e9;color:var(--ih-ink);background:radial-gradient(ellipse at 82% 38%,#dfedfd 0,transparent 58%),#f8fbfe;padding:46px 0 40px;border-bottom:1px solid var(--ih-line)}
.ih-hero>.container{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);gap:34px;align-items:center}
.ih-copy{min-width:0}.ih-copy .io-kicker{font-size:10px!important;letter-spacing:.14em!important;margin:0 0 28px!important}
.io-refined .ih-hero h1{font-size:clamp(60px,4.5vw,78px);line-height:1;letter-spacing:-.05em;font-weight:700;margin:0 0 28px;color:var(--ih-ink)}
.ih-hero h1 span{color:var(--ih-accent)}.ih-copy .ih-deck{max-width:35ch;font-size:18px;line-height:1.65;color:var(--ih-muted);margin:0}
.ih-actions{display:flex;gap:10px;margin-top:28px}.ih-hero .ih-actions .btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;padding:12px 14px;white-space:nowrap}.ih-hero .ih-actions .btn-ghost{background:#ffffffa6;color:var(--ih-ink);border-color:#bfd1e5}
.ih-technologies{margin:22px 0 0;font:10px/1.8 'IBM Plex Mono',monospace;color:var(--ih-muted)}
.ils{min-width:0;width:100%;padding:0 6px 0 20px;box-sizing:border-box}
.ils-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;border-bottom:1px solid #bed2e5;color:#426587;font:10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.09em}
.ils-motion{border:0;background:transparent;color:#426587;font:11px 'Manrope',sans-serif;cursor:pointer;min-width:72px;min-height:44px;padding:8px 0 8px 12px;text-align:right}.ils-motion[hidden]{display:none}.ils-motion:hover{color:#125ea4}
.ils-visual{position:relative;margin:12px -6px 0}.ils-art{display:block;width:100%;height:auto;overflow:visible}
.ils-guide{fill:none;stroke:#a5bfd8;stroke-dasharray:3 7;stroke-width:1;opacity:.5}
.ils-slab{transform:translateY(0);transition:transform .7s cubic-bezier(.22,1,.36,1)}.ils-slab.is-active{transform:translateY(-12px)}
.ils-left{fill:#a6bed9;transition:fill .55s}.ils-right{fill:#8faecf;transition:fill .55s}.ils-face{fill:url(#ils-face);stroke:#d9e6f4;stroke-width:1;transition:stroke .55s}
.ils-inset{fill:none;stroke:#94b3d2;stroke-width:1;opacity:.3;transition:opacity .55s}.ils-chip{fill:none;stroke:#648caf;stroke-width:1.4;opacity:.55}
.ils-slab.is-active .ils-face{fill:url(#ils-selected);stroke:#6aaaf0}.ils-slab.is-active .ils-left{fill:#246fbb}.ils-slab.is-active .ils-right{fill:#17538f}.ils-slab.is-active .ils-inset{stroke:#a7d5ff;opacity:.5}.ils-slab.is-active .ils-chip{stroke:#e3f2ff;opacity:1}
.ils-connector{fill:none;stroke:#9bb6ce;stroke-width:1}.ils-connector-dot{fill:#a4bdd4}.ils-layer-number{font:10px 'IBM Plex Mono',monospace;fill:#708da8;letter-spacing:.1em}.ils-layer-name{font:500 16px 'Manrope',sans-serif;fill:#526e89;letter-spacing:-.02em}.ils-slab.is-active .ils-layer-name{fill:#1265b7;font-weight:700}.ils-slab.is-active .ils-connector{stroke:#176fcc}.ils-slab.is-active .ils-connector-dot{fill:#176fcc}
.ils-tabs{display:flex;gap:5px;padding:5px;background:#e5eef880;border:1px solid #c9dced;border-radius:10px}
.ils-tabs button{flex:1;min-width:0;min-height:48px;border:1px solid transparent;border-radius:6px;background:transparent;color:#476580;padding:8px 4px;font:600 11px/1.4 'Manrope',sans-serif;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.ils-tab-index{display:block;margin-bottom:3px;font:9px 'IBM Plex Mono',monospace;opacity:.7}.ils-tabs button:hover{background:#ffffff90;color:#125ea4}.ils-tabs button[aria-selected="true"]{background:#fff;color:#125ea4;border-color:#c3d9ee;box-shadow:0 2px 5px #133b6410}
.ils-panels{min-height:160px;padding:21px 3px 16px;box-sizing:border-box}.ils-panel[hidden]{display:none}.io-refined .ils-panel h2{font-size:21px;line-height:1.35;letter-spacing:-.035em;color:#173b5e;margin:0 0 8px}.ils-panel p{font-size:13px;line-height:1.7;color:#506b83;margin:0;max-width:60ch}.ils-practices{display:block;font:10px/1.6 'IBM Plex Mono',monospace;color:#3375af;margin-top:12px}
.ils-foundation{border-top:1px solid #c4d7e9;display:flex;justify-content:space-between;gap:12px;padding:12px 3px 0;color:#64809a;font-size:11px}.ils-foundation strong{color:#365d80;font-size:11px;font-weight:600}.ils-foundation i{font-style:normal;padding:0 9px;color:#7b98b3}
.ih-hero :focus-visible{outline:2px solid #176fcc;outline-offset:4px}.ils[data-paused="true"] .ils-slab{transition:none}
@media(min-width:1001px) and (max-width:1199px){.ih-hero>.container{grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:20px}.io-refined .ih-hero h1{font-size:56px}.ih-copy .ih-deck{font-size:17px}.ih-hero .ih-actions .btn{font-size:11px;padding:11px}.ils{padding-left:0}.ils-tabs button{font-size:10px}.ils-panels{min-height:185px}}
@media(max-width:1000px){.ih-hero{padding:40px 0 32px}.ih-hero>.container{display:block}.ih-copy{text-align:center}.io-refined .ih-hero h1{font-size:clamp(48px,6.4vw,64px)}.ih-copy .ih-deck{max-width:46ch;margin:auto}.ih-actions{justify-content:center}.ils{max-width:700px;margin:38px auto 0;padding:0}.ils-panels{min-height:155px}}
@media(max-width:600px){.ih-hero{padding:36px 0 28px}.io-refined .ih-hero h1{font-size:clamp(38px,10.4vw,48px);line-height:1.08;margin-bottom:22px}.ih-copy .io-kicker{font-size:8px!important;margin-bottom:22px!important}.ih-copy .ih-deck{font-size:16px;max-width:31ch}.ih-actions{flex-wrap:wrap;gap:8px;margin-top:24px}.ih-hero .ih-actions .btn{font-size:11px;min-height:48px;padding:11px 12px}.ih-technologies{font-size:9px}.ils{margin-top:30px}.ils-topline{font-size:8px}.ils-visual{margin:14px 0 4px}.ils-tabs{flex-wrap:wrap;gap:5px}.ils-tabs button{flex:1 1 28%;min-height:44px;font-size:11px;padding:7px 5px}.ils-tab-index{display:inline;margin:0 5px 0 0}.ils-panels{min-height:193px;padding-top:18px}.io-refined .ils-panel h2{font-size:19px}.ils-panel p{font-size:13px}.ils-practices{font-size:9px}.ils-layer-name{font-size:19px}.ils-layer-number{font-size:12px}.ils-art{overflow:visible}}
/* Compact six-layer composition and visible request activity. */
.ils-visual{max-width:570px;margin:4px auto 0}.ils-art{max-height:405px}
.ils-layer-number{font-size:15px;fill:#3d6488;font-weight:600}.ils-tab-index{font-size:11px;opacity:1}
.ils-guide{stroke:#5595d0;stroke-width:2;stroke-dasharray:4 12;animation:ils-traffic 1.8s linear infinite}
.ils-slab.is-active .ils-chip{animation:ils-chip-glow 1.6s ease-in-out infinite}
.ils-metrics{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 3px 14px;font-family:'IBM Plex Mono',monospace}
.ils-metrics>span{display:flex;align-items:baseline;gap:6px}.ils-metrics b{font-size:20px;font-weight:500;color:#173b5e;font-variant-numeric:tabular-nums}.ils-metrics small{font-size:9px;color:#506b83}.ils-metrics em{font:10px 'Manrope',sans-serif;color:#637e96;font-style:normal}
.ils-panels{min-height:145px;padding-top:16px}.ils-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.ils-tabs button{font-size:10px}
.ils[data-paused="true"] *{animation-play-state:paused!important}
@keyframes ils-traffic{to{stroke-dashoffset:-32}}
@keyframes ils-chip-glow{50%{opacity:.45}}
@media(max-width:1100px){.ils-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.ils-tab-index{display:inline;margin-right:6px}.ils-panels{min-height:168px}}
@media(max-width:600px){.ils-art{max-height:none}.ils-visual{margin:8px 0}.ils-metrics{gap:8px;flex-wrap:wrap}.ils-metrics b{font-size:18px}.ils-metrics small{font-size:8px}.ils-metrics em{flex-basis:100%;text-align:right;font-size:9px}.ils-tabs button{font-size:11px}.ils-panels{min-height:185px}.ils-layer-number{font-size:16px}}
@media(prefers-reduced-motion:reduce){.ils *{transition:none!important;animation:none!important}}

/* Balanced hero: one set of layer controls, plus a separate request path. */
.io-refined .ih-layered-hero{padding:36px 0;background:radial-gradient(ellipse at 82% 38%,#dfedfd 0,transparent 58%),#f8fbfe}
.io-refined .ih-layered-hero>.container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.io-refined .ih-layered-hero h1{font-size:clamp(34px,3.1vw,46px);line-height:1.14;margin-bottom:22px}
.ih-layered-hero .ih-deck{font-size:16px;line-height:1.75;max-width:48ch}
.ih-layered-hero .ih-copy .io-kicker{margin-bottom:22px!important}
.ih-layered-hero .ils{padding:0;max-width:550px;justify-self:end}
.ils-flow{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 0 12px;margin-bottom:3px;border-bottom:1px solid #c6d8e9;font:600 11px/1.4 'Manrope',sans-serif;color:#345b7d}
.ils-flow i{font-style:normal;color:#6b92b5}.ils-flow b{position:absolute;bottom:-3px;left:0;width:6px;height:6px;background:#176fcc;border-radius:50%;animation:ils-request 6s linear infinite}
@keyframes ils-request{0%{left:0;opacity:0}5%,95%{opacity:1}100%{left:calc(100% - 6px);opacity:0}}
.ih-layered-hero .ils-visual{max-width:320px;margin:5px auto 0}.ih-layered-hero .ils-art{max-height:300px}.ih-layered-hero .ils-layer-number{font-size:21px}
.ih-layered-hero .ils-metrics{padding:4px 0 10px;gap:8px;flex-wrap:wrap}.ih-layered-hero .ils-metrics b{font-size:17px}.ih-layered-hero .ils-metrics em{flex-basis:100%;text-align:right;font-size:9px}
.ih-layered-hero .ils-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.ih-layered-hero .ils-tabs button{min-height:40px;padding:6px;font-size:11px}.ih-layered-hero .ils-tab-index{display:inline;margin-right:6px}
.ih-layered-hero .ils-panels{min-height:133px;padding:14px 2px 10px}.io-refined .ih-layered-hero .ils-panel h2{font-size:19px;line-height:1.3}.ih-layered-hero .ils-practices{margin-top:8px}.ih-layered-hero .ils-foundation{font-size:10px;padding-top:9px;align-items:center}.ih-layered-hero .ils-foundation>span{max-width:27ch}
@media(min-width:1001px){.ih-layered-hero .ils-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.ih-layered-hero .ils-tabs button{font-size:9px;padding:6px 2px;min-height:44px}.ih-layered-hero .ils-tab-index{display:block;margin:0 0 3px}.ih-layered-hero .ils-panels{min-height:139px}}
@media(max-width:800px){.io-refined .ih-layered-hero>.container{grid-template-columns:1fr;gap:24px}.ih-layered-hero .ih-copy{max-width:620px;text-align:center}.ih-layered-hero .ils{justify-self:center;max-width:540px;margin:0}.ih-layered-hero .ih-actions{justify-content:center}.ih-layered-hero .ih-technologies{display:none}.ih-layered-hero .ih-deck{margin:auto}.io-refined .ih-layered-hero h1{font-size:clamp(28px,5.7vw,42px)}.ih-layered-hero .ils-visual{max-width:270px}.ih-layered-hero .ils-art{max-height:250px}}
@media(max-width:600px){.io-refined .ih-layered-hero{padding:24px 0}.io-refined .ih-layered-hero>.container{gap:20px}.io-refined .ih-layered-hero h1{font-size:clamp(27px,7.5vw,34px);margin-bottom:16px}.ih-layered-hero .ih-copy .io-kicker{margin-bottom:14px!important}.ih-layered-hero .ih-deck{font-size:14px;line-height:1.6}.ih-layered-hero .ih-actions{margin-top:18px}.ih-layered-hero .ils-visual{max-width:235px}.ih-layered-hero .ils-art{max-height:225px}.ih-layered-hero .ils-panels{min-height:148px}.ih-layered-hero .ils-flow{font-size:10px}.ih-layered-hero .ils-topline{min-height:36px}.ih-layered-hero .ils-motion{min-height:44px}.ih-layered-hero .ils-tabs button{min-height:44px}.ih-layered-hero .ils-foundation{gap:8px}.ih-layered-hero .ils-foundation strong{white-space:nowrap}}
/* Architectural labels and telemetry, with one synchronized stage clock. */
.ih-layered-hero .ils-flow button{appearance:none;border:0;background:transparent;color:#496d8f;font:600 11px 'Manrope',sans-serif;min-height:44px;padding:4px;cursor:pointer;border-radius:5px}
.ih-layered-hero .ils-flow button[aria-pressed="true"]{color:#0068d9;background:#deedff;text-shadow:0 0 12px #46a3ff50}
.ih-layered-hero .ils-flow{padding:4px 0 10px}
.ih-layered-hero .ils-flow b{animation:none;left:var(--packet-position,0%);transform:translateX(-50%);transition:left .7s ease;box-shadow:0 0 6px #168bff,0 0 15px #168bff;width:7px;height:7px}
.ih-layered-hero .ils-visual{max-width:none;display:grid;grid-template-columns:minmax(0,43fr) minmax(0,57fr);align-items:center;position:relative;margin:12px 0 0;padding-bottom:62px}
.ih-layered-hero .ils-art{width:100%;height:330px;max-height:none;overflow:visible}
.ils-layer-controls{display:grid;grid-template-rows:repeat(6,minmax(48px,1fr));gap:4px;position:relative;z-index:2}
.ils-layer-controls button{border:1px solid #c6daec;background:#f5f9ff;color:#254963;text-align:left;border-radius:7px;padding:7px 10px;font:600 11px/1.4 'Manrope',sans-serif;cursor:pointer;transition:background .25s,border-color .25s,box-shadow .25s}
.ils-layer-controls button.is-active{color:#075ca9;border-color:#359cf0;background:#e3f1ff;box-shadow:inset 3px 0 #198df1,0 0 12px #198df119}
.ih-layered-hero .ils-slab{cursor:pointer}.ih-layered-hero .ils-slab.is-active .ils-face{stroke:#43b3ff;stroke-width:2}
.ils-tooltip{position:absolute;bottom:6px;left:0;right:0;padding:10px 12px;border:1px solid #2585d0;border-radius:7px;background:#102c46;color:#e1f1ff;box-shadow:0 5px 16px #132c4619;font:11px/1.6 'IBM Plex Mono',monospace;z-index:3;pointer-events:auto}.ils-tooltip[hidden]{display:none}
.ih-layered-hero .ils-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #c6d8e9;padding-top:14px;gap:14px 8px}
.ih-layered-hero .ils-metrics>span{flex-wrap:wrap;gap:4px}.ih-layered-hero .ils-metrics small{font-size:9px}.ih-layered-hero .ils-metrics em{grid-column:1/-1;text-align:right;font-size:10px;color:#426987}
@media(max-width:1100px) and (min-width:801px){.io-refined .ih-layered-hero>.container{gap:26px;grid-template-columns:minmax(0,44fr) minmax(0,56fr)}.ils-layer-controls button{font-size:10px;padding:6px}.ih-layered-hero .ils-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ih-layered-hero .ils-visual{grid-template-columns:minmax(0,35fr) minmax(0,65fr);padding-bottom:74px}.ih-layered-hero .ils-art{height:330px;max-height:none}.ils-layer-controls button{font-size:10px;padding:7px}.ils-layer-controls{grid-template-rows:repeat(6,minmax(46px,1fr))}.ih-layered-hero .ils-flow button{font-size:10px}.ih-layered-hero .ils-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ils-tooltip{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ih-layered-hero .ils-flow b{transition:none}}

/* Seven components in the requested top-to-bottom order. */
.ih-layered-hero .ils-layer-controls{grid-template-rows:repeat(7,minmax(44px,1fr));gap:3px}

/* Component families remain readable in the hero and available on hover. */
.ih-layered-hero .ils-layer-controls{grid-template-rows:repeat(8,minmax(44px,1fr));gap:4px}
.ils-layer-controls button strong{display:block;font-size:11px;line-height:1.4;margin-bottom:3px}
.ils-layer-controls button span{display:block;font-size:9px;line-height:1.5;font-weight:400;color:#506b83}
.ih-layered-hero .ils-art{height:410px}
.ih-layered-hero .ils-visual{grid-template-columns:minmax(0,35fr) minmax(0,65fr)}
@media(max-width:600px){.ils-layer-controls button strong{font-size:10px}.ils-layer-controls button span{font-size:9px}.ih-layered-hero .ils-visual{grid-template-columns:minmax(0,25fr) minmax(0,75fr)}.ih-layered-hero .ils-art{height:450px}.ih-layered-hero .ils-tooltip{font-size:9px}}

/* Match each enlarged plate to the center of its component label. */
.ih-layered-hero .ils-visual{grid-template-columns:minmax(0,45fr) minmax(0,55fr);column-gap:8px;align-items:start}
.ih-layered-hero .ils-art{height:512px;max-height:none;width:100%;overflow:visible}
.ih-layered-hero .ils-layer-controls{height:512px;grid-template-rows:repeat(8,minmax(0,1fr));gap:0}
.ih-layered-hero .ils-layer-controls button{margin:3px 0;min-width:0;padding:6px 9px}
@media(max-width:600px){.ih-layered-hero .ils-visual{grid-template-columns:minmax(0,39fr) minmax(0,61fr);column-gap:6px}.ih-layered-hero .ils-art,.ih-layered-hero .ils-layer-controls{height:608px}.ih-layered-hero .ils-layer-controls button{padding:6px}.ils-layer-controls button span{font-size:9px;line-height:1.5}}
/* Keep the aligned diagram within a balanced hero footprint. */
.io-refined .ih-layered-hero{padding:30px 0}
.io-refined .ih-layered-hero>.container{grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:36px;align-items:center}
.io-refined .ih-layered-hero h1{font-size:clamp(32px,2.9vw,43px);line-height:1.15;margin-bottom:20px}
.ih-layered-hero .ils{max-width:620px;padding:0;width:100%}
.ih-layered-hero .ils-visual{grid-template-columns:minmax(0,42fr) minmax(0,58fr);margin-top:8px;padding-bottom:48px}
.ih-layered-hero .ils-art,.ih-layered-hero .ils-layer-controls{height:416px}
.ih-layered-hero .ils-layer-controls button{margin:2px 0;padding:5px 8px}
.ih-layered-hero .ils-layer-controls button strong{font-size:11px;line-height:1.25;margin-bottom:2px}
.ih-layered-hero .ils-layer-controls button span{font-size:9px;line-height:1.4}
.ih-layered-hero .ils-topline{min-height:36px}.ih-layered-hero .ils-flow{padding:0 0 8px}.ih-layered-hero .ils-metrics{padding-top:10px;gap:7px 8px}.ih-layered-hero .ils-tooltip{padding:7px 10px;font-size:10px;bottom:3px}
@media(min-width:801px) and (max-width:1100px){.io-refined .ih-layered-hero>.container{grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:24px}.ih-layered-hero .ils-visual{grid-template-columns:minmax(0,36fr) minmax(0,64fr)}.ih-layered-hero .ils-art,.ih-layered-hero .ils-layer-controls{height:448px}.io-refined .ih-layered-hero h1{font-size:32px}}
@media(max-width:800px){.io-refined .ih-layered-hero>.container{grid-template-columns:1fr;gap:24px}.ih-layered-hero .ils{margin:0 auto;justify-self:center}.ih-layered-hero .ih-copy{max-width:620px}.ih-layered-hero .ih-deck{max-width:48ch}.io-refined .ih-layered-hero h1{font-size:clamp(28px,5.2vw,38px)}}
@media(max-width:600px){.io-refined .ih-layered-hero{padding:24px 0}.io-refined .ih-layered-hero h1{font-size:clamp(27px,7.3vw,33px)}.ih-layered-hero .ils-visual{grid-template-columns:minmax(0,43fr) minmax(0,57fr);padding-bottom:64px}.ih-layered-hero .ils-art,.ih-layered-hero .ils-layer-controls{height:400px}.ih-layered-hero .ils-layer-controls button{padding:5px 7px;margin:2px 0}.ih-layered-hero .ils-layer-controls button span{display:none}.ih-layered-hero .ils-layer-controls button strong{font-size:11px;line-height:1.35;margin:0}.ih-layered-hero .ils-tooltip{font-size:9px;padding:7px 9px}.ih-layered-hero .ils-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.ih-layered-hero .ils-metrics>span{display:block}.ih-layered-hero .ils-metrics b{display:block;font-size:15px}.ih-layered-hero .ils-metrics small{display:block;font-size:8px;margin-top:3px}}
/* Targeted light enterprise treatment of the existing SVG and cards. */
.ih-layered-hero .ils-visual{grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:10px;padding-bottom:52px}
.ih-layered-hero .ils-art,.ih-layered-hero .ils-layer-controls{height:384px}
.ih-layered-hero .ils-layer-controls button{display:flex;align-items:center;gap:8px;padding:6px 9px;margin:3px 0;border-radius:6px;min-height:40px;background:#ffffffb8;transition:border-color .25s,background .25s,box-shadow .25s}
.ih-layered-hero .ils-layer-controls button strong{flex:1;min-width:0;font-size:11px;line-height:1.4;margin:0}
.ih-layered-hero .ils-layer-controls button .ils-chevron{display:block;font-size:19px;line-height:1;color:#7899b7}
.ils-card-icon{display:block;width:19px;height:19px;flex-shrink:0;fill:none;stroke:#4c7ba3;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ils-object{fill:none;stroke:#547e9f;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.ih-layered-hero .ils-slab{transition:transform .25s ease;--plate:#dceafb}.ih-layered-hero .ils-slab.is-active{transform:translateY(-3px)}
.ih-layered-hero .ils-slab[data-slab="1"]{--plate:#dfeaf6}.ih-layered-hero .ils-slab[data-slab="2"]{--plate:#deedf2}.ih-layered-hero .ils-slab[data-slab="3"]{--plate:#d6e9fa}.ih-layered-hero .ils-slab[data-slab="4"]{--plate:#e2e8f8}.ih-layered-hero .ils-slab[data-slab="5"]{--plate:#dfedf8}.ih-layered-hero .ils-slab[data-slab="6"]{--plate:#dbe7f6}.ih-layered-hero .ils-slab[data-slab="7"]{--plate:#deedf2}
.ih-layered-hero .ils-face{fill:var(--plate);stroke:#caddeb;transition:fill .25s,stroke .25s;stroke-width:1.2}.ih-layered-hero .ils-left{fill:#b2cce4;transition:fill .25s}.ih-layered-hero .ils-right{fill:#9dbfdb;transition:fill .25s}
.ih-layered-hero .ils-slab.is-active .ils-face{fill:#c9e4ff;stroke:#76afe0;stroke-width:1.5}.ih-layered-hero .ils-slab.is-active .ils-left{fill:#93bce2}.ih-layered-hero .ils-slab.is-active .ils-right{fill:#7eaed7}.ih-layered-hero .ils-slab.is-active .ils-object{stroke:#216596}
.ih-layered-hero .ils-layer-controls button.is-active{background:#eaf4ff;border-color:#8ab8df;box-shadow:inset 2px 0 #74a9d7;color:#244e72}
.ih-layered-hero .ils-connector{stroke:#b4cfe3;stroke-width:1.2;transition:stroke .25s}.ih-layered-hero .ils-slab.is-active .ils-connector{stroke:#5e9bc9;stroke-width:2}
.ih-layered-hero .ils-guide{stroke:#91badb;stroke-width:1;stroke-dasharray:2 12;animation:none;opacity:.35}
.ils-data-particle{fill:#6baddd;opacity:.45;animation:ils-vertical-flow 7.2s linear infinite;pointer-events:none}
@keyframes ils-vertical-flow{0%{transform:translateY(0);opacity:0}8%,90%{opacity:.5}100%{transform:translateY(475px);opacity:0}}
.ih-layered-hero .ils-flow{overflow:hidden}.ih-layered-hero .ils-flow b{left:3px;width:calc(100% - 8px);height:1px;bottom:3px;box-shadow:none;background:transparent;border-radius:0;transition:none;animation:ils-horizontal-flow 7.2s linear infinite}
.ih-layered-hero .ils-flow b:before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#659ecb;box-shadow:0 0 5px #78b5e660;top:-2px;left:0}
@keyframes ils-horizontal-flow{0%{transform:translateX(0);opacity:0}5%,92%{opacity:.8}100%{transform:translateX(100%);opacity:0}}
.ih-layered-hero .ils-flow button[aria-pressed="true"]{background:#e7f2fd;color:#2e6a9a;text-shadow:none;transition:background .25s,color .25s}
.ih-layered-hero .ils-metrics>span{border-right:1px solid #d6e3ee;padding-right:8px}.ih-layered-hero .ils-metrics>span:nth-child(4){border-right:0}.ih-layered-hero .ils-metrics b{font-size:16px}
@media(max-width:1100px) and (min-width:801px){.ih-layered-hero .ils-visual{grid-template-columns:minmax(0,54fr) minmax(0,46fr);gap:8px}.ih-layered-hero .ils-layer-controls button{gap:5px;padding:5px 7px}.ih-layered-hero .ils-layer-controls button strong{font-size:10px}.ils-card-icon{width:16px;height:16px}}
@media(max-width:600px){.ih-layered-hero .ils-visual{grid-template-columns:minmax(0,52fr) minmax(0,48fr);gap:5px;padding-bottom:66px}.ih-layered-hero .ils-art,.ih-layered-hero .ils-layer-controls{height:400px}.ih-layered-hero .ils-layer-controls button{gap:5px;padding:5px;margin:3px 0}.ih-layered-hero .ils-layer-controls button strong{font-size:10px;line-height:1.35}.ils-card-icon{width:14px;height:14px}.ih-layered-hero .ils-layer-controls button .ils-chevron{font-size:15px}.ih-layered-hero .ils-metrics b{font-size:14px}}
@media(prefers-reduced-motion:reduce){.ih-layered-hero .ils *{animation:none!important;transition:none!important}.ih-layered-hero .ils-slab.is-active{transform:none}}

/* Restore the first isometric stack's blue gradients and active faces. */
.ih-layered-hero .ils-face{fill:url(#ils-face);stroke:#d9e6f4}
.ih-layered-hero .ils-left{fill:#a6bed9}.ih-layered-hero .ils-right{fill:#8faecf}
.ih-layered-hero .ils-slab.is-active .ils-face{fill:url(#ils-selected);stroke:#6aaaf0;stroke-width:1.5}
.ih-layered-hero .ils-slab.is-active .ils-left{fill:#246fbb}.ih-layered-hero .ils-slab.is-active .ils-right{fill:#17538f}
.ih-layered-hero .ils-object{stroke:#648caf}.ih-layered-hero .ils-slab.is-active .ils-object{stroke:#e3f2ff}
.ih-layered-hero .ils-inset{stroke:#94b3d2;opacity:.3}.ih-layered-hero .ils-slab.is-active .ils-inset{stroke:#a7d5ff;opacity:.5}
.ih-layered-hero .ils-layer-controls button{background:#f5f9ff;border-color:#c6daec;color:#254963}
.ih-layered-hero .ils-layer-controls button.is-active{background:#e3f1ff;border-color:#359cf0;color:#075ca9;box-shadow:inset 3px 0 #198df1}
.ih-layered-hero .ils-card-icon{stroke:#4c7ba3}.ih-layered-hero .ils-layer-controls button.is-active .ils-card-icon{stroke:#176fcc}
.ih-layered-hero .ils-connector{stroke:#9bb6ce}.ih-layered-hero .ils-slab.is-active .ils-connector{stroke:#176fcc}.ih-layered-hero .ils-slab.is-active .ils-connector-dot{fill:#176fcc}
.ih-layered-hero .ils-tooltip{background:#f1f7fe;border-color:#bdd3e9;color:#173b5e;box-shadow:0 3px 10px #122b4508}

/* Nine aligned layers, retaining the existing row spacing and touch targets. */
.ih-layered-hero .ils-nine-layers .ils-art,
.ih-layered-hero .ils-nine-layers .ils-layer-controls{height:432px}
.ih-layered-hero .ils-nine-layers .ils-layer-controls{grid-template-rows:repeat(9,minmax(0,1fr))}
.ih-layered-hero .ils-nine-layers .ils-data-particle{animation-name:ils-nine-vertical-flow}
@keyframes ils-nine-vertical-flow{0%{transform:translateY(0);opacity:0}8%,90%{opacity:.5}100%{transform:translateY(539px);opacity:0}}
@media(max-width:600px){.ih-layered-hero .ils-nine-layers .ils-art,.ih-layered-hero .ils-nine-layers .ils-layer-controls{height:450px}}