@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-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;line-height:1.6;color:#333}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#16a34a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#15803d}button,a{transition:all .3s ease}input:focus,textarea:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.card-hover{transition:transform .3s ease,box-shadow .3s ease}.card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.gradient-text{background:linear-gradient(135deg,#16a34a,#15803d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fade-in{animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft .6s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .6s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes floatIn{0%{opacity:0;transform:translateY(16px) scale(.98)}60%{opacity:1;transform:translateY(0) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}.reveal{opacity:0;transform:translateY(16px);animation:floatIn .6s cubic-bezier(.22,.61,.36,1) forwards}.reveal-delay-1{animation-delay:.05s}.reveal-delay-2{animation-delay:.1s}.reveal-delay-3{animation-delay:.15s}.reveal-delay-4{animation-delay:.2s}.product-card{transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-6px);box-shadow:0 16px 30px #0000001f}.product-card .thumb{transition:transform .35s ease}.product-card:hover .thumb{transform:translateY(-4px) scale(1.02)}.card-row>*{animation:floatIn .5s cubic-bezier(.22,.61,.36,1) both}.card-row>*:nth-child(1){animation-delay:.02s}.card-row>*:nth-child(2){animation-delay:.06s}.card-row>*:nth-child(3){animation-delay:.1s}.card-row>*:nth-child(4){animation-delay:.14s}.card-row>*:nth-child(5){animation-delay:.18s}.card-row>*:nth-child(6){animation-delay:.22s}:root{--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--gray-50: #f9fafb;--gray-600: #4b5563;--gray-700: #374151;--gray-900: #111827}.container{width:100%;margin-left:auto;margin-right:auto}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}.hidden{display:none}.flex{display:flex}.grid{display:grid}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.text-center{text-align:center}.grid-cols-1,.md\:grid-cols-2,.lg\:grid-cols-2,.lg\:grid-cols-4,.md\:grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-20{padding-top:5rem;padding-bottom:5rem}.pt-2{padding-top:.5rem}.pb-3{padding-bottom:.75rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.space-x-8>:not([hidden])~:not([hidden]){margin-left:2rem}.space-y-1>:not([hidden])~:not([hidden]){margin-top:.25rem}.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.h-20{height:5rem}.w-12{width:3rem}.w-10{width:2.5rem}.w-20{width:5rem}.h-24{height:6rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-white{color:#fff}.text-gray-900{color:var(--gray-900)}.text-gray-700{color:var(--gray-700)}.text-gray-600{color:var(--gray-600)}.text-gray-300{color:#d1d5db}.text-green-600{color:var(--green-600)}.text-green-200{color:var(--green-200)}.text-green-100{color:var(--green-100)}.bg-white{background-color:#fff}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-900{background-color:var(--gray-900)}.bg-green-600{background-color:var(--green-600)}.bg-green-50{background-color:var(--green-50)}.border-white{border-color:#fff}.border-green-600{border-color:var(--green-600)}.border-t{border-top:1px solid #e5e7eb}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.shadow{box-shadow:0 1px 2px #0000000f}.shadow-md{box-shadow:0 4px 6px #00000014}.shadow-lg{box-shadow:0 10px 15px #0000001a}.hover\:shadow-xl:hover{box-shadow:0 20px 25px #00000026}.border-b-2{border-bottom-width:2px}.sticky{position:sticky}.top-0{top:0}.z-50{z-index:50}.transition-colors{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.hover\:bg-green-50:hover{background-color:var(--green-50)}.hover\:bg-white:hover{background-color:#fff}.hover\:text-green-600:hover{color:var(--green-600)}.md\:hidden{display:none}.md\:flex{display:block}.hidden.md\:flex{display:none}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.bg-gradient-to-r{background-image:linear-gradient(90deg,var(--from-color, var(--green-600)),var(--to-color, var(--green-800)))}.from-green-600{--from-color: var(--green-600)}.to-green-800{--to-color: var(--green-800)}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-title{color:var(--green-600)}.btn-primary{background-color:var(--green-600);color:#fff;border-radius:.5rem;padding:.75rem 2rem;font-weight:600}.btn-primary:hover{background-color:var(--green-700)}.btn-outline{border:2px solid #fff;color:#fff;border-radius:.5rem;padding:.75rem 2rem;font-weight:600}.btn-outline:hover{background:#fff;color:#111827}.tile-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 10px 20px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.tile-card:hover{transform:translateY(-4px);box-shadow:0 16px 28px #0000001a}.card-row{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin}.card-row::-webkit-scrollbar{height:8px}.card-row::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.product-card{flex:0 0 320px;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 6px 12px #0000000f}.product-card .thumb{width:100%;height:150px;object-fit:contain;background:#f8fafc;border-top-left-radius:.75rem;border-top-right-radius:.75rem}.product-card .content{padding:1rem}.product-card h4{font-size:1rem;font-weight:700;color:#111827;margin-bottom:.25rem}.product-card p{font-size:.9rem;color:#4b5563;line-height:1.4}.product-card .actions{display:flex;gap:.5rem;margin-top:.75rem}.product-card .btn{padding:.5rem .75rem;border-radius:999px;font-size:.875rem;font-weight:600;border:1px solid #e5e7eb;background:#fff;color:#111827;cursor:pointer}.product-card .btn.primary{background:#16a34a;border-color:#16a34a;color:#fff}.product-card .btn:hover{box-shadow:0 6px 12px #00000014}@media (min-width: 640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 768px){.md\:hidden{display:none!important}.md\:flex{display:flex!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media print{.no-print{display:none!important}}.header-glass{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e5e7eb}.navbar{height:4rem;display:flex;align-items:center;justify-content:space-between}.nav-link{position:relative;padding:.5rem .75rem;font-weight:600;color:#374151;border-radius:.375rem}.nav-link:hover{color:var(--green-600);background:#16a34a0f}.nav-link.active{color:var(--green-600)}.nav-link.active:after{content:none}.btn-ghost{border:1px solid #e5e7eb;color:#111827;border-radius:999px;padding:.5rem 1rem;font-weight:600;background:#fff}.btn-ghost:hover{border-color:var(--green-600);color:var(--green-600);box-shadow:0 8px 16px #00000014}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-panel{animation:dropIn .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 16px 30px #00000014}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-scale{animation:fadeInScale .6s ease-out forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.gradient-text{background:linear-gradient(45deg,#16a34a,#22c55e,#4ade80,#16a34a);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.hover-scale{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.05)}.card-hover{transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.card-hover:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px -12px #00000040}.icon-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-hover:hover{transform:scale(1.2) rotate(5deg);color:#16a34a}.btn-primary{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;margin:0;color:#1f2937;background:#fff}img{max-width:100%;height:auto;display:block}a,a:visited,a:hover,a:focus,a:active,button,.button,[role=button],button:hover,button:focus{text-decoration:none!important}#root{min-height:100vh;display:flex;flex-direction:column}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{text-shadow:0 0 5px rgba(34,197,94,.3),0 0 10px rgba(34,197,94,.2)}50%{text-shadow:0 0 20px rgba(34,197,94,.6),0 0 30px rgba(34,197,94,.4)}}.animate-fade-in-up{animation:fade-in-up .8s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}@keyframes kenburns{0%{transform:scale(1.05) translate(0)}to{transform:scale(1.15) translate(2%,-2%)}}.animate-kenburns{animation:kenburns 14s ease-out forwards;will-change:transform}@media (max-width: 640px){h1{font-size:1.5rem;line-height:2rem;letter-spacing:-.01em}h2{font-size:1.25rem;line-height:1.75rem}h3{font-size:1.125rem;line-height:1.625rem}h4{font-size:1rem;line-height:1.5rem}p,li{font-size:.9rem;line-height:1.6}.lead,p.lead{font-size:.95rem;line-height:1.65}}