.pyramid-explorer{--ink:#f0eee9;--muted:#b6b5ad;--line:#3c3d38;--accent:#ed5c52;--action:#c9312d;--bg:#090a09;color:var(--ink);font:16px/1.55 "Space Grotesk",Arial,sans-serif;}
.pyramid-explorer *{box-sizing:border-box}.pyramid-explorer{max-width:1520px;margin:auto;padding:70px clamp(20px,5vw,80px);background:radial-gradient(ellipse at 20% 25%,#20211d,transparent 50%);scroll-margin-top:100px}.pyramid-explorer h2,.pyramid-explorer h3{font-family:Oswald,'Arial Narrow',sans-serif;text-transform:uppercase;font-weight:400;letter-spacing:-.025em;line-height:1.08;margin:0}.pyramid-explorer p{margin:0}.pyramid-explorer button,.pyramid-explorer a{font:inherit}.pyramid-explorer button{color:inherit;cursor:pointer}.pyramid-explorer :focus-visible{outline:3px solid #ffa58f;outline-offset:4px}.pyramid-explorer .eyebrow{text-transform:uppercase;font:10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.12em;color:var(--muted)}.pyramid-explorer .accent-dot{display:inline-block;background:var(--accent);width:5px;height:5px;border-radius:50%;margin-right:10px;vertical-align:middle}.explorer-heading{padding-bottom:32px;border-bottom:1px solid var(--line)}.explorer-heading h2{max-width:950px;font-size:clamp(44px,5.6vw,76px);margin:18px 0}.explorer-heading>p:last-child{max-width:650px;color:var(--muted);font-size:15px}#loa-unified{position:relative;min-height:0;overflow:visible;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:32px clamp(28px,5vw,80px);align-items:start;padding:28px 0 0}.explorer-visual,.explorer-detail{min-width:0}.visual-toolbar{display:none;align-items:center;justify-content:space-between;gap:15px;min-height:44px;font:11px/1.5 'IBM Plex Mono',monospace;color:var(--muted)}.visual-toolbar button{display:flex;justify-content:space-between;gap:24px;align-items:center;min-width:108px;min-height:44px;padding:8px 14px;border:1px solid var(--line);background:#141512;font:500 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.08em}.visual-toolbar button span{color:var(--accent);font-size:18px}.pyramid-stage{position:relative;inset:auto;margin:0;flex:none;width:100%;height:430px;isolation:isolate}.pyramid-stage canvas{display:none;width:100%;height:100%;touch-action:pan-y}.pyramid-fallback{display:block;width:100%;height:100%;max-height:360px;padding:24px;fill:#70716a;stroke:#d2d0c6;stroke-width:1}.pyramid-fallback path:nth-child(2){fill:#4b4d47}.pyramid-fallback path:nth-child(3){fill:#8d8c84}.pyramid-fallback path:nth-child(4){fill:#62645c}.framework-markers{position:absolute;inset:0;pointer-events:none}.framework-markers [data-layer-marker]{position:absolute;transform:translate(-50%,-50%);padding:5px 8px;border:1px solid #66685e;background:#0d0e0ce8;font:10px/1.2 'IBM Plex Mono',monospace;visibility:hidden;opacity:0;white-space:nowrap;color:#f0eee9}.framework-markers [data-active=true]{background:#62241f;border-color:#ed5c52}[data-pyramid-open=true] .framework-markers [data-layer-marker]{visibility:visible;opacity:1}.visual-hint{display:none;font:11px/1.5 'IBM Plex Mono',monospace;color:var(--muted);text-align:center;min-height:30px}.layer-tabs{display:none;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line);margin-top:8px}.layer-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;min-height:64px;padding:12px 9px;text-align:left;font-size:13px;line-height:1.25}.layer-tabs button+button{border-left:1px solid var(--line)}.layer-tabs small{display:block;margin-bottom:5px;color:var(--muted);font:10px/1.2 'IBM Plex Mono',monospace}.layer-tabs button[aria-selected=true]{border-bottom-color:var(--accent);background:#251915}.layer-tabs button[aria-selected=true] small{color:var(--accent)}.selected-stage-label{padding-top:12px;font:11px/1.5 'IBM Plex Mono',monospace;color:var(--ink);text-align:center}.selected-stage-label:before{content:'';display:inline-block;width:7px;height:7px;border:1px solid var(--accent);background:#8d4a42;margin-right:9px}.explorer-next{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0 20px;border-bottom:1px solid var(--line)}.explorer-next p{font-size:13px;color:#d1d0c8;max-width:265px;line-height:1.6}.pyramid-explorer .join{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-width:112px;min-height:48px;padding:10px 17px;background:var(--action);color:#fff;text-decoration:none;font:500 12px/1.5 'IBM Plex Mono',monospace!important;letter-spacing:.06em;flex-shrink:0;border:1px solid #dd5e50}.join span{font-size:18px}.explorer-overview{display:none;padding:30px 0}.explorer-overview h3{font-size:clamp(32px,3.5vw,46px);margin:18px 0}.explorer-overview>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.7;max-width:430px}.explorer-overview .overview-note{margin-top:24px;padding-left:16px;border-left:2px solid var(--accent);color:var(--ink)}.explorer-overview .pme-key{margin-top:22px;font-size:12px;color:#d1d0c8}.layer-panel{border-bottom:1px solid var(--line)}.fallback-layer{padding:20px 0;cursor:pointer;font-family:Oswald,sans-serif;font-size:24px;text-transform:uppercase;min-height:48px}.layer-body{padding:24px 0 6px}.layer-body h3{font-size:clamp(34px,3.3vw,46px);margin:10px 0 14px}.layer-purpose{font-size:14px;line-height:1.65;color:var(--muted);max-width:450px}.stage-direction{font:11px/1.6 'IBM Plex Mono',monospace;color:#dbcec0;margin-top:15px!important}.stage-stack{margin:17px 0}.stage-stack details{border-top:1px solid var(--line)}.stage-stack details:last-child{border-bottom:1px solid var(--line)}.stage-stack summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:13px 0;min-height:50px;font-size:13px;list-style:none}.stage-stack summary::-webkit-details-marker{display:none}.stage-stack summary:after{content:'+';margin-left:auto;color:var(--accent);font-size:18px}.stage-stack details[open] summary:after{content:'−'}.stage-stack .stage-index{font:10px/1.5 'IBM Plex Mono',monospace;color:var(--muted)}.stage-stack details[open] summary .stage-index{color:var(--accent)}.stage-stack details>p{padding:0 0 16px 28px;font-size:13px;line-height:1.7;color:#cecdc5}.pyramid-explorer .stage-stack details>.stage-connection{font-size:11px;color:#cdbdae;border-left:1px solid #765644;margin:0 0 16px 13px;padding:0 0 0 14px}.diagnostic{padding:2px 0 2px 15px;border-left:2px solid var(--accent);margin-top:18px}.diagnostic>span{display:block;font:10px/1.5 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);margin-bottom:7px}.diagnostic p{font-size:13px;line-height:1.65;color:var(--ink)}.funnel-note{font-size:12px;line-height:1.65;color:#d2cec4;margin:16px 0!important}.system-connections{grid-column:1/-1;padding-top:36px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.5fr);gap:40px}.connection-heading h3{font-size:34px;margin:13px 0 16px}.connection-heading>p:last-child{font-size:13px;color:var(--muted);max-width:310px}.route-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.route{padding:15px 16px;background:#11130f;border:1px solid #363830;min-width:0}.route:last-child{grid-column:1/-1}.route-label{font:10px/1.5 'IBM Plex Mono',monospace;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.route>p:not(.route-copy){display:flex;align-items:center;gap:9px;font-size:13px;margin:6px 0}.route strong{font-weight:500}.route-arrow{color:var(--accent)}.route .route-copy{font-size:12px;line-height:1.55;color:var(--muted)}.worked-example{grid-column:1/-1;border:1px solid #44453e;background:#141510;margin-top:4px}.worked-example>summary{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:72px;font-size:18px;cursor:pointer;list-style:none}.worked-example>summary::-webkit-details-marker{display:none}.worked-example small{display:block;font:10px/1.5 'IBM Plex Mono',monospace;color:var(--accent);margin-bottom:5px}.example-sign{font-size:24px;color:var(--accent)}.worked-example[open] .example-sign{transform:rotate(45deg)}.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 36px;padding:8px 24px 24px}.example-grid>div:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px}.example-grid h4{font-size:14px;font-weight:500;margin:0 0 10px;color:#f0eee9}.example-grid p{font-size:13px;line-height:1.7;color:#c8c7be}.example-note{font-size:11px;color:var(--muted);padding:0 24px 24px}.pyramid-explorer [hidden]{display:none!important}[data-explorer-ready] .layer-panel>.fallback-layer{display:none}[data-explorer-ready] .layer-panel{border:0}[data-explorer-ready] .visual-toolbar{display:flex}[data-explorer-ready] .layer-tabs{display:grid}[data-explorer-ready] .visual-hint{display:block}[data-explorer-ready] .explorer-overview{display:block}[data-canvas-ready] .pyramid-stage canvas{display:block}[data-canvas-ready] .pyramid-fallback{display:none}#loa-unified:not([data-canvas-ready]) .framework-markers{display:none}
@media(max-width:850px){.pyramid-explorer{padding:44px 24px}#loa-unified{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px 0 0}.pyramid-stage{height:330px}[data-pyramid-open=true] .pyramid-stage{height:280px}.explorer-heading{padding-bottom:24px}.explorer-heading h2{font-size:50px;max-width:620px}.layer-body{padding-top:20px}.layer-body h3{font-size:36px}.layer-tabs button{min-height:58px}.explorer-overview{padding:24px 0 4px}.explorer-overview h3{font-size:36px}.explorer-next{padding:15px 0}.explorer-next p{max-width:380px}.system-connections{grid-template-columns:1fr;gap:22px;padding-top:24px}.connection-heading h3{font-size:30px}.connection-heading>p:last-child{max-width:520px}.selected-stage-label{padding-top:9px}.explorer-detail{border-top:1px solid var(--line)}}
@media(max-width:420px){.pyramid-explorer{padding:34px 20px}.explorer-heading h2{font-size:42px}.explorer-heading>p:last-child{font-size:13px}.visual-toolbar{font-size:10px}.pyramid-stage{height:300px}[data-pyramid-open=true] .pyramid-stage{height:245px}.framework-markers [data-layer-marker]{font-size:8px;padding:4px 6px}.visual-hint{font-size:10px;min-height:30px}.layer-tabs button{font-size:12px;padding:10px 7px;min-height:57px}.layer-tabs small{font-size:9px}.explorer-next{gap:14px}.explorer-next p{font-size:12px}.pyramid-explorer .join{min-width:100px;gap:18px}.layer-purpose{font-size:13px}.stage-stack summary{font-size:12px}.route-map{grid-template-columns:1fr}.route:last-child{grid-column:auto}.route{padding:13px 15px}.worked-example>summary{padding:18px;font-size:16px}.example-grid{grid-template-columns:1fr;gap:23px;padding:4px 18px 20px}.example-grid>div:last-child{grid-column:auto}.example-note{padding:0 18px 20px}}
@media(prefers-reduced-motion:reduce){.pyramid-explorer *{transition:none!important;scroll-behavior:auto!important}}