/* The launch puts the actual app beside a compact introduction. */
.vm-launch.vm-showcase{padding:32px 28px 18px;background:var(--vm-bg)}
.vm-launch::before{border-radius:inherit;background:linear-gradient(90deg,var(--vm-bg),transparent 72%)}
.vm-launch .vm-cosmos{position:absolute;inset:0;width:100%;height:min(100%,900px);z-index:-1;pointer-events:none}
.vm-launch-grid{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.3fr);align-items:center;gap:30px;max-width:1440px;margin:auto}
.vm-launch .vm-intro{max-width:none;margin:0;text-align:left}
.vm-launch .vm-brand{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.vm-launch .vm-app-logo{width:96px;height:96px;border-radius:24px;margin:0;border:1px solid #a8bdd135;box-shadow:0 8px 36px #669ddd20}
.vm-brand>div>strong{font-size:38px;font-weight:600;letter-spacing:-.055em;display:block;line-height:1.2}
.vm-brand>div>span{display:block;font-size:12px;letter-spacing:.04em;color:var(--vm-muted);margin-top:5px}
.vm-launch .vm-eyebrow{margin:0 0 6px;font-size:10px;letter-spacing:.18em}
.vm-launch.vm-showcase h2.vm-title{font-size:clamp(30px,2.7vw,43px)!important;line-height:1.14;letter-spacing:-.045em;margin:0 0 16px}
.vm-launch .vm-description{font-size:16px;line-height:1.65;margin:0 0 22px;max-width:440px}
.vm-launch .vm-actions{justify-content:flex-start;gap:9px}
.vm-launch .vm-button{font-size:13px;min-height:43px;padding:11px 16px}
.vm-launch .vm-experience{font-size:13px;min-height:43px;padding:11px 16px}
.vm-launch .vm-author{margin:22px 0 0;max-width:440px}
.vm-launch .vm-author strong{font-size:17px;line-height:1.5;font-weight:500}
.vm-launch .vm-author span{font-size:12px;margin-top:3px}
.vm-launch-preview{min-width:0;transform:translateY(var(--vm-scroll-y,0px))}
.vm-launch .vm-stage{margin:0;max-width:none}
.vm-launch .vm-window{border-radius:13px;animation:none;box-shadow:0 20px 50px #0004}
.vm-launch .vm-window-bar{font-size:9px;padding:10px 12px;letter-spacing:0}
.vm-preview-controls{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:10px}
.vm-launch .vm-theme-picker button{font-size:11px;padding:6px 11px}

.vm-launch .vm-gallery-tabs{max-width:1280px;margin:28px auto 0;gap:4px}
.vm-launch .vm-gallery-tabs button{font-size:12px;padding:9px 12px;border:1px solid transparent}
.vm-launch .vm-gallery-tabs button[aria-pressed=true]{border-color:var(--vm-line)}
.vm-launch .vm-caption{font-size:13px;padding-bottom:0;margin:13px auto 24px;max-width:1000px}
.vm-launch .vm-teaching-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1280px;gap:24px;margin:0 auto;border-top:1px solid var(--vm-line);padding-top:22px}
.vm-launch .vm-teaching-grid article{padding:0;background:transparent;border:0;border-radius:0}
.vm-launch .vm-teaching-grid h3{font-size:19px;margin:8px 0;letter-spacing:-.02em}
.vm-launch .vm-teaching-grid p{font-size:13px;line-height:1.7}
.vm-launch .vm-micro{text-align:center;font-size:11px;margin:22px 0 0}
@media(max-width:1000px){.vm-launch-grid{grid-template-columns:minmax(240px,.85fr) minmax(0,1fr);gap:22px}.vm-launch .vm-app-logo{width:84px;height:84px}.vm-brand>div>strong{font-size:32px}.vm-launch .vm-description{font-size:14px}.vm-launch .vm-author strong{font-size:15px}.vm-launch .vm-teaching-grid{gap:18px}}
@media(max-width:760px){.vm-launch.vm-showcase{padding:24px 18px 18px}.vm-launch-grid{grid-template-columns:1fr;gap:22px}.vm-launch .vm-brand{margin-bottom:18px}.vm-launch .vm-app-logo{width:80px;height:80px;border-radius:20px}.vm-launch.vm-showcase h2.vm-title{font-size:32px!important}.vm-launch .vm-description{font-size:14px;line-height:1.6;margin-bottom:16px}.vm-launch .vm-author{margin-top:16px}.vm-launch .vm-teaching-grid{grid-template-columns:1fr;gap:20px}.vm-launch .vm-gallery-tabs{margin-top:18px;gap:3px}.vm-launch .vm-gallery-tabs button{font-size:11px;padding:8px}.vm-launch .vm-window-bar{font-size:8px;padding:8px}.vm-launch .vm-window-bar i{width:5px;height:5px}.vm-launch .vm-button{max-width:100%}.vm-preview-controls{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.vm-launch-preview{transform:none!important}}
.vm-launch .vm-brand{position:relative;isolation:isolate}
.vm-launch .vm-app-logo{position:relative;z-index:1;flex-shrink:0;display:block}
.vm-launch .vm-teaching-grid h3{color:var(--vm-text)}


/* One ambient star field, without an interactive frame or controls. */
.vm-home-showcase{overflow:visible}
.vm-home-showcase .vm-launch.vm-showcase,.vm-launch.vm-showcase{overflow:visible;border-radius:inherit;padding-top:92px}
.vm-launch .vm-cosmos{top:-64px;left:0;width:100%;height:calc(100% + 88px);z-index:0;pointer-events:none;mask-image:linear-gradient(transparent,#000 6%,#000 94%,transparent)}
.vm-launch-grid,.vm-launch>.vm-gallery-tabs,.vm-launch>.vm-caption,.vm-launch>.vm-teaching-grid,.vm-launch>.vm-micro{position:relative;z-index:1}
.vm-launch .vm-intro{text-shadow:0 1px 20px var(--vm-bg)}
.vm-launch .vm-brand{margin-bottom:24px}
.vm-launch .vm-brand>div{background:transparent}
@media(max-width:760px){.vm-home-showcase .vm-launch.vm-showcase,.vm-launch.vm-showcase{padding-top:112px}.vm-launch .vm-brand{margin-bottom:20px}}
