@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--background:#0f172a;--surface:#1e293b;--surface-hover:#26344d;--surface-border:#334155;--primary:#059669;--primary-accent:#10b981;--primary-glow:#05966926;--foreground:#f8fafc;--foreground-muted:#94a3b8;--error:#f43f5e;--error-glow:#f43f5e26;--success:#059669;--font-heading:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);max-width:100vw;color:var(--foreground);font-family:var(--font-body);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--foreground-muted)}.glow-blob{filter:blur(120px);z-index:0;pointer-events:none;opacity:.08;mix-blend-mode:screen;border-radius:50%;position:absolute}.glow-blob-green{background:radial-gradient(circle, var(--primary) 0%, transparent 70%);width:600px;height:600px;top:-100px;right:-100px}.glow-blob-blue{background:radial-gradient(circle,#0284c7 0%,#0000 70%);width:500px;height:500px;bottom:10%;left:-100px}.glow-blob-purple{background:radial-gradient(circle,#7c3aed 0%,#0000 70%);width:400px;height:400px;top:40%;right:10%}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #05966933}50%{box-shadow:0 0 30px #05966966}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide{0%{opacity:0;transform:translateY(100px)scale(.9)}10%{opacity:1;transform:translateY(0)scale(1)}90%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-50px)scale(.95)}}.animate-float{animation:6s ease-in-out infinite float}.animate-glow{animation:3s infinite pulse-glow}.glass-card{-webkit-backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid #ffffff0d;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:#0596694d;box-shadow:0 12px 40px -15px #000000b3}.btn{font-family:var(--font-heading);cursor:pointer;border:none;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-accent) 100%);color:#fff;box-shadow:0 4px 15px #0596694d}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #05966980}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--foreground);background:#ffffff0d;border:1px solid #ffffff1a}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}p{color:var(--foreground-muted);line-height:1.6}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);background:#0f172acc;border-bottom:1px solid #ffffff0d;width:100%;transition:all .3s;position:fixed;top:0;left:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.nav-logo{font-family:var(--font-heading);color:#fff;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.nav-logo-icon{border-radius:8px}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--foreground-muted);font-size:15px;font-weight:500;transition:color .2s}.nav-links a:hover{color:#fff}.hero-section{grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;max-width:1200px;min-height:calc(100vh - 80px);margin:0 auto;padding:160px 24px 100px;display:grid;position:relative}.hero-text{z-index:1}.badge{color:var(--primary-accent);letter-spacing:.02em;background:#0596691a;border:1px solid #05966933;border-radius:20px;align-items:center;margin-bottom:24px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero-title{color:#fff;margin-bottom:20px;font-size:56px;line-height:1.1}.hero-title span{background:linear-gradient(135deg, var(--primary-accent) 0%, #34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc{max-width:520px;margin-bottom:36px;font-size:18px}.hero-ctas{flex-wrap:wrap;gap:16px;display:flex}.hero-image-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.hero-glow-under{filter:blur(50px);z-index:0;pointer-events:none;background:radial-gradient(circle,#0596694d 0%,#0000 70%);width:350px;height:350px;position:absolute}.hero-illustration-img{z-index:1;border:1px solid #ffffff14;border-radius:24px;max-width:100%;height:auto;box-shadow:0 20px 50px #0009}.stats-section{max-width:1200px;margin:0 auto;padding:60px 24px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.stat-card{text-align:center;padding:32px 24px}.stat-number{font-family:var(--font-heading);color:#fff;background:linear-gradient(135deg, #fff 0%, var(--foreground-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:40px;font-weight:800}.stat-label{color:var(--foreground-muted);font-size:14px;font-weight:500}.section-header{text-align:center;max-width:650px;margin:0 auto 60px;padding:0 24px}.section-tag{color:var(--primary-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:14px;font-weight:600;display:block}.section-title{color:#fff;margin-bottom:16px;font-size:36px}.section-desc{font-size:16px}.simulator-section{background:radial-gradient(circle,#1e293b4d 0%,#0000 100%);padding:100px 24px;position:relative}.simulator-container{grid-template-columns:1fr 1.1fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:grid}.simulator-info{flex-direction:column;display:flex}.sim-features{flex-direction:column;gap:20px;margin-top:32px;display:flex}.sim-feature-item{gap:16px;display:flex}.sim-icon-wrapper{width:44px;height:44px;color:var(--primary-accent);background:#0596691a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.sim-feature-title{color:#fff;margin-bottom:4px;font-size:16px;font-weight:600}.sim-feature-desc{color:var(--foreground-muted);font-size:14px}.simulator-app-frame{z-index:1;justify-content:center;display:flex;position:relative}.mock-phone{background:#020617;border:10px solid #1e293b;border-radius:44px;flex-direction:column;width:360px;height:680px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #000c,0 0 40px #0596691a}.mock-notch{z-index:20;background:#1e293b;border-bottom-right-radius:16px;border-bottom-left-radius:16px;width:120px;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mock-screen{background:#0f172a;flex-direction:column;flex:1;padding:32px 18px 18px;display:flex;position:relative;overflow:hidden}.mock-app-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.mock-app-title{color:#fff;font-size:18px;font-weight:700}.mock-app-actions{color:var(--foreground-muted);gap:12px;font-size:18px;display:flex}.mock-overall-row{background:#1e293b80;border:1px solid #ffffff08;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;display:flex}.mock-overall-label{color:var(--foreground-muted);font-size:13px;font-weight:500}.mock-overall-value{font-size:16px;font-weight:700;transition:color .3s}.value-positive{color:var(--primary-accent)}.value-negative{color:var(--error)}.mock-section-title{text-transform:uppercase;color:var(--foreground-muted);letter-spacing:.05em;margin-bottom:10px;font-size:12px;font-weight:600}.mock-collaborators-list{gap:8px;margin-bottom:24px;display:flex}.mock-avatar{color:#fff;border:2px solid var(--background);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;transition:transform .2s;display:flex;position:relative;box-shadow:0 4px 6px #0000001a}.mock-avatar:hover{transform:translateY(-2px)}.avatar-active:after{content:"";background:var(--primary-accent);border:1.5px solid #0f172a;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-2px;right:-2px}.mock-ledger-container{flex-direction:column;flex:1;gap:10px;margin-bottom:16px;padding-right:4px;display:flex;overflow-y:auto}.mock-ledger-item{background:#1e293b;border:1px solid #ffffff0d;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;animation:.3s ease-out slide-in-up;display:flex}.mock-ledger-left{align-items:center;gap:12px;display:flex}.mock-ledger-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.mock-ledger-details{flex-direction:column;display:flex}.mock-ledger-title{color:#fff;font-size:14px;font-weight:600}.mock-ledger-author{color:var(--foreground-muted);font-size:11px}.mock-ledger-right{text-align:right}.mock-ledger-amount{font-size:14px;font-weight:700}.mock-ledger-date{color:var(--foreground-muted);font-size:10px}.mock-controls{background:#1e293b;border:1px solid #ffffff14;border-radius:18px;padding:14px}.mock-tabs{background:#0f172a99;border-radius:10px;margin-bottom:12px;padding:3px;display:flex}.mock-tab-btn{color:var(--foreground-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:12px;font-weight:600;transition:all .2s}.mock-tab-btn-active{color:#fff;background:#0f172a}.mock-input-group{gap:8px;display:flex}.mock-input{border:1px solid var(--surface-border);color:#fff;background:#0f172a;border-radius:10px;outline:none;flex:1;padding:8px 12px;font-size:13px;transition:border-color .2s}.mock-input:focus{border-color:var(--primary-accent)}.mock-add-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:8px 16px;font-size:13px;font-weight:700;transition:background .2s;display:flex}.mock-add-btn:hover{background:var(--primary-accent)}.mock-toast-overlay{z-index:100;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:40px;left:14px;right:14px}.mock-toast{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--primary-accent);background:#1e293bf2;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;animation:3.5s cubic-bezier(.175,.885,.32,1.275) forwards toast-slide;display:flex;box-shadow:0 10px 20px #0006}.mock-toast-bell{color:var(--primary-accent);font-size:16px}.mock-toast-body{flex-direction:column;display:flex}.mock-toast-title{color:var(--primary-accent);font-size:11px;font-weight:700}.mock-toast-text{color:#fff;font-size:11px;line-height:1.3}.features-section{max-width:1200px;margin:0 auto;padding:80px 24px}.features-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.feature-card{padding:40px 32px}.feature-icon{width:56px;height:56px;color:var(--primary-accent);background:#05966914;border:1px solid #0596691a;border-radius:16px;justify-content:center;align-items:center;margin-bottom:28px;font-size:24px;transition:all .3s;display:flex}.feature-card:hover .feature-icon{background:var(--primary);color:#fff;transform:scale(1.1);box-shadow:0 0 20px #0596694d}.feature-title{color:#fff;margin-bottom:12px;font-size:20px}.feature-desc{font-size:15px}.stack-section{max-width:1200px;margin:0 auto;padding:80px 24px}.stack-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.stack-card{text-align:center;flex-direction:column;align-items:center;padding:40px 32px;display:flex}.stack-badge{color:var(--primary-accent);background:#0596691a;border:1px solid #05966926;border-radius:8px;margin-bottom:20px;padding:4px 10px;font-size:12px;font-weight:700}.stack-title{color:#fff;margin-bottom:12px;font-size:22px}.stack-desc{font-size:14px}.faq-section{max-width:800px;margin:0 auto;padding:80px 24px}.faq-list{flex-direction:column;gap:16px;display:flex}.faq-item{background:#1e293b66;border:1px solid #ffffff0d;border-radius:16px;transition:all .2s;overflow:hidden}.faq-item-open{background:#1e293bb3;border-color:#0596694d}.faq-question{text-align:left;width:100%;font-family:var(--font-heading);color:#fff;cursor:pointer;background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;padding:20px 24px;font-size:16px;font-weight:600;display:flex}.faq-toggle-icon{color:var(--foreground-muted);font-size:18px;transition:transform .2s}.faq-item-open .faq-toggle-icon{color:var(--primary-accent);transform:rotate(45deg)}.faq-answer{color:var(--foreground-muted);border-top:1px solid #ffffff05;padding:0 24px 20px;font-size:15px;line-height:1.6;display:none}.faq-item-open .faq-answer{display:block}.cta-section{text-align:center;padding:100px 24px;position:relative}.cta-container{z-index:1;max-width:800px;margin:0 auto;position:relative}.cta-card{background:linear-gradient(135deg,#1e293be6 0%,#0f172ae6 100%);border:1px solid #05966940;padding:60px 40px;box-shadow:0 20px 40px -15px #00000080}.cta-title{color:#fff;margin-bottom:16px;font-size:42px}.cta-desc{max-width:600px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:18px}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.footer{background:#090d16;border-top:1px solid #ffffff0d;padding:60px 24px 30px}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:48px;margin-bottom:48px;display:grid}.footer-logo{font-family:var(--font-heading);color:#fff;align-items:center;gap:10px;margin-bottom:16px;font-size:20px;font-weight:800;display:flex}.footer-about{max-width:280px;margin-bottom:20px;font-size:14px}.footer-col h4{text-transform:uppercase;color:#fff;letter-spacing:.05em;margin-bottom:20px;font-size:14px}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links a{color:var(--foreground-muted);font-size:14px;transition:color .2s}.footer-links a:hover{color:var(--primary-accent)}.footer-bottom{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:30px;display:flex}.footer-copyright{color:var(--foreground-muted);font-size:13px}.footer-socials{gap:16px;display:flex}.footer-social-link{color:var(--foreground-muted);font-size:18px;transition:color .2s}.footer-social-link:hover{color:#fff}@media (max-width:1024px){.hero-section{text-align:center;grid-template-columns:1fr;gap:48px;padding-top:140px}.hero-desc{margin-left:auto;margin-right:auto}.hero-ctas{justify-content:center}.simulator-container{grid-template-columns:1fr;gap:60px}.features-grid,.stack-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:16px}}@media (max-width:768px){.nav-links{display:none}.hero-title{font-size:40px}.features-grid,.stack-grid,.footer-grid{grid-template-columns:1fr;gap:24px}.stats-grid{grid-template-columns:1fr}.cta-title{font-size:30px}.footer-bottom{text-align:center;flex-direction:column;gap:16px}}