.brasa-system-viewport{position:relative;aspect-ratio:8/5;overflow:hidden;background:#f4eef6;touch-action:pan-y;outline-offset:-3px}
.brasa-system-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;pointer-events:none}
.brasa-system-slide.is-active{opacity:1;visibility:visible}
.brasa-dashboard-visual .brasa-system-slide img{display:block;position:static;width:100%;height:100%;object-fit:contain;transform:none;filter:none}
.brasa-system-caption{padding:24px 0 0;text-align:center;color:var(--brasa-ink)}
.brasa-system-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.brasa-system-tabs button{display:flex;align-items:center;gap:9px;border:1px solid #e5dce9;background:#fff9;border-radius:999px;padding:12px 18px;font-family:inherit;font-weight:500;font-size:13px;line-height:1.2;color:#6c5a73;cursor:pointer;min-height:44px;transition:background .2s,color .2s,border-color .2s}
.brasa-system-tabs button span{font-size:10px;opacity:.65}
.brasa-system-tabs button[aria-pressed="true"]{background:var(--brasa-ink);border-color:var(--brasa-ink);color:#fff}
.brasa-system-tabs button:hover{border-color:var(--brasa-pink)}
.brasa-system-tabs button:focus-visible,.brasa-system-viewport:focus-visible{outline:2px solid var(--brasa-pink);outline-offset:3px}
.brasa-system-copy{min-height:70px;margin:20px auto 8px;max-width:650px}
.brasa-system-copy strong{font-size:clamp(18px,2vw,26px);font-weight:500;letter-spacing:-.03em}
.brasa-system-copy p{font-size:14px;line-height:1.5;color:#796782;margin:7px 0 0}
.brasa-system-caption>small{font-size:11px;color:#8b7d93}
@media(max-width:800px){.brasa-system-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.brasa-system-tabs button{justify-content:center;padding:11px 9px;font-size:11px}.brasa-system-caption{padding-top:18px}.brasa-system-copy{min-height:100px;margin-top:18px}.brasa-system-copy p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.brasa-system-slide,.brasa-system-tabs button{transition:none}}

@media(min-width:901px){[data-system-showcase]{max-width:clamp(600px,calc((100svh - 400px)*1.6),1180px)}}