.orbit-showcase{max-width:1440px;margin:32px auto;padding:24px;color:var(--text,#fff);font-family:inherit}
.orbit-showcase h2{font-size:clamp(26px,4vw,42px);margin:0 0 12px}.orbit-showcase p{line-height:1.6}
.orbit-showcase-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:20px 0}
.orbit-showcase-tools button,.orbit-showcase-tools a{padding:10px 16px;border:1px solid #345bda;border-radius:9px;background:#132584;color:white;font:700 14px/1.4 inherit;cursor:pointer;text-decoration:none}
.orbit-showcase-tools button[aria-pressed=true]{background:#213dce;border-color:#04cbff;color:white}
.orbit-showcase-window{border:1px solid #6278aa;border-radius:14px;overflow:hidden;background:#e9edf5;box-shadow:0 20px 65px #02052540}
.orbit-showcase-chrome{display:flex;align-items:center;gap:6px;padding:12px 16px;color:#36415c;font:600 12px system-ui}.orbit-showcase-chrome i{width:10px;height:10px;border-radius:50%;background:#ff6057}.orbit-showcase-chrome i:nth-child(2){background:#ffbd2e}.orbit-showcase-chrome i:nth-child(3){background:#28c840}.orbit-showcase-chrome span{margin:auto}
.orbit-showcase-viewport{height:760px;max-height:85svh;min-height:440px;margin:auto;transition:max-width .15s;background:white}.orbit-showcase-viewport[data-device=mobile]{max-width:390px}
.orbit-showcase iframe{width:100%;height:100%;display:block;border:0;background:white}
@media(max-width:600px){.orbit-showcase{padding:12px;margin:20px auto}.orbit-showcase-viewport{height:720px;max-height:82svh;min-height:400px}.orbit-showcase-chrome{padding:10px}.orbit-showcase-tools button,.orbit-showcase-tools a{padding:9px 10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.orbit-showcase-viewport{transition:none}}