:root{--w-ease:cubic-bezier(.16, 1, .3, 1)}@keyframes w-word{0%{opacity:0;filter:blur(8px);transform:translateY(.35em)}}@keyframes w-up{0%{opacity:0;transform:translateY(14px)}}.w-words>span{animation:w-word .8s var(--w-ease) both;animation-delay:calc(var(--i) * 60ms);display:inline-block}.w-up{animation:w-up .7s var(--w-ease) both;animation-delay:var(--d,.3s)}.w-hero-glow{background:radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--sonne) 22%, transparent), transparent 70%);filter:blur(40px);pointer-events:none;z-index:0;height:70%;position:absolute;inset:8% -10% auto}.w-film-stage{perspective:1800px}.w-film-frame{border:1px solid var(--line);background:var(--surface);transform-origin:50% 0;transform:rotateX(calc(var(--tilt,0) * 16deg)) scale(calc(1 - var(--tilt,0) * .06));animation:w-up .9s var(--w-ease) .45s both;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 50px 100px -40px #0f2a3359,0 20px 40px -30px #0f2a3340}.w-film-view{aspect-ratio:160/87}.w-film-frame video{object-fit:cover}@media (max-width:767px){.w-film-view{aspect-ratio:4/5}.w-film-frame video{object-position:100% 50%;transition:object-position .7s var(--w-ease)}.w-film-view[data-cam=parent] video{object-position:52% 50%}}.w-film-toggle{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--ink);opacity:.85;border-radius:999px;place-items:center;transition:background-color .12s,opacity .12s;display:grid;position:absolute;bottom:12px;left:12px}.w-film-toggle:hover{background:var(--surface-sunk);opacity:1}.w-chapters{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;margin:20px 0 0;padding:0;list-style:none;display:grid}@media (min-width:768px){.w-chapters{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}.w-chapter{text-align:left;opacity:.55;gap:4px;width:100%;padding:10px 0;transition:opacity .24s ease-out;display:grid}.w-chapter:hover,.w-chapter[aria-current]{opacity:1}.w-chapter-bar{--p:0;background:var(--line);border-radius:2px;height:2px;margin-bottom:8px;position:relative;overflow:hidden}.w-chapter-bar:after{content:"";background:var(--sonne);transform-origin:0;transform:scaleX(var(--p));position:absolute;inset:0}.w-chapter-title{font-weight:600;line-height:1.3}.w-chapter-text{color:var(--ink-muted);font-size:14px;line-height:1.45;display:none}@media (min-width:768px){.w-chapter-text{display:block}}.w-story{grid-template-columns:minmax(0,1fr);gap:40px;display:grid}.w-story-steps{gap:56px;margin:0;padding:0;list-style:none;display:grid}.w-story-time{color:var(--sonne-text);letter-spacing:.02em;margin-bottom:8px;font-size:14px;font-weight:600}.w-story-inline{max-width:280px;margin-top:24px}.w-story-stage{display:none}@media (min-width:1024px){.w-story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}.w-story-steps{gap:0}.w-story-step{opacity:.35;flex-direction:column;justify-content:center;min-height:78vh;transition:opacity .4s ease-out;display:flex}.w-story-step[aria-current]{opacity:1}.w-story-inline{display:none}.w-story-stage{justify-content:center;align-self:start;align-items:center;gap:28px;height:min(74vh,660px);margin-top:6vh;display:flex;position:sticky;top:calc(50vh - min(37vh,330px))}.w-story-phone{aspect-ratio:432/904;width:auto;height:100%}.w-story-phone .w-iphone-screen{height:calc(100% - 7cqw)}.w-story-phone img{opacity:0;transition:opacity .5s ease-out, transform .7s var(--w-ease);position:absolute;inset:0;transform:scale(1.04)}.w-story-phone img[data-on]{opacity:1;transform:none}.w-story-dots{gap:10px;display:grid}.w-story-dots span{background:var(--line-strong);opacity:.4;border-radius:50%;width:6px;height:6px;transition:opacity .24s,transform .24s}.w-story-dots span[data-on]{opacity:1;background:var(--sonne);transform:scale(1.5)}}.w-iphone{background:linear-gradient(135deg,#3e5873 0%,#22344a 30%,#1a2a3d 55%,#3a5470 80%,#24364c 100%);border-radius:17.1%/8.2%;position:relative;box-shadow:0 40px 80px -36px #081c2273,0 16px 32px -20px #081c224d;container-type:inline-size}.w-iphone:before{content:"";background:#05080a;border-radius:16.4cqw;position:absolute;inset:.7cqw}.w-iphone-screen{background:var(--bg);border-radius:13.4cqw;margin:3.5cqw;position:relative;overflow:hidden}.w-iphone-screen img{width:100%;height:auto;display:block}.w-spot{isolation:isolate;transition:border-color .24s;position:relative}.w-spot:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--sonne) 10%, transparent), transparent 65%);opacity:0;pointer-events:none;transition:opacity .24s ease-out;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.w-spot:hover{border-color:color-mix(in srgb, var(--sonne) 45%, var(--line))}.w-spot:hover:before{opacity:1}}@keyframes w-rise{0%{opacity:0;transform:translateY(24px)}}@keyframes w-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes w-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.w-progress,.w-sun{display:none}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.w-reveal>*{animation:linear both w-rise;animation-timeline:view();animation-range:entry 5% entry 70%}.w-reveal>:nth-child(2){animation-range:entry 15% entry 80%}.w-reveal>:nth-child(3){animation-range:entry 25% entry 90%}.w-reveal>:nth-child(4){animation-range:entry 35%}.w-progress{background:var(--sonne);transform-origin:0;height:2px;animation:linear both w-grow;animation-timeline:scroll(root);display:block;position:absolute;bottom:-1px;left:0;right:0}.w-sun{display:block}.w-sun-arc{stroke-dasharray:1;animation:linear both w-draw;animation-timeline:view();animation-range:entry 20% cover 45%}}}
