/* Two staggered rows of real platform screenshots. */
.homepage .h-showcase{background:#EDF5F5;padding:76px 0 80px;overflow:hidden;color:var(--ink2)}
.h-showcase-heading{display:flex;gap:28px;align-items:flex-end;justify-content:space-between;padding:0 24px 36px;max-width:1248px;box-sizing:border-box}
.h-showcase-kicker{font:700 12px/1.5 Inter,Arial,sans-serif;letter-spacing:.13em;color:#326455;margin:0 0 12px}
.h-showcase-heading .h-h2{margin-bottom:14px}
.h-showcase-heading .h-lead{max-width:660px}
.h-showcase-pause{display:inline-flex;align-items:center;gap:9px;flex:none;min-height:44px;padding:11px 17px;border:1px solid #B8CDCC;border-radius:999px;background:transparent;font:600 14px/20px Inter,Arial,sans-serif;color:#254B53;cursor:pointer;white-space:nowrap}
.h-showcase-pause:hover{background:#FFF8}
.h-showcase-rows{display:grid;gap:20px}
.h-showcase-row{overflow:hidden}
.h-showcase-track{width:max-content;display:flex;transform:translateX(0)}
.h-showcase-group{display:flex;gap:20px;padding-right:20px}
.h-peek-card{width:420px;flex:none;display:flex;flex-direction:column;gap:0;margin:0;padding:14px 14px 0;overflow:hidden;border:1px solid #DCE7E4;border-radius:20px;background:#F9F4E9;color:#0B2540;text-align:left;cursor:zoom-in;box-sizing:border-box;font-family:Inter,Arial,sans-serif}
.h-peek-card.cream{background:#F8F1E4}.h-peek-card.blue{background:#DDEDF4}.h-peek-card.sage{background:#E3EDE0}.h-peek-card.rose{background:#F1E6E2}
.h-peek-image{display:flex;align-items:center;justify-content:center;height:250px;width:100%;background:#FFF;border-radius:11px;overflow:hidden}
.h-peek-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#FFF}
.h-peek-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 5px 18px;min-height:72px;box-sizing:border-box}
.h-peek-caption strong{display:block;font-family:Jakarta,Arial,sans-serif;font-size:17px;line-height:1.3;font-weight:800;margin-bottom:5px;letter-spacing:-.02em}
.h-peek-caption>span>span{display:block;color:#4E6267;font-size:12px;line-height:1.45}
.h-peek-expand{display:flex;align-items:center;justify-content:center;border:1px solid #809A9A77;border-radius:50%;font-size:20px;width:32px;height:32px;flex:none}
.h-peek-card:hover .h-peek-expand{background:#FFF9}
.h-showcase :is(button):focus-visible{outline:3px solid #075080;outline-offset:-5px}
/* Keyboard users browse the screenshots in normal document order. */
.h-showcase:has(.h-peek-card:focus-visible) .h-showcase-track{animation:none;transform:none}
.h-showcase:has(.h-peek-card:focus-visible) .h-showcase-group[aria-hidden="true"]{display:none}
.h-showcase:has(.h-peek-card:focus-visible) .h-showcase-row{overflow-x:auto;scroll-padding:24px}
@media(prefers-reduced-motion:no-preference){
 .h-showcase-track{animation:franiaprep-preview-left 62s linear infinite}
 .h-showcase-track.row-1{animation-duration:70s;animation-delay:-19s}
 .h-showcase:has(.h-showcase-rows:hover) .h-showcase-track,.h-showcase:has(.h-showcase-rows:focus-within) .h-showcase-track,.h-showcase.is-paused .h-showcase-track,.h-showcase.is-preview-open .h-showcase-track{animation-play-state:paused}
}
@keyframes franiaprep-preview-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* With less motion, show a normal, horizontally scrollable screenshot gallery. */
@media(prefers-reduced-motion:reduce){.h-showcase-track{animation:none;transform:none}.h-showcase-group[aria-hidden="true"]{display:none}.h-showcase-pause{display:none}.h-showcase-row{overflow-x:auto;scroll-snap-type:x proximity;padding:0 24px 12px}.h-peek-card{scroll-snap-align:start}}
#showcase-lightbox{width:min(1120px,calc(100vw - 40px));max-width:1120px;max-height:92vh;padding:24px;border:1px solid #DCE5EC;border-radius:22px;color:#0B2540;box-sizing:border-box;overflow:auto;background:#FAFCFA}
#showcase-lightbox::backdrop{background:#0B2540B8}
.h-peek-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px}
.h-peek-dialog-heading p{font:700 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.12em;color:#526775;margin:0 0 5px}
.h-peek-dialog-heading h2{font:800 clamp(22px,3vw,30px)/1.2 Jakarta,Arial,sans-serif;letter-spacing:-.025em;margin:0}
.h-peek-dialog-heading form{margin:0}
.h-peek-dialog-heading button{width:44px;height:44px;background:#FFF;border:1px solid #CBD9D7;border-radius:50%;font-size:28px;color:#0B2540;cursor:pointer;line-height:1}
#showcase-lightbox>img{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain;background:#FFF;border:1px solid #E0E7E6;border-radius:10px;box-sizing:border-box}
.h-peek-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;flex-wrap:wrap}
.h-peek-dialog-foot p{font:400 15px/1.5 Inter,Arial,sans-serif;margin:0;color:#4E6267}
.h-peek-dialog-foot .h-btn{font-size:15px;padding:12px 20px}
@media(max-width:760px){.homepage .h-showcase{padding:56px 0}.h-showcase-heading{align-items:flex-start;flex-direction:column;gap:20px;padding-bottom:26px}.h-showcase-heading .h-lead{font-size:16px}.h-showcase-rows{gap:14px}.h-showcase-group{gap:14px;padding-right:14px}.h-peek-card{width:min(82vw,360px);padding:10px 10px 0;border-radius:16px}.h-peek-image{height:210px;border-radius:8px}.h-peek-caption{padding:14px 3px;min-height:78px;gap:10px}.h-peek-caption strong{font-size:15px}.h-peek-caption>span>span{font-size:12px}.h-peek-expand{width:28px;height:28px}.h-showcase-track{animation-duration:52s}.h-showcase-track.row-1{animation-duration:60s}#showcase-lightbox{padding:18px;border-radius:16px}.h-peek-dialog-foot .h-btn{width:100%;text-align:center;box-sizing:border-box}}
@media print{.h-showcase-track{animation:none;transform:none}.h-showcase-group[aria-hidden="true"],.h-showcase-pause{display:none}.h-showcase-row{overflow:visible}.h-showcase-group{flex-wrap:wrap}.h-peek-card{break-inside:avoid}}