@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--primary: oklch(.205 0 0);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.98 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.965 0 0);--border: oklch(.922 0 0);--success: oklch(.65 .18 142);--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--radius: .625rem;--spacing: .25rem;--shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 1px 2px -1px hsl(0 0% 0% / .1);--shadow-md: 0 4px 6px 0px hsl(0 0% 0% / .1), 0 2px 4px -1px hsl(0 0% 0% / .1);--shadow-lg: 0 10px 15px 0px hsl(0 0% 0% / .1), 0 4px 6px -2px hsl(0 0% 0% / .1);--shadow-xl: 0 20px 25px 0px hsl(0 0% 0% / .1), 0 8px 10px -4px hsl(0 0% 0% / .1);--shadow-2xl: 0 25px 50px 0px hsl(0 0% 0% / .15)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInView{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-hero{animation:fadeInUp .8s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-fade-in{opacity:0;animation:fadeInView .6s ease-out forwards}.animate-scale-in{opacity:0;animation:scaleIn .6s ease-out forwards}.animate-slide-left{opacity:0;animation:slideInLeft .8s ease-out forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.product-page{font-family:var(--font-sans);color:var(--foreground);background:var(--background);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.section-header{text-align:center;margin-bottom:3rem;max-width:640px;margin-left:auto;margin-right:auto}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.015em}.section-header p{font-size:1.125rem;color:var(--muted-foreground)}.main-nav{position:sticky;top:0;background:#fffffffa;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);z-index:1000;border-bottom:1px solid var(--border);transition:all .2s ease}.main-nav.scrolled{box-shadow:var(--shadow-sm)}.nav-container{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;padding-bottom:1rem}.logo{font-weight:800;font-size:1.5rem;letter-spacing:-.02em;color:var(--foreground)}.desktop-nav{display:flex;gap:2rem;align-items:center}.desktop-nav a{font-weight:500;color:var(--foreground);text-decoration:none;transition:color .2s ease}.desktop-nav a:hover{color:var(--muted-foreground)}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--foreground)}.mobile-menu{display:none;position:fixed;top:0;right:0;width:80%;max-width:320px;height:100vh;background:#fff;box-shadow:var(--shadow-2xl);padding:1.5rem;transform:translate(100%);transition:transform .3s ease-out;z-index:1001}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.close-menu-btn{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--foreground)}.mobile-nav{display:flex;flex-direction:column;gap:1.5rem}.mobile-nav a{font-weight:500;font-size:1.125rem;color:var(--foreground);text-decoration:none}.mobile-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:1000;opacity:0;transition:opacity .3s ease}.mobile-overlay.open{opacity:1}.btn{font-family:var(--font-sans);font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius);border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-size:.9375rem}.btn-primary{background-color:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:#101010;box-shadow:var(--shadow-md);transform:translateY(-1px)}.main-nav .btn-primary,.mobile-nav .btn-primary{background-color:#171717;color:#fff;border:1px solid oklch(.205 0 0);font-weight:600}.btn-secondary{background-color:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--accent);border-color:var(--muted-foreground)}.btn-large{font-size:1.125rem;padding:1rem 2rem}.hero-section{padding:4rem 0;background:linear-gradient(135deg,#00000004,#0000)}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-content h1{font-size:3.5rem;font-weight:800;line-height:1.2;letter-spacing:-.015em;margin-bottom:1rem}.gradient-text{background:linear-gradient(135deg,var(--foreground) 0%,var(--muted-foreground) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;color:var(--muted-foreground);margin-bottom:2rem;max-width:540px}.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.hero-features{font-size:.875rem;color:var(--muted-foreground)}.hero-image{background:linear-gradient(135deg,var(--muted) 0%,var(--accent) 100%);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow-xl);display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--muted-foreground)}.features-section{padding:4rem 0;background:var(--muted)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.features-grid{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);padding:1.5rem;box-shadow:var(--shadow-sm);transition:all .3s ease;will-change:transform,box-shadow}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--muted);border-radius:var(--radius);margin-bottom:1rem;animation:pulse 2s ease-in-out infinite;color:var(--foreground)}.card h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.card p{color:var(--muted-foreground);line-height:1.7}.how-it-works-section{padding:4rem 0}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.step{text-align:center}.step-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:var(--primary-foreground);border-radius:50%;font-weight:700;font-size:1.25rem;margin:0 auto 1rem}.step h4{font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.step p{font-size:.9375rem;color:var(--muted-foreground)}.detailed-features-section{padding:4rem 0;background:var(--muted)}.detailed-feature{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-bottom:3rem}.detailed-feature:last-child{margin-bottom:0}.feature-screenshot{border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow-xl);border:1px solid var(--border);background:var(--muted);min-height:300px;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground)}.feature-content h2{font-size:2rem;font-weight:700;margin-bottom:1rem}.feature-content p{font-size:1.125rem;color:var(--muted-foreground);margin-bottom:1.5rem}.feature-content ul{list-style:none;padding:0}.feature-content li{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:center;color:var(--success)}.feature-content li span{color:var(--foreground)}.pricing-section{padding:4rem 0}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto}.price-card{background:var(--card);border:2px solid var(--border);border-radius:calc(var(--radius) + 2px);padding:2rem;transition:all .3s ease}.price-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.price-card.featured{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:scale(1.05)}.price-card.featured:hover{transform:scale(1.05) translateY(-4px)}.featured-badge{background:var(--primary);color:var(--primary-foreground);padding:.25rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:600;display:inline-block;margin-bottom:1rem}.price-card h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.plan-description{color:var(--muted-foreground);margin-bottom:1.5rem}.price{margin-bottom:1.5rem}.price-amount{font-size:3rem;font-weight:800}.price-period{color:var(--muted-foreground)}.features-list{list-style:none;padding:0;margin-bottom:2rem}.features-list li{margin-bottom:.5rem;display:flex;gap:.5rem;align-items:center}.price-card .btn{width:100%;justify-content:center}.testimonials-section{padding:4rem 0;background:var(--muted)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:900px;margin:0 auto 3rem}.testimonial-card{background:var(--accent);border-radius:calc(var(--radius) + 2px);padding:2rem}.testimonial-quote{font-size:1.125rem;font-style:italic;margin-bottom:1.5rem}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:48px;height:48px;background:var(--muted);border-radius:50%}.author-name{font-weight:600}.author-role{font-size:.875rem;color:var(--muted-foreground)}.companies-section{text-align:center}.companies-label{font-size:.875rem;color:var(--muted-foreground);margin-bottom:1.5rem}.companies-logos{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap}.company-logo{font-weight:700;font-size:1.5rem;filter:grayscale(100%);opacity:.5;transition:all .3s ease}.company-logo:hover{filter:grayscale(0%);opacity:1}.final-cta-section{padding:4rem 0}.cta-container{text-align:center;max-width:800px;margin:0 auto}.cta-container h2{font-size:3rem;font-weight:700;margin-bottom:1rem}.cta-container>p{font-size:1.25rem;color:var(--muted-foreground);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-note{margin-top:1rem;font-size:.875rem;color:var(--muted-foreground)}.footer{background:var(--muted);border-top:1px solid var(--border);padding:3rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand{max-width:320px}.footer-brand .logo{margin-bottom:1rem}.footer-brand p{max-width:280px;color:var(--muted-foreground)}.footer-links h4{font-size:.875rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.footer-links ul{list-style:none;padding:0}.footer-links li{margin-bottom:.5rem}.footer-links a{font-size:.9375rem;color:var(--foreground);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--muted-foreground)}.footer-bottom{border-top:1px solid var(--border);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom p{font-size:.875rem;color:var(--muted-foreground)}.footer-legal{display:flex;gap:1.5rem}.footer-legal a{font-size:.875rem;color:var(--foreground);text-decoration:none}@media (max-width: 1024px){.hero-image{min-height:300px}.hero-content h1{font-size:2.5rem}.section-header h2{font-size:2rem}}@media (max-width: 768px){.hamburger{display:block}.desktop-nav{display:none}.mobile-menu.open,.mobile-overlay.open{display:block}.hero-container{grid-template-columns:1fr}.hero-content h1{font-size:2rem}.section-header h2{font-size:1.75rem}.hero-image{min-height:250px}.detailed-feature{grid-template-columns:1fr}.detailed-feature.image-left .feature-screenshot{order:-1}.price-card.featured{transform:scale(1)}.price-card.featured:hover{transform:translateY(-4px)}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:span 2}}@media (max-width: 640px){.footer-grid{grid-template-columns:1fr}.footer-brand{max-width:100%}}@media (max-width: 640px){.hero-content h1{font-size:1.75rem}.section-header h2{font-size:1.5rem}.cta-container h2{font-size:2rem}.logo{font-size:1.25rem}.cta-buttons{flex-direction:column}.btn{width:100%;justify-content:center}}.App{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}header{text-align:center}h1{font-size:3rem;margin-bottom:1rem}p{font-size:1.25rem;opacity:.9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}