.plate-stage{--background:#0d1226;--surface:#151b36;--surface-2:#1e2647;--foreground:#f1ede4;--foreground-2:#cfd2db;--muted:#9aa3b5;--border:#26304f;--border-strong:#3a4a6e;--accent:#8aa6ff;--accent-strong:#b3c4ff;--warm:#ff8a5b;--pop:#ff5a6a;--block-tangerine:#ff8a5b;--on-tangerine:#0d1226;--label-track:.14em;--lift-rest:0 0 0 1px #0000000f, 0 18px 44px -30px #0a0e1e8c;--lift-hover:0 0 0 1px #00000014, 0 26px 60px -28px #0a0e1ea6;--radius-card:4px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--foreground);background:var(--background)}.world-marketing-studio .plate-stage{--background:#120c2b;--surface:#1d1640;--surface-2:#271e52;--border:#2e2558;--border-strong:#4a3f80;--muted:#a49cc4;--accent:#b9a2ff;--accent-strong:#d3c5ff;--on-tangerine:#120c2b}.world-techcheck .plate-stage{--background:#0b1d21;--surface:#12292f;--surface-2:#19353c;--border:#20403f;--border-strong:#2f5a56;--muted:#94b2ad;--accent:#5fd8a0;--accent-strong:#9be9c3;--on-tangerine:#0b1d21}.world-design-system .plate-stage{--background:#1a1219;--surface:#261b25;--surface-2:#33242f;--border:#3a2935;--border-strong:#59404f;--muted:#b39fa9;--accent:#ff9a6b;--accent-strong:#ffc0a0;--on-tangerine:#1a1219}.plate-stage{position:absolute;inset:0;overflow:hidden;container-type:size}.plate-stage.plate-marketing-studio{--background:#120c2b;--pi-card:#f6f3ff;--pi-ink:#1d1640;--pi-soft:#d9d2f2;--pi-main:#6d4ae0;--accent:#b9a2ff}.pi{place-items:center;padding:6cqh 6cqw;display:grid;position:absolute;inset:0}.pi-fan{perspective:900px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:4.5cqw;width:100%;max-width:150cqh;margin:0;padding:0;list-style:none;display:grid}.pi-card{background:var(--pi-card);color:var(--pi-ink);transition:transform .4s var(--ease-precise), box-shadow .2s var(--ease-precise);border-radius:4px;align-content:start;gap:2.4cqmin;padding:3cqmin;display:grid;position:relative;box-shadow:0 18px 40px -24px #000000b3}.pi-card:first-child{transform:rotateY(14deg)rotate(-2deg)translateY(2cqh)}.pi-card:last-child{transform:rotateY(-14deg)rotate(2deg)translateY(2cqh)}.pi-card:nth-child(2):not(:last-child){transform:translateY(-1.5cqh)}.pi-fan[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8cqw;max-width:110cqh}.pi-fan[data-n="2"] .pi-card:not(:last-child):after{width:8cqw}.pi-screen{aspect-ratio:16/10;background:var(--pi-soft);box-shadow:inset 0 -1.6cqmin 0 var(--pi-main);border-radius:2px}.pi-card:not(:last-child):after{content:"";border-top:1.5px dashed var(--accent);width:4.5cqw;position:absolute;top:50%;left:100%}.pi-label{font-size:clamp(.75rem,3.6cqmin,1.25rem);font-weight:600;line-height:1.2}.pi-tiles{grid-template-columns:repeat(3,1fr);gap:1.2cqmin;display:grid}.pi-tile{aspect-ratio:3/4;background:var(--pi-soft);border-radius:2px}.pi-tile[data-on]{background:var(--pi-main);box-shadow:0 0 0 2px var(--pi-card), 0 0 0 3.5px var(--pi-main)}.pi-person{align-items:center;gap:2cqmin;display:flex}.pi-face{aspect-ratio:1;background:var(--pi-main);border-radius:50%;flex:none;width:7cqmin}.pi-lines{flex:1;gap:1.2cqmin;display:grid}.pi-lines>span{background:var(--pi-ink);opacity:.7;border-radius:999px;height:1.2cqmin}.pi-lines>span:nth-child(2){opacity:.35;width:75%}.pi-lines>span:nth-child(3){opacity:.35;width:55%}.pi-piece{box-shadow:0 0 0 1px var(--pi-soft);background:#fff;border-radius:2px;gap:1.6cqmin;padding:1.6cqmin;display:grid}.pi-band{background:var(--pi-main);border-radius:2px;height:4cqmin}.pi-done{background:var(--pi-done,var(--pi-main));color:#fff;border-radius:2px;justify-self:start;padding:.4cqmin 1.6cqmin;font-size:clamp(.75rem,3cqmin,1rem);font-weight:600}.pi-card[data-lit]{box-shadow:0 0 0 2px var(--accent), 0 18px 40px -24px #000000b3}@container (max-width:30rem){.pi-card:nth-child(n){transform:none}.pi-fan{align-items:stretch}}.plate-stage.plate-this-site{--pi-card:#fff;--pi-ink:#141a26;--pi-soft:#dce1ea;--pi-main:#2443c4;--background:#f4f5f7;--surface:#fff;--surface-2:#dce1ea;--foreground:#141a26;--muted:#5b6475;--border:#d3d8e2;--accent:#2443c4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.plate-stage.plate-design-system{--pi-card:#fff6f1;--pi-ink:#2a1410;--pi-soft:#f3d9cc;--pi-main:#d4562a;--pi-done:#c44d22}.plate-techcheck .pi-card,.plate-recognition .pi-card,.plate-this-site .pi-card{box-shadow:0 0 0 1px var(--border), 0 18px 40px -28px #00000040}.plate-stage.plate-techcheck{--pi-card:#fff;--pi-ink:#0f2a26;--pi-soft:#d9e8e1;--pi-main:#1f9d68;--pi-done:#15855a;--background:#eef5f1;--surface:#fff;--surface-2:#d9e8e1;--foreground:#0f2a26;--foreground-2:#2f4a45;--muted:#56706a;--border:#d0e0d9;--border-strong:#a3c0b6;--accent:#1f9d68;--accent-strong:#157a50;--warm:#b8461d;--on-tangerine:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.plate-stage.plate-recognition{--pi-card:#fff;--pi-ink:#2a2213;--pi-soft:#efe6d2;--pi-main:#8a6508;--background:#fffdf8;--surface:#f7f1e3;--surface-2:#efe6d2;--foreground:#2a2213;--foreground-2:#4a3f2a;--muted:#74674c;--border:#e6dcc5;--border-strong:#cbbb93;--accent:#8a6508;--accent-strong:#6e5006;--on-tangerine:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.plate-hints{position:absolute;inset:0}.plate-hints [data-hint]{transition:opacity .16s var(--ease-precise)}.plate-hints[data-hinting] [data-hint]:not([data-lit]){opacity:.4}.plate-hint{border-top:1px solid var(--border-strong);background:var(--surface);color:var(--foreground);opacity:0;pointer-events:none;transition:opacity .16s var(--ease-precise), transform .16s var(--ease-precise);margin:0;padding:2.4cqh 4cqw;font-size:clamp(.75rem,3.8cqmin,1.25rem);line-height:1.3;position:absolute;inset:auto 0 0}.plate-hint[data-on]{opacity:1}.plate-hint:not([data-on]){transform:translateY(.5rem)}.plate-frame{border-radius:4px;transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1);box-shadow:0 0 0 1px #0000000f,0 18px 44px -30px #0a0e1e73}:is(.group:hover,.group:active) .plate-frame{transform:translateY(-2px);box-shadow:0 0 0 1px #00000014,0 26px 60px -28px #0a0e1e99}.case-band .plate-frame{box-shadow:none;background:0 0}.case-band .plate-stage.plate-stage,.case-band .iv-stage{--background:inherit;--surface:inherit;--surface-2:inherit;--foreground:inherit;--foreground-2:inherit;--muted:inherit;--border:inherit;--border-strong:inherit;color-scheme:normal;background:0 0}.case-band .iv-card{box-shadow:0 18px 40px -24px #00000059}