@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)}.lang-toggle{background:none;border:none;color:inherit;font-family:inherit;font-weight:500;font-size:1rem;cursor:pointer;margin-left:1.5rem;padding:.5rem;opacity:.8;transition:opacity .2s}.lang-toggle:hover{opacity:1}.lang-toggle span.active{font-weight:700;text-decoration:underline}#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:8rem 4rem;min-height:auto;display:block;background:#fdfdfd}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;max-width:1200px;margin:0 auto}.feature-category-card{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 5px 20px #00000008;border:1px solid rgba(0,0,0,.03);transition:transform .3s ease}.feature-category-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000000f}.feature-category-card h3{font-size:1.8rem;margin-bottom:2rem;color:var(--color-accent-dark);font-weight:700}.feature-list{list-style:none;padding:0}.feature-list li{margin-bottom:1.5rem}.feature-list li:last-child{margin-bottom:0}.feature-list strong{display:block;font-size:1.2rem;color:var(--color-text);margin-bottom:.3rem;font-weight:600}.feature-list p{font-size:1rem;color:#666;line-height:1.5;margin:0}@media (max-width: 850px){.features-grid{grid-template-columns:1fr}.feature-section{padding:5rem 2rem}}.command{font-family:Courier New,monospace;background:#eee;padding:.1em .3em;border-radius:4px;font-size:.9em;color:#333}.tech-section{padding:6rem 4rem;background:#111;color:#fff;text-align:center}.tech-header{max-width:800px;margin:0 auto 4rem}.tech-header h2{font-size:2.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tech-header p{font-size:1.1rem;color:#ccc;line-height:1.6}.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;max-width:1200px;margin:0 auto;text-align:left}.tech-card{background:#ffffff0d;padding:3rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease}.tech-card:hover{transform:translateY(-5px);background:#ffffff14}.tech-card h3{font-size:1.8rem;margin-bottom:.5rem;color:#fff}.tech-subtitle{font-style:italic;color:#888;margin-bottom:2rem;display:block}.tech-list{list-style:none;padding:0}.tech-list li{margin-bottom:1.5rem}.tech-list strong{display:block;font-size:1.2rem;color:#fff;margin-bottom:.3rem}.tech-list p{font-size:.95rem;color:#aaa;line-height:1.5}.tech-card.ios h3{color:#007aff}.tech-card.android h3{color:#3ddc84}.tech-card.ipad h3{color:#5856d6}.tech-card.mac h3{color:#ff2d55}.hero-content{display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative;z-index:2}.hero-section{position:relative;height:100vh;display:flex;justify-content:center;align-items:center;background:transparent}.hero-logo{width:250px;height:auto;margin-bottom:-1rem;z-index:10}.hero-bubble{background:#fff;color:#333;padding:3rem;border-radius:40px;position:relative;box-shadow:0 20px 50px #00000026;max-width:800px;margin-top:1rem;border:4px solid #333}.hero-bubble:after{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #333}.hero-bubble:before{content:"";position:absolute;top:-14px;left:50%;transform:translate(-50%);border-left:17px solid transparent;border-right:17px solid transparent;border-bottom:17px solid #fff;z-index:1}.hero-section h1{font-size:3.5rem;margin-bottom:1rem;color:#000;line-height:1.1}.hero-section .subtitle{font-size:1.25rem;color:#555;margin-bottom:0}@media (max-width: 768px){.hero-bubble{padding:2rem;border-radius:30px;width:90%}.hero-section h1{font-size:2.5rem}.hero-logo{width:180px}}@media (max-width: 850px){.tech-grid{grid-template-columns:1fr}}.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;background:transparent;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}.about-section{padding:10rem 4rem;background:#f9f9f9;color:#333;display:flex;justify-content:center;text-align:left}.about-content{max-width:800px}.about-content h2{font-size:2.5rem;margin-bottom:2rem;color:var(--color-accent-dark)}.story-text p{font-size:1.5rem;line-height:1.8;margin-bottom:2rem;opacity:.8}.story-text strong{color:#000;font-weight:700}.team-section{padding:8rem 4rem;background:#fff;text-align:center}.team-title{font-size:3rem;margin-bottom:4rem;color:var(--color-text)}.team-grid{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;max-width:1200px;margin:0 auto}.team-card{background:#f9f9f9;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000000d;transition:transform .3s ease,box-shadow .3s ease;width:350px}.team-card.large{width:600px}.team-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0000001a}.team-image-wrapper{width:100%;height:350px;overflow:hidden;position:relative}.team-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.team-card:hover .team-image-wrapper img{transform:scale(1.05)}.team-info{padding:2rem;text-align:left}.team-info h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--color-text)}.team-info .role{font-size:.9rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.team-info.multi{display:flex;justify-content:space-between}.team-info.multi .person{flex:1}.team-info.multi .person.right{text-align:right;border-left:1px solid #eee;padding-left:1.5rem}.team-info.multi .person.right .role{text-align:right}@media (max-width: 768px){.team-card.large{width:100%}.team-info.multi{flex-direction:column;gap:1.5rem}.team-info.multi .person.right{text-align:left;border-left:none;padding-left:0;border-top:1px solid #eee;padding-top:1.5rem}}.user-counter{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);color:#333;padding:.4rem .8rem;border-radius:50px;display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.8rem;box-shadow:0 4px 12px #0000001a}.footer-counter{margin-bottom:1rem;margin-top:0}footer{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center}.pulse-dot{width:8px;height:8px;background-color:#3ddc84;border-radius:50%;box-shadow:0 0 #3ddc8466;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #3ddc84b3}70%{box-shadow:0 0 0 6px #3ddc8400}to{box-shadow:0 0 #3ddc8400}}@media (max-width: 768px){.navbar{padding:1rem 1.5rem;flex-direction:row;align-items:center;gap:.5rem}.logo{font-size:1.2rem}.nav-links{display:flex;align-items:center;gap:.5rem}.nav-links a[href="#features"]{display:none}.btn-primary{padding:.5rem 1rem;font-size:.85rem}.lang-toggle{margin-left:.5rem;font-size:.85rem;padding:.2rem}}