.ll-hero-stage,.ll-stage{background:#14171d;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #14171d8c,0 0 0 1px #0000000f}.ll-hero-stage{aspect-ratio:4/3}.ll-hero-stage>svg,.ll-stage>svg{width:100%;height:100%;display:block}.ll-stage>svg{aspect-ratio:4/3;height:auto}@media (min-width:640px){.ll-hero-stage,.ll-stage{aspect-ratio:16/9}.ll-stage>svg{aspect-ratio:auto;height:100%}}.ll-stage{cursor:pointer}.ll-stage--scroll{cursor:auto}.ll-stage:focus-visible,.ll-ctrl:focus-visible,.ll-scrub:focus-visible,.ll-chip:focus-visible,.ll-hero-pause:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.ll-hero-captions{pointer-events:none;background:linear-gradient(#0a0c1000,#0a0c1099 45%,#0a0c10db);padding:clamp(28px,6vw,56px) 16px clamp(12px,2.2vw,22px);display:grid;position:absolute;inset:auto 0 0}.ll-hero-caption{text-align:center;color:#fff8ec;text-shadow:0 1px 4px #0009;opacity:0;grid-area:1/1;align-self:end;max-width:44rem;margin:0 auto;font-size:clamp(1rem,2.15vw,1.5rem);font-weight:500;line-height:1.35;transition:opacity .6s,transform .6s;transform:translateY(4px)}.ll-hero-caption.is-on{opacity:1;transform:none}.ll-frame-captions .ll-hero-caption{text-wrap:balance}@media (max-width:639.98px){.ll-frame-captions{background:0 0;padding:10px 16px 14px;position:static}.ll-frame-captions .ll-hero-caption{align-self:center}}@media (min-width:640px){.ll-stage--scroll .ll-hero-caption{font-size:clamp(1.125rem,2.15vw,1.5rem)}}.ll-hero-steps{max-width:40rem;color:var(--ink);margin:14px auto 0;padding-left:1.4rem;font-size:1rem;line-height:1.6;list-style:decimal}.ll-hero-pause{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border-radius:999px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px}.ll-hero-pause:hover{background:#0000008c}.ll-bigplay{color:#fff;background:#3f6f63eb;border-radius:999px;place-items:center;width:76px;height:76px;margin:auto;transition:transform .2s;display:grid;position:absolute;inset:0;box-shadow:0 10px 30px #00000059}.ll-stage:hover .ll-bigplay{transform:scale(1.06)}.ll-card{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:10px}.ll-card>p{color:#21262b;background:#fbf9f5;border-left:4px solid #3f6f63;border-radius:14px;max-width:40rem;margin:0;padding:clamp(12px,2.4vw,28px) clamp(14px,2.8vw,32px);font-size:clamp(1rem,1.9vw,1.35rem);line-height:1.4;box-shadow:0 12px 30px #00000059}.ll-card strong{color:#2e5850;font-weight:600}.ll-controls{align-items:center;gap:10px;margin-top:10px;display:flex}.ll-ctrl{width:40px;height:40px;color:var(--accent-strong);border:1px solid var(--accent);background:var(--paper-raised);border-radius:999px;flex:none;place-items:center;transition:background .15s;display:grid}.ll-ctrl:hover{background:var(--accent-wash)}.ll-scrub{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:28px}.ll-scrub::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--p,0%), var(--rule) var(--p,0%));border-radius:99px;height:6px}.ll-scrub::-moz-range-track{background:linear-gradient(to right, var(--accent) var(--p,0%), var(--rule) var(--p,0%));border-radius:99px;height:6px}.ll-scrub::-webkit-slider-thumb{appearance:none;background:var(--accent-strong);border:3px solid var(--paper-raised);border-radius:99px;width:18px;height:18px;margin-top:-6px;box-shadow:0 1px 4px #0000004d}.ll-scrub::-moz-range-thumb{background:var(--accent-strong);border:3px solid var(--paper-raised);border-radius:99px;width:14px;height:14px}.ll-time{font-family:var(--font-mono);color:var(--ink-muted);font-variant-numeric:tabular-nums;flex:none;font-size:.78rem}.ll-chip{border:1px solid var(--rule);background:var(--paper-raised);color:var(--ink);border-radius:999px;padding:.55rem 1rem;font-size:.92rem;font-weight:500;transition:background .15s,border-color .15s,color .15s}.ll-chip:hover{border-color:var(--accent)}.ll-chip[aria-pressed=true],.ll-chip[aria-selected=true],.ll-chip[aria-checked=true]{background:var(--accent);border-color:var(--accent);color:#fff}.ll-art text,.ll-hero-stage text,.ll-stage text{font-family:var(--font-plex-sans)}.ll-art text.ll-mono,.ll-hero-stage text.ll-mono,.ll-stage text.ll-mono{font-family:var(--font-plex-mono)}@keyframes ll-pop-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@keyframes ll-float{50%{transform:translateY(-5px)}}@keyframes ll-grow{0%{transform:scaleX(0)}}@keyframes ll-tick{0%{opacity:0}}.ll-pop{animation:.55s cubic-bezier(.2,.7,.2,1) both ll-pop-in}.ll-float{animation:2.4s ease-in-out infinite ll-float}.ll-grow{transform-box:fill-box;transform-origin:0;animation:.8s cubic-bezier(.2,.7,.2,1) both ll-grow}.ll-tick{animation:.4s both ll-tick}@media (prefers-reduced-motion:reduce){.ll-pop,.ll-float,.ll-grow,.ll-tick{animation:none}}.ll-icon-badge{width:44px;height:44px;color:var(--accent-strong);background:var(--accent-wash);border-radius:12px;place-items:center;display:inline-grid}.ll-receipt{color:#2b2b2b;clip-path:polygon(0 0,100% 0,100% 96%,90% 100%,80% 96%,70% 100%,60% 96%,50% 100%,40% 96%,30% 100%,20% 96%,10% 100%,0 96%);background:#fffdf7;flex:none;width:170px;padding:14px 14px 18px;transform:rotate(-3deg);box-shadow:0 12px 24px #00000059}.ll-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:flex-start;transition:height .35s;display:flex;position:relative;overflow:auto hidden}@media (prefers-reduced-motion:reduce){.ll-track{transition:none}}.ll-track::-webkit-scrollbar{display:none}.ll-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0;padding:0 2px 28px}.ll-dot{place-items:center;width:24px;height:24px;display:grid}.ll-dot:before{content:"";background:var(--rule);border-radius:99px;width:10px;height:10px;transition:background .2s,transform .2s}.ll-dot[aria-current=true]:before{background:var(--accent-strong);transform:scale(1.25)}.ll-dot:focus-visible{outline:3px solid var(--accent);outline-offset:1px;border-radius:99px}.ll-cta>button{color:var(--accent-strong);background:#fbf9f5}.ll-cta>button:hover{background:#fff}
