:root { --ink:#173027; --muted:#5d6c64; --green:#0d6b45; --green-dark:#075235; --cream:#f4efe5; --surface:#f9f6ef; --orange:#ed8d45; --blue:#3e7b8d; --line:#d7d1c4; --shadow:14px 14px 30px rgba(105,92,68,.14),-10px -10px 24px rgba(255,255,255,.85); --shadow-inset:inset 4px 4px 9px rgba(154,141,115,.12),inset -4px -4px 9px rgba(255,255,255,.8); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--cream); font-family:"Nunito Sans",Arial,sans-serif; font-size:18px; line-height:1.55; overflow-x:hidden; }
button,input { font:inherit; } button { cursor:pointer; } a { color:inherit; text-decoration:none; } .container { width:min(1160px,calc(100% - 40px)); margin:0 auto; } .skip-link { position:absolute; left:-999px; top:10px; z-index:99; background:#fff; padding:12px 16px; border-radius:12px; } .skip-link:focus { left:16px; }
.page-glow { position:fixed; width:430px; height:430px; border-radius:50%; filter:blur(35px); opacity:.32; pointer-events:none; z-index:-1; } .glow-one { background:#e9b877; top:-180px; right:-160px; } .glow-two { background:#91caaa; bottom:-220px; left:-130px; }
.site-header { min-height:92px; display:flex; align-items:center; justify-content:space-between; gap:24px; } .brand { display:inline-flex; align-items:center; gap:10px; font-family:"Space Grotesk",sans-serif; font-size:22px; font-weight:700; letter-spacing:-.7px; } .brand-mark { display:grid; place-items:center; width:38px; height:38px; color:#fff; background:var(--green); border-radius:14px 14px 14px 5px; box-shadow:5px 5px 12px rgba(13,107,69,.25); } .main-nav { display:flex; align-items:center; gap:26px; font-weight:800; font-size:16px; } .main-nav a:not(.nav-cta):hover { color:var(--green); } .nav-cta,.button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; border-radius:18px; padding:12px 20px; font-weight:900; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; } .nav-cta { background:var(--ink); color:#fff; box-shadow:5px 5px 13px rgba(23,48,39,.2); } .menu-button { display:none; border:0; border-radius:14px; background:var(--surface); color:var(--ink); box-shadow:var(--shadow); padding:10px 14px; font-weight:900; }
.hero { display:grid; grid-template-columns:1.06fr .94fr; align-items:center; gap:70px; padding:68px 0 86px; } .eyebrow { margin:0 0 14px; color:var(--green); font-size:14px; font-weight:900; letter-spacing:1.1px; text-transform:uppercase; } .pulse { display:inline-block; width:10px; height:10px; margin-right:7px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 5px rgba(237,141,69,.2); } h1,h2,h3,h4,p { margin-top:0; } h1,h2,h3,h4 { font-family:"Space Grotesk",sans-serif; line-height:1.08; letter-spacing:-1.4px; } h1 { max-width:700px; margin-bottom:22px; font-size:clamp(48px,6.3vw,78px); } h1 span { color:var(--green); } .hero-text { max-width:630px; color:var(--muted); font-size:21px; } .hero-actions { display:flex; flex-wrap:wrap; gap:13px; margin:31px 0 29px; } .button-primary { border:1px solid var(--green); background:var(--green); color:#fff; box-shadow:7px 7px 16px rgba(13,107,69,.25); } .button-primary:hover { background:var(--green-dark); transform:translateY(-2px); box-shadow:9px 9px 18px rgba(13,107,69,.3); } .button-secondary { border:1px solid #d5cec0; background:var(--surface); box-shadow:var(--shadow); } .button-secondary:hover { transform:translateY(-2px); } .trust-row { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; color:var(--muted); font-size:14px; } .trust-row strong { color:var(--ink); font-size:14px; }
.clay-card { background:var(--surface); box-shadow:var(--shadow); border:1px solid rgba(255,255,255,.6); } .hero-visual { padding:18px; border-radius:36px; transform:rotate(1deg); } .visual-topline,.visual-foot { display:flex; justify-content:space-between; align-items:center; font-size:14px; font-weight:900; }.status-dot { width:9px; height:9px; background:#5cc687; display:inline-block; border-radius:50%; margin-right:7px; }.field-scene { position:relative; height:230px; margin:15px 0; overflow:hidden; border-radius:25px; background:linear-gradient(#b9e0e7 0 60%,#72a85b 60%); }.sun { position:absolute; right:52px; top:28px; width:45px; height:45px; border-radius:50%; background:#ffd66e; }.cloud { position:absolute; width:65px; height:18px; border-radius:99px; background:rgba(255,255,255,.7); }.cloud:before,.cloud:after { content:""; position:absolute; bottom:0; border-radius:50%; background:inherit; }.cloud:before { width:28px; height:28px; left:9px; }.cloud:after { width:35px; height:35px; right:8px; }.cloud-a { top:55px; left:42px; }.cloud-b { top:92px; left:160px; transform:scale(.65); }.hill { position:absolute; bottom:-55px; border-radius:50% 50% 0 0; }.hill-back { width:330px; height:160px; left:-20px; background:#4e9152; }.hill-front { width:370px; height:130px; right:-50px; background:#377d43; }.crop { position:absolute; bottom:-5px; width:6px; height:58px; background:#165c38; border-radius:100%; transform-origin:bottom; }.crop:before,.crop:after { content:""; position:absolute; width:18px; height:9px; background:#217b47; border-radius:100% 0 100% 0; }.crop:before { left:-15px; top:17px; transform:rotate(-25deg); }.crop:after { right:-15px; top:28px; transform:rotate(35deg) scaleX(-1); }.crop-a{left:62px;}.crop-b{left:112px;height:72px;}.crop-c{right:66px;height:63px;}.farmer-summary { display:flex; gap:11px; align-items:center; padding:13px; border-radius:20px; background:var(--surface); box-shadow:var(--shadow-inset); }.avatar { display:grid; place-items:center; width:46px; height:46px; border-radius:16px; background:#e6d4ad; }.farmer-summary div:nth-child(2) { display:grid; line-height:1.3; }.farmer-summary span:not(.good-pill) { font-size:13px; color:var(--muted); }.good-pill { margin-left:auto; padding:5px 10px; border-radius:10px; background:#d5f0df; color:#17633b; font-size:12px; font-weight:900; }.mini-notice { display:flex; gap:10px; margin:15px 0; padding:12px; border-radius:16px; background:#fff7e4; font-size:13px; line-height:1.3; }.mini-notice>span { display:grid; place-items:center; flex:0 0 auto; width:26px; height:26px; border-radius:50%; background:var(--orange); color:#fff; font-weight:900; }.mini-notice small { display:block; color:var(--muted); margin-top:3px; }.visual-foot { color:var(--muted); }.visual-foot strong { color:var(--green); }
.metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:118px; }.metric { display:flex; align-items:center; gap:16px; min-height:120px; padding:21px; border-radius:25px; }.metric-icon { display:grid; place-items:center; flex:0 0 auto; width:50px; height:50px; border-radius:17px; color:var(--green); background:#e6eee2; font-size:28px; font-weight:900; }.metric strong { display:block; font-family:"Space Grotesk",sans-serif; font-size:18px; }.metric p { margin:2px 0 0; color:var(--muted); font-size:14px; }
.section { padding:92px 0; }.section-heading { max-width:760px; margin-bottom:44px; }.section-heading h2 { margin-bottom:15px; font-size:clamp(36px,4.4vw,56px); }.section-heading>p:not(.eyebrow) { color:var(--muted); font-size:20px; }.steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }.step { min-height:290px; padding:30px; border-radius:30px; }.step-number { display:grid; place-items:center; width:46px; height:46px; margin-bottom:44px; border-radius:15px; color:#fff; background:var(--green); font-size:18px; font-weight:900; }.step h3 { font-size:25px; }.step p { margin-bottom:0; color:var(--muted); font-size:17px; }
.demo-section { background:rgba(220,233,216,.48); }.compact { margin-bottom:30px; }.demo-shell { border-radius:37px; overflow:hidden; }.demo-tabs { display:flex; padding:13px; gap:10px; background:#e4e6da; }.demo-tab { flex:1; min-height:60px; border:0; border-radius:18px; background:transparent; color:var(--muted); font-size:16px; font-weight:900; }.demo-tab.active { color:var(--ink); background:var(--surface); box-shadow:5px 5px 11px rgba(84,95,67,.15),-4px -4px 10px rgba(255,255,255,.65); }.demo-panel { padding:43px; }.panel-intro { max-width:710px; }.panel-kicker,.soft-label { display:block; color:var(--green); font-size:13px; font-weight:900; letter-spacing:.8px; text-transform:uppercase; }.panel-intro h3 { margin:7px 0 10px; font-size:clamp(28px,3.4vw,40px); }.panel-intro p { color:var(--muted); }.choice-layout { display:grid; grid-template-columns:1.35fr .65fr; gap:25px; margin-top:28px; }.provider-list { display:grid; gap:13px; }.provider-option { display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:14px; width:100%; padding:17px; text-align:left; border:2px solid transparent; border-radius:21px; color:var(--ink); background:var(--surface); box-shadow:var(--shadow); }.provider-option:hover { transform:translateY(-1px); }.provider-option.selected { border-color:var(--green); background:#f8fcf7; }.provider-logo { display:grid; place-items:center; width:45px; height:45px; border-radius:15px; color:#fff; font-family:"Space Grotesk",sans-serif; font-weight:700; }.logo-green{background:#2f8c5d;}.logo-orange{background:#d96a32;}.logo-blue{background:#407f92;}.provider-option span:nth-child(2) { display:grid; }.provider-option small { color:var(--muted); font-size:14px; }.provider-option b { text-align:right; font-family:"Space Grotesk",sans-serif; font-size:18px; }.provider-option b span { font-family:"Nunito Sans",sans-serif; font-size:12px; color:var(--muted); }.provider-option i { display:grid; place-items:center; width:22px; height:22px; border:1px solid var(--line); border-radius:50%; color:transparent; font-style:normal; }.provider-option.selected i { border-color:var(--green); color:#fff; background:var(--green); }.selection-card { align-self:start; padding:27px; border-radius:24px; background:#eaf2e5; box-shadow:var(--shadow-inset); }.selection-card h4 { margin:8px 0 4px; font-size:26px; }.selection-card>p { margin-bottom:18px; color:var(--muted); font-weight:800; }.saving { display:flex; align-items:flex-start; gap:8px; margin:15px 0; padding:12px; border-radius:14px; color:#17633b; background:#d8efdc; font-size:14px; font-weight:800; }.full-width { width:100%; }.selection-card small { display:block; margin-top:13px; color:var(--muted); font-size:13px; line-height:1.35; }
.studio-layout,.signal-layout { display:grid; grid-template-columns:1fr 1fr; gap:32px; margin-top:26px; }.studio-card { padding:26px; border-radius:24px; background:var(--surface); box-shadow:var(--shadow-inset); }.studio-card label:first-child { display:block; margin-bottom:7px; font-weight:900; }.studio-card input { width:100%; margin-bottom:3px; padding:13px; border:2px solid #d5d7cc; border-radius:13px; color:var(--ink); background:#fffdf9; font-weight:700; }.field-help { color:var(--muted); font-size:13px; }.studio-card fieldset { margin:23px 0; padding:0; border:0; }.studio-card legend { margin-bottom:11px; font-weight:900; }.check-row { display:block; margin:10px 0; font-weight:700; }.check-row input { width:20px; height:20px; vertical-align:middle; margin:0 9px 0 0; accent-color:var(--green); }.service-preview { padding:7px 15px; }.preview-phone { max-width:330px; margin:13px auto 0; padding:14px; border:8px solid #283a32; border-radius:30px; background:#f7f2e5; box-shadow:10px 10px 20px rgba(23,48,39,.18); }.preview-bar { padding:10px; color:#fff; background:var(--green); border-radius:13px; font-size:14px; font-weight:900; }.preview-alert { display:flex; gap:10px; margin:17px 0; padding:13px; border-radius:14px; background:#fff0d7; font-size:14px; line-height:1.3; }.preview-alert>span { display:grid; place-items:center; width:27px; height:27px; border-radius:50%; color:#fff; background:var(--orange); font-weight:900; }.preview-alert small { display:block; color:var(--muted); margin-top:3px; }.preview-phone button { width:100%; margin:6px 0; min-height:47px; border:0; border-radius:13px; color:#fff; background:var(--green); font-weight:900; }.preview-phone .outline-button { border:2px solid var(--green); color:var(--green); background:transparent; }.preview-phone>small { display:block; margin:10px 0 2px; color:var(--muted); text-align:center; font-size:12px; font-weight:800; }
.signal-map { position:relative; min-height:300px; border-radius:25px; overflow:hidden; background:radial-gradient(circle at 32% 35%,rgba(248,246,223,.95) 0 9%,transparent 10%),radial-gradient(circle at 64% 62%,rgba(248,246,223,.9) 0 13%,transparent 14%),linear-gradient(145deg,#b8d2a2,#78a56e); }.signal-map:before,.signal-map:after { content:""; position:absolute; width:470px; height:80px; border-radius:50%; border:12px solid rgba(255,255,255,.28); transform:rotate(-27deg); }.signal-map:before{top:80px;left:-100px}.signal-map:after{top:170px;right:-180px}.map-label { position:absolute; padding:5px 10px; border-radius:9px; background:rgba(255,255,255,.8); font-size:12px; font-weight:900; }.map-one{top:30px;left:31px}.map-two{bottom:48px;right:45px}.risk-point { position:absolute; display:grid; place-items:center; width:56px; height:56px; border:4px solid rgba(255,255,255,.75); border-radius:50%; color:#fff; box-shadow:0 5px 12px rgba(0,0,0,.14); font-size:11px; font-weight:900; }.risk-point.low{left:27%;bottom:21%;background:#4a9e76}.risk-point.medium{right:29%;top:23%;background:#e59536}.risk-point.high{left:52%;top:47%;width:69px;height:69px;background:#ca4e39}.map-legend { position:absolute; bottom:12px; left:13px; display:flex; gap:10px; padding:7px 9px; border-radius:10px; background:rgba(255,255,255,.82); font-size:11px; font-weight:800; }.legend-dot { display:inline-block; width:8px; height:8px; border-radius:50%; }.low-dot{background:#4a9e76}.med-dot{background:#e59536}.high-dot{background:#ca4e39}.signal-summary { padding:24px; border-radius:24px; background:var(--surface); box-shadow:var(--shadow-inset); }.signal-head { display:grid; gap:4px; }.signal-head strong { font-family:"Space Grotesk",sans-serif; font-size:25px; }.bar-chart { display:flex; align-items:end; gap:10px; height:118px; margin:22px 0; padding:15px 12px 10px; border-bottom:2px solid #c7d0bf; background:repeating-linear-gradient(0deg,transparent,transparent 34px,rgba(160,175,150,.17) 35px); }.bar-chart i { flex:1; min-width:14px; border-radius:9px 9px 3px 3px; background:linear-gradient(#efad4e,#d6653c); }.signal-summary p { color:var(--muted); font-size:16px; }
.impact-section { display:grid; grid-template-columns:.95fr 1.05fr; align-items:center; gap:78px; }.impact-copy h2 { margin-bottom:18px; font-size:clamp(38px,4.5vw,60px); }.impact-copy>p:not(.eyebrow) { color:var(--muted); font-size:20px; }.text-link { display:inline-flex; margin-top:12px; color:var(--green); font-weight:900; }.impact-list { display:grid; gap:16px; }.impact-item { display:flex; align-items:start; gap:18px; padding:23px; border-radius:23px; }.impact-item>span { color:var(--orange); font-family:"Space Grotesk",sans-serif; font-weight:700; }.impact-item h3 { margin-bottom:4px; font-size:23px; }.impact-item p { margin:0; color:var(--muted); font-size:16px; }
.cta-section { padding:38px 0 78px; }.cta-card { padding:58px; border-radius:38px; color:#fff; background:linear-gradient(120deg,#0c6041,#154d38); box-shadow:14px 14px 28px rgba(26,69,50,.26); }.cta-card .eyebrow { color:#b8e4c3; }.cta-card h2 { max-width:790px; margin-bottom:15px; font-size:clamp(36px,4.7vw,58px); }.cta-card p:not(.eyebrow) { max-width:610px; color:#d7eadc; font-size:19px; }.button-light { margin-top:16px; border:0; color:var(--green); background:#fff6df; box-shadow:6px 6px 14px rgba(0,0,0,.18); }.button-light:hover { transform:translateY(-2px); }.site-footer { display:grid; grid-template-columns:1fr auto auto auto; align-items:center; gap:24px; padding:26px 0 38px; color:var(--muted); font-size:14px; }.site-footer p { margin:0; }.site-footer .brand { color:var(--ink); }.footer-links { display:flex; gap:14px; font-weight:800; }.footer-links a:hover { color:var(--green); }.policy-page { padding:28px 0 76px; }.policy-header { display:flex; justify-content:space-between; align-items:center; padding:24px 0 46px; }.back-link { color:var(--green); font-weight:900; }.policy-card { max-width:880px; margin:0 auto; padding:clamp(25px,5vw,58px); border-radius:35px; }.policy-card h1 { margin-bottom:16px; font-size:clamp(42px,6vw,68px); }.policy-card h2 { margin:43px 0 12px; color:var(--green); font-size:28px; }.policy-card p,.policy-card li { color:var(--muted); }.policy-card strong { color:var(--ink); }.policy-card ul { padding-left:24px; }.notice-box { margin:26px 0; padding:18px; border-radius:18px; border-left:6px solid var(--orange); background:#fff3d8; color:#553a16; font-weight:800; }.policy-meta { color:var(--muted); font-size:15px; }.toast { position:fixed; right:20px; bottom:20px; z-index:40; max-width:360px; padding:15px 18px; border-radius:16px; color:#fff; background:var(--ink); box-shadow:8px 8px 20px rgba(0,0,0,.24); opacity:0; transform:translateY(20px); pointer-events:none; transition:.25s ease; font-size:15px; font-weight:800; }.toast.show { opacity:1; transform:translateY(0); }
button:focus-visible,a:focus-visible,input:focus-visible { outline:4px solid #f0a353; outline-offset:4px; } @media (max-width:880px){.hero,.impact-section{grid-template-columns:1fr;gap:42px}.hero{padding-top:35px}.hero-visual{max-width:580px}.metrics,.steps-grid{grid-template-columns:1fr}.metric{min-height:105px}.choice-layout,.studio-layout,.signal-layout{grid-template-columns:1fr}.selection-card{position:static}.site-footer{grid-template-columns:1fr;gap:12px}.cta-card{padding:38px}.main-nav{gap:15px}.demo-panel{padding:28px}.provider-option{grid-template-columns:auto 1fr auto}.provider-option i{display:none}} @media (max-width:640px){body{font-size:17px}.container{width:min(100% - 28px,1160px)}.site-header{min-height:77px;position:relative}.menu-button{display:block}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;z-index:20;flex-direction:column;align-items:stretch;padding:16px;border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:10px}.hero{padding-bottom:55px}.hero-text,.section-heading>p:not(.eyebrow),.impact-copy>p:not(.eyebrow){font-size:18px}h1{font-size:48px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.trust-row{line-height:1.2}.hero-visual{padding:14px;border-radius:27px}.field-scene{height:188px}.metrics{margin-bottom:58px}.section{padding:60px 0}.step{min-height:0;padding:26px}.step-number{margin-bottom:28px}.demo-tabs{padding:9px;gap:5px}.demo-tab{min-height:56px;padding:5px;font-size:13px}.demo-tab span{display:block;font-size:18px}.demo-panel{padding:23px 17px}.provider-option{gap:9px;padding:14px}.provider-option small{font-size:12px}.provider-option b{font-size:15px}.provider-option b span{display:none}.signal-map{min-height:250px}.cta-section{padding:20px 0 55px}.cta-card{padding:31px 24px;border-radius:28px}.cta-card p:not(.eyebrow){font-size:17px}.site-footer{padding-top:15px}.toast{left:14px;right:14px;bottom:14px}}