.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.agro-demo{padding-block:6px}.demo-workspace{transform:rotate(-1deg);background:#f9fbf6}.demo-bar{height:auto;min-height:52px;gap:12px;padding:9px 14px}.demo-bar .mini-brand{font-size:14px}.demo-commodity{margin-inline-start:auto;min-width:0}.demo-commodity select{max-width:190px;width:100%;font:inherit;font-size:12px;font-weight:600;color:#ecf6ec;background:#174b40;border:1px solid #668b79;border-radius:5px;padding:7px 25px 7px 9px;cursor:pointer}.demo-commodity option{color:#163e32;background:#fff}.demo-expand{border:1px solid #668b79;border-radius:5px;background:transparent;color:#eff9ee;cursor:pointer;padding:3px 7px;font-size:22px;line-height:1.1;flex:none}.demo-body{display:grid;grid-template-columns:146px minmax(0,1fr)}.demo-sidebar{padding:18px 13px;background:#f1f5ee;border-inline-end:1px solid #d9e3d4;min-width:0}.demo-sidebar h3{font-size:11px;margin-bottom:16px;line-height:1.3}.demo-layer{display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.5;margin:0 0 12px;cursor:pointer}.demo-layer input{accent-color:#277b61;width:13px;height:13px;flex:none;margin:2px 0 0}.demo-point-key{display:grid;gap:6px;font-size:9px;line-height:1.4;color:#527060;margin:5px 0 16px}.demo-point-key span,.demo-legend span{display:inline-flex;align-items:center;gap:5px}.demo-point-key i,.demo-legend i{display:inline-block;width:8px;height:8px;border:1px solid #2c5847;border-radius:50%;flex:none}.demo-key-normal{background:#73d4aa}.demo-key-yellow{background:#ffd452}.demo-key-small{background:#80dbc1;outline:1px solid #f4f4e4;outline-offset:1px}.demo-context{font-size:9px;line-height:1.6;color:#5c7064;border-top:1px solid #d7e1d1;padding-top:12px;margin:12px 0 0}.demo-reference label{display:grid;font-size:9px;line-height:1.5;gap:5px;color:#425d50}.demo-reference input{max-width:65px;font-size:11px;padding:5px;background:#fff;border:1px solid #aabfaf;border-radius:4px}.demo-map-column{min-width:0;background:#e4ecdf;display:flex;flex-direction:column}.demo-map-tools{display:flex;gap:7px;align-items:center;justify-content:space-between;background:#e9f0e4;padding:8px 9px;flex-wrap:wrap}.demo-imagery-switch{display:flex;gap:4px;flex-wrap:wrap}.demo-map-tools button,.demo-raster-controls button{font:inherit;font-size:9px;line-height:1.25;background:#f9fbf6;border:1px solid #c3d3bf;color:#3f6050;padding:5px 7px;border-radius:4px;cursor:pointer}.demo-map-tools button[aria-pressed=true],.demo-raster-controls button[aria-pressed=true]{background:#174d3e;border-color:#174d3e;color:#f4fbef}.demo-date select{font:inherit;font-size:9px;max-width:130px;border:1px solid #b7c9b3;background:#f9fcf4;padding:4px;color:#244f3e;border-radius:4px}.demo-stage{position:relative;aspect-ratio:1.5;min-width:0;flex:1;min-height:240px;background:#1c392c;overflow:hidden;touch-action:pan-y}.demo-svg{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}.demo-stage.is-dragging .demo-svg{cursor:grabbing}.demo-svg:focus-visible{outline:2px solid #f2cc55;outline-offset:-3px}.demo-map-buttons{position:absolute;inset-inline-end:9px;top:9px;display:grid;z-index:2;border-radius:5px;overflow:hidden;box-shadow:0 2px 8px #163b242e}.demo-map-buttons button{display:grid;place-items:center;width:27px;height:28px;background:#fffff3ed;color:#234d3c;border:0;border-bottom:1px solid #d4ddce;font:inherit;font-size:18px;cursor:pointer}.demo-map-buttons button:last-child{font-size:15px;border-bottom:0}.demo-watermark{position:absolute;inset-inline-start:8px;bottom:7px;pointer-events:none;background:#f2f7e9e8;color:#44624f;font-size:7px;letter-spacing:.06em;padding:4px 6px;border-radius:3px}.demo-point{fill:#73d4aa;stroke:#164d3c;stroke-width:3;cursor:pointer}.demo-point-yellow{fill:#ffd452;stroke:#69510f}.demo-point-small{stroke:#f6ffed;stroke-width:4}.demo-point:focus{outline:none;stroke:#fff;stroke-width:7}.demo-selection-halo{fill:none;stroke:#fff9dd;stroke-width:6;pointer-events:none}.demo-edge{fill:none;stroke:#cff1cc;stroke-width:4;opacity:.85;cursor:pointer}.demo-edge-close{stroke:#f15b4d;stroke-width:8;opacity:1}.demo-edge-wide{stroke:#edba69;stroke-width:5;opacity:.85}.demo-edge-hit{stroke:transparent;stroke-width:23;fill:none;cursor:pointer}.demo-line-label{font-family:Arial,sans-serif;fill:#fff9e9;font-weight:700;paint-order:stroke;stroke:#5f2018;stroke-width:7px;stroke-linejoin:round;pointer-events:none}.demo-infill{fill:#f9a941;stroke:#fff7df;stroke-width:6;cursor:pointer}.demo-gap-ring{fill:#edac4421;stroke:#ffe6a1;stroke-width:4;stroke-dasharray:10 7;pointer-events:none}.demo-boundary{fill:none;stroke:#fff4ba;stroke-width:4;stroke-dasharray:16 11;pointer-events:none}.demo-raster-cell{cursor:crosshair}.demo-raster-cell:focus{outline:none;stroke:#fff9d4;stroke-width:5}.demo-raster-controls{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:7px 9px;background:#e7eedf;font-size:9px;color:#4a6655}.demo-raster-controls>div{display:flex;gap:4px}.demo-legend{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:9px 10px;font-size:8px;line-height:1.4;color:#48634e;background:#eef4e7;margin-top:auto}.demo-legend i.demo-swatch{border-radius:2px;width:12px;height:8px;border:none}.demo-trend{padding:0 10px 9px;background:#edf3e6;display:flex;gap:5px}.demo-trend button{flex:1;min-width:0;padding:5px;font:inherit;font-size:8px;line-height:1.4;background:#f8fcf2;border:1px solid #d1dfc9;border-radius:4px;color:#45604f;cursor:pointer}.demo-trend button[aria-pressed=true]{border-color:#1d6b4a;background:#dbead0}.demo-trend .demo-trend-bar{height:4px;background:#d4dfcb;border-radius:4px;overflow:hidden;margin-top:4px}.demo-trend .demo-trend-bar i{display:block;height:100%;background:#4f8b59}.demo-results{padding:13px 15px;background:#f8fbf1;border-top:1px solid #d3dfcd}.demo-result-head{display:flex;gap:10px;align-items:center;justify-content:space-between;color:#214a36;margin-bottom:11px}.demo-result-head>strong{font-size:11px;line-height:1.4}.demo-source-badge{font-size:7px;letter-spacing:.06em;white-space:nowrap;border-radius:3px;background:#e3ecd7;padding:3px 5px;color:#52724f}.demo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.demo-metrics>div{min-width:0;border-inline-end:1px solid #d9e3cf;padding-inline-end:5px}.demo-metrics>div:last-child{border:0}.demo-metrics strong{display:block;font-size:20px;letter-spacing:-.04em;color:#21543c;line-height:1.2}.demo-metrics span{display:block;font-size:8px;line-height:1.4;color:#5d735e;margin-top:4px}.demo-selection{font-size:9px;line-height:1.6;color:#42674d;margin:11px 0 0;min-height:14px;overflow-wrap:anywhere}.demo-method-note{font-size:8px;line-height:1.65;color:#687b66;margin:7px 0 0}.demo-footer{align-items:center;flex-wrap:wrap;padding:9px 13px;background:#eff5e8;font-size:9px}.demo-footer a{color:#275c40;text-decoration:none}.demo-footer button{border:0;background:transparent;font:inherit;color:#466b4e;cursor:pointer;padding:0}.demo-disclosure{font-size:10px;line-height:1.65;color:#657461;margin:14px 3px 0}.demo-dialog{padding:0;border:1px solid #adc0a6;border-radius:12px;background:#f2f7ec;width:min(1420px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 18px 70px #10382266}.demo-dialog::backdrop{background:#0d2d23aa}.demo-dialog .demo-workspace{transform:none;border:0;box-shadow:none}.demo-dialog .demo-body{grid-template-columns:200px minmax(0,1fr)}.demo-dialog .demo-stage{min-height:280px;height:calc(100dvh - 280px);max-height:760px;flex:auto;aspect-ratio:auto}.demo-dialog .demo-sidebar{padding:22px}.demo-dialog .demo-sidebar h3{font-size:14px}.demo-dialog .demo-layer{font-size:13px;margin-bottom:17px}.demo-dialog .demo-context,.demo-dialog .demo-point-key{font-size:11px}.demo-dialog .demo-bar .mini-brand{font-size:18px}.demo-dialog .demo-commodity select{font-size:15px}.demo-dialog .demo-map-tools button,.demo-dialog .demo-date select,.demo-dialog .demo-raster-controls,.demo-dialog .demo-raster-controls button{font-size:12px}.demo-dialog .demo-map-buttons button{width:34px;height:35px}.demo-dialog .demo-results{padding:15px 22px}.demo-dialog .demo-result-head>strong{font-size:14px}.demo-dialog .demo-selection{font-size:12px}.demo-dialog .demo-method-note{font-size:10px}.demo-dialog .demo-legend{font-size:11px}.demo-dialog .demo-trend button{font-size:10px}.demo-dialog .demo-metrics strong{font-size:25px}.demo-dialog .demo-metrics span{font-size:11px}.demo-dialog .demo-footer{font-size:11px}.agro-demo [hidden]{display:none!important}
@media(min-width:1181px){.hero-grid{grid-template-columns:.9fr 1.2fr;gap:42px}.hero h1{font-size:clamp(54px,5vw,72px)}}
@media(max-width:980px) and (min-width:701px){.hero-grid{grid-template-columns:1fr}.hero-visual.agro-demo{max-width:760px}.demo-workspace{transform:none}.demo-body{grid-template-columns:165px minmax(0,1fr)}.demo-sidebar h3{font-size:12px}.demo-layer{font-size:11px}.demo-stage{min-height:310px}}
@media(max-width:700px){.demo-workspace{transform:none}.demo-body,.demo-dialog .demo-body{display:block}.demo-sidebar,.demo-dialog .demo-sidebar{padding:13px 12px;border-inline-end:0;border-bottom:1px solid #d7e2cd}.demo-sidebar h3{font-size:11px;margin-bottom:10px}.demo-sidebar [data-demo-controls]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px}.demo-layer,.demo-dialog .demo-layer{font-size:10px;margin:0}.demo-layer input{width:14px;height:14px}.demo-point-key{display:flex;flex-wrap:wrap;gap:8px 14px;margin:12px 0 0;font-size:9px}.demo-context,.demo-dialog .demo-context{font-size:9px;padding-top:8px;margin-top:9px}.demo-reference label{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:10px}.demo-stage{min-height:220px;flex:none;aspect-ratio:1.5}.demo-map-tools{padding:8px}.demo-map-tools button{font-size:9px;padding:6px}.demo-date select{font-size:10px}.demo-metrics strong{font-size:21px}.demo-method-note{font-size:9px}.demo-selection{font-size:10px}.demo-disclosure{font-size:10px}.demo-dialog{width:calc(100vw - 14px);max-height:calc(100dvh - 14px)}.demo-dialog .demo-stage{height:auto;min-height:225px;aspect-ratio:1.5}.demo-dialog .demo-results{padding:12px}.demo-dialog .demo-context{display:none}.demo-dialog .demo-sidebar h3{font-size:12px;margin-bottom:10px}.demo-dialog .demo-point-key{font-size:9px}.demo-dialog .demo-commodity select{font-size:12px}.demo-dialog .demo-bar .mini-brand{font-size:14px}.demo-dialog .demo-map-tools button,.demo-dialog .demo-date select,.demo-dialog .demo-raster-controls,.demo-dialog .demo-raster-controls button{font-size:10px}.demo-dialog .demo-selection{font-size:10px}.demo-dialog .demo-metrics strong{font-size:22px}.demo-dialog .demo-metrics span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.demo-workspace{transform:none}}

/* V176: photographic commodity basemaps with an independent low-resolution overlay. */
.demo-basemap-image{pointer-events:none}.demo-raster-controls{flex-wrap:wrap}.demo-opacity{display:flex;align-items:center;gap:7px;flex:1;min-width:170px;line-height:1.4;color:#496750}.demo-opacity>span{font-size:9px}.demo-opacity input{width:85px;min-width:45px;flex:1;accent-color:#2c7654;margin:0;cursor:pointer}.demo-opacity output{font-size:9px;min-width:30px;text-align:end}.demo-dialog .demo-opacity>span,.demo-dialog .demo-opacity output{font-size:11px}@media(max-width:700px){.demo-opacity{order:3;flex-basis:100%;min-width:0;padding-top:3px}.demo-opacity input{width:auto;max-width:none}.demo-opacity>span,.demo-opacity output{font-size:10px}}

.demo-field-hit{fill:transparent;stroke:#f4f6d5;stroke-opacity:.34;stroke-width:.7;vector-effect:non-scaling-stroke;cursor:pointer;pointer-events:all}.demo-field-hit:hover,.demo-field-hit:focus-visible,.demo-field-hit.is-selected{stroke:#fff6bf;stroke-opacity:1;stroke-width:2;outline:none}.demo-workspace[data-raster-mode="rgb"] .demo-field-hit:not(:hover):not(:focus-visible):not(.is-selected){stroke-opacity:0}[data-demo-thematic-layer]{pointer-events:none}.demo-legend:has(.demo-colour-ramp){display:block}.demo-colour-ramp{height:7px;border-radius:3px;margin:3px 0 5px}.demo-ramp-labels{direction:ltr;display:flex!important;justify-content:space-between;gap:8px;font-size:9px}.demo-ramp-labels bdi{font-size:8px;text-align:center}.demo-original-key{font-size:8px;line-height:1.7;color:#587161}.demo-footer{justify-content:space-between}.demo-footer button{margin-inline-start:0}@media(max-width:700px){.demo-ramp-labels{font-size:10px}.demo-ramp-labels bdi,.demo-original-key{font-size:9px}}