:root{--showcase-chapter-height: 280vh;--showcase-nav-h: 64px;--showcase-sector-h: 48px}.remotion-showcase{background:#0a0f14;color:#f5f7fa;min-height:100vh}.remotion-showcase__nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;height:var(--showcase-nav-h);background:#0a0f14d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.remotion-showcase__logo img{display:block;height:28px;width:auto}.remotion-showcase__nav-links{display:flex;align-items:center;gap:1rem;font-size:.875rem}.remotion-showcase__nav-links a{color:#f5f7fabf;text-decoration:none}.remotion-showcase__nav-links a:hover{color:#f5f7fa}.remotion-showcase__nav-cta{padding:.5rem 1rem;border-radius:999px;background:#1194a8!important;color:#fff!important;font-weight:600}.remotion-showcase__sectors{position:fixed;top:var(--showcase-nav-h);left:0;right:0;z-index:99;display:flex;justify-content:center;gap:.25rem;padding:.5rem 1rem;background:#0a0f14b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.04);overflow-x:auto}.remotion-showcase__sector{flex-shrink:0;padding:.35rem .85rem;border:none;border-radius:999px;background:transparent;color:#f5f7fa8c;font-size:.8125rem;font-family:inherit;cursor:pointer;transition:color .2s,background .2s}.remotion-showcase__sector.is-active,.remotion-showcase__sector:hover{color:#f5f7fa;background:#1194a833}.remotion-showcase__stage-wrap{position:relative}.remotion-showcase__pin{position:relative;display:grid;grid-template-columns:1fr min(36ch,34vw);gap:clamp(1rem,3vw,2.5rem);min-height:calc(100vh - var(--showcase-nav-h) - var(--showcase-sector-h));padding:calc(var(--showcase-nav-h) + var(--showcase-sector-h) + 1rem) 1.25rem 1.5rem;align-items:center}@media(max-width:900px){.remotion-showcase__pin{grid-template-columns:1fr;grid-template-rows:1fr auto}}.remotion-showcase__player-wrap{position:relative;width:100%;aspect-ratio:16 / 10;max-height:min(72vh,680px);border-radius:16px;overflow:hidden;background:#0c1218;box-shadow:0 24px 80px #00000073,0 0 0 1px #ffffff0f}.remotion-showcase__player{position:absolute;top:0;right:0;bottom:0;left:0}.remotion-showcase__fallback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.remotion-showcase__fallback-gradient{width:100%;height:100%;background:radial-gradient(circle at 40% 40%,#1194a859,#0a0f14 70%)}.remotion-showcase__copy{position:relative;min-height:12rem}.remotion-showcase__chapter-text{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}.remotion-showcase__chapter-text.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.remotion-showcase__label{display:block;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#1194a8;margin-bottom:.75rem}.remotion-showcase__caption{font-size:clamp(1.125rem,1rem + .5vw,1.35rem);line-height:1.45;margin:0 0 1rem;color:#f5f7fa}.remotion-showcase__outcome{font-size:.9375rem;line-height:1.55;margin:0;color:#f5f7fa9e}.remotion-showcase__scroll-spacer{position:relative;pointer-events:none}.remotion-showcase__chapter-trigger{height:var(--showcase-chapter-height)}.remotion-showcase__footer{padding:3rem 1.25rem 4rem;text-align:center;border-top:1px solid rgba(255,255,255,.06);color:#f5f7fa8c;font-size:.875rem}.remotion-showcase__footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;margin-top:1rem}.remotion-showcase__footer-links a{color:#1194a8;text-decoration:none}.remotion-showcase__footer-links a:hover{text-decoration:underline}.skip-link{position:absolute;left:-9999px;top:0;z-index:200;padding:.75rem 1rem;background:#1194a8;color:#fff}.skip-link:focus{left:1rem;top:1rem}@media(prefers-reduced-motion:reduce){.remotion-showcase__chapter-text{transition:none}}