@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--base-100: #f5f5f5;--base-200: #e8e8e8;--base-300: #d4d4d4;--base-400: #4a4a4a;--base-500: #2a2a2a;--base-600: #1a1a1a;--accent-primary: #2563eb;--accent-secondary: #6366f1;--text-primary: #2a2a2a;--text-secondary: #6b7280;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-dark: #0f172a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-primary)}img{width:100%;height:100%;object-fit:cover}.logo{position:fixed;top:2rem;left:2rem;z-index:1000;font-family:PP Pangram Sans,Inter,sans-serif;font-weight:800;font-size:1.25rem;letter-spacing:-.02em}.logo span{display:inline-block;padding:.75rem 1.5rem;background-color:var(--base-100);color:var(--base-400);border-radius:8px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.logo.logo-inverted span{background-color:var(--base-600);color:var(--base-100)}h1{font-size:4rem;font-weight:800;letter-spacing:-.15rem;line-height:1.125;text-align:center}h2{font-size:3rem;font-weight:800;letter-spacing:-.1rem;line-height:1.2;text-align:center}.hero,.outro,.about{position:relative;width:100%;height:100svh;padding:2rem;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:var(--bg-secondary)}.hero-img,.outro-img{width:300px;aspect-ratio:5/7;overflow:hidden;border-radius:12px;box-shadow:0 8px 24px #0000001f}.services{position:relative;width:100%;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background-color:var(--bg-dark)}.services-header{position:relative;width:100%;padding:0 2rem;background-color:var(--bg-dark);will-change:transform}.services-header h2{color:var(--base-100);font-size:4rem}.services-header:nth-child(1),.services-header:nth-child(3){transform:translate(100%) translateY(0)}.services-header:nth-child(2){transform:translate(-100%) translateY(0);z-index:2}.services-copy{position:relative;width:100%;height:100%;margin-top:155svh;padding:2rem 2rem 25svh 2rem;text-align:center;background-color:var(--bg-primary)}.animate-text{position:relative;width:60%;margin:0 auto;color:var(--text-secondary);--clip-value: 100%}.animate-text:before{content:attr(data-text);position:absolute;top:0;left:0;color:var(--text-primary);clip-path:inset(0 0 var(--clip-value) 0);will-change:clip-path}@media(max-width:1000px){h1,h2{font-size:2rem;letter-spacing:-.05rem}.services-header h2{font-size:2rem}.animate-text{width:100%}.logo{font-size:1rem;top:1rem;left:1rem}.logo span{padding:.5rem 1rem}}