:root{--green-primary: #1a5f4a;--green-dark: #0f3d30;--green-light: #2d8f6f;--white: #ffffff;--gray-50: #f8faf9;--gray-100: #eef2f1;--gray-200: #dde5e3;--gray-600: #4a5c57;--gray-800: #1e2a27;--max-width: 1100px;--font-sans: "DM Sans", system-ui, sans-serif;--shadow: 0 4px 20px rgba(26, 95, 74, .08);--radius: 12px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--gray-800);background:var(--white)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}.site-header{position:sticky;top:0;z-index:100;background:var(--white);border-bottom:1px solid var(--gray-200)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px}.logo{font-weight:700;font-size:1.25rem;color:var(--green-primary);text-decoration:none}.nav{display:flex;gap:1.5rem}.nav a{color:var(--gray-800);text-decoration:none;font-weight:500}.nav a:hover{color:var(--green-primary)}.nav-toggle{display:none;width:32px;height:32px;background:transparent;border:none;cursor:pointer;padding:0;flex-direction:column;justify-content:center;gap:6px}.nav-toggle span,.nav-toggle:before,.nav-toggle:after{display:block;width:100%;height:2px;background:var(--gray-800)}.nav-toggle:before,.nav-toggle:after{content:""}.hero{position:relative;background-image:linear-gradient(180deg,#0f3d30d1,#1a5f4ac7),url(./hero_banner-Bg3Dj8MF.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--green-primary);color:var(--white);padding:4rem 0 5rem;text-align:center}.hero .container{position:relative;z-index:1}.hero-title{margin:0 0 .5rem;font-size:clamp(2rem,5vw,3rem);font-weight:700}.hero-subtext{margin:0 0 .25rem;font-size:1.125rem;opacity:.95}.hero-tagline{margin:0 0 2rem;font-size:1rem;opacity:.9}.hero-cta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{display:inline-block;padding:.75rem 1.5rem;font-family:var(--font-sans);font-size:1rem;font-weight:600;text-decoration:none;border-radius:var(--radius);cursor:pointer;border:none;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--white);color:var(--green-primary)}.btn-primary:hover{box-shadow:var(--shadow)}.btn-secondary{background:transparent;color:var(--white);border:2px solid var(--white)}.btn-secondary:hover{background:#ffffff26}.btn-ghost{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.5)}.btn-ghost:hover{background:#ffffff1a}.proof{padding:3rem 0;background:var(--gray-50)}.proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;text-align:center}.proof-item{display:flex;flex-direction:column;gap:.25rem}.proof-value{font-weight:600;font-size:1.125rem;color:var(--green-primary)}.proof-label{font-size:.9rem;color:var(--gray-600)}.services{padding:4rem 0}.services-intro{max-width:640px;margin:0 auto 2rem;text-align:center;color:var(--gray-600);font-size:1.05rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.service-card{padding:1.5rem;background:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200)}.service-card h3{margin:0 0 .5rem;font-size:1.125rem;color:var(--green-primary)}.service-icon{display:inline-block;margin-bottom:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--green-light);font-weight:600}.service-card p{margin:0;font-size:.95rem;color:var(--gray-600)}.section-title{margin:0 0 1.5rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--gray-800);text-align:center}.product{padding:4rem 0}.product-intro{max-width:640px;margin:0 auto 2.5rem;text-align:center;color:var(--gray-600);font-size:1.05rem}.feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:3rem}.feature-card{padding:1.5rem;background:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200)}.feature-card h3{margin:0 0 .5rem;font-size:1.125rem;color:var(--green-primary)}.feature-icon{display:inline-block;margin-bottom:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--green-light);font-weight:600}.feature-card p{margin:0;font-size:.95rem;color:var(--gray-600)}.screenshots{margin-top:3rem}.screenshots-title{text-align:center;font-size:1.25rem;margin-bottom:1.5rem;color:var(--gray-800)}.screenshots-subtitle{margin:2rem 0 1rem;font-size:1rem;font-weight:600;color:var(--gray-800);text-align:center}.screenshots-cta{text-align:center;margin:1.5rem 0 0}.cta-buttons-wrap{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;margin-top:1.5rem}.btn-cta-box{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.5rem;font-family:var(--font-sans);font-size:1rem;font-weight:600;text-decoration:none;border-radius:var(--radius);cursor:pointer;border:2px solid transparent;transition:transform .2s,box-shadow .2s,background .2s,color .2s;min-width:200px}.btn-cta-box--primary{background:var(--green-primary);color:var(--white);border-color:var(--green-primary)}.btn-cta-box--primary:hover{background:var(--green-dark);border-color:var(--green-dark);transform:translateY(-2px);box-shadow:0 6px 24px #1a5f4a40}.btn-cta-box--outline{background:var(--white);color:var(--green-primary);border-color:var(--green-primary)}.btn-cta-box--outline:hover{background:var(--gray-50);color:var(--green-dark);border-color:var(--green-dark);transform:translateY(-2px);box-shadow:0 6px 24px #1a5f4a1f}.screenshots-toggle{display:inline-block;background:none;border:none;padding:.5rem 0;font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--green-primary);text-decoration:underline;cursor:pointer}.screenshots-toggle:hover{color:var(--green-dark)}@media (max-width: 480px){.cta-buttons-wrap{flex-direction:column}.btn-cta-box{width:100%;min-width:unset}}.more-screens.is-collapsed{display:none}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;justify-items:center}.screenshot-item{margin:0;text-align:center;max-width:280px}.screenshot-item img{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--gray-200);background:var(--gray-100);min-height:320px;object-fit:cover}.screenshot-item figcaption{margin-top:.5rem;font-size:.875rem;color:var(--gray-600)}.process{padding:4rem 0;background:var(--gray-50)}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:800px;margin:0 auto}.process-step{text-align:center}.process-num{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--green-primary);color:var(--white);font-weight:700;font-size:1.25rem;border-radius:50%;margin-bottom:1rem}.process-step h3{margin:0 0 .5rem;font-size:1.125rem;color:var(--gray-800)}.process-step p{margin:0;font-size:.95rem;color:var(--gray-600)}.about{padding:4rem 0}.about-content{max-width:640px;margin:0 auto}.about-content p{margin:0 0 1rem;color:var(--gray-600)}.about-content p:last-child{margin-bottom:0}.about-content a{color:var(--green-primary);text-decoration:none}.about-content a:hover{text-decoration:underline}.about-mission-vision{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:2rem}.mission-vision-card{padding:1.25rem;background:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200)}.mission-vision-card h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--green-primary)}.mission-vision-card p{margin:0;font-size:.95rem;color:var(--gray-600)}.tech-stack{padding:3rem 0;background:var(--gray-50)}.tech-stack-intro{max-width:560px;margin:0 auto 1.5rem;text-align:center;color:var(--gray-600);font-size:1rem}.tech-stack-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.tech-item{padding:.5rem 1rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);font-weight:600;font-size:.95rem;color:var(--green-primary)}.trusted-by{padding:3rem 0}.trusted-by-intro{max-width:560px;margin:0 auto;text-align:center;color:var(--gray-600);font-size:1rem}.contact{padding:4rem 0;background:var(--gray-50)}.contact-intro{max-width:560px;margin:0 auto 1.5rem;text-align:center;color:var(--gray-600);font-size:1rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start;max-width:720px;margin:0 auto}.contact-info p{margin:0 0 1rem;font-size:.95rem;color:var(--gray-600)}.contact-info a{color:var(--green-primary);text-decoration:none}.contact-info a:hover{text-decoration:underline}.contact-form label{display:block;margin-bottom:.25rem;font-weight:500;font-size:.9rem}.contact-form input,.contact-form textarea{width:100%;padding:.6rem .75rem;margin-bottom:1rem;font-family:var(--font-sans);font-size:1rem;border:1px solid var(--gray-200);border-radius:8px;background:var(--white)}.contact-form textarea{resize:vertical;min-height:100px}.contact-form button{margin-top:.25rem}.site-footer{padding:2rem 0;background:var(--green-dark);color:var(--white);text-align:center}.footer-inner{display:flex;flex-direction:column;gap:1rem}.footer-nav{display:flex;justify-content:center;gap:1.5rem}.footer-nav a{color:var(--white);text-decoration:none;opacity:.9}.footer-nav a:hover{opacity:1}.footer-social{display:flex;justify-content:center;gap:1rem}.footer-social a{color:var(--white);text-decoration:none;font-size:.9rem;opacity:.9}.footer-social a:hover{opacity:1}.footer-legal{margin:0;font-size:.9rem;opacity:.85}.footer-legal a{color:var(--white);text-decoration:underline}.footer-contact,.footer-copy{margin:0;font-size:.9rem;opacity:.85}.footer-contact a{color:var(--white);text-decoration:underline}.footer-basis{margin:0;font-size:.9rem}.footer-basis a{color:var(--white);text-decoration:underline}@media (max-width: 768px){.nav{display:none}.nav.open{display:flex;position:absolute;top:64px;left:0;right:0;flex-direction:column;background:var(--white);padding:1rem;border-bottom:1px solid var(--gray-200)}.nav-toggle{display:flex}.contact-grid{grid-template-columns:1fr}.contact-info{order:2}.contact-form-wrap{order:1}}@media (max-width: 480px){.hero-cta{flex-direction:column}.btn{width:100%;text-align:center}}.hero{background-image:linear-gradient(180deg,#0f3d30d1,#1a5f4ac7),url(../assets/images/hero_banner.jpg)}