/* Direction 2: one fixed screenshot viewport, no stretching and no autoplay. */
.as-heading{max-width:850px;text-align:center;margin:0 auto 2.5rem}.as-heading .eyebrow{justify-content:center}.as-heading>p:last-child{max-width:660px;margin:0 auto;color:var(--muted)}.as-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.home-contact .as-actions{justify-content:center}.as-home-link{text-align:center;margin-top:1.5rem}.as-home .as-gallery{max-width:1100px;margin:auto}.as-selector{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.as-selector button{background:transparent;border:1px solid var(--line);color:var(--muted);min-height:48px;padding:.65rem 1rem;font-weight:700;font-size:.85rem}.as-selector button[aria-pressed=true]{background:#aac8ff1a;border-color:var(--accent);color:var(--text)}.as-selector button:active,.as-arrows button:active{background:#3159b7;color:#fff}.as-window{border:1px solid #aac8ff66;border-radius:12px;overflow:hidden;background:var(--panel);box-shadow:0 24px 60px #020b1a55}.as-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;font-size:.65rem;color:var(--muted)}.as-topbar>span:first-child{letter-spacing:.2em;color:var(--accent)}.as-topbar>span:last-child{text-transform:uppercase;letter-spacing:.12em}.as-screen{position:relative;display:block;aspect-ratio:2221/1024;background:#f7f6f3;overflow:hidden}.as-screen img{display:block;width:100%;height:100%;object-fit:fill}.as-screen>span{position:absolute;bottom:.7rem;right:.7rem;padding:.3rem .6rem;font-size:.75rem;font-weight:800;background:#071426ed;color:#fff;border-radius:4px}.as-screen:focus-visible{outline-offset:-4px}.as-benefit{padding-top:1.5rem;min-height:145px;max-width:750px}.as-benefit h3{font-size:clamp(1.35rem,2vw,1.8rem)}.as-benefit p{color:var(--muted);margin:0}.as-arrows{display:flex;align-items:center;gap:1rem;margin-top:1rem}.as-arrows button{width:48px;height:48px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);font-size:1.3rem}.as-arrows p{font-size:.8rem;color:var(--muted);margin:0;flex:1;text-align:center}.as-caption{font-size:.75rem;line-height:1.6;color:var(--muted);margin:1rem 0 0}.as-detail{display:grid;grid-template-columns:260px minmax(0,1fr);gap:2rem;align-items:start}.as-detail .as-selector{display:grid;gap:.5rem;justify-content:stretch;margin:0}.as-detail .as-selector button{display:flex;text-align:left;align-items:center;gap:1rem;padding:1rem}.as-selector strong,.as-selector small{display:block}.as-selector small{font-size:.75rem;font-weight:400;margin-top:.3rem}.as-number{font-size:.7rem;color:var(--accent)}.as-stage{min-width:0}.as-explorer{padding-top:0}.as-hardware figure{margin:0}.as-hardware figure>img{width:min(100%,400px);margin:auto;border-radius:8px}.as-hardware figcaption{text-align:center}.as-hardware li{margin-bottom:.8rem;color:var(--muted)}.as-dialog{width:min(1500px,96vw);max-width:96vw;max-height:94dvh;background:var(--bg);color:var(--text);border:1px solid var(--line);padding:1rem}.as-dialog::backdrop{background:#020b1ae8}.as-dialog-head{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;margin-bottom:1rem}.as-dialog-head h2{font-size:1rem;letter-spacing:0;flex:1;margin:0;min-width:160px}.as-viewport{overflow:auto;max-height:74dvh;background:#f7f6f3;overscroll-behavior:contain}.as-viewport img{width:100%;height:auto}.as-viewport.as-native img{width:auto;max-width:none}.as-dialog:not([open]){display:none}
@media(min-width:1000px){.as-carousel .as-benefit{margin:auto;text-align:center;min-height:120px}.as-carousel .as-arrows{max-width:450px;margin:1rem auto 0}.as-carousel .as-caption{text-align:center}}
@media(max-width:1000px){.as-detail{grid-template-columns:1fr}.as-detail .as-selector{display:flex;flex-wrap:wrap;justify-content:flex-start}.as-detail .as-selector button{flex:1 1 160px;padding:.7rem}.as-detail .as-number{display:none}.as-detail .as-selector small{display:none}}
@media(max-width:600px){.as-selector{gap:.4rem;justify-content:flex-start}.as-selector button{font-size:.75rem;flex:1 1 120px;padding:.6rem}.as-topbar{font-size:.55rem;padding:.6rem;gap:.4rem}.as-topbar>span:first-child{display:none}.as-topbar>span:last-child{letter-spacing:0}.as-screen>span{bottom:.3rem;right:.3rem;font-size:.65rem}.as-benefit{min-height:180px}.as-actions{align-items:stretch;flex-direction:column}.as-dialog-head .button{padding:.4rem .6rem;font-size:.75rem}.as-dialog{padding:.6rem}.as-heading .eyebrow{font-size:.6rem;letter-spacing:.1em}.as-heading .eyebrow:after{display:none}}