/* ZEHNPRO landing Cover Flow - 2026-08-22
   Uses the existing global UI/font/theme variables; no hard-coded locale behavior. */
body.zp-landing-page .zp-cover-flow-section{
    margin:0 0 18px;
    padding:12px 20px 22px;
    border-top:1px solid var(--zp-line,var(--zp-card-border,#e2e8f0));
    border-bottom:1px solid var(--zp-line,var(--zp-card-border,#e2e8f0));
    background:linear-gradient(180deg,color-mix(in srgb,var(--zp-card-bg,#fff) 96%,var(--zp-sky,#0ea5e9) 4%),var(--zp-card-bg,#fff));
    overflow:hidden;
    font-family:var(--zp-ui-font-family,var(--zp-font-family,inherit));
}
.zp-cover-flow-heading{max-width:860px;margin:0 auto 10px;text-align:center}.zp-cover-flow-heading>span{display:block;color:var(--zp-sky,var(--zp-global-primary,#0ea5e9));font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.zp-cover-flow-heading h2{margin:3px 0 4px;color:var(--zp-ink,var(--zp-card-text,#0f172a));font-size:clamp(25px,2.6vw,34px);line-height:1.04;letter-spacing:-.035em;font-weight:var(--zp-heading-font-weight,700)}.zp-cover-flow-heading p{margin:0 auto;max-width:780px;color:var(--zp-soft-ink,var(--zp-muted-text,#64748b));font-size:13px;line-height:1.35;font-weight:var(--zp-body-font-weight,400)}
.zp-cover-flow{--zp-cover-flow-card-width:660px;--zp-cover-flow-card-height:430px;--zp-cover-flow-image-height:245px;--zp-cover-flow-image-fit:contain;--zp-cover-flow-nav-top:205px;position:relative;max-width:1500px;margin:0 auto;padding:0 72px 26px;min-height:calc(var(--zp-cover-flow-card-height) + 70px)}.zp-cover-flow-stage{position:relative;height:calc(var(--zp-cover-flow-card-height) + 40px);perspective:1500px;transform-style:preserve-3d}.zp-cover-flow-card{--cf-x:0px;--cf-scale:1;--cf-rotate:0deg;--cf-opacity:1;position:absolute;left:50%;top:12px;width:min(var(--zp-cover-flow-card-width),72vw);height:var(--zp-cover-flow-card-height);display:grid;grid-template-rows:var(--zp-cover-flow-image-height) 1fr;overflow:hidden;border:1px solid var(--zp-line,var(--zp-card-border,#dbeafe));border-radius:18px;background:var(--zp-card-bg,#fff);box-shadow:0 18px 44px rgba(15,23,42,.10);text-decoration:none;color:var(--zp-ink,var(--zp-card-text,#0f172a));transform:translateX(calc(-50% + var(--cf-x))) scale(var(--cf-scale)) rotateY(var(--cf-rotate));opacity:var(--cf-opacity);transition:transform .48s cubic-bezier(.22,.8,.22,1),opacity .38s ease,box-shadow .38s ease,filter .38s ease;transform-origin:center center;will-change:transform;pointer-events:none;filter:saturate(.82)}.zp-cover-flow-card.is-active{pointer-events:auto;box-shadow:0 30px 82px rgba(15,23,42,.20);filter:none}.zp-cover-flow-card.is-near{pointer-events:auto}.zp-cover-flow-image-wrap{overflow:hidden;background:#fff}.zp-cover-flow-image-wrap img{width:100%;height:100%;display:block;object-fit:var(--zp-cover-flow-image-fit,contain);transition:none}.zp-cover-flow-card.is-active .zp-cover-flow-image-wrap img{transform:none}.zp-cover-flow-card-copy{padding:17px 22px 18px;min-width:0}.zp-cover-flow-card-copy span{display:block;color:var(--zp-sky,var(--zp-global-primary,#0ea5e9));font-size:12px;line-height:1.2;font-weight:850;letter-spacing:.065em;text-transform:uppercase}.zp-cover-flow-card-copy h3{margin:7px 0 7px;font-size:25px;line-height:1.16;font-weight:var(--zp-heading-font-weight,700);letter-spacing:-.018em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.zp-cover-flow-card-copy p{margin:0;color:var(--zp-soft-ink,var(--zp-muted-text,#64748b));font-size:18px;line-height:1.32;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zp-cover-flow-card-copy b{display:block;margin-top:10px;color:var(--zp-sky,var(--zp-global-primary,#0ea5e9));font-size:14px;font-weight:750}.zp-cover-flow-nav{position:absolute;z-index:20;top:var(--zp-cover-flow-nav-top);width:52px;height:52px;border-radius:50%;border:1px solid var(--zp-line,var(--zp-card-border,#dbeafe));background:var(--zp-card-bg,#fff);color:var(--zp-sky,var(--zp-global-primary,#0ea5e9));box-shadow:0 10px 28px rgba(15,23,42,.10);display:grid;place-items:center;font-size:35px;line-height:1;cursor:pointer}.zp-cover-flow-nav:focus-visible,.zp-cover-flow-card:focus-visible,.zp-cover-flow-dot:focus-visible{outline:3px solid color-mix(in srgb,var(--zp-sky,#0ea5e9) 40%,transparent);outline-offset:3px}.zp-cover-flow-nav.is-prev{left:4px}.zp-cover-flow-nav.is-next{right:4px}.zp-cover-flow-dots{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:8px}.zp-cover-flow-dot{width:9px;height:9px;border:0;border-radius:999px;background:color-mix(in srgb,var(--zp-soft-ink,#64748b) 28%,transparent);padding:0;cursor:pointer;transition:width .25s ease,background .25s ease}.zp-cover-flow-dot.is-active{width:30px;background:var(--zp-sky,var(--zp-global-primary,#0ea5e9))}
.zp-cover-flow[data-style="flat"] .zp-cover-flow-stage{perspective:none}.zp-cover-flow[data-style="flat"] .zp-cover-flow-card{--cf-rotate:0deg!important;box-shadow:0 12px 32px rgba(15,23,42,.09)}
@media(max-width:900px){body.zp-landing-page .zp-cover-flow-section{padding-top:10px}.zp-cover-flow{padding-inline:48px;min-height:410px}.zp-cover-flow-stage{height:378px}.zp-cover-flow-card{width:min(520px,78vw);height:350px;grid-template-rows:198px 1fr}.zp-cover-flow-card-copy h3{font-size:21px}.zp-cover-flow-card-copy p{font-size:15px}.zp-cover-flow-nav{top:158px;width:44px;height:44px}.zp-cover-flow-heading{margin-bottom:8px}}
@media(max-width:560px){body.zp-landing-page .zp-cover-flow-section{padding:10px 8px 18px;margin-top:0}.zp-cover-flow{padding:0 34px 24px;min-height:356px}.zp-cover-flow-stage{height:326px}.zp-cover-flow-card{width:min(356px,82vw);height:302px;grid-template-rows:170px 1fr;border-radius:14px}.zp-cover-flow-card-copy{padding:12px 14px}.zp-cover-flow-card-copy h3{font-size:17px}.zp-cover-flow-card-copy p{display:none}.zp-cover-flow-nav{top:132px;width:38px;height:38px}.zp-cover-flow-nav.is-prev{left:-1px}.zp-cover-flow-nav.is-next{right:-1px}.zp-cover-flow-heading p{font-size:12px;line-height:1.3;padding:0 8px}}
@media(prefers-reduced-motion:reduce){.zp-cover-flow-card,.zp-cover-flow-image-wrap img,.zp-cover-flow-dot{transition:none!important}}