@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap");:root{--primary:#1a73e8;--primary-glow:rgba(26,115,232,.4);--secondary:#0f172a;--accent:#7c4dff;--text-main:#1e293b;--text-muted:#64748b;--bg-landing:#fff;--surface:#f8fafc;--border:#e2e8f0;--glass:hsla(0,0%,100%,.8);--glass-border:hsla(0,0%,100%,.5);--gradient-main:linear-gradient(135deg,#1a73e8,#7c4dff);--gradient-soft:linear-gradient(135deg,#f0f7ff,#f5f3ff)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;color:var(--text-main);background-color:var(--bg-landing);overflow-x:hidden;-webkit-font-smoothing:antialiased}.logo,h1,h2,h3{font-family:Plus Jakarta Sans,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}.navbar{justify-content:space-between;padding:20px 80px;position:fixed;top:0;width:100%;z-index:1000;background:var(--glass);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05)}.logo,.navbar{display:flex;align-items:center}.logo{gap:12px;font-weight:800;font-size:24px;color:var(--secondary);text-decoration:none;letter-spacing:-.5px}.nav-links{display:flex;gap:40px;align-items:center}@media (max-width:768px){.navbar{padding:15px 20px}.nav-links{display:none}}.nav-link{text-decoration:none;color:var(--text-muted);font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover{color:var(--primary);transform:translateY(-1px)}.nav-cta{background:var(--secondary);color:#fff;padding:12px 28px;border-radius:12px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(15,23,42,.15)}.nav-cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px rgba(15,23,42,.25);background:#1e293b}.nav-cta.secondary{background:#fff;color:var(--secondary);border:1px solid var(--border)}.nav-cta.secondary:hover{background:var(--surface)}.hero{padding-top:180px;padding-bottom:120px;text-align:center;position:relative;background:radial-gradient(circle at 50% -20%,#e0e7ff 0,#fff 50%)}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%231a73e8' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.hero-content{max-width:1000px;margin:0 auto;padding:0 24px}.badge{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);color:var(--primary);padding:8px 20px;border-radius:99px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px rgba(0,0,0,.03)}.badge,.hero h1{margin-bottom:32px}.hero h1{font-size:clamp(40px,8vw,80px);font-weight:800;letter-spacing:-3px;line-height:1.1;color:var(--secondary)}.hero h1 span{background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block}.hero p{font-size:clamp(16px,2vw,20px);color:var(--text-muted);max-width:700px;margin:0 auto 60px;line-height:1.6}@media (max-width:768px){.hero{padding-top:120px;padding-bottom:60px}.discovery-mockup{padding:24px;border-radius:20px}.mockup-input-wrapper{padding:8px 8px 8px 16px;gap:10px}.mockup-button{padding:12px 20px;font-size:13px}.platforms-row{flex-wrap:wrap;gap:8px}.platform-chip{padding:8px 16px;font-size:12px}}.discovery-mockup{max-width:900px;margin:0 auto;background:#fff;padding:48px;border-radius:32px;box-shadow:0 40px 100px -20px rgba(15,23,42,.15);border:1px solid var(--border);position:relative;z-index:10;transform:perspective(1000px) rotateX(2deg);transition:transform .5s ease}.discovery-mockup:hover{transform:perspective(1000px) rotateX(0deg) translateY(-5px)}.mockup-input-wrapper{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:10px 10px 10px 32px;align-items:center;gap:20px;transition:all .3s ease}.mockup-input-wrapper:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px var(--primary-glow)}.mockup-input{flex:1;border:none;background:transparent;font-size:18px;font-weight:500;outline:none;color:var(--secondary);font-family:Inter,sans-serif}.mockup-button{background:var(--gradient-main);color:#fff;border:none;padding:16px 40px;border-radius:16px;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s ease}.mockup-button:hover{transform:scale(1.02);box-shadow:0 10px 20px var(--primary-glow)}.platforms-row{display:flex;justify-content:center;gap:16px;margin-top:40px}.platform-chip{display:flex;align-items:center;gap:10px;padding:10px 28px;background:var(--surface);border-radius:99px;font-size:14px;font-weight:700;color:var(--text-muted);border:1px solid transparent;cursor:pointer;transition:all .3s ease}.platform-chip:hover{background:#f1f5f9}.platform-chip.active{background:#fff;border-color:var(--primary);color:var(--primary);box-shadow:0 10px 20px rgba(26,115,232,.1)}.features-section{padding:140px 80px;background:#fff}.section-header{text-align:center;margin-bottom:100px}.section-header h2{font-size:56px;font-weight:800;letter-spacing:-2px;margin-bottom:24px;color:var(--secondary)}.feature-card{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:center;margin-bottom:140px}.feature-card:nth-child(2n){grid-template-columns:1.2fr 1fr}.feature-card:nth-child(2n) .feature-text{order:2}.feature-text h3{font-size:40px;font-weight:800;margin-bottom:24px;letter-spacing:-1px}.feature-text p{font-size:18px;color:var(--text-muted);line-height:1.8;margin-bottom:40px}.feature-image{background:var(--surface);border-radius:40px;padding:40px;position:relative;overflow:hidden;border:1px solid var(--border)}.feature-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom right,hsla(0,0%,100%,.8),transparent);pointer-events:none}.pricing-section{padding:120px 40px;background:#f8fafc}.pricing-grid{display:flex;gap:32px;overflow-x:auto;padding:40px 10px;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;max-width:1400px;margin:0 auto}.pricing-grid::-webkit-scrollbar{display:none}.pricing-card{flex:0 0 350px;background:#fff;border:1px solid var(--border);border-radius:32px;padding:48px 40px;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.16,1,.3,1);scroll-snap-align:center;position:relative}.pricing-card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:0 30px 60px rgba(0,0,0,.08)}.pricing-card.featured{background:var(--secondary);color:#fff;border:none;transform:scale(1.05);z-index:10}.price-header h4{font-family:JetBrains Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--primary);margin-bottom:24px}.featured .price-header h4{color:#60a5fa}.price{font-size:64px;font-weight:800;letter-spacing:-3px;margin-bottom:16px;display:flex;align-items:baseline}.price span{font-size:18px;font-weight:500;letter-spacing:0;opacity:.6}.capacity-pill{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;padding:6px 12px;background:#f1f5f9;color:var(--secondary);border-radius:100px;display:inline-block;margin-bottom:40px}.featured .capacity-pill{background:hsla(0,0%,100%,.1);color:#fff}.pricing-features{display:flex;flex-direction:column;gap:16px;margin-bottom:48px;flex:1}.pricing-feature{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:var(--text-muted)}.featured .pricing-feature{color:hsla(0,0%,100%,.7)}.pricing-cta{width:100%;padding:16px;border-radius:16px;font-weight:700;text-align:center;text-decoration:none;transition:all .3s ease;background:var(--primary);color:#fff}.featured .pricing-cta{background:#fff;color:var(--secondary)}.pricing-cta:hover{transform:scale(1.02);opacity:.9}.footer{padding:100px 80px 60px;background:#fff;border-top:1px solid var(--border)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px;margin-bottom:80px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:40px;border-top:1px solid var(--border);color:var(--text-muted);font-size:14px}.success-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto}.step-card{text-align:center;padding:40px;background:#fff;border-radius:32px;border:1px solid var(--border);transition:all .3s ease}.step-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.05)}.step-number{width:48px;height:48px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;margin:0 auto 24px;box-shadow:0 4px 12px var(--primary-glow)}.comparison-container{max-width:900px;margin:0 auto;background:#fff;border-radius:32px;overflow:hidden;border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.05)}.benchmark-container{display:flex;flex-direction:column;gap:32px;max-width:900px;margin:0 auto}.benchmark-row{background:#fff;border:1px solid var(--border);border-radius:24px;padding:32px;display:grid;grid-template-columns:1.5fr 3fr;gap:40px;align-items:center;transition:all .3s ease}.benchmark-row:hover{border-color:var(--primary);box-shadow:0 20px 40px rgba(0,0,0,.05)}.metric-info h4{font-size:18px;font-weight:800;color:var(--secondary);margin-bottom:4px}.metric-id{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px}.benchmark-bars{gap:20px}.bar-wrapper,.benchmark-bars{display:flex;flex-direction:column}.bar-wrapper{gap:8px}.bar-label{display:flex;justify-content:space-between;font-size:12px;font-weight:700}.bar-bg{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;position:relative}.bar-fill{height:100%;border-radius:4px;transition:width 1s ease-in-out}.bar-fill.flotense{background:var(--gradient-main);box-shadow:0 0 15px rgba(26,115,232,.3)}.bar-fill.manual{background:#e2e8f0}@media (max-width:768px){.benchmark-row{grid-template-columns:1fr;gap:24px;padding:24px}}.faq-grid{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item{background:#fff;border:1px solid var(--border);border-radius:20px;padding:24px 32px;transition:all .3s ease}.faq-item:hover{border-color:var(--primary)}.faq-q{font-weight:700;font-size:16px;color:var(--secondary);margin-bottom:8px;display:block}.faq-a{font-size:15px;color:var(--text-muted);line-height:1.6}@media (max-width:768px){.hero h1{font-size:40px;letter-spacing:-1px}.feature-card{gap:40px;text-align:center}.feature-card,.feature-card:nth-child(2n){grid-template-columns:1fr}.feature-card:nth-child(2n) .feature-text{order:1}.navbar{padding:15px 20px}.footer-top{gap:40px}.footer-top,.success-steps{grid-template-columns:1fr}.features-section,.footer,.pricing-section,.px-10,.py-24,.py-32{padding-left:20px!important;padding-right:20px!important}.pricing-grid{grid-template-columns:1fr}.studio-card{padding:20px}.pricing-card.featured{transform:scale(1)}.footer{padding:60px 20px}.footer-bottom{flex-direction:column;gap:20px;text-align:center}}