:root{--dark: #1f2937;--bg: #0f1419;--color: #9ca3af;--accent: #6b7280;--light: #ffffff;--glow: rgba(156, 163, 175, .3)}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}h1{font-size:64px;font-weight:800;line-height:1.1;margin-bottom:24px;background:linear-gradient(135deg,var(--light) 0%,var(--color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:42px;font-weight:700;margin-bottom:48px;text-align:center;color:var(--color);text-shadow:0 0 20px var(--glow)}h3{font-size:22px;font-weight:700;color:var(--light)}p{line-height:1.7;color:#ffffffb3}.landing{display:flex;flex-direction:column;min-height:100vh;background:var(--bg);position:relative}.landing:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(107,114,128,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(156,163,175,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.navbar{position:sticky;top:0;background:#0f1419cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(156,163,175,.2);z-index:100;padding:20px 0}.navbar-content{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center;gap:40px;position:relative;z-index:1}.logo{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;color:var(--light);text-decoration:none;text-shadow:0 0 20px var(--glow)}.logo-icon{font-size:32px;filter:drop-shadow(0 0 10px var(--glow))}.nav-links{display:flex;gap:40px;flex:1}.nav-links a{color:#ffffffb3;text-decoration:none;font-weight:500;font-size:15px;transition:all .3s ease;position:relative;padding:8px 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color);transition:width .3s ease}.nav-links a:hover{color:var(--color);text-shadow:0 0 10px var(--glow)}.nav-links a:hover:after{width:100%}.theme-toggle{padding:6px 12px;background:#9ca3af1a;border:1px solid rgba(156,163,175,.3);border-radius:6px;color:var(--color);font-size:11px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-left:8px}.theme-toggle:hover{background:#9ca3af33;border-color:var(--color);box-shadow:0 0 20px var(--glow)}.cta-button{padding:12px 32px;background:linear-gradient(135deg,var(--color) 0%,var(--accent) 100%);color:var(--dark);border:none;border-radius:50px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 15px #9ca3af4d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #9ca3af80}.cta-button.large{padding:18px 48px;font-size:16px}main{flex:1;position:relative;z-index:1}.hero-section{max-width:1400px;margin:0 auto;padding:140px 40px;display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.hero-content{display:flex;flex-direction:column;gap:32px}.hero-subtitle{font-size:20px;color:#fffc;line-height:1.7}.email-signup{display:flex;gap:12px;max-width:550px}.email-signup input{flex:1;padding:16px 24px;border:1px solid rgba(156,163,175,.3);border-radius:50px;font-size:16px;background:#0f141980;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--light);transition:all .3s ease}.email-signup input::placeholder{color:#fff6}.email-signup input:focus{outline:none;border-color:var(--color);box-shadow:0 0 20px var(--glow)}.email-signup button{padding:16px 36px;background:linear-gradient(135deg,var(--color) 0%,var(--accent) 100%);color:var(--dark);border:none;border-radius:50px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 15px #9ca3af4d}.email-signup button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #9ca3af80}.success-message{color:#00ffa3;font-weight:600;text-shadow:0 0 10px rgba(0,255,163,.5)}.hero-image{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #9ca3af33;max-height:500px}.hero-image img{width:100%;height:100%;object-fit:cover;display:block;border:1px solid rgba(156,163,175,.3);border-radius:24px}.about-section{background:#0f141980;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 40px;border-top:1px solid rgba(156,163,175,.1);border-bottom:1px solid rgba(156,163,175,.1)}.about-section{max-width:1400px;margin:0 auto;padding:100px 40px;text-align:center}.about-image{border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #9ca3af33}.about-image img{width:100%;height:100%;object-fit:cover;display:block;border:1px solid rgba(156,163,175,.3);border-radius:24px}.about-content{text-align:center;margin:0 auto}.about-content h2{text-align:center;margin-bottom:24px}.lead{font-size:18px;line-height:1.7;color:#ffffffb3;margin-bottom:40px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.stat-item{text-align:center;position:relative;padding:32px;background:#9ca3af0d;border-radius:16px;border:1px solid rgba(156,163,175,.2)}.stat-number{font-size:72px;font-weight:800;background:linear-gradient(135deg,var(--color) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;text-shadow:0 0 30px var(--glow)}.stat-label{font-size:18px;color:#fffc;font-weight:600}.how-it-works-section{max-width:1400px;margin:0 auto;padding:120px 40px}.workflow-steps{display:flex;align-items:center;justify-content:center;gap:20px;margin:60px auto 0;max-width:1300px;flex-wrap:wrap}.workflow-step{flex:1;min-width:220px;max-width:280px;padding:32px 24px;background:#9ca3af0d;border:2px solid rgba(156,163,175,.2);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease;text-align:center;position:relative}.workflow-step:hover{background:#9ca3af14;border-color:var(--color);transform:translateY(-8px);box-shadow:0 16px 50px var(--glow)}.step-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,var(--color) 0%,var(--accent) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px var(--glow);border:4px solid var(--dark)}.step-number{font-size:36px;font-weight:800;color:var(--dark)}.workflow-step h3{font-size:24px;margin-bottom:12px;color:var(--color);font-weight:700}.workflow-step p{font-size:15px;line-height:1.6;color:#fffc}.workflow-connector{font-size:36px;color:var(--color);font-weight:300;flex-shrink:0;opacity:.6}.use-cases-section{background:#0f141980;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:120px 40px;border-top:1px solid rgba(156,163,175,.1)}.use-cases-section h2{max-width:1400px;margin-left:auto;margin-right:auto}.use-cases-grid{max-width:1400px;margin:60px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px}.use-case-card{background:#9ca3af08;border-radius:16px;border:1px solid rgba(156,163,175,.15);overflow:hidden;transition:all .3s ease}.use-case-card:hover{transform:translateY(-8px);background:#9ca3af14;box-shadow:0 20px 40px #9ca3af33}.use-case-image{width:100%;height:180px;overflow:hidden}.use-case-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.use-case-card:hover .use-case-image img{transform:scale(1.05)}.use-case-card h3{margin:24px 28px 12px;font-size:20px;color:#fff}.use-case-card p{margin:0 28px 28px}.features-section{max-width:1400px;margin:0 auto;padding:120px 40px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;margin-top:60px}.feature-card{padding:40px;background:#9ca3af0d;border:1px solid rgba(156,163,175,.2);border-radius:16px;transition:all .3s ease;text-align:center}.feature-card:hover{transform:translateY(-10px);border-color:var(--color);box-shadow:0 25px 50px #9ca3af33;background:#9ca3af14}.feature-icon{font-size:56px;margin-bottom:20px;filter:drop-shadow(0 0 10px var(--glow))}.feature-card h3{margin-bottom:16px;color:#fff}.feature-card p{color:#fff9;line-height:1.7}.benefits-section{max-width:1400px;margin:0 auto;padding:120px 40px;background:#0f141980;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:36px;margin-top:60px}.benefit-card{padding:40px;background:#9ca3af0d;border:1px solid rgba(156,163,175,.2);border-radius:16px;transition:all .3s ease}.benefit-card:hover{border-color:var(--color);box-shadow:0 15px 40px #9ca3af26}.benefit-card h3{margin-bottom:28px;font-size:24px;color:var(--color)}.benefit-card ul{list-style:none;padding:0;margin:0}.benefit-card li{padding:14px 0 14px 32px;position:relative;color:#ffffffb3;font-size:15px}.benefit-card li:before{content:"✓";position:absolute;left:0;color:var(--color);font-weight:700;font-size:18px}.roadmap-section{background:#0f141980;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:120px 40px;border-top:1px solid rgba(156,163,175,.1)}.roadmap-timeline{max-width:1400px;margin:60px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.roadmap-item{background:#9ca3af0d;border:1px solid rgba(156,163,175,.2);padding:36px;border-radius:16px;position:relative;transition:all .3s ease}.roadmap-item:hover{transform:translateY(-5px);border-color:var(--color);box-shadow:0 15px 35px #9ca3af26}.roadmap-status{display:inline-block;padding:8px 20px;border-radius:50px;font-size:11px;font-weight:800;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.roadmap-status.current{background:linear-gradient(135deg,var(--color) 0%,var(--accent) 100%);color:var(--dark);box-shadow:0 4px 15px #9ca3af66}.roadmap-status.upcoming{background:#9ca3af1a;color:var(--color);border:1px solid var(--color)}.roadmap-status.future{background:transparent;color:#ffffff80;border:1px solid rgba(255,255,255,.2)}.roadmap-item h3{margin-bottom:20px}.roadmap-item ul{list-style:none;padding:0;margin:0}.roadmap-item li{padding:10px 0 10px 24px;position:relative;color:#fff9;font-size:14px}.roadmap-item li:before{content:"→";position:absolute;left:0;color:var(--color);font-weight:700}.faq-section{max-width:1400px;margin:0 auto;padding:120px 40px}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;margin-top:60px}.faq-item{padding:0;background:#9ca3af0d;border:1px solid rgba(156,163,175,.2);border-radius:16px;border-left:4px solid var(--color);transition:all .3s ease;cursor:pointer;overflow:hidden}.faq-item:hover{border-left-width:6px;background:#9ca3af14;box-shadow:0 10px 30px #9ca3af26}.faq-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 36px}.faq-item h3{margin:0;color:var(--light);font-size:20px;flex:1}.faq-icon{color:var(--color);font-size:14px;transition:transform .3s ease;flex-shrink:0}.faq-icon.open{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 36px}.faq-answer.open{max-height:500px;padding:0 36px 28px}.faq-answer p{color:#fff9;line-height:1.7;margin:0}.cta-section{max-width:1400px;margin:0 auto;padding:140px 40px;text-align:center}.cta-section h2{font-size:52px;margin-bottom:24px}.cta-section>p{font-size:20px;margin-bottom:48px;color:#ffffffb3}.email-signup-large{display:flex;gap:16px;max-width:650px;margin:0 auto 24px}.email-signup-large input{flex:1;padding:20px 32px;border:1px solid rgba(156,163,175,.3);border-radius:50px;font-size:16px;background:#0f141980;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--light);transition:all .3s ease}.email-signup-large input::placeholder{color:#fff6}.email-signup-large input:focus{outline:none;border-color:var(--color);box-shadow:0 0 25px var(--glow)}.success-message-large{color:#00ffa3;font-weight:700;font-size:20px;margin-top:24px;text-shadow:0 0 15px rgba(0,255,163,.5)}.cta-note{margin-top:20px;color:#ffffff80;font-size:14px}.footer{background:#0f1419cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--light);padding:80px 40px 32px;border-top:1px solid rgba(156,163,175,.2);margin-top:100px}.footer-content{max-width:1400px;margin:0 auto 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:60px}.footer-section h4{color:var(--color);margin-bottom:20px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.footer-section p{color:#fff9;line-height:1.7}.footer-section a{display:block;color:#fff9;text-decoration:none;margin-bottom:14px;transition:all .3s ease;font-size:14px}.footer-section a:hover{color:var(--color);padding-left:8px;text-shadow:0 0 10px var(--glow)}.footer-bottom{max-width:1400px;margin:0 auto;padding-top:32px;border-top:1px solid rgba(156,163,175,.1);text-align:center}.footer-bottom p{color:#fff6;font-size:14px}@media(max-width:768px){h1{font-size:40px}h2{font-size:32px;margin-bottom:32px}.navbar-content{padding:0 20px;gap:16px}.nav-links{display:none}.hero-section{grid-template-columns:1fr;padding:80px 20px;gap:50px}.workflow-diagram{height:280px}.email-signup,.email-signup-large{flex-direction:column;width:100%}.email-signup input,.email-signup button,.email-signup-large input,.email-signup-large button{width:100%}.about-section{grid-template-columns:1fr;padding:80px 20px}.how-it-works-section,.use-cases-section,.features-section,.benefits-section,.roadmap-section,.faq-section,.cta-section{padding:80px 20px}.stats-grid{grid-template-columns:1fr;gap:32px}.stat-number{font-size:56px}.workflow-steps{flex-direction:column;gap:30px}.workflow-step{max-width:100%;width:100%}.workflow-connector{transform:rotate(90deg);font-size:28px}.use-cases-grid,.features-grid,.benefits-grid,.roadmap-timeline,.faq-grid{grid-template-columns:1fr}.feature-card,.faq-item,.benefit-card,.roadmap-item{padding:28px}.footer-content{grid-template-columns:1fr;gap:40px}.lead,.hero-subtitle{font-size:18px}.cta-section h2{font-size:36px}}:root{--dark: #393e41;--color: #368f8b;--light: #ffffff;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;font-family:"Inconsolata" font-size: 16px;line-height:1.6;color-scheme:light;color:var(--color);background:var(--light);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;background:var(--bg-white)}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--heading);font-weight:700;color:var(--dark)}h1{font-size:48px;line-height:1.2;margin:0 0 24px}h2{font-size:36px;line-height:1.3;margin:0 0 48px}h3{font-size:20px;line-height:1.4;margin:0 0 12px}p{margin:0;color:var(--color)}