/* Genuine product captures; desktop window chrome is hidden, app content stays intact. */
.home-showcase{position:relative;width:min(1440px,calc(100vw - 48px));left:50%;transform:translateX(-50%);margin:62px 0 0;text-align:left;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 28px 75px -35px rgba(12,45,49,.35);overflow:hidden}
.showcase-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 24px;background:linear-gradient(105deg,#f2fbf8,#f3f8fd);border-bottom:1px solid #e3eeed}
.showcase-kicker{color:#087c73;font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase}
.showcase-controls{display:none;align-items:center;gap:7px;flex-shrink:0}
.is-ready .showcase-controls{display:flex}
.showcase-count{font-size:12px;font-variant-numeric:tabular-nums;color:var(--sub);margin-right:7px;min-width:38px}
.home-showcase button{font:inherit;cursor:pointer;touch-action:manipulation}
.showcase-control{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:40px;min-height:40px;border:1px solid #d8e5e3;border-radius:50%;background:#fff;color:#195e58;transition:background .18s,border-color .18s}
.showcase-control:hover{background:#e3f4f0;border-color:#92cfc3}
.showcase-control svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.showcase-play{border-radius:100px;padding:0 13px;font-size:12px!important;min-width:86px}
.showcase-play [data-play-icon]{display:none}
.showcase-play.is-paused [data-play-icon]{display:block}
.showcase-play.is-paused [data-pause-icon]{display:none}
.showcase-stage{position:relative;aspect-ratio:16/9;max-height:720px;background:#080e13;overflow:hidden;touch-action:pan-y}
.showcase-stage img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .5s ease;pointer-events:none}
.showcase-stage img.is-current{opacity:1}
/* These native captures are 1600x1064: the top 64px are macOS window chrome.
   Clip only that bar in presentation; preserve the original screenshot pixels. */
.showcase-stage img[src$="physics-lab.webp"],.showcase-stage img[src$="plan-dvh.webp"],.showcase-stage img[src$="simulator-matching.webp"]{inset:auto;left:50%;top:50%;width:auto;height:auto;max-width:100%;max-height:100%;transform:translate(-50%,-50%);clip-path:inset(6.016% 0 0 0)}
.showcase-progress{height:3px;background:#e5f1ee}
.showcase-progress span{display:block;width:12.5%;height:100%;background:linear-gradient(90deg,#0d9488,#0891b2,#2563eb);transition:width .4s ease}
.showcase-caption{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:25px 28px 18px;min-height:126px}
.showcase-caption h2{font-size:clamp(23px,2.4vw,32px);line-height:1.12;letter-spacing:-.025em;margin:0 0 8px}
.showcase-caption p{font-size:16px;line-height:1.5;color:var(--sub);max-width:760px;margin:0}
.showcase-link{display:inline-flex;align-items:center;gap:9px;color:#087c73;font-size:14px;font-weight:600;padding:10px 0;white-space:nowrap}
.showcase-link:hover{text-decoration:underline;text-underline-offset:4px}
.showcase-picker{display:none;flex-wrap:wrap;gap:8px;padding:0 28px 20px}
.is-ready .showcase-picker{display:flex}
.showcase-choice{min-height:38px;border:1px solid #e1e8e7;border-radius:100px;padding:7px 13px;background:#fff;color:#5b686a;font-size:12px!important;line-height:1.3}
.showcase-choice:hover{border-color:#9ad2ca;color:#087c73}
.showcase-choice[aria-pressed="true"]{border-color:#0d9488;background:#e7f6f2;color:#07675f;font-weight:650}
.showcase-footnote{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:13px 28px;border-top:1px solid #edf0ef;color:#667776;font-size:11px;line-height:1.6;background:#fbfdfc}
.showcase-footnote a{text-decoration:underline;text-underline-offset:3px}
.home-showcase button:focus-visible,.home-showcase a:focus-visible{outline:3px solid #0891b2;outline-offset:3px}
.showcase-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:760px){.home-showcase{width:calc(100vw - 28px);margin-top:42px;border-radius:18px}.showcase-top{padding:12px 14px;gap:10px}.showcase-kicker{font-size:10px;letter-spacing:.035em;max-width:145px}.showcase-control{min-width:44px;min-height:44px}.showcase-play{min-width:44px;padding:0 11px}.showcase-play-text{display:none}.showcase-count{margin-right:2px}.showcase-controls{gap:5px}.showcase-stage{aspect-ratio:4/3}.showcase-caption{grid-template-columns:1fr;gap:8px;padding:21px 18px 15px;min-height:190px}.showcase-caption p{font-size:14px}.showcase-link{font-size:13px;padding:4px 0;white-space:normal}.showcase-picker{padding:0 18px 17px;gap:7px}.showcase-choice{font-size:11px!important;padding:7px 10px;min-height:44px}.showcase-footnote{padding:12px 18px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.showcase-stage img,.showcase-progress span,.showcase-control{transition:none}}