:root{--bg-primary: #fdfcfb;--bg-secondary: #f7f4f0;--bg-accent: #e8f3e8;--text: #2d3436;--text-secondary: #636e72;--text-muted: #95a5a6;--accent-terracotta: #d4a373;--accent-olive: #a8b89f;--accent-sand: #e8d5b7;--accent-clay: #c1946a;--accent-moss: #8b9d83;--gradient-primary: linear-gradient(135deg, #e8d5b7 0%, #d4a373 100%);--gradient-nature: linear-gradient(135deg, #b8c9b3 0%, #8b9d83 100%);--gradient-earth: linear-gradient(135deg, #e8d5b7 10%, #d4a373 50%, #c1946a 90%);--gradient-light: linear-gradient(135deg, #faf8f5 0%, #f5f0e8 100%);--gradient-card: linear-gradient(145deg, #ffffff 0%, #faf8f5 100%);--gradient-soft: linear-gradient(135deg, #eff3ed 0%, #f5f0e8 100%);--shadow-sm: 0 2px 8px rgba(139, 119, 101, .08);--shadow-md: 0 4px 16px rgba(139, 119, 101, .1);--shadow-lg: 0 8px 32px rgba(139, 119, 101, .12);--shadow-xl: 0 16px 48px rgba(139, 119, 101, .15)}*{box-sizing:border-box;scroll-behavior:smooth}html,body,#root{min-height:100%;margin:0;padding:0}#root{position:relative}body{font-family:SF Pro Text,SF Pro Display,-apple-system,system-ui,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:transparent;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 20%,rgba(212,163,115,.06) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(168,184,159,.08) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(193,148,106,.05) 0%,transparent 60%),linear-gradient(180deg,#fdfcfb,#f7f4f0);z-index:-10;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:10}.header{padding:32px 0;position:sticky;top:0;background:#fdfcfbe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);z-index:100;animation:fadeInUp .6s ease-out}.header-content{display:flex;align-items:center;justify-content:space-between}.logo{text-decoration:none;color:var(--text)}.logo-text{font-size:18px;font-weight:700;letter-spacing:.1em;transition:all .3s ease;position:relative}.logo-text:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-terracotta),var(--accent-olive));transition:width .3s ease}.logo:hover .logo-text{letter-spacing:.15em}.logo:hover .logo-text:after{width:100%}.nav{display:flex;gap:32px;align-items:center}.nav a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s ease;font-size:15px}.nav a:hover{color:var(--accent-terracotta)}.hero{padding:80px 0 120px;text-align:center;animation:fadeIn .8s ease-out;position:relative;overflow:hidden}.hero-title{font-size:clamp(48px,8vw,72px);font-weight:800;margin:0 0 24px;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(135deg,#2d3436,#d4a373,#636e72);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out .2s backwards,gradientShift 8s ease infinite;position:relative;z-index:1}@keyframes gradientShift{0%,to{background-position:0% center}50%{background-position:100% center}}.hero-subtitle{font-size:clamp(20px,3vw,28px);color:var(--text-secondary);max-width:700px;margin:0 auto 40px;line-height:1.5;animation:fadeInUp .8s ease-out .3s backwards}.hero-cta{display:inline-flex;gap:16px;animation:fadeInUp .8s ease-out .4s backwards}.button{padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;display:inline-block}.button.primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.button.primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.button.primary:hover:before{width:300px;height:300px}.button.primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.button.primary:active{transform:translateY(0)}.button.secondary{background:#fff;color:var(--text);border:2px solid var(--accent-olive);box-shadow:var(--shadow-sm)}.button.secondary:hover{border-color:var(--accent-terracotta);box-shadow:var(--shadow-md);background:var(--gradient-soft)}.section{padding:80px 0;position:relative}.section:nth-child(odd){position:relative}.section:nth-child(odd):before{content:"🌾";position:absolute;top:10%;left:-2%;font-size:80px;opacity:.06;pointer-events:none;transform:rotate(-20deg)}.section-header{text-align:center;margin-bottom:64px}.section-title{font-size:clamp(32px,5vw,48px);font-weight:800;margin:0 0 16px;letter-spacing:-.02em;color:var(--text);position:relative;display:inline-block}.section-title:before{content:"";position:absolute;top:50%;left:-60px;width:40px;height:2px;background:linear-gradient(90deg,transparent,var(--accent-terracotta));transform:translateY(-50%)}.section-title:after{content:"";position:absolute;top:50%;right:-60px;width:40px;height:2px;background:linear-gradient(90deg,var(--accent-olive),transparent);transform:translateY(-50%)}.section-description{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.card{background:var(--gradient-card);border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:32px;box-shadow:var(--shadow-md);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:10}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,var(--accent-terracotta),transparent);transform:translate(-100%);transition:transform .6s ease}.card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-xl);border-color:#d4a3734d}.card:hover:before{transform:translate(100%)}.card-title{font-size:22px;font-weight:700;margin:0 0 12px;color:var(--text);position:relative;display:inline-block}.card-title:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-terracotta),var(--accent-olive));transition:width .4s ease}.card:hover .card-title:after{width:100%}.card-description{font-size:15px;color:var(--text-secondary);line-height:1.6;margin:0}.product-card{background:linear-gradient(145deg,#fff,#faf8f5);border:2px solid rgba(184,212,184,.2);border-radius:24px;padding:48px;box-shadow:var(--shadow-xl),inset 0 1px #ffffffe6;max-width:800px;margin:0 auto;transition:all .4s ease;position:relative;overflow:hidden}.product-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 24px 72px #8b776533,inset 0 1px #ffffffe6;border-color:#d4a37366}.product-header{display:flex;align-items:flex-start;gap:24px;margin-bottom:32px}.product-icon{width:80px;height:80px;border-radius:20px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:40px;box-shadow:var(--shadow-lg);flex-shrink:0;position:relative;animation:float 6s ease-in-out infinite}.product-icon:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:20px;background:linear-gradient(135deg,var(--accent-terracotta),var(--accent-olive),var(--accent-sand));background-size:200% 200%;animation:gradientRotate 4s ease infinite;z-index:-1;opacity:0;transition:opacity .3s ease}.product-card:hover .product-icon:before{opacity:.3}@keyframes gradientRotate{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.product-info{flex:1}.product-name{font-size:32px;font-weight:800;margin:0 0 8px;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text) 0%,var(--accent-clay) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.product-tagline{font-size:18px;color:var(--text-secondary);margin:0}.product-description{font-size:16px;color:var(--text-secondary);line-height:1.7;margin-bottom:32px}.product-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.feature-item{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--gradient-soft);border-radius:12px;font-size:14px;font-weight:500;border:1px solid rgba(184,212,184,.2);transition:all .3s ease;cursor:default}.feature-item:hover{transform:translate(4px);background:linear-gradient(135deg,var(--gradient-soft),rgba(212,163,115,.08));border-color:#d4a3734d}.feature-item:before{content:"✓";color:var(--accent-olive);font-weight:700;transition:transform .3s ease}.feature-item:hover:before{transform:scale(1.2);color:var(--accent-terracotta)}.footer{padding:64px 0 32px;text-align:center;border-top:1px solid rgba(0,0,0,.06);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-terracotta),var(--accent-olive),transparent);animation:slideRight 3s ease-in-out infinite}@keyframes slideRight{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.footer-content{max-width:600px;margin:0 auto 32px}.footer-title{font-size:32px;font-weight:700;margin:0 0 16px;position:relative;display:inline-block}.footer-title:before{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--accent-terracotta),var(--accent-clay));border-radius:2px}.footer-description{font-size:16px;color:var(--text-secondary);margin:0 0 32px}.footer-links{display:flex;justify-content:center;gap:32px;margin-bottom:32px}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;position:relative;padding-bottom:2px}.footer-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--accent-clay);transition:width .3s ease}.footer-link:hover{color:var(--accent-terracotta);transform:translateY(-2px)}.footer-link:hover:after{width:100%}.footer-bottom{color:var(--text-muted);font-size:14px}@media (max-width: 768px){.nav{display:none}.hero{padding:48px 0 80px}.section{padding:48px 0}.section-header{margin-bottom:40px}.section-title:before,.section-title:after{display:none}.cards-grid{grid-template-columns:1fr;gap:24px}.product-card{padding:32px 24px}.product-header{flex-direction:column;align-items:center;text-align:center}.product-features{grid-template-columns:1fr}.hero-cta{flex-direction:column;align-items:stretch}.button{width:100%;text-align:center}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}