:root{--color-bg: #060606;--color-bg-elevated: #0d0d0d;--color-fg: #f5f5f5;--color-fg-dim: #8a8a8a;--color-silver: #c9c9c9;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", sans-serif;--ease-cinematic: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);overscroll-behavior-y:none}#root{position:relative}h1,h2,h3,p{margin:0}button{font-family:inherit;background:none;border:none;color:inherit;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;background:var(--color-bg);opacity:1;transition:opacity .7s var(--ease-cinematic)}.loading-screen--done{opacity:0}.loading-screen__kicker{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--color-fg-dim);opacity:0;animation:loading-screen-in .8s var(--ease-cinematic) .1s forwards}.loading-screen__brand{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:600;letter-spacing:.05em;margin:0;opacity:0;animation:loading-screen-in .8s var(--ease-cinematic) .25s forwards}.loading-screen__bar{width:min(220px,40vw);height:1px;background:#ffffff1f;opacity:0;animation:loading-screen-in .8s var(--ease-cinematic) .4s forwards}.loading-screen__bar-fill{height:100%;background:var(--color-silver);transition:width .3s var(--ease-cinematic)}@keyframes loading-screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 6vw;pointer-events:none}.section__kicker{font-size:.75rem;letter-spacing:.25em;color:var(--color-fg-dim);text-transform:uppercase;margin-bottom:1.5rem}.section__heading{font-size:clamp(2rem,7vw,5.5rem);line-height:1.05;font-weight:600;letter-spacing:-.02em}.section__body{margin-top:1.5rem;font-size:1rem;color:var(--color-fg-dim)}.section--center{align-items:center;text-align:center}.reveal-line{display:block;overflow:hidden}.reveal-line span{display:inline-block;opacity:0;transform:translateY(24px);filter:blur(6px)}.navbar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1.75rem 6vw;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;transition:opacity .4s var(--ease-cinematic),background-color .4s var(--ease-cinematic);pointer-events:none}.navbar *{pointer-events:auto}.navbar--scrolled{background:linear-gradient(to bottom,rgba(6,6,6,.7),transparent)}.navbar__brand{font-weight:600}.navbar__links{display:flex;gap:2rem}.navbar__links a{color:var(--color-fg-dim);text-decoration:none;transition:color .2s ease}.navbar__links a:hover{color:var(--color-fg)}@media(max-width:640px){.section{padding:0 6vw}.navbar__links{gap:1rem}}@media(max-width:768px){.section__heading{font-size:clamp(1.75rem,9vw,3rem)}.section__kicker{font-size:.65rem;letter-spacing:.2em}.section{padding:0 7vw;align-items:center;text-align:center}}.bite-hint{position:fixed;z-index:20;pointer-events:none;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-fg);background:#0009;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.4rem .9rem;opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .25s var(--ease-cinematic),transform .25s var(--ease-cinematic)}.bite-hint--visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.story-end-marker{height:0}.demos{background:var(--color-bg-elevated)}.demos__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:1100px;margin-top:3rem}.demos__card{position:relative;display:block;aspect-ratio:16 / 10;border-radius:10px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.08);text-decoration:none;color:inherit;pointer-events:auto;transition:transform .4s var(--ease-cinematic),border-color .4s var(--ease-cinematic)}.demos__card:hover{transform:translateY(-4px);border-color:#ffffff40}.demos__thumb{display:block;width:100%;height:auto;--pan-distance: 60%;animation:demos-pan 18s ease-in-out infinite alternate;will-change:transform}@keyframes demos-pan{0%{transform:translateY(0)}to{transform:translateY(calc(-1 * var(--pan-distance)))}}.demos__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#161616,#0a0a0a)}.demos__placeholder-number{font-size:2rem;font-weight:600;letter-spacing:.05em;color:var(--color-fg-dim)}.demos__placeholder-label{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-fg-dim)}.demos__caption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.1rem;background:linear-gradient(to top,rgba(0,0,0,.75),transparent)}.demos__name{font-size:.8rem;letter-spacing:.05em}.demos__arrow{color:var(--color-fg-dim);opacity:.6;transition:transform .3s var(--ease-cinematic),opacity .3s var(--ease-cinematic)}.demos__card:hover .demos__arrow{transform:translate(3px);opacity:1}@media(max-width:900px){.demos__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.demos__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}