.hero-product video, .product-shot video { display:block; width:100%; height:auto; border:1px solid var(--line); border-radius:16px; background:var(--surface); }
.motion-toggle { margin-top:12px; padding:7px 12px; border:1px solid var(--line); border-radius:8px; background:transparent; color:inherit; font:inherit; font-size:.8rem; cursor:pointer; }
.motion-toggle:hover { background:rgba(255,255,255,.07); }
.motion-toggle:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
.motion-toggle[hidden] { display:none; }
.terminal { background:#141416; }
.terminal .install-command { position:relative; padding:20px; border-bottom:1px solid var(--line); font-size:clamp(.66rem,1vw,.78rem); }
.install-command code { display:block; }
[data-install-command] { transition:opacity .12s; }
.install-paste [data-install-command] { background:rgba(126,223,171,.15); }
[data-install-enter] { position:absolute; right:18px; bottom:12px; opacity:0; padding:2px 8px; border:1px solid #85d6a7; border-radius:4px; color:#b6edcc; background:#233c2d; font:inherit; }
.install-log { padding:18px 20px 20px; font-family:var(--mono); font-size:.75rem; font-variant-numeric:tabular-nums; }
.install-status { display:flex; gap:9px; color:#e3e3e5; min-height:22px; margin-bottom:15px; }
[data-install-spinner] { width:12px; color:#92dcb0; }
.install-layer { margin-bottom:13px; color:#a7a7af; }
.install-layer > div:first-child { display:flex; justify-content:space-between; gap:12px; margin-bottom:5px; }
[data-layer-value] { min-width:64px; text-align:right; }
.install-track { height:5px; overflow:hidden; border-radius:3px; background:#303034; }
.install-track i { display:block; height:100%; background:#93dab1; transform-origin:left; }
.install-layer.is-complete [data-layer-value] { color:#93dab1; }
.install-check { margin-top:7px; color:#c6c6cd; }
.install-check > span { color:#93dab1; margin-right:8px; }
.install-success { display:flex; align-items:center; gap:12px; padding:14px 0 0; margin-top:14px; border-top:1px solid #35483b; transition:opacity .22s,transform .22s; }
.install-success-icon { display:grid; place-items:center; width:29px; height:29px; border-radius:50%; background:#284433; color:#aff0c9; font-size:17px; }
.install-success strong { display:block; font-family:var(--sans); font-size:1.1rem; color:#b8edcd; margin-bottom:4px; }
.install-success div > span { color:#a4b7aa; font-size:.73rem; overflow-wrap:anywhere; }
.install-live-dot { width:6px; height:6px; border-radius:50%; background:#9becba; margin-left:auto; box-shadow:0 0 10px #78b78c77; }
.install-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(prefers-reduced-motion:reduce) { [data-install-command],.install-success { transition:none; } }
@media(max-width:640px) { .hero-product video,.product-shot video { border-radius:10px; } .install-log { font-size:.7rem; padding:16px; } .terminal .install-command { padding:16px; } }