:root{--sb-bg: #ffffff;--sb-text: #1d1d1f;--sb-muted: #6b7280;--sb-primary: #0ea5e9;--sb-shadow: 0 8px 30px rgba(0,0,0,.08);font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--sb-text);background:var(--sb-bg)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}a{color:inherit;text-decoration:none}.container{display:flex;flex-direction:column;min-height:100%}.logo-wrap{display:flex;justify-content:center;padding:56px 16px 28px;flex-direction:column;align-items:center}.logo-img{max-width:220px;width:40vw;height:auto}.tagline{margin:14px 0 0;font-size:clamp(22px,3vw,34px);line-height:1.25;color:#1f2937;font-family:Playfair Display,Georgia,Times New Roman,serif;font-style:italic;font-weight:700;text-align:center}.hero{position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto;width:min(1040px,92%);border-radius:12px;overflow:hidden;box-shadow:var(--sb-shadow);aspect-ratio:16 / 6;min-height:240px}.hero img{width:100%;display:block}.slider,.slides{position:relative;width:100%;height:100%}.slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s ease}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover;display:block}.slider-dots{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;gap:8px}.slider-dot{width:8px;height:8px;border-radius:999px;background:#fff9;border:1px solid rgba(0,0,0,.1);cursor:pointer}.slider-dot.active{background:#fff}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;justify-content:center;margin:-40px auto 48px;width:min(1040px,92%)}.card{background:#fff;border-radius:28px;padding:28px 20px 18px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;box-shadow:var(--sb-shadow);transition:transform .2s ease,box-shadow .2s ease;min-height:260px;cursor:pointer}.card-media{height:180px;width:100%;display:flex;align-items:center;justify-content:center}.card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #0000001f}.card:active{transform:translateY(-1px) scale(.99)}.card img{width:160px;height:160px;object-fit:contain;border-radius:16px}.card h3{margin:14px 0 0;font-size:18px;font-weight:700;color:var(--sb-text)}@media (max-width: 900px){.cards{grid-template-columns:1fr;gap:18px;margin-top:-32px}.card{border-radius:24px}.logo-img{max-width:180px;width:55vw}}.card.farms,.card.export{justify-content:center}.footer-space{height:40px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal-card{width:min(720px,92%);background:#fff;color:var(--sb-text);border-radius:16px;box-shadow:0 20px 60px #0003;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #eee}.modal-title{font-weight:700;font-size:18px}.modal-body{padding:18px;line-height:1.6;color:#374151}.modal-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:#f3f4f6;border-radius:8px;padding:6px 10px;cursor:pointer}.modal-actions{display:flex;gap:12px;align-items:center;margin-top:8px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:600}.btn-primary{background:#0ea5e9;color:#fff}.btn-secondary{background:#e5e7eb;color:#111827}.video-wrap{position:relative;width:100%;padding-bottom:56.25%;margin-top:12px;border-radius:12px;overflow:hidden;background:#000}.video-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.about{width:min(1040px,92%);margin:36px auto 80px;background:#fff;border-radius:20px;box-shadow:var(--sb-shadow);overflow:hidden;position:relative}.about:before{content:"";position:absolute;right:-60px;top:-60px;width:280px;height:280px;background:url(/images/logo.png) no-repeat center/contain;opacity:.06;pointer-events:none}.about-inner{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;padding:28px 26px;align-items:center}.about h2{margin:0 0 10px;font-size:24px}.about p{margin:0 0 12px;color:#374151}.about ul{margin:10px 0 0 18px;padding:0;color:#111827}.about li{margin:6px 0}.about-badge{justify-self:center;align-self:center;filter:drop-shadow(0 8px 20px rgba(0,0,0,.08))}.about-badge img{width:160px;height:160px;object-fit:contain}@media (max-width: 900px){.about-inner{grid-template-columns:1fr;text-align:left}.about:before{display:none}.about-badge img{width:120px;height:120px}}.contact{width:min(1040px,92%);margin:36px auto 80px}.contact-inner{background:#fff;border-radius:20px;box-shadow:var(--sb-shadow);padding:28px 26px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact h2{margin:0 0 10px;font-size:24px}.contact p{margin:0 0 12px;color:#374151}.contact-list{margin:8px 0 0 18px}.contact-list li{margin:6px 0}.contact-form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.contact-form .row:nth-child(2),.contact-form .row:nth-child(3){grid-template-columns:1fr}.contact-form input,.contact-form textarea{width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:12px;font:inherit}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926}.contact .btn{margin-top:6px}.contact .sent{color:#16a34a;margin-top:8px}@media (max-width: 900px){.contact-inner,.contact-form .row{grid-template-columns:1fr}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
