:root{--bg: #0a0b0e;--bg-soft: #12141a;--ink: #f4ede2;--ink-dim: #b8b0a4;--accent: #ff7a1a;--glass: rgba(12, 13, 18, .68);--glass-line: rgba(244, 237, 226, .16);--era: #ffb35c;--morph-ms: .55s;--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}[data-era="1996"]{--era: #ffb35c}[data-era="2026"]{--era: #f4ede2}[data-era="2032"]{--era: #6fd3e8}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg)}html,body{overflow-x:hidden}body{font-family:var(--font-ui);color:var(--ink);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.machine{position:relative;height:100svh;min-height:540px;overflow:hidden;background:#000;touch-action:pan-y}.machine__layers{position:absolute;top:0;right:0;bottom:0;left:0}.machine__layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--morph-ms) cubic-bezier(.4,0,.2,1);will-change:opacity}.machine__layer.is-active{opacity:1}.machine__layer img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.machine__sweep{position:absolute;top:-10%;right:-30%;bottom:-10%;left:-30%;background:linear-gradient(105deg,transparent 38%,rgba(255,235,200,.2) 49%,rgba(255,245,225,.32) 50%,rgba(255,235,200,.2) 51%,transparent 62%);transform:translate(-120%) skew(-6deg);pointer-events:none;opacity:0;z-index:3}.machine.is-morphing .machine__sweep{animation:sweep var(--morph-ms) cubic-bezier(.3,0,.4,1) forwards}@keyframes sweep{0%{transform:translate(-120%) skew(-6deg);opacity:1}to{transform:translate(120%) skew(-6deg);opacity:0}}.machine.is-morphing .machine__layer.is-active img{animation:kenburns var(--morph-ms) cubic-bezier(.2,.6,.2,1)}@keyframes kenburns{0%{transform:scale(1.045)}to{transform:scale(1)}}.machine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(5,6,8,.88) 0%,rgba(5,6,8,.28) 26%,transparent 48%),linear-gradient(to bottom,rgba(5,6,8,.62) 0%,transparent 24%),radial-gradient(ellipse at center,transparent 55%,rgba(5,6,8,.42) 100%);pointer-events:none;z-index:2}.machine__top{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 18px) 22px 0}.brandmark{display:inline-flex;align-items:center;gap:9px;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);text-decoration:none;transition:color .2s}.brandmark__logo{width:27px;height:27px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.55))}.brandmark__text{white-space:nowrap}.brandmark__text strong{color:var(--ink);font-weight:700}.brandmark:hover{color:var(--ink)}.backlink{font-size:13px;letter-spacing:.06em;color:var(--ink-dim);text-decoration:none;padding:8px 14px;border:1px solid var(--glass-line);border-radius:99px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:color .2s,border-color .2s}.backlink:hover{color:var(--ink);border-color:#f4ede266}.odometer{position:absolute;top:16%;left:50%;transform:translate(-50%);z-index:5;display:flex;font-family:var(--font-display);font-size:clamp(64px,12vw,148px);font-weight:700;line-height:1;letter-spacing:-.012em;color:var(--era);filter:drop-shadow(0 3px 10px rgba(0,0,0,.55)) drop-shadow(0 8px 34px rgba(0,0,0,.5));transition:color .5s;pointer-events:none}.odometer__digit{position:relative;overflow:hidden;height:1em;width:.62em;text-align:center}.odometer__reel{display:flex;flex-direction:column;transition:transform .56s cubic-bezier(.5,0,.2,1);will-change:transform}.odometer__reel span{height:1em;display:block}.machine__claim{position:absolute;top:calc(16% + clamp(76px,13.5vw,164px));left:50%;transform:translate(-50%);z-index:5;width:max-content;max-width:92vw;text-align:center;font-family:var(--font-display);font-style:italic;font-size:clamp(17px,2.4vw,26px);color:var(--ink);background:#0a0b0e80;border:1px solid rgba(244,237,226,.1);border-radius:14px;padding:10px 22px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none}.machine__beruf{position:absolute;top:calc(env(safe-area-inset-top,0px) + 64px);left:22px;z-index:5;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);pointer-events:none}.machine__beruf strong{display:block;font-family:var(--font-display);font-size:clamp(22px,3vw,32px);letter-spacing:0;text-transform:none;color:var(--ink);font-weight:700}.kennzahl{position:absolute;top:calc(16% + clamp(84px,14vw,172px));left:50%;transform:translate(-50%);z-index:5;width:max-content;max-width:92vw;text-align:center;pointer-events:none;padding:12px 28px 14px;border-radius:18px;background:#0a0b0e75;border:1px solid rgba(244,237,226,.1);backdrop-filter:blur(12px) saturate(1.05);-webkit-backdrop-filter:blur(12px) saturate(1.05);box-shadow:0 10px 34px #0006}.kennzahl__value{font-family:var(--font-display);font-weight:700;font-size:clamp(34px,5.6vw,60px);line-height:1;letter-spacing:-.015em;color:var(--era);filter:drop-shadow(0 2px 8px rgba(0,0,0,.55));opacity:0;transform:translateY(10px);transition:color .5s,opacity .26s ease,transform .26s cubic-bezier(.2,.7,.3,1)}.kennzahl__value.is-in{opacity:1;transform:translateY(0)}.kennzahl__label{margin-top:9px;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#f4ede2d1;font-weight:600}.chips{position:absolute;left:22px;right:22px;bottom:158px;z-index:5;display:flex;gap:12px}.chip{flex:1 1 0;max-width:360px;background:linear-gradient(180deg,rgba(20,22,28,.5),var(--glass));border:1px solid var(--glass-line);border-radius:16px;padding:14px 17px;backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);box-shadow:0 8px 30px #00000059,inset 0 1px #f4ede20f;opacity:0;transform:translateY(18px);transition:opacity .42s ease,transform .42s cubic-bezier(.2,.7,.3,1)}.chips.is-in .chip{opacity:1;transform:translateY(0)}.chips.is-in .chip:nth-child(1){transition-delay:60ms}.chips.is-in .chip:nth-child(2){transition-delay:.15s}.chips.is-in .chip:nth-child(3){transition-delay:.24s}.chip__label{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--era);margin-bottom:5px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5);transition:color .5s}.chip__text{font-size:13.5px;color:var(--ink);line-height:1.46;text-shadow:0 1px 3px rgba(0,0,0,.45)}.hotspot{position:absolute;z-index:4;transform:translate(-50%,-50%)}.hotspot__dot{width:14px;height:14px;border-radius:50%;background:#6fd3e8f2;box-shadow:0 0 0 3px #6fd3e840,0 0 18px #6fd3e8b3;display:block;padding:0}.hotspot__dot:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;border:1px solid rgba(111,211,232,.5);animation:pulse 2.4s ease-out infinite}@keyframes pulse{0%{transform:scale(.6);opacity:1}70%,to{transform:scale(1.5);opacity:0}}.hotspot__label{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(4px);width:max-content;max-width:240px;background:var(--glass);border:1px solid rgba(111,211,232,.35);border-radius:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:9px 12px;font-size:12.5px;line-height:1.4;color:var(--ink);opacity:0;pointer-events:none;transition:opacity .24s,transform .24s}.hotspot.is-open .hotspot__label,.hotspot:hover .hotspot__label,.hotspot:focus-within .hotspot__label{opacity:1;transform:translate(-50%) translateY(0)}.hotspot--flip .hotspot__label{bottom:auto;top:calc(100% + 12px)}.hotspot--left .hotspot__label{left:0;transform:translate(0) translateY(4px)}.hotspot--left.is-open .hotspot__label,.hotspot--left:hover .hotspot__label{transform:translate(0) translateY(0)}.hotspot--right .hotspot__label{left:auto;right:0;transform:translate(0) translateY(4px)}.hotspot--right.is-open .hotspot__label,.hotspot--right:hover .hotspot__label{transform:translate(0) translateY(0)}.lever{position:absolute;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 34px);z-index:7;width:min(520px,calc(100vw - 56px));-webkit-user-select:none;user-select:none;touch-action:none}.lever__track{position:relative;height:6px;border-radius:99px;background:#f4ede22e;box-shadow:inset 0 1px 3px #00000080}.lever__fill{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#ffb35c,var(--era));transition:width .4s cubic-bezier(.4,0,.2,1),background .5s;will-change:width}.lever__stop{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);background:#2a2c33;border:2px solid rgba(244,237,226,.4);cursor:pointer;padding:0}.lever__stop.is-passed{background:var(--era);border-color:var(--era)}.lever__knob{position:absolute;top:50%;width:46px;height:46px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a3d46,#17181d 70%);border:2px solid var(--era);box-shadow:0 6px 24px #000000b3,0 0 22px color-mix(in srgb,var(--era) 45%,transparent);cursor:grab;transition:left .4s cubic-bezier(.4,0,.2,1),border-color .5s,box-shadow .5s;will-change:left;display:flex;align-items:center;justify-content:center;padding:0}.lever__knob:after{content:"";width:14px;height:14px;border-radius:50%;background:var(--era);box-shadow:0 0 12px var(--era);transition:background .5s}.lever__knob:active{cursor:grabbing}.lever.is-dragging .lever__knob,.lever.is-dragging .lever__fill{transition-property:border-color,box-shadow,background}.lever__years{display:flex;justify-content:space-between;margin-top:14px;font-size:12.5px;letter-spacing:.1em;color:var(--ink-dim)}.lever__year{cursor:pointer;padding:4px 6px;transition:color .3s;background:none;border:none}.lever__year.is-active{color:var(--era);font-weight:700}.lever__hint{text-align:center;margin-top:6px;font-size:11.5px;color:#f4ede280}.section{padding:72px 22px;max-width:1160px;margin:0 auto}.section__kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.section__title{font-family:var(--font-display);font-size:clamp(28px,4.4vw,44px);font-weight:700;line-height:1.1;letter-spacing:-.015em;margin-bottom:14px}.section__lead{color:var(--ink-dim);max-width:620px;font-size:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:36px}.tile{position:relative;display:block;border-radius:18px;overflow:hidden;aspect-ratio:16 / 10;text-decoration:none;background:var(--bg-soft);outline:1px solid rgba(244,237,226,.08);transform:translateY(0);transition:transform .3s cubic-bezier(.2,.7,.3,1),outline-color .3s,box-shadow .3s}.tile:hover{transform:translateY(-5px);outline-color:#ff7a1ab3;box-shadow:0 22px 50px #0000008c,0 0 0 1px #ff7a1a40}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}.tile:hover img{transform:scale(1.05)}.tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(5,6,8,.85),transparent 55%)}.tile__name{position:absolute;left:15px;right:15px;bottom:13px;z-index:1;font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--ink);text-shadow:0 2px 10px rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.5);transition:transform .3s cubic-bezier(.2,.7,.3,1)}.tile:hover .tile__name{transform:translateY(-2px)}.tile__cta{position:absolute;right:14px;top:12px;z-index:1;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:#0a0b0e8c;border:1px solid var(--glass-line);padding:5px 10px;border-radius:99px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .25s}.tile:hover .tile__cta{opacity:1}.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.heute{background:var(--bg-soft);border-radius:24px;padding:40px clamp(22px,4vw,48px)}.heute__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:26px}.heute-card{background:#f4ede20b;border:1px solid rgba(244,237,226,.1);border-radius:16px;padding:20px}.heute-card__badge{display:inline-block;font-size:12px;font-weight:700;color:#0a0b0e;background:var(--accent);border-radius:99px;padding:3px 10px;margin-bottom:12px}.heute-card__text{font-size:14.5px;color:var(--ink)}.heute__brand{margin-top:30px;display:inline-flex;align-items:center;gap:11px;padding:9px 16px 9px 12px;border:1px solid var(--glass-line);border-radius:99px;background:#f4ede20b}.heute__brand img{width:30px;height:30px;object-fit:contain;flex:none}.heute__brand span{font-size:13px;color:var(--ink-dim)}.heute__brand strong{color:var(--ink);font-weight:700}.heute__cta{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}.btn{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:#0a0b0e;font-weight:700;font-size:15px;padding:13px 24px;border-radius:99px;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff7a1a59}.btn--ghost{background:transparent;color:var(--ink);border:1px solid rgba(244,237,226,.25)}.btn--ghost:hover{box-shadow:none;border-color:#f4ede28c}.wunsch{margin-top:18px;font-size:13.5px;color:var(--ink-dim)}.wunsch a{color:var(--accent)}.share{text-align:center}.share__preview{max-width:560px;margin:26px auto 0;border-radius:18px;overflow:hidden;outline:1px solid rgba(244,237,226,.12);box-shadow:0 24px 60px #0000008c}.share__preview canvas{width:100%;height:auto;display:block}.share__actions{display:flex;justify-content:center;gap:14px;margin-top:22px;flex-wrap:wrap}.footer{border-top:1px solid rgba(244,237,226,.1);padding:40px 22px calc(env(safe-area-inset-bottom,0px) + 40px);text-align:center;color:var(--ink-dim);font-size:13px}.footer a{color:var(--ink-dim)}.footer a:hover{color:var(--ink)}.footer__brandblock{display:inline-flex;align-items:center;gap:12px}.footer__logo{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.footer__wordmark{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.footer__tagline{margin-top:12px;font-size:14px;letter-spacing:.04em;color:var(--accent);font-weight:600}.footer__pitch{margin-top:6px;font-size:14px;color:var(--ink-dim);max-width:480px;margin-left:auto;margin-right:auto;line-height:1.5}.footer__row{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:18px}.footer__note{margin-top:18px;font-size:12.5px;color:#b8b0a4bf}.scrollcue{position:absolute;right:22px;bottom:calc(env(safe-area-inset-bottom,0px) + 40px);z-index:6;color:var(--ink-dim);font-size:12px;letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl;text-decoration:none;opacity:.8}@media(max-width:760px){.chips{flex-direction:column;gap:8px;bottom:170px;left:14px;right:14px}.chip{max-width:none;padding:10px 14px;opacity:0}.chip__text{font-size:12.5px}.chip:nth-child(2){display:none}.machine__claim{font-size:15px;max-width:88vw;width:auto;top:calc(16% + 70px);padding:8px 16px}.kennzahl{top:calc(16% + clamp(68px,17vw,100px))}.kennzahl__value{font-size:clamp(30px,8.5vw,46px)}.kennzahl__label{font-size:10.5px}.odometer{top:16%;font-size:clamp(58px,15vw,92px)}.machine__beruf{left:14px;top:calc(env(safe-area-inset-top,0px) + 66px)}.machine__top{padding-left:14px;padding-right:14px}.brandmark__suffix{display:none}.lever{bottom:calc(env(safe-area-inset-bottom,0px) + 22px);width:calc(100vw - 44px)}.lever__hint,.scrollcue{display:none}.section{padding:56px 16px}}@media(max-width:760px)and (max-height:700px){.chips{bottom:150px}.chip:nth-child(3){display:none}}@media(prefers-reduced-motion:reduce){.machine__layer,.lever__knob,.lever__fill,.odometer__reel,.chip,.reveal,.tile,.tile img{transition:none!important}.kennzahl__value{opacity:1!important;transform:none!important;transition:color .5s!important}.machine.is-morphing .machine__sweep,.machine.is-morphing .machine__layer.is-active img{animation:none!important}.hotspot__dot:after{animation:none!important}.reveal{opacity:1;transform:none}}