.home-page .hero-content{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:clamp(30px,6vw,100px);align-content:center;align-items:center;max-width:1480px;margin:auto;padding:160px 5vw 65px}
.home-page .hero-copy{text-align:left;min-width:0}
.home-page .hero-copy h1{font-size:clamp(38px,4.4vw,66px);line-height:1.14;letter-spacing:-.05em}
.home-page .hero-copy .hero-intro{margin:24px 0 0;max-width:660px;text-wrap:pretty}
.home-page .hero-copy .hero-bottom{justify-content:flex-start}
.home-page .hero-copy .hero-ctas{justify-content:flex-start;flex-wrap:wrap}
.irrigation-demo{color:#eaf5ef;text-align:left;min-width:0;justify-self:center;width:320px}
.ir-phone{border-radius:44px;padding:10px;background:transparent;border:2px solid #ffffff60;box-shadow:none;position:relative}
.ir-camera{position:absolute;width:85px;height:19px;top:18px;left:50%;transform:translateX(-50%);border-radius:20px;background:#07110e;z-index:2}
.ir-camera:after{content:"";position:absolute;right:11px;top:6px;width:7px;height:7px;border-radius:50%;background:#1a3542}
.ir-screen{border-radius:35px;background:transparent;overflow:hidden;padding:37px 16px 17px;border:0}
.ir-top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:16px;border-bottom:1px solid #ffffff14}
.ir-top strong{font-size:12px;letter-spacing:.1em}.ir-top strong span{font-size:8px;color:#76b8ad;letter-spacing:.08em}
.ir-badge{font-size:7px;letter-spacing:.1em;display:flex;align-items:center;gap:5px;color:#a9e6d4}
.ir-badge i,.ir-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#62d5b8;box-shadow:0 0 10px #62d5b8}
.ir-heading{padding-top:20px}.ir-heading>span{font-size:8px;letter-spacing:.15em;color:#88ada0}
.ir-heading h2{font:600 24px/1.3 var(--heading);letter-spacing:-.04em;margin:6px 0;color:#f1fff6}
.ir-heading p{font-size:10px;line-height:1.6;color:#a5bdb2;margin:0}
.ir-field{margin:5px -7px 4px}.ir-field svg{display:block;width:100%;height:auto}
.ir-flow{fill:none;stroke:#59e1dc;stroke-width:3;stroke-linecap:round;stroke-dasharray:5 13;opacity:0}
.ir-main-flow,.is-active .ir-flow{animation:ir-flow 1.3s linear infinite}.is-active .ir-flow{opacity:1}
.ir-emitter circle{fill:#48665b;stroke:#75988a;stroke-width:1}
.ir-drop{fill:#83f0eb;opacity:0}.ir-ripple{fill:none;stroke:#5dd8c7;stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center}
.is-active .ir-emitter circle{fill:#5edbd2;stroke:#b0ffea}.is-active .ir-drop{animation:ir-drop 1.6s ease-in infinite;animation-delay:var(--delay,0s)}
.is-active .ir-ripple{animation:ir-ripple 1.6s ease-out infinite;animation-delay:calc(var(--delay,0s) + .85s)}
.ir-zones{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.ir-zones button{cursor:pointer;border:1px solid #365449;border-radius:9px;background:#ffffff04;color:#8da79b;font:600 12px/1.4 var(--font);padding:9px 7px;transition:background .25s,color .25s,border-color .25s}
.ir-zones button span{font-size:9px;font-weight:400}.ir-zones button[aria-pressed=true]{color:#bffff1;border-color:#328e7f;background:#15999e23}
.ir-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;font-size:10px;color:#b4cebf}.ir-status>span{display:flex;gap:7px;align-items:center}
.ir-toggle{border:0;background:none;color:#8baca0;text-decoration:underline;text-underline-offset:4px;font:500 10px var(--font);padding:5px;cursor:pointer}
.ir-note{font-size:8px;line-height:1.6;color:#739185;margin:12px 0 0}
.is-paused .ir-flow,.is-paused .ir-main-flow,.is-paused .ir-drop,.is-paused .ir-ripple,.is-offscreen *{animation-play-state:paused}
.is-paused .ir-drop,.is-paused .ir-ripple{opacity:0!important}.is-paused .ir-status i{background:#8ba39a;box-shadow:none}
.irrigation-demo button:focus-visible{outline:2px solid #b7ffeb;outline-offset:3px}
@keyframes ir-flow{to{stroke-dashoffset:-36}}
@keyframes ir-drop{0%,15%{opacity:0;transform:translateY(0)}25%{opacity:1}75%{opacity:1}95%,100%{opacity:0;transform:translateY(27px)}}
@keyframes ir-ripple{0%,40%{opacity:0;transform:scale(.3)}55%{opacity:.65}100%{opacity:0;transform:scale(1.5)}}
@media(min-width:901px) and (max-height:760px){.irrigation-demo{width:280px}.ir-heading{padding-top:12px}.ir-heading h2{font-size:22px}.ir-screen{padding-top:32px}.ir-top{padding-bottom:12px}.home-page .hero-content{padding-top:145px;padding-bottom:30px}}
@media(max-width:900px){.home-page .hero-content{grid-template-columns:1fr;gap:16px;padding:125px 22px 95px;align-content:center}.home-page .hero-copy{text-align:center}.home-page .hero-copy h1{font-size:clamp(26px,5.5vw,38px)}.home-page .hero-copy .hero-intro{font-size:12px;max-width:580px;margin:12px auto 0}.home-page .hero-copy .hero-bottom{margin-top:16px;justify-content:center}.home-page .hero-copy .hero-ctas{display:flex;flex-wrap:nowrap;justify-content:center;gap:8px}.home-page .hero-copy .hero-ctas a{font-size:10px;padding:9px 10px;min-height:39px;gap:7px}.home-page .hero-copy .hero-ctas svg{width:14px}.irrigation-demo{width:280px}.ir-phone{border-radius:26px;padding:6px}.ir-camera{width:60px;height:12px;top:11px}.ir-camera:after{top:3px;width:5px;height:5px}.ir-screen{border-radius:21px;padding:25px 12px 10px}.ir-top{padding-bottom:8px}.ir-heading{padding-top:8px}.ir-heading>span,.ir-heading p,.ir-note{display:none}.ir-heading h2{font-size:17px;margin:0}.ir-field{margin:0}.ir-field svg{height:145px}.ir-zones button{padding:4px}.ir-status{margin-top:6px}.home-page .hero-explore{display:none}}
@media(max-width:900px) and (max-height:720px){.home-page .hero-copy .hero-intro{display:none}.home-page .hero-content{gap:12px;padding-top:120px;padding-bottom:90px}.ir-field svg{height:120px}.ir-heading{display:none}.home-page .hero-copy h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){.irrigation-demo *{animation:none!important;transition:none!important}.is-active .ir-drop{opacity:1}}