.showcase-grid{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--line);background:var(--surface)}.showcase-grid.reverse{grid-template-columns:.95fr 1.05fr}.showcase-copy{padding:clamp(1.6rem,3vw,2.7rem)}.showcase-copy h3{margin:0 0 1rem;font-size:clamp(2rem,4vw,3.6rem);font-weight:500;line-height:1.08;letter-spacing:-.045em}.gui-frame{margin:0;padding:1.2rem;background:#111117;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.gui-frame figcaption{margin-top:.7rem;color:var(--muted);font-size:.8rem}.gui-placeholder{min-height:28rem;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid #464653;background:radial-gradient(circle at 20% 15%,rgba(81,119,181,.2),transparent 30%),linear-gradient(160deg,#121a27,#0a0d13);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.gui-placeholder span{color:var(--accent);font-size:clamp(2.1rem,5vw,4.2rem);font-weight:700;letter-spacing:.15em}.gui-placeholder strong{font-size:1rem;margin-top:.4rem}.gui-placeholder small{max-width:30rem;margin-top:1rem;color:var(--muted)}.arcana-visual{padding:clamp(1.7rem,3vw,2.8rem);border-left:1px solid var(--line);display:grid;align-content:center;gap:1rem;background:linear-gradient(150deg,#171722,#101017)}.arcana-visual>div{display:grid;grid-template-columns:3.6rem 1fr;align-items:center;gap:1rem;padding:1.2rem;border:1px solid #43434e;background:#121218}.arcana-visual span{display:grid;place-items:center;width:3rem;height:3rem;border:1px solid var(--accent);color:var(--accent);font-size:1.4rem;font-weight:700}.arcana-visual b{font-size:1rem;font-weight:600}.arcana-visual p{margin:.4rem 0 0;color:var(--muted);text-align:center}.showcase-grid.reverse .showcase-copy{order:2}.showcase-grid.reverse .arcana-visual{order:1;border-left:0;border-right:1px solid var(--line)}@media(max-width:700px){.showcase-grid,.showcase-grid.reverse{grid-template-columns:1fr}.gui-frame,.arcana-visual,.showcase-grid.reverse .arcana-visual{border-left:0;border-right:0;border-top:1px solid var(--line)}.showcase-grid.reverse .showcase-copy{order:1}.showcase-grid.reverse .arcana-visual{order:2}.gui-placeholder{min-height:20rem}}

.gui-image{display:block;width:100%;height:auto;max-height:46rem;object-fit:contain;background:#090b10;border:1px solid #464653}