*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0;padding:0;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#2d5a27,#4a7c59,#5d8a66);color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.header{padding:3rem 0;text-align:center;background:#0000001a}.company-name{font-size:3rem;margin:0;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.tagline{font-size:1.2rem;margin:1rem 0 0;opacity:.9;font-weight:300}.main{flex:1;padding:4rem 0}.hero{text-align:center;margin-bottom:5rem}.hero-content{margin-bottom:3rem}.hero h2{font-size:2.8rem;margin:0 0 1.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:slideInDown .8s ease}.hero-description{font-size:1.2rem;max-width:700px;margin:0 auto 2rem;line-height:1.7;opacity:.95;animation:fadeInUp 1s ease .3s both}.cta-button{background:linear-gradient(45deg,#4caf50,#45a049);border:none;color:#fff;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d;animation:fadeInUp 1s ease .6s both}.cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #4caf5066;background:linear-gradient(45deg,#45a049,#4caf50)}.value-props{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.value-prop{background:#ffffff1a;border-radius:15px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;animation:fadeInUp 1s ease .9s both}.value-prop:hover{transform:translateY(-5px);background:#ffffff26;box-shadow:0 10px 25px #0003}.value-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.value-prop h4{font-size:1.3rem;margin:0 0 1rem;color:#fff;font-weight:600}.value-prop p{margin:0;opacity:.9;line-height:1.6}.services{margin-bottom:4rem}.services h3{text-align:center;font-size:2rem;margin-bottom:3rem;font-weight:600}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.service-card{background:#ffffff1a;border-radius:15px;padding:2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;animation:fadeInUp 1s ease .5s both}.service-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #0000004d;background:#ffffff26}.service-header{display:flex;align-items:center;margin-bottom:1.5rem}.service-icon{font-size:2rem;margin-right:1rem;background:#fff3;padding:.5rem;border-radius:10px}.service-card h4{font-size:1.6rem;margin:0;color:#fff;font-weight:600}.service-card p{line-height:1.7;margin-bottom:1.5rem;opacity:.95;font-size:1.05rem}.learn-more-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.8rem 1.8rem;border-radius:25px;cursor:pointer;font-size:.95rem;transition:all .3s ease;font-weight:500}.learn-more-btn:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.service-details{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2);animation:fadeIn .3s ease}.contact-item a{color:#fff;text-decoration:underline;text-underline-offset:3px}.contact-item a:hover{opacity:.8}a.cta-button{display:inline-block;text-decoration:none}.about{margin-bottom:4rem}.about h3{text-align:center;font-size:2rem;margin-bottom:3rem;font-weight:600}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.about-item{background:#ffffff1a;border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);text-align:center}.about-item h4{font-size:1.3rem;margin:0 0 1rem;color:#fff}.about-item p{margin:0;opacity:.9;line-height:1.6}.contact{text-align:center;background:#00000026;border-radius:20px;padding:4rem;margin-bottom:2rem;animation:fadeInUp 1s ease .7s both}.contact-header h3{font-size:2.2rem;margin-bottom:1rem;font-weight:700}.contact-header p{font-size:1.1rem;opacity:.9;margin-bottom:2rem}.contact-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.contact-btn{display:inline-block;padding:1rem 2rem;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.contact-btn.primary{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 15px #4caf504d}.contact-btn.primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #4caf5066}.contact-btn.secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.contact-btn.secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.contact-info{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.contact-item{display:flex;align-items:center;gap:.5rem;font-size:1rem}.contact-icon{font-size:1.2rem}.footer{background:#0003;padding:2rem 0;text-align:center;margin-top:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.container{padding:0 1rem}.company-name{font-size:2rem}.hero h2{font-size:1.8rem}.services-grid{grid-template-columns:1fr}.service-card{padding:1.5rem}.value-props,.about-grid{grid-template-columns:1fr}.about-item{padding:1.5rem}.contact-actions{flex-direction:column;align-items:center}.contact-btn{width:100%;max-width:300px}.contact-info{flex-direction:column;gap:1rem}}