/* Presentation crops only: each PNG is byte-for-byte the supplied screenshot. */
.screenshot-window{background:#102036;border-color:#3b526d;border-radius:12px 12px 0 0}.screenshot-window .window-bar{border-bottom:1px solid #314660;padding:17px 25px}.screenshot-showcase{display:grid;grid-template-columns:1.04fr 1fr 1fr;align-items:start;gap:26px;padding:32px 29px 18px;background:#132940}.capture-card{margin:0;min-width:0}.capture-card>a{display:block;border-radius:9px;overflow:hidden;border:1px solid #9bb4ce;box-shadow:0 13px 32px #0003;transition:transform .2s,border-color .2s}.capture-card>a:hover{transform:translateY(-4px);border-color:#d3eaff}.screenshot-crop{position:relative;display:block;overflow:hidden;background:#f2f6fc;width:100%;isolation:isolate}.screenshot-crop img{position:absolute;display:block;max-width:none;height:auto;margin:0}.capture-card figcaption{padding:17px 2px 6px;color:#dfe9f6}.capture-card figcaption strong{display:block;font-size:15px;font-weight:500;line-height:1.45}.capture-card figcaption>span{display:block;font-size:13px;color:#a8bbd3;margin-top:6px;line-height:1.5}.screenshot-window .preview-label{background:#102036;padding:17px 22px;color:#bccde0}.mobile-shot-hint{display:none}.app-shot-link{display:inline-flex;align-items:center;gap:20px;margin-top:22px;font-size:14px;color:#285e9c}.app-shot-link:hover{color:#143e70}
.screen-gallery-intro{padding-top:152px;padding-bottom:53px}.screen-gallery-intro h1{font-size:clamp(45px,6.2vw,78px);line-height:1.08;letter-spacing:-.05em;margin:23px 0}.screen-gallery-intro>p{font-size:20px;line-height:1.7;color:#c0cede;max-width:650px;margin:0}.screen-gallery-intro .gallery-note{font-size:14px;line-height:1.75;margin-top:19px;max-width:650px;color:#96aac2}.screen-jump-links{display:flex;gap:13px;flex-wrap:wrap;margin-top:29px}.screen-jump-links a{font-size:14px;padding:9px 13px;border:1px solid #3d526c;border-radius:5px;color:#c1d4eb}.screen-jump-links a:hover{border-color:#7bb5eb;background:#14263c}.screen-gallery-item{display:grid;grid-template-columns:1fr 1.2fr;gap:110px;border-top:1px solid #304258;padding:62px 0 70px;align-items:start;scroll-margin-top:100px}.screen-gallery-copy{padding-top:25px}.screen-gallery-copy h2{font-size:40px;line-height:1.15;letter-spacing:-.04em;margin:25px 0 21px}.screen-gallery-copy>p{font-size:17px;line-height:1.8;color:#a8bbd1;margin:0 0 25px;max-width:400px}.screen-gallery-copy>a{display:inline-flex;align-items:center;gap:18px;font-size:14px;color:#bdd9f5}.gallery-capture{margin:0;width:min(100%,460px);justify-self:center}.gallery-capture>a{display:block;border:1px solid #7994b1;border-radius:10px;overflow:hidden;box-shadow:0 17px 58px #0003}.gallery-capture figcaption{color:#91a7c1;font-size:12px;line-height:1.6;text-align:center;margin-top:16px}.gallery-return{padding-bottom:70px;padding-top:5px}
@media(max-width:1100px){.screenshot-showcase{gap:19px;padding:26px 22px 15px}.capture-card figcaption strong{font-size:14px}.capture-card figcaption>span{font-size:12px}.screen-gallery-item{gap:65px}.gallery-capture{width:min(100%,410px)}}
@media(max-width:760px){.screenshot-showcase{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:20px;padding:25px 20px 18px;align-items:flex-start;scrollbar-width:thin;scrollbar-color:#809bb8 #132940}.capture-card{flex:0 0 74%;max-width:325px;scroll-snap-align:start}.capture-card figcaption strong{font-size:15px}.capture-card figcaption>span{font-size:13px}.mobile-shot-hint{display:block;margin:0;padding:9px 20px 15px;font-size:12px;color:#b5c7dc;background:#132940}.screenshot-window .window-bar{padding:15px 17px}.screenshot-window .preview-label{padding:14px 17px;font-size:12px}.screen-gallery-intro{padding-top:122px;padding-bottom:37px}.screen-gallery-intro>p{font-size:18px}.screen-gallery-item{grid-template-columns:1fr;gap:31px;padding:35px 0 48px}.screen-gallery-copy{padding-top:0}.screen-gallery-copy h2{font-size:35px;margin:18px 0}.screen-gallery-copy>p{max-width:none;font-size:16px}.gallery-capture{width:min(100%,430px)}.screen-jump-links{gap:9px}.screen-jump-links a{font-size:13px}.gallery-return{padding-bottom:50px}}
@media(max-width:420px){.capture-card{flex-basis:86%;max-width:none}.screenshot-showcase{gap:14px;padding-left:14px;padding-right:14px;scroll-padding:14px}.screenshot-window .window-bar>a{font-size:12px}.screen-gallery-copy h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.capture-card>a{transition:none}.capture-card>a:hover{transform:none}}