@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;900&family=Open+Sans:wght@300;400;600;700;800&display=swap");:root{--sage-green:#98A6A4;--mint-green:#C5D9D5;--light-mint:#DFF2EF;--dark-gray:#404040;--charcoal:#0D0D0D;--white:#FFFFFF;--light-gray:#F5F5F5;--border-gray:#E2E8F0;--primary-gradient:linear-gradient(135deg,#98A6A4,#C5D9D5);--background-gradient:linear-gradient(135deg,#DFF2EF,#FFFFFF);--subtle-gradient:linear-gradient(135deg,#C5D9D5,#DFF2EF);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:50px;--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Open Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5;color:var(--dark-gray);background:var(--white)}h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif;color:var(--charcoal);line-height:1.2}h1{font-size:48px;font-weight:700;line-height:56px}h2{font-size:36px;line-height:44px}h2,h3{font-weight:600}h3{font-size:24px;line-height:32px}h4{font-size:20px;font-weight:500;line-height:28px}p{font-size:16px;line-height:24px}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.navbar{position:fixed;top:0;left:0;right:0;background:var(--white);border-bottom:1px solid var(--border-gray);z-index:1000;height:64px}.nav-wrapper{justify-content:space-between;height:64px}.nav-brand,.nav-wrapper{display:flex;align-items:center}.nav-brand{gap:var(--spacing-sm)}.nav-logo{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.nav-title{font-family:Roboto,sans-serif;font-size:20px;font-weight:600;color:var(--charcoal)}.nav-menu{display:flex;align-items:center;gap:var(--spacing-xl)}.nav-link{text-decoration:none;color:var(--dark-gray);font-weight:500;padding:var(--spacing-sm) 0;position:relative;transition:color .3s ease}.nav-link:hover{color:var(--sage-green)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--sage-green);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:var(--spacing-md)}.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}.nav-toggle span{width:24px;height:2px;background:var(--dark-gray)}.btn,.nav-toggle span{transition:all .3s ease}.btn{font-family:Roboto,sans-serif;font-weight:500;padding:12px 24px;border-radius:var(--radius-sm);border:none;cursor:pointer;text-decoration:none;display:inline-block;font-size:16px;height:44px;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--sage-green);color:var(--white)}.btn-primary:hover{background:#879593;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--white);color:var(--sage-green);border:1px solid var(--sage-green)}.btn-secondary:hover{background:var(--light-mint)}a.btn{display:inline-block;text-align:center}.btn-large{padding:16px 32px;font-size:18px;height:52px}.btn-block{width:100%}main{margin-top:64px}.hero{background:var(--background-gradient);background-image:url(/images/hero_background.png);background-size:cover;background-position:50%;background-repeat:no-repeat;padding:var(--spacing-2xl) 0 calc(var(--spacing-2xl) * 2);text-align:center;position:relative}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background-gradient);opacity:.8;z-index:1}.hero-content,.hero-screenshots{position:relative;z-index:2}.hero-content{max-width:800px;margin:0 auto}.hero h1{margin-bottom:var(--spacing-lg);color:var(--charcoal)}.hero-subtitle{font-size:20px;line-height:32px;color:var(--dark-gray);margin-bottom:var(--spacing-xl)}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-lg)}.hero-note{font-size:14px;color:var(--dark-gray);opacity:.8}.hero-screenshots{margin-top:var(--spacing-2xl)}.screenshot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--spacing-lg);max-width:1400px;margin:0 auto}.screenshot-card{background:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg);transition:all .3s ease;position:relative}.screenshot-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.screenshot-card.featured{grid-row:1/3}.screenshot-image-wrapper{position:relative;cursor:pointer;overflow:hidden;border-radius:var(--radius-md) var(--radius-md) 0 0}.screenshot-image{width:100%;height:auto;display:block;transition:transform .3s ease}.screenshot-image-wrapper:hover .screenshot-image{transform:scale(1.05)}.screenshot-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white);opacity:0;transition:opacity .3s ease;gap:var(--spacing-xs)}.screenshot-image-wrapper:hover .screenshot-overlay{opacity:1}.screenshot-overlay span{font-size:14px;font-weight:500}.screenshot-caption{padding:var(--spacing-lg);text-align:left}.screenshot-caption h3{font-size:18px;margin-bottom:var(--spacing-xs);color:var(--charcoal)}.screenshot-caption p{font-size:14px;color:var(--dark-gray);line-height:1.4}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-header h2{margin-bottom:var(--spacing-md)}.section-header p{font-size:18px;color:var(--dark-gray)}.features{padding:calc(var(--spacing-2xl) * 2) 0;background:var(--white)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl)}.feature-card{background:var(--white);border:1px solid var(--border-gray);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--light-mint);border-radius:var(--radius-md);margin:0 auto var(--spacing-lg);color:var(--sage-green);transition:all .3s ease}.feature-card:hover .feature-icon{background:var(--sage-green);color:var(--white);transform:translateY(-2px)}.feature-icon svg{width:32px;height:32px}.feature-card h3{margin-bottom:var(--spacing-md)}.feature-card p{color:var(--dark-gray)}.how-it-works{padding:calc(var(--spacing-2xl) * 2) 0;background:var(--light-gray)}.steps{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap}.step{flex:1;min-width:200px;text-align:center;padding:var(--spacing-xl);background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.step-number{width:60px;height:60px;background:var(--primary-gradient);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto var(--spacing-md)}.step h3{margin-bottom:var(--spacing-sm)}.step-arrow{font-size:32px;color:var(--sage-green);flex-shrink:0}.testimonials{padding:calc(var(--spacing-2xl) * 2) 0;background:var(--white)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl)}.testimonial-card{background:var(--light-gray);padding:var(--spacing-xl);border-radius:var(--radius-md)}.testimonial-card blockquote{font-size:18px;line-height:28px;color:var(--dark-gray);margin-bottom:var(--spacing-lg);font-style:italic}.testimonial-author strong{display:block;color:var(--charcoal);margin-bottom:var(--spacing-xs)}.testimonial-author span{color:var(--dark-gray);font-size:14px}.pricing{padding:calc(var(--spacing-2xl) * 2) 0;background:var(--light-gray)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);max-width:1000px;margin:0 auto}.pricing-card{background:var(--white);border:1px solid var(--border-gray);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;position:relative;transition:all .3s ease}.pricing-card.featured{border-color:var(--sage-green);transform:scale(1.05);box-shadow:var(--shadow-lg)}.featured-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--sage-green);color:var(--white);padding:4px 16px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.price{margin:var(--spacing-lg) 0}.price-amount{font-size:48px;font-weight:700;color:var(--charcoal)}.price-period{font-size:18px;color:var(--dark-gray)}.features-list{list-style:none;margin-bottom:var(--spacing-xl);text-align:left}.features-list li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative}.features-list li:before{content:"✓";position:absolute;left:0;color:var(--sage-green);font-weight:700}.cta{padding:calc(var(--spacing-2xl) * 2) 0;background:var(--primary-gradient);text-align:center;color:var(--white)}.cta-content h2{color:var(--white);margin-bottom:var(--spacing-md)}.cta-content p{font-size:20px;margin-bottom:var(--spacing-xl);color:var(--white);opacity:.9}.cta-actions{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg)}.cta-note{font-size:14px;opacity:.8}.contact-form-container{max-width:600px;margin:0 auto;padding:var(--spacing-xl)}.beta-form{max-width:400px;margin:0 auto}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-weight:600;color:var(--dark-gray);font-size:14px}.form-group input,.form-group textarea{padding:var(--spacing-md);border:1px solid var(--border-gray);border-radius:var(--radius-sm);font-size:16px;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--sage-green);box-shadow:0 0 0 3px rgba(152,166,164,.1)}.form-group textarea{resize:vertical;min-height:100px}.submit-btn{padding:var(--spacing-md) var(--spacing-xl);font-size:16px;font-weight:600;margin-top:var(--spacing-md)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#dc3545;background:#f8d7da;border:1px solid #f5c6cb;border-radius:var(--radius-sm);padding:var(--spacing-sm);font-size:14px}.success-message{text-align:center;padding:var(--spacing-xl);background:var(--light-mint);border-radius:var(--radius-md)}.success-message h3{color:var(--sage-green);margin-bottom:var(--spacing-md)}@media (max-width:768px){.form-row{grid-template-columns:1fr}.contact-form-container{padding:var(--spacing-md)}}.footer{background:var(--charcoal);color:var(--white);padding:var(--spacing-2xl) 0 var(--spacing-xl)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.footer-column h4{color:var(--white);margin-bottom:var(--spacing-md);font-size:18px}.footer-column ul{list-style:none}.footer-column li{margin-bottom:var(--spacing-sm)}.footer-column a{color:rgba(255,255,255,.7);text-decoration:none;transition:color .3s ease}.footer-column a:hover{color:var(--white)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,.1)}.footer-link{color:var(--sage-green);text-decoration:none;font-weight:600;transition:color .3s ease}.footer-link:hover{color:var(--mint-green)}.social-links{display:flex;gap:var(--spacing-md)}.social-links a{color:rgba(255,255,255,.7);text-decoration:none;font-size:18px;transition:color .3s ease}.social-links a:hover{color:var(--white)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-lg);cursor:pointer}.modal-content{position:relative;max-width:90vw;max-height:90vh;background:var(--white);border-radius:var(--radius-md);padding:var(--spacing-lg);cursor:default}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:rgba(0,0,0,.1);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease;z-index:10000}.modal-close:hover{background:rgba(0,0,0,.2)}.modal-image-container{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.modal-image{max-width:100%;max-height:70vh;width:auto;height:auto;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg)}.modal-caption{text-align:center;color:var(--dark-gray);font-size:14px;font-style:italic;margin:0}@media (max-width:1024px){.pricing-card.featured{transform:none}.screenshot-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:var(--spacing-lg)}.screenshot-card.featured{grid-column:1/3;grid-row:auto}}@media (max-width:768px){h1{font-size:36px;line-height:44px}h2{font-size:28px;line-height:36px}h3{font-size:20px;line-height:28px}.nav-menu{position:fixed;top:64px;left:0;right:0;background:var(--white);flex-direction:column;padding:var(--spacing-lg);border-bottom:1px solid var(--border-gray);transform:translateY(-100%);opacity:0;transition:all .3s ease;box-shadow:var(--shadow-lg)}.nav-menu.active{transform:translateY(0);opacity:1}.nav-toggle{display:flex}.nav-actions .btn{display:none}.hero-actions{flex-direction:column;width:100%;max-width:300px;margin:0 auto var(--spacing-lg)}.hero-actions .btn{width:100%}.screenshot-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:var(--spacing-md)}.screenshot-card.featured{grid-row:auto}.screenshot-caption{padding:var(--spacing-md)}.features-grid{grid-template-columns:1fr}.steps{flex-direction:column}.step-arrow{transform:rotate(90deg)}.pricing-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:var(--spacing-md);text-align:center}}@media (max-width:480px){.container{padding:0 var(--spacing-md)}.footer-grid{grid-template-columns:1fr;text-align:center}}