.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.5rem 0;transition:all .3s ease;background:transparent;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.navigation.scrolled{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 20px #0000000d;padding:1rem 0}:root.dark .navigation.scrolled{background:#111827e6;box-shadow:0 4px 20px #0000004d}.nav-container{max-width:1280px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo .logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--gradient-blue),var(--gradient-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;list-style:none;gap:2.5rem;align-items:center}.nav-links a{text-decoration:none;color:var(--text-dark);font-weight:500;font-size:.95rem;transition:all .3s ease;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(135deg,var(--gradient-blue),var(--gradient-violet));transition:width .3s ease}.nav-links a:hover{color:var(--gradient-blue)}.nav-links a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:1rem}.theme-toggle{width:40px;height:40px;border-radius:50%;border:none;background:var(--bg-light);color:var(--text-dark);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.theme-toggle:hover{background:var(--bg-grey)}:root.dark .theme-toggle{background:var(--bg-grey);color:var(--text-dark)}:root.dark .theme-toggle:hover{background:var(--bg-light)}.nav-cta{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--gradient-blue),var(--gradient-violet));color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4f46e54d}.nav-cta:hover{box-shadow:0 6px 20px #4f46e566}@media (max-width: 768px){.nav-links{display:none}.nav-container{padding:0 1rem}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 20s infinite ease-in-out}.orb-1{width:500px;height:500px;background:linear-gradient(135deg,var(--gradient-blue),var(--gradient-violet));top:-200px;left:-200px;animation-delay:0s}.orb-2{width:400px;height:400px;background:linear-gradient(135deg,var(--gradient-violet),#A855F7);bottom:-150px;right:-150px;animation-delay:5s}.orb-3{width:300px;height:300px;background:linear-gradient(135deg,#6366F1,var(--gradient-blue));top:50%;right:20%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-container{max-width:1280px;margin:0 auto;padding:0 2rem;position:relative;z-index:1;width:100%}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-headline{font-size:4.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--text-dark)}.gradient-text{background:linear-gradient(135deg,var(--gradient-blue),var(--gradient-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtext{font-size:1.25rem;color:var(--text-light);margin-bottom:2.5rem;line-height:1.7;max-width:550px}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.cta-primary{padding:1rem 2rem;background:linear-gradient(135deg,var(--gradient-blue),var(--gradient-violet));color:#fff;border:none;border-radius:16px;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 8px 25px #4f46e54d;transition:all .3s ease}.cta-secondary{padding:1rem 2rem;background:transparent;color:var(--text-dark);border:2px solid var(--text-light);border-radius:16px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.cta-secondary:hover{border-color:var(--gradient-blue);color:var(--gradient-blue)}.hero-visual{display:flex;justify-content:center;align-items:center}.phone-mockup{width:320px;height:640px;background:linear-gradient(135deg,#1f2937,#111827);border-radius:40px;padding:12px;box-shadow:0 20px 60px #0000004d;position:relative}.phone-screen{width:100%;height:100%;background:var(--bg-white);border-radius:32px;overflow:hidden;position:relative}.screen-content{padding:2rem 1.5rem;height:100%;display:flex;flex-direction:column;gap:1rem}.app-header{height:60px;background:linear-gradient(135deg,var(--gradient-blue),var(--gradient-violet));border-radius:16px;margin-bottom:1rem}.app-card{height:120px;background:var(--bg-light);border-radius:16px;border:1px solid #E5E7EB;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.app-card:before{content:"";width:60%;height:12px;background:var(--text-light);border-radius:6px;opacity:.3}.app-card:after{content:"";width:40%;height:8px;background:var(--text-light);border-radius:4px;opacity:.2}.card-1{animation:slideIn .8s ease-out 1s both}.card-2{animation:slideIn .8s ease-out 1.2s both}.card-3{animation:slideIn .8s ease-out 1.4s both}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:3rem}.hero-visual{order:-1}.hero-headline{font-size:3.5rem}}:root.dark .hero{background:var(--bg-white)}:root.dark .phone-mockup{background:linear-gradient(135deg,#0f172a,#1e293b)}:root.dark .phone-screen{background:var(--bg-white)}:root.dark .app-card{background:var(--bg-light);border-color:var(--bg-grey)}:root.dark .cta-secondary{border-color:var(--bg-grey);color:var(--text-dark)}:root.dark .cta-secondary:hover{border-color:var(--gradient-blue);color:var(--gradient-blue)}@media (max-width: 768px){.hero-headline{font-size:2.5rem}.hero-subtext{font-size:1.1rem}.phone-mockup{width:280px;height:560px}.hero-cta{flex-direction:column}.cta-primary,.cta-secondary{width:100%}}.problem-section{padding:8rem 0;background:var(--bg-light);position:relative}.problem-container{max-width:1280px;margin:0 auto;padding:0 2rem}.section-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:4rem;color:var(--text-dark)}.problems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.problem-card{background:var(--bg-white);padding:2.5rem 2rem;border-radius:20px;text-align:center;box-shadow:0 4px 20px #0000000d;transition:all .3s ease;border:1px solid #E5E7EB}.problem-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001a}.problem-icon{font-size:3rem;margin-bottom:1rem;color:var(--gradient-blue);display:flex;justify-content:center;align-items:center}.problem-text{font-size:1.1rem;color:var(--text-dark);font-weight:500;line-height:1.6}:root.dark .problem-section{background:var(--bg-light)}:root.dark .problem-card{background:var(--bg-white);border-color:var(--bg-grey)}:root.dark .problem-card:hover{box-shadow:0 8px 30px #0000004d}:root.dark .problem-icon{color:var(--gradient-blue)}@media (max-width: 768px){.section-title{font-size:2rem;margin-bottom:2rem}.problems-grid{grid-template-columns:1fr;gap:1.5rem}.problem-section{padding:4rem 0}}.how-it-works{padding:8rem 0;background:var(--bg-white);position:relative}.how-it-works-container{max-width:1280px;margin:0 auto;padding:0 2rem}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.step-card{background:var(--bg-light);padding:2.5rem 2rem;border-radius:24px;text-align:center;position:relative;transition:all .4s ease;border:2px solid transparent;cursor:pointer}.step-card.active{background:linear-gradient(135deg,#4f46e50d,#7c3aed0d);border-color:var(--gradient-blue);box-shadow:0 8px 30px #4f46e526}.step-number{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:40px;height:40px;background:linear-gradient(135deg,var(--gradient-blue),var(--gradient-violet));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;box-shadow:0 4px 15px #4f46e54d}.step-icon{font-size:3.5rem;margin:1.5rem 0 1rem;color:var(--gradient-blue);display:flex;justify-content:center;align-items:center}.step-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:var(--text-dark)}.step-description{font-size:1rem;color:var(--text-light);line-height:1.6}.step-indicator{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);width:8px;height:8px;background:var(--accent-green);border-radius:50%;box-shadow:0 0 10px var(--accent-green)}.progress-bar{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.progress-dot{width:12px;height:12px;border-radius:50%;background:#e5e7eb;transition:all .3s ease}.progress-dot.active{background:var(--accent-green);transform:scale(1.3);box-shadow:0 0 15px var(--accent-green)}:root.dark .how-it-works{background:var(--bg-white)}:root.dark .step-card{background:var(--bg-light);border-color:var(--bg-grey)}:root.dark .step-card.active{background:linear-gradient(135deg,#4f46e51a,#7c3aed1a);border-color:var(--gradient-blue)}:root.dark .step-icon{color:var(--gradient-blue)}@media (max-width: 768px){.steps-container{grid-template-columns:1fr;gap:1.5rem}.how-it-works{padding:4rem 0}}.features-section{padding:8rem 0;background:var(--bg-light);position:relative}.features-container{max-width:1280px;margin:0 auto;padding:0 2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:var(--bg-white);padding:2.5rem 2rem;border-radius:20px;box-shadow:0 4px 20px #0000000d;transition:all .3s ease;border:1px solid #E5E7EB}.feature-icon{font-size:3rem;margin-bottom:1.5rem;color:var(--gradient-blue);display:flex;justify-content:center;align-items:center}.feature-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-dark)}.feature-description{font-size:1rem;color:var(--text-light);line-height:1.7}:root.dark .features-section{background:var(--bg-light)}:root.dark .feature-card{background:var(--bg-white);border-color:var(--bg-grey)}:root.dark .feature-card:hover{box-shadow:0 12px 40px #0000004d}:root.dark .feature-icon{color:var(--gradient-blue)}@media (max-width: 768px){.features-grid{grid-template-columns:1fr;gap:1.5rem}.features-section{padding:4rem 0}}.built-for-hosts{padding:8rem 0;position:relative;overflow:hidden}.hosts-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.hosts-gradient{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,#4f46e514,#7c3aed14);transform:rotate(45deg)}.hosts-container{max-width:1280px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.hosts-header{text-align:center;margin-bottom:4rem}.hosts-title{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--gradient-blue),var(--gradient-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hosts-subtitle{font-size:1.25rem;color:var(--text-light);max-width:700px;margin:0 auto;line-height:1.7}.hosts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.host-card{background:var(--bg-white);padding:2.5rem 2rem;border-radius:24px;box-shadow:0 8px 30px #00000014;border:2px solid #E5E7EB;transition:all .3s ease;position:relative;overflow:hidden}.host-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--gradient-blue),var(--gradient-violet))}.host-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #4f46e526}.host-metric{display:flex;flex-direction:column;margin-bottom:1.5rem}.metric-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--gradient-blue),var(--gradient-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-label{font-size:.9rem;color:var(--text-light);font-weight:500;text-transform:uppercase;letter-spacing:1px}.host-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:var(--text-dark)}.host-description{font-size:1rem;color:var(--text-light);line-height:1.7;margin-bottom:1.5rem}.status-indicator{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.status-indicator.validated{background:#10b9811a;color:var(--accent-green)}.status-indicator.pending{background:#f59e0b1a;color:var(--accent-amber)}.status-indicator.active{background:#4f46e51a;color:var(--gradient-blue)}:root.dark .built-for-hosts{background:var(--bg-white)}:root.dark .hosts-gradient{background:linear-gradient(135deg,#4f46e51f,#7c3aed1f)}:root.dark .host-card{background:var(--bg-light);border-color:var(--bg-grey)}:root.dark .host-card:hover{box-shadow:0 12px 40px #4f46e533}:root.dark .status-indicator{display:inline-flex;align-items:center}@media (max-width: 768px){.hosts-title{font-size:2rem}.hosts-subtitle{font-size:1.1rem}.hosts-grid{grid-template-columns:1fr;gap:1.5rem}.built-for-hosts{padding:4rem 0}}.transparency-section{padding:8rem 0;background:var(--bg-white);position:relative}.transparency-container{max-width:1280px;margin:0 auto;padding:0 2rem}.transparency-header{text-align:center;margin-bottom:4rem}.transparency-title{font-size:3rem;font-weight:700;margin-bottom:1rem;color:var(--text-dark)}.transparency-subtitle{font-size:1.25rem;color:var(--text-light);max-width:700px;margin:0 auto;line-height:1.7}.transparency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.transparency-card{background:var(--bg-light);padding:3rem 2.5rem;border-radius:20px;text-align:center;border:1px solid #E5E7EB;transition:all .3s ease}.transparency-card:hover{background:var(--bg-white);box-shadow:0 8px 30px #00000014}.transparency-icon{font-size:3.5rem;margin-bottom:1.5rem;color:var(--gradient-blue);display:flex;justify-content:center;align-items:center}.transparency-point-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-dark)}.transparency-point-description{font-size:1rem;color:var(--text-light);line-height:1.7}:root.dark .transparency-section{background:var(--bg-white)}:root.dark .transparency-card{background:var(--bg-light);border-color:var(--bg-grey)}:root.dark .transparency-card:hover{background:var(--bg-white);box-shadow:0 8px 30px #0000004d}:root.dark .transparency-icon{color:var(--gradient-blue)}@media (max-width: 768px){.transparency-title{font-size:2rem}.transparency-subtitle{font-size:1.1rem}.transparency-grid{grid-template-columns:1fr;gap:1.5rem}.transparency-section{padding:4rem 0}}.social-proof-section{padding:8rem 0;background:var(--bg-light);position:relative}.social-proof-container{max-width:1280px;margin:0 auto;padding:0 2rem}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.testimonial-card{background:var(--bg-white);padding:2.5rem 2rem;border-radius:20px;box-shadow:0 4px 20px #0000000d;border:1px solid #E5E7EB;position:relative;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001a}.quote-icon{font-size:4rem;color:var(--gradient-blue);opacity:.2;position:absolute;top:1rem;left:1.5rem;font-weight:700;font-family:Georgia,serif;display:flex;align-items:center;justify-content:center}.testimonial-text{font-size:1.2rem;color:var(--text-dark);font-weight:500;line-height:1.7;margin-bottom:1.5rem;position:relative;z-index:1}.testimonial-author{display:flex;flex-direction:column;gap:.25rem;padding-top:1rem;border-top:1px solid #E5E7EB}.author-name{font-weight:600;color:var(--text-dark);font-size:1rem}.author-role{font-size:.9rem;color:var(--text-light)}:root.dark .social-proof-section{background:var(--bg-light)}:root.dark .testimonial-card{background:var(--bg-white);border-color:var(--bg-grey)}:root.dark .testimonial-card:hover{box-shadow:0 8px 30px #0000004d}:root.dark .quote-icon{color:var(--gradient-blue);opacity:.3}:root.dark .testimonial-author{border-top-color:var(--bg-grey)}@media (max-width: 768px){.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.social-proof-section{padding:4rem 0}}.final-cta{padding:8rem 0;position:relative;overflow:hidden;background:linear-gradient(135deg,#4f46e50d,#7c3aed0d)}.cta-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden}.cta-gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:pulse 8s infinite ease-in-out}.orb-1{width:600px;height:600px;background:linear-gradient(135deg,var(--gradient-blue),var(--gradient-violet));top:-300px;left:-300px}.orb-2{width:500px;height:500px;background:linear-gradient(135deg,var(--gradient-violet),#A855F7);bottom:-250px;right:-250px;animation-delay:2s}@keyframes pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.2);opacity:.6}}.cta-container{max-width:1280px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.cta-content{text-align:center;max-width:800px;margin:0 auto}.cta-headline{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--gradient-blue),var(--gradient-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.cta-subtext{font-size:1.25rem;color:var(--text-light);margin-bottom:3rem;line-height:1.7}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.download-btn{display:flex;align-items:center;gap:1rem;padding:1.25rem 2rem;background:var(--bg-white);border:2px solid #E5E7EB;border-radius:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00000014;min-width:200px}.download-btn:hover{border-color:var(--gradient-blue);box-shadow:0 8px 30px #4f46e533;transform:translateY(-2px)}.btn-icon{font-size:2rem}.btn-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.btn-label{font-size:.85rem;color:var(--text-light);font-weight:500}.btn-platform{font-size:1.1rem;font-weight:700;color:var(--text-dark)}:root.dark .final-cta{background:linear-gradient(135deg,#4f46e51f,#7c3aed1f)}:root.dark .cta-subtext{color:var(--text-light)}@media (max-width: 768px){.cta-headline{font-size:2.5rem}.cta-subtext{font-size:1.1rem}.cta-buttons{flex-direction:column;align-items:stretch}.download-btn{width:100%;justify-content:center}.final-cta{padding:4rem 0}}.footer{background:var(--text-dark);color:#fff;padding:4rem 0 2rem;position:relative}.footer-container{max-width:1280px;margin:0 auto;padding:0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem}.footer-section{display:flex;flex-direction:column}.footer-logo{font-size:1.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--gradient-blue),var(--gradient-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{color:#ffffffb3;font-size:.95rem;line-height:1.6}.footer-heading{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#fff}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:#ffffffb3;text-decoration:none;font-size:.95rem;transition:color .3s ease}.footer-links a:hover{color:#fff}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-copyright{color:#fff9;font-size:.9rem}:root.dark .footer{background:var(--text-dark)}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:2rem}.footer{padding:3rem 0 1.5rem}}.App{width:100%;min-height:100vh;background:var(--bg-white)}*{margin:0;padding:0;box-sizing:border-box}:root{--gradient-blue: #4F46E5;--gradient-violet: #7C3AED;--accent-green: #10B981;--accent-amber: #F59E0B;--text-dark: #1F2937;--text-light: #6B7280;--bg-white: #FFFFFF;--bg-light: #F9FAFB;--bg-grey: #F3F4F6}:root.dark{--text-dark: #F9FAFB;--text-light: #D1D5DB;--bg-white: #111827;--bg-light: #1F2937;--bg-grey: #374151}body{font-family:Inter,-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;color:var(--text-dark);line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}