:root{--ag:#174b2d;--ag2:#2f8a4c;--ag3:#eaf4ec;--agline:#dce7df;--agtext:#26392d;--agmuted:#718078}
.agro-brand-mark{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#dff1e3,#f8fbf8);display:grid;place-items:center;font-size:27px;border:1px solid #d0e2d5}
.agro-home{display:none}.agro-home.active{display:block}
.agro-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;border-radius:25px;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(83,153,100,.25),transparent 35%),linear-gradient(135deg,#113b24,#245f39);padding:26px;color:#fff;min-height:360px}
.agro-hero-copy{align-self:center}.agro-hero h2{font-size:45px;line-height:1;margin:10px 0}.agro-hero p{max-width:650px;font-size:13px;line-height:1.55;color:#dbe9df}.agro-hero-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.agro-hero-tags span{font-size:8px;font-weight:900;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.1)}
.agro-photo-stack{position:relative;min-height:300px}.agro-photo-stack img{position:absolute;object-fit:cover;border-radius:18px;border:4px solid rgba(255,255,255,.14);box-shadow:0 16px 35px rgba(0,0,0,.2)}.agro-photo-stack img:nth-child(1){width:72%;height:66%;right:0;top:0}.agro-photo-stack img:nth-child(2){width:58%;height:50%;left:0;bottom:0}.agro-photo-stack img:nth-child(3){width:45%;height:38%;right:2%;bottom:4%}
.agro-dashboard,.agro-explore-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0}.agro-dashboard article,.agro-explore-kpis article{border:1px solid var(--agline);background:linear-gradient(180deg,#fff,#f8fbf8);border-radius:15px;padding:13px}.agro-dashboard span,.agro-dashboard strong,.agro-dashboard small,.agro-explore-kpis span,.agro-explore-kpis strong,.agro-explore-kpis small{display:block}.agro-dashboard span,.agro-explore-kpis span{font-size:7px;font-weight:900;color:#78847c;letter-spacing:.07em}.agro-dashboard strong,.agro-explore-kpis strong{font-size:23px;color:var(--ag);margin:3px 0}.agro-dashboard small,.agro-explore-kpis small{font-size:8px;color:#7f8982}
.agro-home-section{margin-top:16px;border:1px solid var(--agline);border-radius:20px;padding:18px;background:#fff}.agro-home-section .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.agro-home-section .section-head span{font-size:8px;font-weight:900;letter-spacing:.1em;color:#778279}.agro-home-section .section-head h2{font-size:23px;color:var(--ag);margin:3px 0}.agro-home-section .section-head p{font-size:9px;color:var(--agmuted);margin:3px 0}.agro-outline{border:1px solid #cddfd2;background:#f3f8f4;color:#2e6641;border-radius:9px;padding:8px 11px;font-size:9px;font-weight:900;cursor:pointer}
.agro-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.agro-category-card{border:1px solid #dfe8e1;border-radius:15px;padding:13px;background:linear-gradient(145deg,#f7fbf8,#fff);cursor:pointer;transition:.16s}.agro-category-card:hover{transform:translateY(-2px);box-shadow:0 8px 23px rgba(26,78,45,.09)}.agro-category-card i{font-style:normal;font-size:26px}.agro-category-card b,.agro-category-card span{display:block}.agro-category-card b{font-size:12px;color:#285d3b;margin:6px 0 3px}.agro-category-card span{font-size:8px;color:#758078;line-height:1.4}.agro-category-card small{display:inline-block;margin-top:8px;background:#eaf4ec;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:900;color:#3d704d}
.agro-featured-grid,.agro-crop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.agro-crop-card{position:relative;overflow:hidden;border:1px solid #dfe8e1;border-radius:16px;background:#fff;padding:13px;min-height:150px;cursor:pointer;transition:.16s}.agro-crop-card:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-28px;top:-25px;background:#edf6ef}.agro-crop-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,72,41,.1)}.agro-crop-card .emoji{position:relative;font-size:31px}.agro-crop-card .cat{display:block;font-size:7px;font-weight:900;color:#7a867e;margin-top:8px;text-transform:uppercase}.agro-crop-card h3{font-size:14px;color:#234f33;margin:3px 0}.agro-crop-card p{font-size:8px;color:#748078;line-height:1.45}.agro-crop-card .badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.agro-crop-card .badges span{font-size:7px;background:#f1f6f2;border-radius:999px;padding:4px 6px;color:#57705e}
.agro-quality{display:grid;grid-template-columns:1.3fr .7fr;gap:15px;background:linear-gradient(135deg,#163f28,#285e3b);color:#fff}.agro-quality-copy span{font-size:8px;font-weight:900;letter-spacing:.1em;color:#b9d6c1}.agro-quality-copy h2{font-size:23px;margin:4px 0}.agro-quality-copy p{font-size:9px;line-height:1.6;color:#d4e5d9}.agro-quality-points{display:grid;gap:7px}.agro-quality-points div{background:rgba(255,255,255,.08);border-radius:10px;padding:9px;font-size:9px}
.agro-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:10px}.agro-tools-grid article{border:1px solid #dfe8e1;border-radius:14px;padding:12px}.agro-tools-grid i{font-style:normal;font-size:23px}.agro-tools-grid h3{font-size:11px;color:#2e5d3d;margin:5px 0}.agro-tools-grid p{font-size:8px;color:#778279;min-height:34px}.agro-tools-grid button{border:0;border-radius:8px;background:#edf4ee;color:#315e40;padding:7px 9px;font-size:8px;font-weight:900;cursor:pointer}
.agro-page-hero{border-radius:20px;padding:21px;background:linear-gradient(130deg,#f0f7f1,#fff);border:1px solid #dae6dd}.agro-page-hero span{font-size:8px;font-weight:900;letter-spacing:.1em;color:#728079}.agro-page-hero h2{font-size:28px;color:#174b2d;margin:4px 0}.agro-page-hero p{font-size:9px;color:#718078}
.agro-search-panel{display:grid;grid-template-columns:1.5fr .9fr .8fr;gap:8px;margin:11px 0}.agro-search-panel input,.agro-search-panel select,.agro-panel select{border:1px solid #d4dfd7;border-radius:10px;padding:10px;background:#fff;font-size:10px;color:#314c39}.agro-result-line{display:flex;gap:5px;align-items:baseline;margin:7px 2px}.agro-result-line b{font-size:18px;color:#285f3c}.agro-result-line span{font-size:8px;color:#748078}
.agro-back{border:0;border-radius:9px;background:#edf4ee;color:#315e40;padding:8px 10px;font-size:9px;font-weight:900;cursor:pointer;margin-bottom:10px}
.crop-detail-hero{display:grid;grid-template-columns:1fr auto;gap:15px;border-radius:22px;padding:23px;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.15),transparent 36%),linear-gradient(135deg,#123f26,#2f7546);color:#fff}.crop-detail-hero .bigemoji{font-size:82px;align-self:center}.crop-detail-hero span{font-size:8px;font-weight:900;letter-spacing:.1em;color:#c1dcc8}.crop-detail-hero h2{font-size:35px;margin:4px 0}.crop-detail-hero p{font-size:10px;color:#d8e8dd;max-width:760px;line-height:1.5}.crop-detail-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.crop-detail-actions button{border:0;border-radius:9px;background:#fff;color:#245b38;padding:8px 10px;font-size:8px;font-weight:900;cursor:pointer}.crop-detail-actions .ghost{background:rgba(255,255,255,.12);color:#fff}
.crop-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.crop-info-grid article{border:1px solid #dfe8e1;border-radius:13px;padding:11px;background:#fff}.crop-info-grid span,.crop-info-grid strong{display:block}.crop-info-grid span{font-size:7px;font-weight:900;color:#79847d}.crop-info-grid strong{font-size:11px;color:#315a40;margin-top:3px}
.crop-detail-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:10px}.crop-panel{border:1px solid #dfe8e1;border-radius:15px;padding:14px;background:#fff}.crop-panel h3{font-size:14px;color:#285b3b;margin:0 0 8px}.crop-stage-list{display:grid;gap:7px}.crop-stage{display:grid;grid-template-columns:27px 1fr;gap:8px;align-items:start}.crop-stage i{font-style:normal;width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#eaf4ec;color:#2f7345;font-size:9px;font-weight:900}.crop-stage b{display:block;font-size:9px;color:#365a43}.crop-stage p{font-size:8px;color:#748078;line-height:1.45;margin:2px 0}.crop-safety{background:#fff7e5;border:1px solid #e8d8a8;border-radius:11px;padding:10px;font-size:8px;line-height:1.5;color:#715f2e;margin-top:10px}.crop-source-list{display:grid;gap:6px}.crop-source-list a{border:1px solid #e0e8e2;border-radius:9px;padding:8px;text-decoration:none;font-size:8px;color:#315e40;background:#f8fbf8}.pine-deep-links{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pine-deep-links button{border:0;border-radius:9px;background:#edf4ee;color:#315e40;padding:8px;font-size:8px;text-align:left;cursor:pointer}
.agro-explore-layout{display:grid;grid-template-columns:1fr 1fr;gap:10px}.agro-panel{border:1px solid #dfe8e1;border-radius:15px;padding:13px;background:#fff}.agro-panel h3{font-size:13px;color:#315b40}.agro-bar-row{display:grid;grid-template-columns:130px 1fr 30px;gap:7px;align-items:center;margin:7px 0}.agro-bar-row span{font-size:8px;color:#5f7165}.agro-bar{height:9px;border-radius:999px;background:#edf2ee;overflow:hidden}.agro-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#69b57f,#2f8a4c)}.agro-bar-row b{font-size:8px;color:#315e40;text-align:right}.agro-match-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.agro-match{border:1px solid #e0e8e2;border-radius:10px;padding:8px;cursor:pointer}.agro-match b{display:block;font-size:9px;color:#315b40}.agro-match span{font-size:7px;color:#758078}
@media(max-width:1000px){.agro-featured-grid,.agro-crop-grid{grid-template-columns:repeat(3,1fr)}.agro-tools-grid{grid-template-columns:1fr 1fr}.agro-hero{grid-template-columns:1fr}.agro-photo-stack{min-height:270px}.agro-quality,.crop-detail-layout{grid-template-columns:1fr}.crop-info-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.agro-dashboard,.agro-explore-kpis{grid-template-columns:1fr 1fr}.agro-category-grid,.agro-featured-grid,.agro-crop-grid{grid-template-columns:1fr 1fr}.agro-search-panel{grid-template-columns:1fr}.agro-tools-grid{grid-template-columns:1fr}.agro-hero{padding:18px;min-height:0}.agro-hero h2{font-size:34px}.agro-photo-stack{min-height:220px}.crop-detail-hero{grid-template-columns:1fr}.crop-detail-hero .bigemoji{font-size:60px}.crop-detail-hero h2{font-size:28px}.agro-explore-layout{grid-template-columns:1fr}}
@media(max-width:470px){.agro-category-grid,.agro-featured-grid,.agro-crop-grid{grid-template-columns:1fr}.crop-info-grid{grid-template-columns:1fr}.agro-photo-stack{min-height:190px}}