:root{--paper:#f6f2e8;--green:#0c2b1d;--green2:#2e844c;--cream:#f8eed7;--gold:#f0ac2e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--radius:22px}
html{scroll-behavior:smooth}body{background:var(--paper)}button{transition:background .25s,transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}button:active:not(:disabled){transform:scale(.97)}.topbar{position:sticky;top:0;z-index:15;background:#f6f2e8dd;backdrop-filter:blur(22px);height:68px}.sidebar{background:#0c2b1d}.sidebar .side-caption{line-height:1.6}.page-heading{padding:12px 0 4px}.page-heading h1{font-size:clamp(1.7rem,2.8vw,3rem);font-weight:650;letter-spacing:-1.6px;line-height:1.13;max-width:680px}.page-heading p{line-height:1.6;margin-top:14px}.eyebrow{letter-spacing:1.3px;font-size:.68rem}.scenario-bar{background:#ece8dc;border-color:#e0dbcd;border-radius:15px}.scenario{border-radius:9px;background:#f9f6ef;font-size:.8rem}.scenario.active{border-color:#4a8155;box-shadow:0 3px 14px #1935230d}.sensor-stage{margin-top:24px;padding:28px 30px;background:var(--green);color:#f6f2e8;border-radius:25px;overflow:hidden;position:relative}.sensor-stage-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.sensor-stage .eyebrow{color:#a3c99d}.sensor-stage h2{font-size:2.2rem;letter-spacing:-1px;line-height:1.2;margin:7px 0 8px}.sensor-stage p{color:#b6c7b2;font-size:.9rem;line-height:1.6}.sensor-refresh{border-color:#648368;background:transparent;color:#e8f0df;font-size:.8rem;border-radius:30px}.sensor-refresh:hover:not(:disabled){background:#285137}.telemetry-grid{display:grid;grid-template-columns:150px repeat(3,minmax(105px,1fr)) minmax(130px,1.3fr);gap:20px;align-items:center;margin-top:22px}.moisture-orbit{width:140px;height:140px;position:relative}.moisture-orbit svg{width:100%;height:100%;transform:rotate(-90deg)}.moisture-orbit circle{fill:none;stroke-width:5}.orbit-track{stroke:#33533b}.orbit-value{stroke:#f0ac2e;stroke-linecap:round;stroke-dasharray:383.28;stroke-dashoffset:237.6;transition:stroke-dashoffset 1s cubic-bezier(.2,.8,.2,1)}.moisture-orbit>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.moisture-orbit strong{font-size:2.5rem;letter-spacing:-1px;font-weight:550;font-variant-numeric:tabular-nums}.moisture-orbit span{font-size:.74rem;color:#bfcfb7;margin-top:3px}.telemetry-reading>span{font-size:.77rem;color:#c3d1b9}.telemetry-reading>div{display:flex;align-items:baseline;gap:5px;margin:10px 0}.telemetry-reading strong{font-size:2rem;font-weight:500;letter-spacing:-1px;font-variant-numeric:tabular-nums}.telemetry-reading small{font-size:.74rem;color:#b8caaa}.telemetry-reading p{font-size:.66rem;color:#91ae8d}.telemetry-health{border-left:1px solid #3b5640;padding-left:18px}.health-pill{font-size:.72rem;color:#bddd9c}.health-pill.fault{color:#ffb5a3}.telemetry-health p{font-size:.74rem;margin-top:9px}.telemetry-health small{display:block;font-size:.66rem;line-height:1.6;color:#91ad8f;margin-top:8px}.journey{padding:26px 0 22px}.journey .current b{background:var(--green)}.recommendation{border-radius:24px;background:#f9eed6;border:1px solid #e7dbc0}.recommendation h2{font-size:clamp(1.6rem,2.3vw,2.25rem);line-height:1.15;letter-spacing:-.9px}.rec-subtitle,.reason{font-size:.94rem}.chat-panel{border-radius:24px;background:#fffcf7}.assistant-logo{background:#eaf0df;color:#477347}.button{border-radius:30px}.rec-action-row .button{padding:12px 19px}.metrics{background:#fffcf7;border-radius:20px}.metric strong{font-weight:550;font-variant-numeric:tabular-nums}.metric-track i{transition:width .8s}.forecast-panel,.iot-panel,.recent{background:#fffcf7;border-radius:20px}.iot-panel{position:relative;overflow:hidden}.valve-symbol.running{animation:devicePulse 1.5s ease-in-out infinite}.progress-track{height:7px}.progress-track i{background:#2e844c}.chart path{stroke-dasharray:500;animation:drawTrace 1.2s ease-out both}.chart path[stroke-dasharray]{animation:none}.fertilizer-panel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,.8fr);gap:25px;align-items:center;margin-top:22px;padding:32px;background:#e5eadb;border:1px solid #d7dfca;border-radius:22px}.application-copy h2{font-size:1.7rem;letter-spacing:-.7px;line-height:1.2;margin:8px 0 12px}.application-copy>p{font-size:.88rem;line-height:1.65;color:#5d7057;max-width:610px}.application-note{font-size:.79rem;line-height:1.5;margin-top:15px;color:#436540}.application-buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px}.application-buttons .button{font-size:.8rem}.application-display{border-left:1px solid #c4d0b6;padding-left:28px}.application-display>span{font-size:.78rem;color:#527149}.application-display>div:nth-child(2){display:flex;align-items:baseline;gap:8px;margin:12px 0 14px}.application-display strong{font-size:4.5rem;font-weight:500;line-height:1;letter-spacing:-3px;font-variant-numeric:tabular-nums}.application-display small{font-size:1.1rem;color:#6d805e}.application-display p{font-size:.74rem;color:#6c805d;margin-top:10px;line-height:1.5}.scope-story{padding:78px 0 34px}.scope-story>h2{font-size:clamp(2.2rem,4.5vw,4.3rem);font-weight:600;letter-spacing:-2px;line-height:1.08;margin:12px 0 32px}.scope-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.scope-cards article{background:#eee9dd;border:1px solid #e5decf;border-radius:20px;padding:24px;transition:transform .4s,box-shadow .4s}.scope-cards article:hover{transform:translateY(-5px);box-shadow:0 12px 22px #264c2210}.scope-cards span{font-size:.7rem;letter-spacing:.4px;color:#75866b}.scope-cards h3{font-size:1.25rem;letter-spacing:-.3px;line-height:1.25;margin:20px 0 10px}.scope-cards p{font-size:.84rem;line-height:1.65;color:#65765d}.pilot-note{border-top:1px solid #ded9ca;margin-top:32px;padding-top:24px;display:grid;grid-template-columns:1fr 2fr;gap:24px}.pilot-note b{font-size:.94rem}.pilot-note p{font-size:.82rem;line-height:1.75;color:#7b8572}.reveal{opacity:1}.motion-ready .reveal:not(.revealed){opacity:0;transform:translateY(32px)}.motion-ready .reveal{transition:opacity .75s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.plot-transition{animation:plotReveal .55s cubic-bezier(.2,.8,.2,1)}dialog[open]{animation:dialogIn .25s ease-out}dialog::backdrop{backdrop-filter:blur(9px)}.sensor-stage.refreshing .moisture-orbit{animation:sensorRefresh .6s ease}.iot-panel.active-cycle{box-shadow:inset 0 0 0 2px #5b9957}.fertilizer-panel.active-cycle{box-shadow:inset 0 0 0 2px #5b9957}.page-footer{border-top:1px solid #e2dccd;line-height:1.5}button:disabled{opacity:.52}
@keyframes devicePulse{50%{box-shadow:0 0 0 12px #34804a16;transform:scale(1.06)}}@keyframes drawTrace{from{stroke-dashoffset:500}to{stroke-dashoffset:0}}@keyframes plotReveal{from{opacity:.45;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dialogIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes sensorRefresh{50%{transform:scale(.96);opacity:.7}}
@media(min-width:1600px){.sensor-stage{padding:34px 40px}.telemetry-grid{gap:30px}.moisture-orbit{width:150px;height:150px}.page-heading h1{font-size:3.1rem}}
@media(max-width:1150px){.telemetry-grid{grid-template-columns:120px repeat(3,1fr);gap:16px}.moisture-orbit{width:120px;height:120px}.telemetry-health{grid-column:1/-1;border-left:0;border-top:1px solid #3b5640;padding:12px 0 0;display:flex;align-items:center;gap:16px}.telemetry-health p,.telemetry-health small{margin:0}.telemetry-health small{margin-left:auto}.sensor-stage h2{font-size:1.9rem}.fertilizer-panel{padding:26px}.scope-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.page-heading h1{font-size:2.15rem;letter-spacing:-1px}.sensor-stage{padding:23px 20px;border-radius:20px}.sensor-stage-heading{align-items:start}.sensor-stage h2{font-size:1.65rem}.sensor-stage-heading>div p{font-size:.8rem}.sensor-refresh{font-size:.65rem;min-height:34px;padding:8px;flex:none;max-width:95px}.telemetry-grid{grid-template-columns:110px 1fr;gap:22px 20px}.moisture-orbit{width:110px;height:110px}.telemetry-reading strong{font-size:1.85rem}.telemetry-reading>span{font-size:.78rem}.telemetry-reading p{font-size:.7rem}.telemetry-health{flex-wrap:wrap;gap:7px 12px}.telemetry-health small{width:100%;margin:0}.telemetry-health p{margin-left:auto}.journey{font-size:.7rem;gap:12px;justify-content:start}.journey>span{width:calc(50% - 6px)}.recommendation h2{font-size:1.85rem}.fertilizer-panel{grid-template-columns:1fr;padding:24px}.application-display{border-left:0;border-top:1px solid #c4d0b6;padding:24px 0 0}.application-display>div:nth-child(2){margin:14px 0}.application-display strong{font-size:4rem}.application-buttons .button{flex:1;min-width:130px}.scope-story{padding-top:55px}.scope-story>h2{font-size:2.55rem;letter-spacing:-1.4px}.scope-cards{grid-template-columns:1fr}.scope-cards article{padding:24px}.scope-cards h3{margin-top:14px}.pilot-note{grid-template-columns:1fr;gap:12px}.topbar{height:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready .reveal:not(.revealed){opacity:1;transform:none}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.motion-ready .reveal:not(.revealed){opacity:1;transform:translateY(28px) scale(.985)}
.sensor-stage .quick-note{font-size:.72rem;color:#a5ba9d;line-height:1.6;margin-top:12px}.scope-story,.fertilizer-panel,#application-title{scroll-margin-top:90px}
.quick-controls{display:flex;align-items:center;gap:12px;border-top:1px solid #38533d;margin-top:23px;padding-top:20px;flex-wrap:wrap}.quick-controls>span{font-size:.8rem;color:#adc3a6;margin-right:3px}.quick-controls .button{background:#f3ead6;color:#193c24;font-size:.78rem;min-height:36px;padding:8px 15px}.quick-controls .button:hover:not(:disabled){background:#fff8e8}.quick-controls a{margin-left:auto;font-size:.73rem;color:#b9cdab}.quick-controls .button:disabled{opacity:.38}.chart path[stroke-dasharray]{stroke-dasharray:5 5}.sensor-stage .button:focus-visible,.sensor-stage a:focus-visible{outline-color:#f0ac2e}
@media(max-width:650px){.quick-controls{gap:9px}.quick-controls>span{width:100%}.quick-controls .button{flex:1;min-width:130px}.quick-controls a{margin:6px 0 0}}
@media print{.scope-story,.sensor-stage,.fertilizer-panel{display:none!important}}