*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;-webkit-font-smoothing:antialiased;background:#07100c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;font-weight:700;line-height:1.2}p{color:#ffffffbf}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .25s}button:active{transform:scale(.98)}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}body{margin:0;font-family:Arial,sans-serif}h1,h2,h3,p{color:inherit}section{scroll-margin-top:90px}.page-section{padding:100px 20px}.container{max-width:1180px;margin:0 auto}.section-eyebrow{color:#8fd694;text-transform:uppercase;letter-spacing:.16em;margin-bottom:12px;font-size:.78rem;font-weight:700}.section-title{margin-bottom:18px;font-size:2.4rem;line-height:1.1}.section-description{color:#ffffffb8;max-width:720px;line-height:1.6}.card{background:#ffffff0b;border:1px solid #ffffff14;border-radius:20px;padding:28px;transition:all .25s}.card:hover{border-color:#8fd69459;transform:translateY(-3px);box-shadow:0 20px 50px #00000038}@media (width<=768px){.page-section{padding:80px 20px}h1{font-size:2.5rem}h2{font-size:2rem}p{font-size:.95rem}.container{width:100%}.section-title{font-size:2rem}.section-description{font-size:.95rem}.card{padding:24px}}@media (width<=480px){.page-section{padding:72px 18px}.section-title{font-size:1.8rem}.section-eyebrow{letter-spacing:.12em;font-size:.72rem}.card{border-radius:16px}}.navbar{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07100ce0;border-bottom:1px solid #ffffff14;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:18px 24px;display:flex}.navbar-brand{letter-spacing:.04em;color:#fff;font-size:.95rem;font-weight:700}.navbar-links{align-items:center;gap:12px;display:flex}.navbar-links button{color:#ffffffb8;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:9px 12px;font-size:.9rem;transition:all .25s}.navbar-links button:hover{color:#fff;background:#ffffff14}.navbar-links .nav-cta{color:#07100c;background:#8fd694;padding:10px 16px;font-weight:700}.navbar-links .nav-cta:hover{color:#07100c;background:#a8efad;transform:translateY(-1px)}@media (width<=760px){.navbar-container{flex-direction:column;gap:14px;padding:16px 20px}.navbar-links{flex-wrap:wrap;justify-content:center;gap:8px}.navbar-links button{padding:8px 10px;font-size:.82rem}.navbar-brand{text-align:center}}.navbar-links button.active{color:#fff;background:#8fd6941f}.navbar-links .nav-cta.active-cta{color:#07100c;background:#a8efad}.hero-section{color:#fff;background:radial-gradient(circle at 0 0,#30d8782e,#0000 35%),linear-gradient(135deg,#07100c 0%,#0b1a13 55%,#050d09 100%);align-items:center;min-height:88vh;padding:120px 20px;display:flex;position:relative;overflow:hidden}.soil-canvas{z-index:0;pointer-events:none;opacity:.65;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{pointer-events:none;z-index:1;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.hero-content{z-index:2;text-align:center;max-width:920px;margin:0 auto;position:relative}.hero-eyebrow{color:#8fd694;text-transform:uppercase;letter-spacing:.18em;margin-bottom:20px;font-size:.78rem;font-weight:800;display:inline-block}.hero-content h1{letter-spacing:-.05em;margin-bottom:24px;font-size:clamp(2.6rem,6vw,5rem);line-height:1.02}.hero-content p{color:#ffffffc2;max-width:760px;margin:0 auto 36px;font-size:1.08rem;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero-button{border-radius:999px;justify-content:center;align-items:center;padding:14px 22px;font-size:.95rem;font-weight:800;transition:all .25s;display:inline-flex}.hero-button.primary{color:#07100c;background:#30d878}.hero-button.secondary{color:#fff;background:#ffffff0a;border:1px solid #ffffff29}.hero-button:hover{transform:translateY(-2px)}.hero-button.primary:hover{background:#8fd694}.hero-button.secondary:hover{background:#8fd69414;border-color:#8fd6948c}@media (width<=700px){.hero-section{min-height:auto;padding:100px 20px 80px}.hero-content p{font-size:1rem}.hero-actions{flex-direction:column}.hero-button{width:100%}}.services-section{background:#08130f}.services-header{max-width:720px;margin-bottom:60px}.services-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.card h3{margin-bottom:10px;font-size:1.15rem}.card p{font-size:.92rem;line-height:1.5}@media (width<=900px){.services-grid{grid-template-columns:1fr}}.method-section{color:#fff;background:#08130f;border-top:1px solid #ffffff0d;padding:100px 20px}.method-container{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;max-width:1180px;margin:0 auto;display:grid}.method-text h2{margin-bottom:18px;font-size:2.2rem}.method-text p{color:#ffffffbf;margin-bottom:30px;line-height:1.6}.method-points{flex-direction:column;gap:22px;display:flex}.method-item h4{color:#8fd694;margin-bottom:6px;font-size:1rem}.method-item p{color:#ffffffa6;font-size:.9rem}.method-visual{justify-content:center;display:flex}.video-placeholder{color:#fff6;text-align:center;background:linear-gradient(135deg,#0d1f18,#07100c);border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;width:100%;max-width:420px;height:260px;padding:20px;font-size:.85rem;display:flex}.video-placeholder:hover{border-color:#8fd694;transition:all .3s;box-shadow:0 0 18px #8fd69426}@media (width<=900px){.method-container{text-align:center;grid-template-columns:1fr}.method-text{order:2}.method-visual{order:1}}.method-visual{grid-template-columns:1fr;align-items:start;gap:18px;margin-top:20px;display:grid}.method-video{background:#000;border:1px solid #ffffff1a;border-radius:28px;min-height:320px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0006}.method-video video{object-fit:cover;opacity:.9;width:100%;height:100%;min-height:320px;display:block}.method-video:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00000014 45%,#000000b8);position:absolute;inset:0}.video-overlay{z-index:2;position:absolute;bottom:18px;left:18px}.video-overlay span,.method-image span{color:#fff;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;border-radius:999px;padding:8px 12px;font-size:.72rem;display:inline-block}.method-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.method-image{background:#ffffff0d;border:1px solid #ffffff17;border-radius:22px;min-height:190px;position:relative;overflow:hidden}.method-image-wide{grid-column:span 2;min-height:220px}.method-image img{width:100%;height:100%;min-height:inherit;object-fit:cover;opacity:.9;transition:transform .45s,opacity .45s;display:block}.method-image:hover img{opacity:1;transform:scale(1.04)}.method-image:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#0000009e);position:absolute;inset:0}.method-image span{z-index:2;position:absolute;bottom:14px;left:14px}@media (width<=1100px){.method-video,.method-video video{min-height:300px}}@media (width<=700px){.method-grid{grid-template-columns:1fr}.method-image-wide{grid-column:span 1}.method-video,.method-video video{min-height:260px}.method-image,.method-image-wide{min-height:210px}}@media (width<=420px){.method-video,.method-video video{min-height:220px}.method-image,.method-image-wide{min-height:180px}}.transition-section{color:#fff;background:#08110d;border-top:1px solid #ffffff0d;padding:90px 20px}.transition-header{text-align:center;max-width:850px;margin:0 auto 40px}.section-label{color:#76f2a6;text-transform:uppercase;letter-spacing:.16em;margin-bottom:12px;font-size:.8rem;font-weight:800}.transition-header h2{margin-bottom:16px;font-size:clamp(2rem,4vw,2.8rem)}.transition-header p{color:#ffffffbf;line-height:1.6}.transition-slider{cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;background:#050d09;border:1px solid #ffffff1a;border-radius:24px;width:min(100%,960px);height:620px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000059}.transition-slider:after{content:"";z-index:7;pointer-events:none;background:linear-gradient(#050d0900,#050d09c2,#050d09fa);height:110px;position:absolute;bottom:0;left:0;right:0}.soil-panel{position:absolute;inset:0;overflow:hidden}.soil-panel img{object-fit:cover;object-position:center center;width:100%;height:100%;position:absolute;inset:0}.soil-panel:after{content:"";z-index:1;background:linear-gradient(#0000001f,#0000003d,#0000008c);position:absolute;inset:0}.improved-panel{z-index:3}.degraded-panel{z-index:1}.soil-label{z-index:8;max-width:360px;position:absolute;bottom:32px}.soil-label h3{margin-bottom:8px;font-size:clamp(1.45rem,3vw,2rem)}.soil-label p{color:#ffffffd1;font-size:1rem}.improved-label{text-align:left;left:36px}.degraded-label{text-align:right;right:36px}.improved-water{z-index:5;pointer-events:none;position:absolute;inset:0}.improved-water span{background:linear-gradient(#0000,#6ed2ffa6,#0000);border-radius:999px;width:3px;height:130px;animation:3s ease-in-out infinite waterDown;position:absolute;top:18%}.improved-water span:first-child{left:22%}.improved-water span:nth-child(2){animation-delay:.8s;left:40%}.improved-water span:nth-child(3){animation-delay:1.4s;left:58%}@keyframes waterDown{0%{opacity:0;transform:translateY(-40px)}35%{opacity:.75}to{opacity:0;transform:translateY(230px)}}.degraded-water{z-index:5;pointer-events:none;width:60%;height:90px;position:absolute;top:40%;right:0}.degraded-water span{background:linear-gradient(90deg,#0000,#6ed2ffb3,#0000);border-radius:999px;width:180px;height:4px;animation:2.4s linear infinite waterSide;position:absolute;left:0}.degraded-water span:first-child{top:10px}.degraded-water span:nth-child(2){animation-delay:.7s;top:34px}.degraded-water span:nth-child(3){animation-delay:1.3s;top:58px}@keyframes waterSide{0%{opacity:0;transform:translate(-120px)}30%{opacity:.75}to{opacity:0;transform:translate(520px)}}.slider-handle{z-index:20;pointer-events:none;height:100%;position:absolute;top:0;transform:translate(-50%)}.handle-line{background:#2ecc71;width:3px;height:100%;box-shadow:0 0 24px #2ecc71cc}.handle-button{color:#06120b;background:#2ecc71;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-weight:900;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 30px #0006}.transition-note{text-align:center;color:#fff9;margin-top:20px}@media (width<=700px){.transition-section{padding:58px 12px}.transition-header{margin-bottom:28px}.transition-slider{border-radius:18px;width:min(100%,390px);height:340px}.transition-slider:after{height:90px}.soil-panel img{object-position:center 55%}.soil-label{max-width:48%;bottom:18px}.soil-label h3{margin-bottom:4px;font-size:1rem;line-height:1.05}.soil-label p{font-size:.68rem;line-height:1.2}.improved-label{left:14px}.degraded-label{right:14px}.handle-button{width:34px;height:34px;font-size:.75rem}.handle-line{width:2px}}@media (width<=430px){.transition-slider{height:320px}.transition-slider:after{height:86px}.soil-label h3{font-size:.9rem}.soil-label p{font-size:.6rem}}@media (width<=360px){.transition-slider{height:300px}.transition-slider:after{height:80px}}.dashboard-section{color:#fff;background:#07100c;border-top:1px solid #ffffff0d;padding:90px 20px}.dashboard-header{text-align:center;max-width:850px;margin:0 auto 40px}.dashboard-header h2{color:#fff;margin-bottom:12px;font-size:2.5rem}.dashboard-header p{color:#ffffffbf;line-height:1.6}.metric-grid{grid-template-columns:repeat(4,1fr);gap:18px;max-width:1100px;margin:0 auto 30px;display:grid}.metric-card{background:#111c16;border:1px solid #ffffff14;border-radius:14px;padding:22px}.metric-card span{color:#ffffffa6;margin-bottom:10px;font-size:.9rem;display:block}.metric-card strong{color:#2ecc71;font-size:1.5rem}.chart-grid{grid-template-columns:repeat(2,1fr);gap:22px;max-width:1100px;margin:0 auto;display:grid}.chart-card{background:#111c16;border:1px solid #ffffff14;border-radius:16px;padding:24px}.chart-card h3{color:#fff;margin-bottom:20px}.recharts-cartesian-axis-tick-value{fill:#ffffffa6}.recharts-cartesian-grid line{stroke:#ffffff14}.dashboard-note{text-align:center;color:#ffffff8c;margin-top:24px;font-size:.9rem}@media (width<=900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}}@media (width<=600px){.metric-grid{grid-template-columns:1fr}}.assessment-section{color:#fff;background:radial-gradient(circle at 0 0,#355e3b40,#0000 35%),#07100c;border-top:1px solid #ffffff0f;padding:100px 20px}.assessment-container{grid-template-columns:1fr 420px;align-items:center;gap:70px;max-width:1150px;margin:0 auto;display:grid}.section-kicker{color:#9fd18b;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;font-size:.85rem;display:inline-block}.assessment-copy h2{margin-bottom:24px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.assessment-copy p{color:#ffffffbd;max-width:620px;font-size:1.08rem;line-height:1.8}.phone-frame{background:linear-gradient(145deg,#1d2a22,#050807);border:1px solid #ffffff1f;border-radius:42px;padding:14px;box-shadow:0 30px 80px #00000073}.phone-screen{background:#0d1712;border:1px solid #ffffff14;border-radius:32px;min-height:640px;padding:24px}.app-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.app-label,.field-card span,.metric-card span,.notes-card span,.recommendation-card span{color:#ffffff8c;text-transform:uppercase;letter-spacing:.09em;font-size:.74rem}.app-header h3{margin:6px 0 0;font-size:1.2rem}.status-pill{color:#b8e59f;white-space:nowrap;background:#9fd18b24;border:1px solid #9fd18b47;border-radius:999px;padding:7px 10px;font-size:.75rem}.field-card,.metric-card,.notes-card,.recommendation-card{background:#ffffff0e;border:1px solid #ffffff14;border-radius:22px;padding:18px}.field-card.primary{background:linear-gradient(145deg,#476f4b47,#ffffff0a);margin-bottom:16px}.field-card strong,.metric-card strong,.recommendation-card strong{margin-top:7px;font-size:1.2rem;display:block}.field-card p,.notes-card p{color:#ffffffad;margin:10px 0 0;font-size:.92rem;line-height:1.55}.metric-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.bar{background:#ffffff1a;border-radius:999px;height:7px;margin-top:15px;overflow:hidden}.bar-fill{background:#9fd18b;border-radius:999px;height:100%}.bar-fill.high{width:84%}.bar-fill.medium{width:56%}.notes-card{margin-bottom:16px}.recommendation-card{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.recommendation-card button{color:#07100c;cursor:default;background:#9fd18b;border:none;border-radius:999px;padding:10px 14px;font-weight:700}.checklist{color:#ffffffb8;gap:12px;font-size:.9rem;display:grid}.checklist div{align-items:center;gap:10px;display:flex}.checklist span{background:#9fd18b;border-radius:50%;width:9px;height:9px;box-shadow:0 0 14px #9fd18bb3}@media (width<=900px){.assessment-container{grid-template-columns:1fr;gap:45px}.phone-frame{width:100%;max-width:420px;margin:0 auto}}@media (width<=480px){.assessment-section{padding:80px 16px}.phone-screen{min-height:auto;padding:20px}.metric-grid{grid-template-columns:1fr}.recommendation-card{flex-direction:column;align-items:flex-start}}.contact-section{color:#fff;background:linear-gradient(#07100c 0%,#0b1a13 100%);border-top:1px solid #ffffff0f;padding:110px 20px}.contact-container{grid-template-columns:.95fr 1.05fr;align-items:center;gap:60px;max-width:1180px;margin:0 auto;display:grid}.contact-eyebrow{color:#8fd694;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:700}.contact-copy h2{margin:18px 0;font-size:2.4rem;line-height:1.1}.contact-copy p{color:#ffffffb8;max-width:520px;line-height:1.6}.contact-details{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;margin-top:28px;padding:22px}.contact-details p{margin:8px 0;font-size:.92rem}.contact-form{background:#ffffff0b;border:1px solid #ffffff17;border-radius:22px;padding:30px;box-shadow:0 24px 60px #00000047}.form-row{flex-direction:column;margin-bottom:18px;display:flex}.form-row label{color:#ffffffc7;margin-bottom:8px;font-size:.85rem}.form-row input,.form-row textarea,.form-row select{color:#fff;background:#07100c;border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:14px 15px;font-size:.95rem;transition:all .25s}.form-row input::placeholder,.form-row textarea::placeholder{color:#ffffff61}.form-row textarea{resize:vertical;min-height:130px}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{border-color:#8fd694;box-shadow:0 0 0 3px #8fd6941f}.contact-submit{color:#07100c;cursor:pointer;background:#30d878;border:none;border-radius:999px;width:100%;padding:15px 18px;font-weight:800;transition:all .25s}.contact-submit:hover{background:#8fd694;transform:translateY(-1px)}.contact-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-status{text-align:center;margin-top:14px;font-size:.9rem;font-weight:700}.form-status.success{color:#8fd694}.form-status.error{color:#ff9b9b}.form-note{color:#ffffff73;text-align:center;margin-top:14px;font-size:.78rem}@media (width<=900px){.contact-container{grid-template-columns:1fr}.contact-copy{text-align:center}.contact-copy p{margin-left:auto;margin-right:auto}.contact-copy h2{font-size:2rem}}.footer{color:#ffffffbf;background:#050d09;border-top:1px solid #ffffff0f;padding:60px 20px 30px}.footer-container{flex-wrap:wrap;justify-content:space-between;gap:40px;max-width:1180px;margin:0 auto;display:flex}.footer-left h3{color:#fff;margin-bottom:12px;font-size:1.1rem}.footer-left p{max-width:420px;font-size:.9rem;line-height:1.5}.footer-right{text-align:right}.footer-right p{margin-bottom:8px;font-size:.9rem}.footer-bottom{text-align:center;color:#fff6;margin-top:40px;font-size:.8rem}@media (width<=768px){.footer-container{text-align:center;flex-direction:column}.footer-right{text-align:center}}