.scene.foundation-encode,.scene.foundation-database,.scene.foundation-tools{padding:24px 12px!important;display:flex;flex-direction:column;justify-content:flex-start;overflow:visible}
.foundation-twins{border:1px solid #3b3c47;border-radius:5px;overflow:hidden;background:#171715;display:grid}
.twin-head,.twin-row{display:grid;grid-template-columns:1fr 1fr}.twin-head{font:12px/1.5 var(--mono);letter-spacing:.02em;background:#171715;border-bottom:1px solid #3b3c47}.twin-head>span{padding:18px 20px}.twin-head>span+span{border-left:1px solid #3b3c47}.twin-row{border-bottom:1px solid #30313a}.twin-row:last-child{border-bottom:0}.twin-row p{padding:20px;font:16px/1.55 var(--sans);color:#c6c7ce;min-height:100px}.twin-row pre{padding:20px;margin:0;border-left:1px solid #3b3c47;background:#171715;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.65 var(--mono);color:#c4c4dc;text-transform:uppercase;min-width:0}.twin-row code{font:inherit}.twin-row.writing{background:#b8b9d50b}.twin-row.writing p,.twin-row.writing pre{color:#f0f0f3}.twin-row.writing code:after{content:'';display:inline-block;width:2px;height:1em;background:#d4d2eb;margin-left:2px;animation:caret .8s steps(1) infinite}
.playbook-table-wrap{position:relative;border:1px solid #41424b;border-radius:6px;background:#171715;overflow:hidden;width:100%}.table-toolbar{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #41424b;font:12px/1.4 var(--mono);color:#c6c6d0}.table-update{font:12px/1.4 var(--mono);display:flex;gap:8px;align-items:center;color:#c6c6d0;padding:7px 0 7px 8px}.table-update svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.5;margin-left:6px}.table-update b{font-weight:400;color:#f0f0f2}.playbook-table{width:100%;border-collapse:collapse;table-layout:fixed}.playbook-table th{font:12px/1.4 var(--mono);text-align:left;background:#171715;color:#b4b5c3;padding:17px 20px;border-bottom:1px solid #41424b}.playbook-table th:first-child{width:48%}.playbook-table th:nth-child(2){width:23%}.playbook-table td{padding:24px 20px;border-right:1px solid #34353f;border-bottom:1px solid #34353f;font:16px/1.4 var(--sans);color:#dedee3}.playbook-table td:not(:first-child){font:14px/1.4 var(--mono);text-transform:uppercase}.playbook-table td:last-child{border-right:0}.table-update-note{font:14px/1.55 var(--sans);color:#b5b5c2;padding:20px;min-height:83px;border-top:0;background:#171715}
.engine-network{position:relative;display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;min-height:550px;width:100%;padding:10px 0}.network-column{display:grid;gap:54px;position:relative;z-index:2}.tool-connection{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:70px;background:#171715;padding:7px 5px}.tool-connection svg{width:31px;height:31px;color:#c1c1d4;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.tool-connection span{font:12px/1.4 var(--mono);color:#c0c0ca;text-align:center;text-transform:uppercase}.network-wires{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#50515f;stroke-width:1.2;stroke-dasharray:1000;stroke-dashoffset:0;transition:stroke-dashoffset 1.3s ease .6s}.engine-cube{position:relative;min-width:0;width:100%;z-index:3}.cube-svg{width:100%;height:auto;overflow:visible}.cube-side{fill:url(#cube-face);stroke:#9293a6;stroke-width:1.2}.cube-roof{fill:#292a35;stroke:#b3b3c7;stroke-width:1.2}.cube-grid{fill:none;stroke:#626378;stroke-width:.7;opacity:.55}.cube-name{position:absolute;top:55%;left:34%;font:13px/1.55 var(--mono);letter-spacing:.025em;color:#e2e1ec;transform:skewY(26.565deg)}.cube-api{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);font:13px/1.4 var(--mono);white-space:nowrap;color:#d2d2e1;background:var(--paper);padding:7px 10px}.scene-2.morph-entering .network-wires{stroke-dashoffset:1000}.scene-2.morph-entering .tool-connection{opacity:0;transform:scale(.88)}.tool-connection{transition:opacity .5s,transform .8s}.scene-2.morph-entering .engine-cube{opacity:0}.engine-cube{transition:opacity .6s}
@media(max-width:1200px) and (min-width:1001px){.twin-row p{padding:16px;font-size:15px}.twin-row pre{padding:16px;font-size:12px}.playbook-table th,.playbook-table td{padding:20px 12px}.tool-connection span{font-size:12px}.engine-network{grid-template-columns:1fr 1.4fr 1fr}.cube-name{font-size:12px;left:30%}}
@media(max-width:1000px){.scene.foundation-encode,.scene.foundation-database,.scene.foundation-tools{padding:26px 0!important}.foundation-twins,.playbook-table-wrap{max-width:720px;margin:auto}.engine-network{max-width:720px;margin:auto}.twin-row p{font-size:16px}.twin-row pre{font-size:13px}.engine-network{min-height:540px}.cube-name{font-size:15px}}
@media(max-width:540px){.twin-head>span{padding:14px 12px}.twin-row p{font-size:14px;padding:16px 12px}.twin-row pre{font-size:11px;padding:16px 10px;line-height:1.65}.twin-row{min-height:115px}.table-toolbar{padding:17px 13px;gap:8px}.table-toolbar,.table-update{font-size:11px}.playbook-table th{padding:15px 10px;font-size:11px}.playbook-table th:first-child{width:46%}.playbook-table th:nth-child(2){width:22%}.playbook-table td{padding:23px 10px;font-size:14px}.playbook-table td:not(:first-child){font-size:12px}.table-update-note{padding:18px 14px;font-size:14px;min-height:100px}.engine-network{grid-template-columns:1fr 1.15fr 1fr;min-height:560px}.network-column{gap:54px}.tool-connection{padding:5px 0;gap:10px}.tool-connection svg{width:28px;height:28px}.tool-connection span{font-size:11px}.cube-name{font-size:10px;left:29%;top:55%}.cube-api{font-size:12px;bottom:-28px;padding:6px}.network-wires{stroke-width:1.4}}
@media(prefers-reduced-motion:reduce){.twin-row.writing code:after{animation:none}.scene-2 .network-wires,.tool-connection,.engine-cube{transition:none}}

/* The connected tools share the same outer glass surface as the other stages. */
.foundation-tools .engine-network{border:1px solid #c7cbe02c;border-radius:9px;isolation:isolate}
.foundation-tools .network-column{top:24px;bottom:24px}
.foundation-tools .network-left{left:22px}
.foundation-tools .network-right{right:22px}
.foundation-tools .cube-engraving{font-size:22px;letter-spacing:0}
.foundation-tools .tool-connection img{width:34px;height:34px;object-fit:contain;display:block}
@media(max-width:600px){
  .foundation-tools .network-left{left:12px}
  .foundation-tools .network-right{right:12px}
  .foundation-tools .cube-engraving{font-size:26px}
  .foundation-tools .tool-connection img{width:30px;height:30px}
  .foundation-tools .tool-connection span,.foundation-encode .twin-row pre,.foundation-database .table-toolbar,.foundation-database .table-update,.foundation-database .playbook-table th{font-size:12px}
}

/* Precision finishes for the live table and its connected tools. */
.scene.foundation-database .playbook-table { border-collapse: collapse; border-spacing: 0; }
.scene.foundation-database .playbook-table th,
.scene.foundation-database .playbook-table td { background-clip: border-box; border-color: var(--line); border-width: 0 1px 1px 0; border-style: solid; box-shadow: none; outline: 0; }
.scene.foundation-database .playbook-table th:last-child,
.scene.foundation-database .playbook-table td:last-child { border-right: 0; }
.scene.foundation-database .table-toolbar .table-update { box-sizing: border-box; display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; min-width: 28px; min-height: 28px; padding: 5px; margin: 0; gap: 0; border: 1px solid var(--line); border-radius: 50%; background: rgba(255,255,255,.5); color: #59564f; line-height: 1; cursor: pointer; }
.scene.foundation-database .table-toolbar .table-update svg { display: block; width: 16px; height: 16px; margin: 0; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.scene.foundation-database .table-toolbar .table-update:hover { border-color: #98948c; background: rgba(255,255,255,.9); color: var(--brand-burgundy); }
.scene.foundation-database .table-toolbar .table-update:focus-visible { outline: 2px solid var(--brand-burgundy); outline-offset: 3px; }
.scene.foundation-tools .engine-network .tool-connection > img { filter: url(#foundation-brand-ink); opacity: 1; }
.scene.foundation-tools .cube-svg .cube-side,
.scene.foundation-tools .cube-svg .cube-roof { stroke: none; }
.scene.foundation-tools .cube-svg .cube-side { fill: url(#cube-face); }
.scene.foundation-tools .cube-svg .cube-roof { fill: rgba(255,255,255,.78); }
.scene.foundation-tools .cube-svg .cube-grid { fill: none; stroke: #aaa59d; stroke-width: .8; opacity: .7; stroke-linecap: round; stroke-linejoin: round; }
.scene.foundation-tools .cube-svg .cube-outline,
.scene.foundation-tools .cube-svg .cube-seams { fill: none; stroke: #8e897f; stroke-width: 1.05; stroke-linecap: round; stroke-linejoin: round; }
.scene.foundation-tools .cube-svg .cube-engraving { font-family: var(--mono); font-size: 22px; letter-spacing: -.25px; stroke: none; }
.scene.foundation-tools .engine-cube { min-width: 112px; }

/* Neutral, light-scattering glass; these opaque bases occlude the routes. */
.scene.foundation-tools .engine-network .cube-svg .cube-side,
.scene.foundation-tools .engine-network .cube-svg .cube-roof { fill:#dedede;stroke:none; }
.scene.foundation-tools .engine-network .cube-svg .cube-frost { pointer-events:none; }
.scene.foundation-tools .engine-network .cube-svg .cube-grid {
  stroke:#858585;stroke-width:.7;opacity:.28;filter:url(#foundation-frost-etch);
}
.scene.foundation-tools .engine-network .cube-svg .cube-bevel-shadow {
  fill:none;stroke:#797979;stroke-width:2.7;opacity:.3;transform:translateY(.7px);filter:url(#foundation-frost-soften);
}
.scene.foundation-tools .engine-network .cube-svg .cube-seams {
  fill:none;stroke:#fff;stroke-width:1.4;opacity:.92;stroke-linecap:round;stroke-linejoin:round;
}
.scene.foundation-tools .engine-network .cube-svg .cube-outline {
  fill:none;stroke:url(#foundation-frost-edge);stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;
}
.scene.foundation-tools .engine-network .cube-svg .cube-engraving { filter:url(#foundation-frost-etch); }

/* An eight-unit refractive wall sits inside the unchanged cube silhouette. */
.scene.foundation-tools .engine-network .cube-svg .cube-thick-wall { pointer-events:none; }
.scene.foundation-tools .engine-network .cube-svg .cube-seams { stroke-width:1; }
.scene.foundation-tools .engine-network .cube-svg .cube-outline { stroke-width:1.15; }

/* Populated financial fields use the menu's measured digit-wheel rhythm. */
.scene.foundation-database .playbook-table [data-cell] { font-variant-numeric:tabular-nums;white-space:nowrap; }
.scene.foundation-database .db-roll-word { display:inline-flex;white-space:nowrap;line-height:1em;vertical-align:baseline; }
.scene.foundation-database .db-roll-cell { display:inline-block;width:1ch;height:1em;overflow:hidden;line-height:1em;text-align:center; }
.scene.foundation-database .db-roll-strip { display:flex;flex-direction:column;will-change:transform; }
.scene.foundation-database .db-roll-strip>span { display:block;flex:none;height:1em;line-height:1em; }
@media(prefers-reduced-motion:reduce){.scene.foundation-database .db-roll-strip{will-change:auto}}