/* Centered homepage hero. Previous layout is preserved in the pre-refresh backup. */
.hero.hero-centered{display:block;min-height:0;padding:clamp(56px,6.2vw,98px) 24px 54px;text-align:center}
.hero.hero-centered .copy{width:100%;max-width:1120px;margin:0 auto;padding:0;text-align:center}
.hero.hero-centered h1{white-space:nowrap;font-size:clamp(2rem,7.3vw,6.5rem);line-height:1.13;margin:18px 0 22px;letter-spacing:-.045em}
.hero.hero-centered .hero-tagline{margin:0 auto 25px;font-size:clamp(1.45rem,3vw,2.65rem);line-height:1.25;max-width:100%;text-shadow:none}
.hero.hero-centered .hero-description{max-width:900px;margin:0 auto;font-size:clamp(1.05rem,1.65vw,1.4rem);line-height:1.55;text-wrap:balance}
.hero.hero-centered .actions{width:min(750px,100%);margin:34px auto 0;gap:20px;justify-content:center}
.hero.hero-centered .hero-primary,.hero.hero-centered .hero-examples{flex:1 1 0;min-height:68px;font-size:1.1rem;padding:18px 24px}
.cake-showcase{padding:0 0 clamp(42px,5vw,74px);overflow:hidden}
.cake-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px clamp(20px,3vw,48px) 16px;scroll-padding-inline:clamp(20px,3vw,48px);overscroll-behavior-x:contain}
.cake-track::-webkit-scrollbar{display:none}
.cake-track:focus-visible{outline:2px solid #203653;outline-offset:-3px;border-radius:6px}
.cake-slide{flex:0 0 clamp(280px,29vw,420px);aspect-ratio:5/4;margin:0;overflow:hidden;border-radius:20px;background:#f4efeb;scroll-snap-align:start}
.cake-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}
.cake-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin:7px 0 0}
.cake-controls[hidden]{display:none}
.cake-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ddd5ce;border-radius:50%;background:#fff;color:#203653;cursor:pointer;font:400 1.7rem/1 'DM Sans',sans-serif;transition:background .2s}
.cake-controls button[data-cake-toggle]{font-size:.9rem}
.cake-controls button:hover{background:#f4efeb}
.cake-controls button:focus-visible{outline:3px solid #203653;outline-offset:3px}
@media(min-width:2300px){.cake-track{justify-content:center}}
@media(max-width:560px){.hero.hero-centered{padding:48px 16px 34px}.hero.hero-centered h1{font-size:8.1vw;margin:17px 0 19px}.hero.hero-centered .hero-tagline{font-size:clamp(1.1rem,5.4vw,1.7rem);margin-bottom:22px}.hero.hero-centered .actions{gap:12px;margin-top:28px}.hero.hero-centered .hero-primary,.hero.hero-centered .hero-examples{flex:1 1 0;width:auto;min-height:62px;padding:12px 10px;font-size:.9rem;white-space:normal}.cake-track{gap:14px;padding-inline:18px;scroll-padding-inline:18px}.cake-slide{flex-basis:82vw;border-radius:16px;aspect-ratio:5/4}.cake-showcase{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.cake-track{scroll-behavior:auto}.cake-controls button{transition:none}}

/* Constant-speed, seamless image belt; explicit pause remains available. */
.hero.hero-centered{padding-bottom:90px}
.cake-belt{display:flex;gap:22px;flex:none;width:max-content}
.cake-belt .cake-slide{width:clamp(280px,29vw,420px);flex:0 0 auto}
.cake-track.cake-track-loop{overflow:hidden;scroll-snap-type:none;justify-content:flex-start}
.cake-track-loop .cake-belt{will-change:transform}
.cake-controls button[hidden]{display:none}
@media(max-width:560px){.hero.hero-centered{padding-bottom:62px}.cake-belt{gap:14px}.cake-belt .cake-slide{width:82vw}}
@media(prefers-reduced-motion:reduce){.cake-belt{transform:none!important;will-change:auto}}
.hero.hero-centered .actions{position:relative}
.roi-hint{position:absolute;top:calc(100% + 12px);left:calc(50% + 10px);width:calc(50% - 10px);display:flex;justify-content:center;align-items:center;gap:9px;color:#203653;pointer-events:none;font:400 1rem/1.35 'Trebuchet MS',Verdana,sans-serif;text-align:left}
.roi-hint svg{flex:none;width:44px;height:50px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:560px){.hero.hero-centered{padding-bottom:86px}.roi-hint{left:calc(50% + 6px);width:calc(50% - 6px);gap:4px;font-size:.875rem;top:calc(100% + 10px)}.roi-hint svg{width:29px;height:40px}}
/* Place the annotation by the right button edge, with a larger label. */
.roi-hint{left:auto;right:0;width:260px;justify-content:flex-start;flex-direction:row-reverse;font-size:1.2rem;gap:12px}
@media(min-width:1360px){.roi-hint{left:calc(100% + 18px);right:auto;top:12px;width:250px;flex-direction:row;align-items:flex-end}.roi-hint svg{transform:rotate(-80deg);width:50px;height:58px}.roi-hint>span{transform:translateY(24px)}}
@media(max-width:560px){.roi-hint{left:auto;right:0;top:calc(100% + 14px);width:min(230px,70vw);font-size:1rem;gap:8px}.roi-hint svg{width:32px;height:43px}}
#beispiele .cake-you{position:relative;display:inline-block;z-index:0}
#beispiele .cake-you::after{content:'';position:absolute;left:-.04em;right:-.05em;bottom:-.11em;height:.11em;min-height:5px;border-radius:50%;background:#ed6a54;transform:rotate(-1.5deg);z-index:-1}