:root{--silver:#F4F7F9;--turquoise:#48CAE4;--royal:#0077B6;--abyss:#010214;--seam:#000E17;--ice:#8FF5FF;--font-display:'Anton',Impact,sans-serif;--font-body:'Manrope',-apple-system,sans-serif}body.film-page{margin:0;background:var(--seam);font-family:var(--font-body)}.film-loader{position:fixed;inset:0;z-index:100;background:var(--abyss);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.film-loader img{width:74px;height:74px;border-radius:50%}.film-loader__track{width:min(60vw,320px);height:2px;background:rgba(255,255,255,0.14);overflow:hidden}.film-loader__bar{height:100%;width:0%;background:var(--ice)}.film-loader__label{color:#fff;font-size:11px;letter-spacing:2px;text-transform:uppercase;opacity:.6}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(16px,4vw,44px);color:#fff;pointer-events:none}.site-header a{pointer-events:auto}.site-header__logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:currentColor}.site-header__logo img{width:56px;height:56px;border-radius:50%}.site-header__name{font-family:var(--font-display);font-size:19px}.site-header__nav{display:flex;gap:clamp(12px,2.5vw,28px)}.site-header__nav a{color:currentColor;text-decoration:none;font-size:13px;font-weight:600;text-transform:uppercase}@media (max-width:640px){.site-header__nav a{display:none}}.hdr-burger{display:none;background:none;border:none;width:34px;height:34px;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;pointer-events:auto}.hdr-burger span{display:block;width:22px;height:2px;background:currentColor}@media (max-width:640px){.hdr-burger{display:flex}}body.film-page .nav--scrolled{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}body.film-page .nav__links a{text-shadow:0 1px 12px rgba(255,255,255,0.55),0 1px 2px rgba(255,255,255,0.7)}.hero-top-fade{display:none}.film-scroll{position:relative;height:580vh}.film-stage{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--abyss)}#filmCanvas{position:absolute;inset:0;display:block}.beat{position:absolute;z-index:4;opacity:0;pointer-events:none}.beat--hero{left:clamp(18px,6vw,90px);top:24vh;max-width:46vw;color:#06202e}.beat--musik{left:50%;top:34vh;translate:-50% 0;text-align:center;color:#fff}.beat--kennt{left:50%;top:36vh;translate:-50% 0;text-align:center;color:#fff}.beat--finale{left:50%;top:50%;translate:-50% -50%;width:min(720px,86vw);text-align:center;color:#fff}.beat__kicker{font-size:clamp(11px,1.3vw,14px);font-weight:700;text-transform:uppercase;opacity:0.75;margin:0 0 14px}.beat__word{font-family:var(--font-display);text-transform:uppercase;line-height:0.95;margin:0}.beat--hero .beat__word{font-size:clamp(2.6rem,7.5vw,6.6rem)}.beat--musik .beat__word{font-size:clamp(4.6rem,13.5vw,12rem)}.beat--kennt .beat__word{font-size:clamp(4.6rem,13.5vw,12rem)}.beat--finale .beat__word{font-size:clamp(4.4rem,13vw,11.5rem);color:var(--ice)}.chr{display:inline-block;opacity:0}.beat--on .chr{opacity:1}.beat__sub{font-size:clamp(2.1375rem,3.825vw,2.7rem);font-weight:800;line-height:1.08;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.65),0 0 2px rgba(0,0,0,.9);margin:20px 0 26px}.story-cta{background:var(--seam);padding:clamp(28px,5vw,52px) 20px;text-align:center}.story-cta .cta-film{display:inline-block;font-weight:800;text-transform:uppercase;text-decoration:none;color:#04121c;background:var(--ice);padding:17px 34px;border-radius:999px}.beat__price-old{text-decoration:line-through;opacity:0.55;margin-right:10px}.film-hud{position:absolute;right:clamp(14px,4vw,44px);bottom:7vh;z-index:4;text-align:right;color:#fff;mix-blend-mode:difference}.film-hud__depth{font-family:var(--font-display);font-size:clamp(1.3rem,2.6vw,2rem)}.film-hud__chapter{font-size:11px;font-weight:700;opacity:0.75;margin-top:6px}.film-hint{position:absolute;left:50%;bottom:3.4vh;transform:translateX(-50%);z-index:4;color:#06202e;font-size:13px;font-weight:700;text-transform:uppercase}.landing{position:relative;background:linear-gradient(180deg,var(--seam) 0%,#02182a 34%,#023e5e 68%,var(--royal) 100%);padding:22vh 6vw 10vh;text-align:center;color:#fff}.landing h2{font-family:var(--font-display);font-size:clamp(2rem,5.5vw,4.4rem);text-transform:uppercase}.landing p{max-width:640px;margin:0 auto;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.7}.mobile-menu{position:fixed;inset:0;z-index:90;background:var(--abyss);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none}body.menu-open .mobile-menu{opacity:1;visibility:visible;pointer-events:auto}.mobile-menu__nav{display:flex;flex-direction:column;align-items:center;gap:24px}.mobile-menu__nav a{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(1.7rem,8.5vw,2.4rem);color:#fff;text-decoration:none}.mobile-menu__cta{background:var(--ice);color:#04121c !important;padding:14px 32px;border-radius:999px}@media (min-width:641px){.mobile-menu{display:none}}.trust-badge{background:var(--seam);padding:38px 20px;text-align:center}.trust-badge__row{display:inline-flex;align-items:center;gap:14px;font-size:16px;color:#fff;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.16);padding:15px 30px;border-radius:999px}.trust-badge__stars{color:#FFD60A;font-size:21px}.ig-section{padding:var(--section-pad);text-align:center}.ig-section .section-title{color:#fff}.ig-section .section-sub{color:rgba(255,255,255,0.7)}.ig-track{display:flex;gap:16px;overflow-x:auto;padding:6px 20px 22px}.ig-card{flex:0 0 auto;width:300px;aspect-ratio:1/1;border-radius:18px;overflow:hidden;position:relative}.ig-card img{width:100%;height:100%;object-fit:cover}.ig-card__caption{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 14px;background:linear-gradient(180deg,transparent,rgba(0,0,0,0.82));color:#fff;font-size:13px;text-align:left}.ig-cta{display:inline-flex;gap:8px;margin-top:24px;color:#fff;text-decoration:none;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.18);padding:13px 26px;border-radius:999px}.profi-section{padding:var(--section-pad);text-align:center;background:var(--seam)}.profi-section .section-title{color:#fff}.profi-track{display:flex;gap:16px;overflow-x:auto;padding:6px 20px 22px}.profi-card{flex:0 0 auto;width:320px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:24px;text-align:left}.profi-card__tag{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--ice)}.profi-card__text{font-size:13px;color:rgba(255,255,255,0.8);font-style:italic;margin:12px 0 16px}.profi-card__author{display:flex;align-items:center;gap:10px}.profi-card__avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.profi-card__author strong{display:block;font-size:12px;color:#fff}.profi-card__author span{font-size:11px;color:rgba(255,255,255,0.5)}.howto{padding:var(--section-pad);text-align:center;background:transparent}.howto .section-title{color:#fff}.howto .section-sub{color:rgba(255,255,255,0.7)}.howto-timeline{position:relative;max-width:720px;margin:44px auto 0;text-align:left;padding-left:74px}.howto-spine{position:absolute;left:26px;top:14px;bottom:104px;width:2px;background:rgba(255,255,255,0.12);border-radius:2px;overflow:hidden}.howto-spine__fill{position:absolute;left:0;top:0;width:100%;height:0%;background:linear-gradient(180deg,var(--ice),var(--turquoise));border-radius:2px;box-shadow:0 0 12px rgba(143,245,255,0.5)}.howto-step{position:relative;padding-bottom:58px}.howto-step:last-child{padding-bottom:0}.howto-step__num{position:absolute;left:-74px;top:-8px;width:54px;text-align:center;font-family:var(--font-display);font-size:56px;line-height:1;color:rgba(255,255,255,0.16);transition:color .55s ease,transform .55s ease,text-shadow .55s ease}.howto-step.is-active .howto-step__num{color:var(--ice);text-shadow:0 0 22px rgba(143,245,255,0.45);transform:translateY(-2px)}.howto-step__num--check{font-family:var(--font-body);font-weight:800;font-size:23px;color:#04121c;background:var(--ice);width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;left:-70px;top:-2px;box-shadow:0 0 18px rgba(143,245,255,0.4)}.howto-step.is-active .howto-step__num--check{transform:none;text-shadow:none}.howto-step__title{font-family:var(--font-display);font-size:clamp(23px,4.4vw,38px);letter-spacing:.02em;color:#fff;text-transform:uppercase;margin:0 0 10px;line-height:1.05}.howto-step__text{font-size:15px;line-height:1.65;color:rgba(255,255,255,0.72);max-width:520px;margin:0 0 20px}.howto-media{position:relative;width:100%;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:linear-gradient(120deg,rgba(255,255,255,0.05),rgba(72,202,228,0.09),rgba(255,255,255,0.05));border:1px solid rgba(255,255,255,0.1);display:flex;align-items:flex-end;justify-content:flex-end}.howto-media::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,0.08) 50%,transparent 82%);background-size:220% 100%;animation:howtoShimmer 2.8s linear infinite}@keyframes howtoShimmer{0%{background-position:220% 0}100%{background-position:-220% 0}}.howto-media img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block}.howto-media__badge{position:relative;z-index:1;margin:14px;font-size:15px;color:rgba(255,255,255,0.5)}.howto-results{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:11px}.howto-results li{position:relative;padding-left:30px;font-size:15px;color:rgba(255,255,255,0.82);line-height:1.5}.howto-results li::before{content:"✓";position:absolute;left:0;top:0;color:var(--ice);font-weight:800;font-size:15px}.howto-tagline{font-family:var(--font-display);font-size:clamp(18px,3vw,26px);letter-spacing:.02em;color:var(--ice);text-transform:uppercase;margin:0 0 22px}.howto-cta{display:inline-block;background:var(--ice);color:#04121c;border-radius:999px;padding:15px 32px;box-shadow:0 8px 40px rgba(143,245,255,0.3)}.howto-cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 54px rgba(143,245,255,0.45)}@media (max-width:640px){.howto-timeline{padding-left:56px;margin-top:34px}.howto-spine{left:19px;bottom:112px}.howto-step__num{left:-56px;font-size:42px;width:40px}.howto-step__num--check{left:-54px;width:40px;height:40px;font-size:20px}.howto-media{aspect-ratio:4/3}.howto-step{padding-bottom:48px}}.howto-reveal__btn{display:inline-flex;align-items:center;gap:11px;background:rgba(143,245,255,0.07);border:1px solid rgba(143,245,255,0.38);color:var(--ice);border-radius:999px;padding:8px 20px 8px 8px;cursor:pointer;font-family:var(--font-body);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;transition:background .25s ease,transform .2s ease}.howto-reveal__btn:hover{background:rgba(143,245,255,0.15);transform:translateY(-1px)}.howto-reveal__ico{width:32px;height:32px;flex-shrink:0;border-radius:50%;background:var(--ice);color:#04121c;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:400;line-height:1;transition:transform .35s ease;animation:howtoPulse 2s ease-in-out infinite}@keyframes howtoPulse{0%,100%{box-shadow:0 0 0 0 rgba(143,245,255,0.55)}50%{box-shadow:0 0 0 12px rgba(143,245,255,0)}}.howto-reveal.open .howto-reveal__ico{transform:rotate(45deg);animation:none}.howto-collapse{display:grid;grid-template-rows:0fr;opacity:0;margin-top:0;transition:grid-template-rows .5s cubic-bezier(.4,0,.2,1),opacity .4s ease,margin-top .5s ease}.howto-collapse__inner{overflow:hidden;min-height:0}.howto-reveal.open .howto-collapse{grid-template-rows:1fr;opacity:1;margin-top:16px}@media (prefers-reduced-motion:reduce){.howto-reveal__ico{animation:none}.howto-collapse{transition:none}}