@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--color-primary: #89CFF0;--color-accent: #FF6B4A;--color-dark: #1a1a1a;--color-light: #ffffff;--color-gray: #f4f4f5;--color-text: #333333;--color-text-light: #666666;--font-main: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-light);color:var(--color-text);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.bg-primary{background-color:var(--color-primary)}.bg-accent{background-color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:50px;font-weight:600;transition:all .3s ease;font-size:1.1rem}.btn-primary{background-color:var(--color-dark);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.btn-accent{background-color:var(--color-accent);color:#fff}.section{padding:80px 0}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hero-content{display:flex;flex-direction:column;align-items:center;gap:60px}@media(min-width:1024px){.hero-content{flex-direction:row}}.mockup-container{padding:0 20px}.mockup-item{flex:0 0 auto;scroll-snap-align:center;transition:transform .3s}.mockup-main{width:90vw;max-width:900px}.mockup-side{width:80vw;max-width:750px}@media(min-width:768px){.mockup-container{padding:0 50vw 0 20px}}