:root{--green-700: #4d8526;--green-600: #5a9a2d;--green-500: #6BAD36;--green-100: #e8f5e3;--text-900: #1b1f1a;--text-700: #2f3a2a;--white: #ffffff;--radius: 12px;--nav-logo-size: 72px;--nav-logo-size-sm: 56px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text-900);background:linear-gradient(180deg,var(--green-100),#fff 40%)}a{color:inherit;text-decoration:none}.container{width:min(1200px,92vw);margin:0 auto}@media(max-width:600px){.container{width:92vw;padding:0 4px}}@media(max-width:400px){.container{width:95vw;padding:0 2px}}.btn{background:var(--green-600);color:var(--white);padding:.8rem 1.2rem;border-radius:var(--radius);border:none;cursor:pointer;font-weight:600;box-shadow:0 6px 14px #6bad3640;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.btn:hover{transform:translateY(-1px);background:var(--green-700);box-shadow:0 10px 18px #4d85264d}.btn:active{transform:translateY(0)}.section{padding:64px 0}.grid{display:grid;gap:24px}.grid--products{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}h2{font-size:2rem;margin-bottom:16px}@media(max-width:600px){h2{font-size:1.5rem}}.header{position:sticky;top:0;background:var(--green-500);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--green-700);z-index:50}.nav{display:flex;align-items:center;justify-content:space-between;padding:6px 0;flex-wrap:nowrap;gap:12px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:#fff;flex-shrink:0}.brand img{height:var(--nav-logo-size, 72px);width:auto;object-fit:contain;display:block;border-radius:12px;cursor:pointer;max-width:100%}.menu{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.menu a{color:#fff;font-weight:600;opacity:.95;text-decoration:none;white-space:nowrap;transition:opacity .2s ease}.menu a:hover{opacity:1}.hero{padding:80px 0 56px}.hero-card{background:#fff;border:1px solid #e8f1e7;border-radius:18px;padding:48px;display:grid;grid-template-columns:1.3fr .7fr;gap:32px;box-shadow:0 12px 32px #6bad3624;min-height:420px}.hero-text{display:flex;flex-direction:column;gap:16px;justify-content:flex-start}.hero-text .btn{margin-top:auto;align-self:flex-start}.hero h1{margin:0;font-size:2.6rem;line-height:1.2}.hero p{margin:0;color:var(--text-700);font-size:1.05rem}.hero-badge{display:inline-block;background:var(--green-100);color:var(--green-700);padding:6px 12px;border-radius:999px;font-weight:700;margin-bottom:12px}.hero-image{width:100%;border-radius:14px;background:linear-gradient(145deg,#eaf6e9,#fff);border:1px solid #e8f1e7}.product-card-link{text-decoration:none;color:inherit;display:block;transition:transform .2s ease,box-shadow .2s ease}.product-card-link:hover{transform:translateY(-4px)}.product-card-link:hover .product-card{box-shadow:0 8px 24px #4d852626;border-color:var(--green-600)}.product-card{background:#fff;border:1px solid #e8f1e7;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 14px #4d852614;transition:all .2s ease;position:relative;min-height:140px;cursor:pointer;overflow:hidden}.product-image-wrapper{width:100%;aspect-ratio:16 / 9;min-height:150px;max-height:220px;margin:-24px -24px 16px;overflow:hidden;background:linear-gradient(145deg,#f5f9f5,#fff);display:flex;align-items:center;justify-content:center;position:relative}.product-image{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transition:transform .3s ease;padding:12px;box-sizing:border-box}.product-card-link:hover .product-image{transform:scale(1.05)}.product-title{font-weight:800;color:var(--green-700);font-size:1.3rem;margin-bottom:4px}.product-desc{color:var(--text-700);font-size:.95rem;line-height:1.5;flex-grow:1}.product-card-arrow{position:absolute;bottom:20px;right:20px;font-size:1.5rem;color:var(--green-600);font-weight:600;transition:transform .2s ease}.product-card-link:hover .product-card-arrow{transform:translate(4px)}.about{background:#fff;border-top:1px solid #e8f1e7;border-bottom:1px solid #e8f1e7}.about p{color:var(--text-700)}.product-detail-section{padding-top:40px}.back-btn{background:transparent;border:1px solid var(--green-600);color:var(--green-700);padding:.6rem 1rem;border-radius:var(--radius);cursor:pointer;font-weight:600;margin-bottom:24px;transition:all .2s ease;font-size:.95rem}.back-btn:hover{background:var(--green-100);border-color:var(--green-700);transform:translate(-2px)}.product-detail-card{background:#fff;border:1px solid #e8f1e7;border-radius:18px;padding:48px;box-shadow:0 12px 32px #6bad3624;display:flex;flex-direction:column;gap:32px}.product-detail-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:8px}.product-detail-image-wrapper{position:relative;background:linear-gradient(145deg,#f5f9f5,#fff);border:1px solid #e8f1e7;border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;transition:transform .2s ease,box-shadow .2s ease}.product-detail-image-wrapper:hover{transform:translateY(-4px);box-shadow:0 8px 20px #4d85261f}.product-detail-image{width:100%;max-width:240px;height:auto;object-fit:contain;border-radius:8px}.image-label{margin-top:12px;font-size:.9rem;color:var(--text-700);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.product-detail-content h1{font-size:2.5rem;color:var(--green-700);margin:0 0 16px}.product-detail-desc{font-size:1.2rem;color:var(--text-700);margin-bottom:32px;line-height:1.6}.product-detail-info{margin-bottom:32px}.product-detail-info h3,.product-benefits h3{font-size:1.4rem;color:var(--green-700);margin:0 0 12px}.product-detail-info p{color:var(--text-700);font-size:1.05rem;line-height:1.7;margin:0}.product-benefits ul{list-style:none;padding:0;margin:0}.product-benefits li{color:var(--text-700);font-size:1.05rem;line-height:1.8;padding-left:24px;position:relative;margin-bottom:12px}.product-benefits li:before{content:"✓";position:absolute;left:0;color:var(--green-600);font-weight:700;font-size:1.2rem}.product-closing{margin-top:32px;padding-top:24px;border-top:1px solid #e8f1e7}.product-closing p{color:var(--green-700);font-size:1.1rem;font-weight:600;font-style:italic;line-height:1.6;margin:0;text-align:center}.footer{padding:40px 0 24px;color:var(--text-700);background:#f8faf8;border-top:1px solid #e8f1e7}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;margin-bottom:32px}.footer-section{display:flex;flex-direction:column;gap:12px}.footer-section strong{font-size:1.2rem;color:var(--green-700);margin-bottom:4px}.footer-section h3{font-size:1.1rem;color:var(--green-700);margin:0 0 8px;font-weight:700}.footer-tagline{color:var(--text-700);font-size:.95rem;margin:0;line-height:1.5}.footer-contact{display:flex;flex-direction:column;gap:10px}.contact-item{display:flex;flex-direction:column;gap:4px;font-size:.95rem}.contact-label{font-weight:600;color:var(--text-700);font-size:.9rem}.contact-item a{color:var(--green-600);text-decoration:none;transition:color .2s ease;word-break:break-word;display:inline-block;max-width:100%;overflow-wrap:break-word}.contact-item a:hover{color:var(--green-700);text-decoration:underline}.footer-address{color:var(--text-700);font-size:.95rem;line-height:1.6;margin:0}.footer-bottom{padding-top:24px;border-top:1px solid #e8f1e7;text-align:center;position:relative;display:flex;justify-content:center;align-items:center;min-height:60px;flex-wrap:wrap;gap:12px}.footer small{color:#6a7766;font-size:.9rem}.footer-developer{position:absolute;right:0;bottom:0;color:#6a7766;font-size:.85rem;white-space:nowrap;padding:4px 8px}.footer-developer a{color:var(--green-600);text-decoration:none;transition:color .2s ease;font-weight:600}.footer-developer a:hover{color:var(--green-700);text-decoration:underline}.contact-content{max-width:900px;margin:0 auto}.contact-section{margin-bottom:48px}.contact-section h2{font-size:2rem;color:var(--green-700);margin-bottom:16px}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;margin-top:32px}.contact-item-large{background:#fff;border:1px solid #e8f1e7;border-radius:12px;padding:24px;box-shadow:0 4px 14px #4d852614;transition:transform .2s ease,box-shadow .2s ease}.contact-item-large:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4d852626}.contact-item-large h3{font-size:1.2rem;color:var(--green-700);margin:0 0 12px;font-weight:700}.contact-link{color:var(--green-600);text-decoration:none;font-size:1.05rem;transition:color .2s ease;word-break:break-word;display:inline-block}.contact-link:hover{color:var(--green-700);text-decoration:underline}.address-section{margin-top:48px}.address-section h2{font-size:2rem;color:var(--green-700);margin-bottom:24px}.address-box{background:#fff;border:1px solid #e8f1e7;border-radius:12px;padding:32px;box-shadow:0 4px 14px #4d852614;max-width:500px}.address-text{color:var(--text-700);font-size:1.05rem;line-height:1.8;margin:0}.address-text strong{color:var(--green-700);font-size:1.1rem}.about-content{max-width:900px;margin:0 auto}.about-content p{color:var(--text-700);font-size:1.05rem;line-height:1.8;margin-bottom:20px}.about-content p:last-child{margin-bottom:0}@media(max-width:1024px){.product-image-wrapper{aspect-ratio:16 / 9;min-height:160px;max-height:200px}.product-image{padding:10px}}@media(max-width:840px){.hero-card{grid-template-columns:1fr;padding:28px;min-height:0}.hero h1{font-size:2.1rem}.product-image-wrapper{aspect-ratio:16 / 9;min-height:150px;max-height:180px}}@media(max-width:600px){.header{padding:0}.nav{padding:8px 0;flex-wrap:wrap;gap:8px;align-items:center}.brand{flex-shrink:0;min-width:0}.brand img{height:var(--nav-logo-size-sm, 48px);max-width:120px}.menu{width:100%;justify-content:center;gap:8px;flex-wrap:wrap;padding-top:4px}.menu a{font-size:.85rem;padding:6px 10px;white-space:nowrap}.hero{padding:40px 0 32px}.hero-card{padding:20px;gap:24px}.hero h1{font-size:1.75rem;line-height:1.3}.hero p{font-size:.95rem;line-height:1.6}.hero-badge{font-size:.85rem;padding:5px 10px}.section{padding:40px 0}.grid--products{grid-template-columns:1fr;gap:16px}.product-card{padding:20px;min-height:120px}.product-image-wrapper{aspect-ratio:16 / 9;min-height:140px;max-height:180px;margin:-20px -20px 12px}.product-image{padding:10px;max-width:90%;max-height:90%}.product-title{font-size:1.15rem}.product-card-arrow{bottom:16px;right:16px;font-size:1.3rem}.product-detail-card{padding:32px 24px}.product-detail-images{grid-template-columns:1fr;gap:20px}.product-detail-image-wrapper{min-height:280px;padding:20px}.product-detail-image{max-width:200px}.product-detail-content h1{font-size:2rem}.product-detail-desc{font-size:1.1rem}.product-detail-info h3,.product-benefits h3{font-size:1.2rem}.product-closing{margin-top:24px;padding-top:20px}.product-closing p{font-size:1rem}.about ul{padding-left:20px}.about li{margin-bottom:8px;font-size:.95rem}.footer{padding:32px 0 20px}.footer-content{grid-template-columns:1fr;gap:24px;margin-bottom:24px}.footer-section{text-align:center}.footer-section strong{font-size:1.1rem}.footer-section h3{font-size:1rem}.footer-contact{align-items:center}.contact-item{text-align:center;width:100%}.contact-item a{display:inline-block}.footer-address{text-align:center}.footer-bottom{padding-top:20px;position:relative;min-height:50px;flex-direction:column;gap:8px}.footer small{width:100%;display:block}.footer-developer{position:static;margin-top:8px;width:100%;text-align:center;font-size:.8rem}}@media(max-width:400px){.hero h1{font-size:1.5rem}.hero-card{padding:16px}.nav{padding:6px 0;gap:6px}.brand img{height:44px;max-width:100px}.menu{gap:6px;padding-top:2px}.menu a{font-size:.8rem;padding:4px 8px}.btn{padding:.7rem 1rem;font-size:.9rem}.product-image-wrapper{aspect-ratio:16 / 9;min-height:120px;max-height:160px}.product-image{padding:8px;max-width:85%;max-height:85%}.footer{padding:24px 0 16px}.footer-content{gap:20px;margin-bottom:20px}.footer-section strong{font-size:1rem}.footer-section h3{font-size:.95rem}.footer-tagline,.contact-item,.footer-address,.contact-item a{font-size:.9rem}.footer-bottom{padding-top:16px;position:relative;min-height:45px;flex-direction:column;gap:6px}.footer small{font-size:.85rem;width:100%;display:block}.footer-developer{position:static;margin-top:6px;width:100%;text-align:center;font-size:.75rem;padding:0}.contact-section h2,.address-section h2{font-size:1.5rem}.contact-info{grid-template-columns:1fr;gap:20px}.contact-item-large{padding:20px}.address-box{padding:24px}}