/* Shared chrome for the gemsen.ai preview: header, preview bar, video player */
html{scroll-behavior:smooth}
.pv{font:13px/1.4 'IBM Plex Mono',ui-monospace,monospace;background:#FB923C;color:#0B1426;text-align:center;padding:7px 16px}
.pv a{color:#0B1426;font-weight:500}
.sh{border-bottom:1px solid #1C2A45;background:#0B1426;font-family:'IBM Plex Sans',system-ui,sans-serif}
.sh-light{background:#FFFFFF;border-bottom-color:#E3E7EE}
.sh-in{max-width:1200px;margin:0 auto;padding:14px clamp(16px,4vw,32px);box-sizing:border-box;display:flex;align-items:center;gap:12px}
.sh-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#FFFFFF;font-weight:600;font-size:21px;margin-right:auto}
.sh-light .sh-logo{color:#0B1426}
.sh-lg{display:block;height:clamp(28px,8.5vw,38px);width:auto}.sh-lg .lw{fill:currentColor}.sh-lg .lm{fill:#FB923C}
.sh-light .sh-lg .lm{fill:#0B1426}
.sh-links{display:none;gap:4px}
.sh-links a{color:#C9D3E3;text-decoration:none;font-size:15px;padding:12px 10px;border-radius:8px}
.sh-links a:hover,.sh-links a[aria-current]{color:#FFFFFF}
.sh-light .sh-links a{color:#3A4458}
.sh-light .sh-links a:hover,.sh-light .sh-links a[aria-current]{color:#0B1426}
.sh-menu{position:relative}
.sh-menu summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:8px;color:#C9D3E3;font-size:15px}
.sh-menu summary::-webkit-details-marker{display:none}
.sh-light .sh-menu summary{color:#3A4458}
.sh-menu div{position:absolute;right:0;top:52px;z-index:20;width:220px;background:#0F1B31;border:1px solid #22304D;border-radius:12px;padding:8px;display:flex;flex-direction:column}
.sh-light .sh-menu div{background:#FFFFFF;border-color:#E3E7EE;box-shadow:0 12px 30px rgba(11,20,38,.12)}
.sh-menu div a{color:#E8EDF5;text-decoration:none;padding:12px;font-size:15px}
.sh-light .sh-menu div a{color:#1B2333}
.sh-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:8px;background:#FB923C;color:#0B1426;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap}
.sh-light .sh-cta{background:#0B1426;color:#FFFFFF}
@media (min-width:860px){.sh-links{display:flex}.sh-menu{display:none}}
summary{list-style:none}
summary::-webkit-details-marker{display:none}
[data-video]{cursor:pointer}
.wv{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;text-decoration:none;color:#E8EDF5}
.wv-light{color:#0B1426}
/* video player */
.vd{border:0;padding:0;background:transparent;max-width:min(1100px,94vw);width:100%}
.vd::backdrop{background:rgba(5,10,20,.86)}
.vd-in{position:relative;background:#000;border-radius:12px;overflow:hidden}
.vd video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000}
.vd-x{position:absolute;top:10px;right:10px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(11,20,38,.8);color:#fff;font-size:22px;cursor:pointer}
.vd-t{font:14px 'IBM Plex Sans',system-ui,sans-serif;color:#C9D3E3;padding:10px 4px 0}
/* index */
.ix{font-family:'IBM Plex Sans',system-ui,sans-serif;background:#0B1426;color:#E8EDF5;min-height:100vh}
.sh-orange .sh-cta{background:#FB923C;color:#0B1426}
.sh-orange .sh-lg .lm{fill:#FB923C}

@media (max-width:480px){.sh-in{gap:8px}.sh-menu summary{font-size:0;padding:0 10px}.sh-cta{padding:0 12px}}