.feature-stage{min-width:0;overflow:hidden}.feature-art[hidden],.stage-caption[hidden]{display:none!important}
.screen-tour{min-width:0;width:100%;text-align:left}.tour-heading{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;align-items:center;padding:0 2px 22px}.tour-heading strong{font-size:15px}.tour-heading>span{font-size:12px;color:#677680}
.tour-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#82929c55 transparent;padding:8px 4px 20px;position:relative;overscroll-behavior-x:contain;scroll-padding-left:4px}.tour-track:focus-visible{outline:2px solid #738794;outline-offset:4px;border-radius:12px}
.tour-slide{flex:0 0 78%;min-width:0;margin:0;scroll-snap-align:start}.tour-track:after{content:'';flex:0 0 22%}.tour-image{display:block;width:100%;padding:0;background:none;border:0;cursor:zoom-in;container-type:inline-size}.tour-image img{display:block;width:100%;height:auto;box-sizing:border-box;border:1.8cqw solid #171a1c;border-radius:14% / 6.6%;box-shadow:0 14px 28px #2637471f,0 0 0 1px #a3adb4}
.tour-slide figcaption{padding:22px 2px 0}.tour-sequence{font-size:11px;letter-spacing:.1em;color:#6f7d86}.tour-slide h4{font-size:19px;margin:8px 0}.tour-slide p{font-size:13px;line-height:1.85;color:#5c6a74;margin:0}.tour-controls{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.tour-counter{font-size:12px;color:#677680;margin:0}.tour-controls>div{display:flex;gap:10px}.tour-controls button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #ffffffc4;background:#ffffff91;color:#26353e;font-size:20px;padding:0;cursor:pointer;box-shadow:0 5px 13px #33485813}.tour-controls button:disabled{opacity:.3;cursor:default}
.device-showcase.has-screen-tour{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:48px;align-items:center}.tablet-tour .tour-slide{flex-basis:88%}.tablet-tour .tour-track:after{flex-basis:12%}.tablet-tour .tour-image img{border-width:1.7cqw;border-radius:4.4% / 5.8%}.hero-visual .tablet.landscape{width:44%;top:270px}.hero-visual .tablet.landscape,.hero-visual .tablet.landscape img{border-radius:5.8% / 7.7%}.tour-enlarged{max-height:70vh}
.dark .tour-slide p,.dark .tour-heading>span,.dark .tour-counter{color:#adbcc7}.dark .tour-controls button{background:#273440bd;color:#edf3f7;border-color:#77889566}
@media(min-width:901px){.phone-tour{max-width:350px;margin:auto}.phone-tour .tour-slide{flex-basis:70%}.phone-tour .tour-track:after{flex-basis:30%}.feature-copy{justify-content:center}.feature-copy .text-link{margin-top:12px}}
@media(max-width:900px){.device-showcase.has-screen-tour{grid-template-columns:1fr;gap:32px}.hero-visual .tablet.landscape{top:240px}.tour-track{gap:18px}.tour-slide{flex-basis:83%}.tour-track:after{flex-basis:17%}.tablet-tour .tour-slide{flex-basis:88%}.feature-stage{padding:22px!important}.tour-heading{padding-bottom:18px}}
@media(max-width:600px){.hero-visual .tablet.landscape{top:155px}.tour-slide h4{font-size:17px}.tour-heading>span{display:block}.tour-image img{box-shadow:0 8px 18px #2637471c}.tour-controls button{width:44px;height:44px}}
/* One complete screenshot per page; adjacent slides stay outside the viewport. */
.screen-tour .tour-track{padding-inline:0;scroll-padding-left:0}
.screen-tour .tour-slide{flex-basis:100%}
.screen-tour .tour-track:after{display:none}
.phone-tour .tour-image{max-width:250px;margin-inline:auto}
@media(max-width:900px){.phone-tour .tour-image{max-width:280px}}