/* Cinematic scroll experience – Startseite */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.c-hero{height:100svh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center}
.c-hero .glow{position:absolute;inset:0;background:radial-gradient(55% 45% at 50% 60%,rgba(224,33,63,.26),transparent 70%),radial-gradient(35% 35% at 20% 20%,rgba(212,162,76,.12),transparent 60%)}
.c-hero .inner{position:relative;z-index:2;padding:0 24px;max-width:1100px;transform:translateY(-9vh)}
.c-hero h1.kicker{font-family:Montserrat,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin:0 0 18px;line-height:1.4}
.c-hero .headline{font-family:"Playfair Display",Georgia,serif;font-weight:800;color:#fff;font-size:clamp(3rem,9vw,7.6rem);line-height:.98;margin:0 0 .25em;letter-spacing:-.01em}
.c-hero .headline .w{display:inline-block;overflow:hidden;vertical-align:bottom}
.c-hero .headline .w span{display:inline-block;transform:translateY(110%)}
.c-hero .headline .accent{color:var(--gold);font-style:italic}
.c-hero .lead{margin:0 auto;opacity:0}
.c-hero .cta{display:flex;gap:14px;justify-content:center;margin-top:30px;opacity:0}
.c-hero .kicker{opacity:0}
.c-hero .machine-hero{position:absolute;left:50%;bottom:-24vh;transform:translateX(-50%) scale(.6);width:min(58vw,640px);z-index:1;opacity:0;filter:drop-shadow(0 50px 80px rgba(0,0,0,.7))}
.c-hero .scroll-hint{z-index:3}

/* pinned product showcase */
.c-stage{height:400vh;position:relative}
.c-stage .pin{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center}
.c-stage .pin .bg{position:absolute;inset:0;background:radial-gradient(50% 50% at 50% 50%,rgba(212,162,76,.14),transparent 70%)}
.c-stage .machine{width:min(78vw,880px);position:relative;z-index:1;filter:drop-shadow(0 60px 90px rgba(0,0,0,.75));will-change:transform}
.c-stage .callout{position:absolute;z-index:2;max-width:360px;opacity:0;will-change:transform,opacity;background:rgba(6,8,13,.55);backdrop-filter:blur(8px);padding:22px 24px;border-radius:18px;border:1px solid rgba(255,255,255,.08)}
.c-stage .callout b{display:block;font-family:"Playfair Display",serif;font-size:clamp(2.2rem,5vw,4rem);color:#fff;line-height:1;margin-bottom:10px;text-shadow:0 2px 20px rgba(0,0,0,.9)}
.c-stage .callout b em{color:var(--gold);font-style:normal}
.c-stage .callout p{color:#fff;margin:0;font-size:1.1rem;font-weight:500;text-shadow:0 2px 14px rgba(0,0,0,.9)}
.c-stage .callout .line{width:60px;height:2px;background:var(--gold);margin-bottom:16px}
.co1{left:6vw;top:18vh}.co2{right:6vw;top:22vh;text-align:right}.co2 .line{margin-left:auto}.co3{left:6vw;bottom:16vh}.co4{right:6vw;bottom:18vh;text-align:right}.co4 .line{margin-left:auto}
.c-stage .pulse{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--gold);z-index:3;opacity:0;box-shadow:0 0 0 0 rgba(212,162,76,.6);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(212,162,76,.6)}100%{box-shadow:0 0 0 22px rgba(212,162,76,0)}}

/* word-by-word statement */
.c-words{min-height:100svh;display:flex;align-items:center;padding:20vh 0}
.c-words h2{font-size:clamp(2.2rem,6.2vw,5.4rem);line-height:1.08;max-width:1100px;margin:0 auto;text-align:center}
.c-words h2 .wd{display:inline-block;opacity:.12;transition:none;margin-right:.26em}
.c-words h2 .wd.gold{color:var(--gold);font-style:italic}

/* horizontal steps */
.c-steps{position:relative;height:300vh}
.c-steps .pin{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.c-steps .head{padding:0 24px;max-width:1200px;margin:0 auto 36px;width:100%}
.c-steps .track{display:flex;gap:28px;padding:0 24px;will-change:transform}
.c-steps .step{flex:0 0 min(78vw,620px);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:28px;padding:44px;min-height:360px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.c-steps .step .big{position:absolute;right:28px;top:10px;font-family:"Playfair Display",serif;font-size:11rem;line-height:1;color:rgba(212,162,76,.12);font-weight:800}
.c-steps .step h3{font-size:2rem;margin-bottom:10px}
.c-steps .step p{color:var(--muted);margin:0;font-size:1.1rem;max-width:460px}

/* big number */
.c-money{min-height:100svh;display:flex;align-items:center;text-align:center;position:relative;overflow:hidden}
.c-money .glow{position:absolute;inset:0;background:radial-gradient(45% 45% at 50% 50%,rgba(224,33,63,.22),transparent 70%)}
.c-money .wrap{position:relative}
.c-money .big{font-family:"Playfair Display",serif;font-size:clamp(2.6rem,7.5vw,6.4rem);line-height:1;color:#fff;font-weight:800;letter-spacing:-.03em}
.c-money .big em{color:var(--gold);font-style:italic}
.c-money .sub{color:var(--muted);font-size:1.25rem;max-width:560px;margin:14px auto 0}
.c-money .rows{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:40px;color:#D9DEE6}
.c-money .rows span .big{display:block;font-family:"Playfair Display",serif;font-weight:800;font-size:1.8rem;color:var(--gold)}

/* fade-in panels with scale */
.c-fade{opacity:0;transform:translateY(60px) scale(.97)}
.c-stats{padding:12vh 0}
.c-stats .stat .big{font-size:clamp(3rem,7vw,5.4rem)}

/* locations ticker + faq keep */
@media (max-width:960px){
.c-stage .callout{max-width:220px}
.c-stage .callout b{font-size:1.7rem}
.c-stage .callout p{font-size:.9rem}
.co1{top:9vh}.co2{top:9vh}.co3{bottom:9vh}.co4{bottom:9vh}
.c-stage .machine{width:92vw}
.c-steps .step{padding:30px;min-height:300px}
.c-steps .step .big{font-size:7rem}
.c-hero .machine-hero{width:88vw;bottom:-10vh}
.c-hero .inner{transform:translateY(-10vh)}
.c-hero .headline{font-size:clamp(2.6rem,12vw,4.4rem)}
}