@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap";:root{--color-bg: #ffffff;--color-text: #1a1a1a;--color-accent: #4a90e2;--color-accent-dark: #357abd;--font-main: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden;-webkit-font-smoothing:antialiased}.navbar{position:fixed;top:0;width:100%;padding:2rem 4rem;display:flex;justify-content:space-between;align-items:center;z-index:100;mix-blend-mode:difference;color:#fff}.logo{font-weight:700;font-size:1.5rem;letter-spacing:-.05em}.btn-primary{padding:.8rem 1.5rem;background:var(--color-text);color:var(--color-bg);text-decoration:none;font-weight:600;border-radius:2rem;transition:transform .2s ease}.btn-primary:hover{transform:scale(1.05)}#canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.hero-section{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}.hero-content h1{font-size:6rem;line-height:1;letter-spacing:-.04em;margin-bottom:1.5rem;opacity:0;transform:translateY(30px)}.subtitle{font-size:1.5rem;font-weight:300;color:#666;max-width:600px;margin:0 auto;opacity:0;transform:translateY(20px)}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);opacity:.7}.feature-section{padding:10rem 4rem;min-height:100vh;display:flex;flex-direction:column;gap:20rem}.feature-block{max-width:600px}.feature-block h2{font-size:3rem;margin-bottom:1rem}.feature-block p{font-size:1.25rem;color:#555;line-height:1.6}.quote-section{height:80vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5}blockquote{font-size:4rem;font-weight:700;text-align:center;max-width:900px;line-height:1.2}.cta-section{padding:8rem 0;text-align:center;background:var(--color-text);color:var(--color-bg)}.cta-section h2{font-size:3rem;margin-bottom:2rem}.btn-large{padding:1.2rem 3rem;font-size:1.2rem;border:none;border-radius:2rem;background:var(--color-bg);color:var(--color-text);cursor:pointer;font-weight:700}.spacer{height:20vh}.showcase-section{padding:10rem 0;display:flex;justify-content:center;align-items:center;perspective:1000px;overflow:hidden}.showcase-container{display:flex;gap:4rem;align-items:center}.screenshot-wrapper{width:300px;border-radius:30px;overflow:hidden;box-shadow:0 20px 50px #0003;border:4px solid #1a1a1a;background:#000;opacity:0;transform:translateY(100px);transition:transform .5s}.screenshot-wrapper.left{transform:perspective(1000px) rotateY(10deg) translateY(100px)}.screenshot-wrapper.right{transform:perspective(1000px) rotateY(-10deg) translateY(100px)}.screenshot-wrapper img{width:100%;display:block}@media (max-width: 768px){.showcase-container{flex-direction:column;gap:2rem}}.sequence-section{height:400vh;position:relative;background:#111;color:#fff}.sticky-wrapper{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.text-track h2{font-size:3rem;margin-bottom:2rem;z-index:10;position:relative;text-shadow:0 4px 10px rgba(0,0,0,.5)}.frames-container{width:100%;max-width:800px;height:70vh;position:relative}.seq-frame{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .1s linear}.seq-frame:first-child{opacity:1}