:root{--ink:#1a4137;--deep:#252145;--mint:#b3e86a;--green:#4cc487;--blue:#69afe6;--paper:#f2f4ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC',sans-serif}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Noto Serif SC',serif}.eyebrow{font:11px 'DM Mono';letter-spacing:.13em;color:#648278;margin-bottom:20px}.bright{color:var(--mint)}header{height:82px;position:absolute;z-index:5;width:100%;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700}.brand i{width:39px;height:39px;border:1px solid var(--mint);border-radius:50%;display:grid;place-items:center;color:var(--mint);font:900 23px 'Noto Serif SC';font-style:normal}.brand small{display:block;font:9px 'DM Mono';letter-spacing:.1em;color:#cbd7d0;margin-top:3px}nav{display:flex;gap:36px;font-size:13px}.call{border:1px solid rgba(255,255,255,.56);border-radius:20px;padding:9px 15px;font-size:12px}.hero{min-height:650px;height:min(800px,100vh);position:relative;color:#fff;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,42,34,.92),rgba(14,48,39,.48)),url('assets/ningde-agriculture-hero.png') center/cover}.hero-copy{position:relative;max-width:950px;padding:190px 10vw}.hero h1{font-size:clamp(43px,5.2vw,75px);line-height:1.2;letter-spacing:-.06em}.hero h1 em,h2 em{color:var(--mint);font-style:normal}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:2;margin:25px 0;max-width:510px}.hero-copy>a{display:inline-block;background:var(--mint);color:#214139;padding:13px 18px;font-size:13px}.hero-note{position:absolute;right:9vw;bottom:47px;border-left:2px solid var(--mint);padding-left:15px;display:grid;gap:5px;font-size:11px}.hero-note b{font:15px 'Noto Serif SC';color:var(--mint)}.intro{padding:115px 10vw;display:grid;grid-template-columns:.65fr 1.35fr;gap:10vw}.intro>div{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw}.intro h2,.section-head h2,.scales h2,.farm-app h2,.retail h2,.future h2,.support h2{font-size:clamp(34px,4.2vw,58px);line-height:1.28;letter-spacing:-.06em}.intro h2 em{color:#2b976c}.intro p:last-child{font-size:14px;line-height:2;color:#5e756b;padding-top:12px}.principle{padding:110px 8vw;background:var(--deep);color:#fff}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:12vw;align-items:end;margin:0 2vw}.section-head>p{font-size:14px;line-height:2;color:#d1d0dc;margin:0}.loop{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;align-items:center;margin-top:65px}.loop article{min-height:235px;padding:18px;border:1px solid rgba(255,255,255,.2)}.loop article>b{font:10px 'DM Mono';color:var(--mint)}.loop article>i{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#343059;color:var(--mint);font:700 22px 'Noto Serif SC';font-style:normal;margin:23px 0}.loop h3{font-size:19px;margin:0 0 12px}.loop p{font-size:12px;line-height:1.8;color:#d6d4e0;margin:0}.loop>em{font-size:20px;color:var(--mint);font-style:normal;text-align:center}.feedback{margin:35px 2vw 0;padding:17px 0;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22);text-align:center;font-size:13px;color:var(--mint)}.scales{padding:110px 10vw}.scales h2 em{color:#2c966b}.scale-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:60px}.scale-grid article{background:#fff;padding:22px;border-top:3px solid var(--green);min-height:280px}.scale-grid article:nth-child(2){border-color:var(--blue)}.scale-grid article:nth-child(3){border-color:#a5d65e}.scale-grid article:nth-child(4){border-color:#6666c9}.scale-grid span{font:10px 'DM Mono';color:#5e786d}.scale-grid h3{font-size:23px;margin:28px 0 11px}.scale-grid p{font-size:12px;line-height:1.8;color:#64786f}.scale-grid ul{padding:0;list-style:none;margin:19px 0 0;font-size:10px;color:#55766a;display:grid;gap:7px}.scale-grid li:before{content:'—';color:#2a9668;margin-right:6px}.farm-app{padding:120px 17vw;background:#e7eee8;display:grid;grid-template-columns:1fr 350px;gap:14vw;align-items:center}.farm-app h2 em,.retail h2 em,.future h2 em,.support h2 em{color:#2a9668}.farm-app>div>p:not(.eyebrow),.retail>div>p:not(.eyebrow){font-size:14px;line-height:2;color:#5d756a}.checks{display:grid;gap:10px;margin-top:25px;font-size:13px}.checks span:before{content:'✓';color:#16754f;background:#bcefd8;border-radius:50%;padding:1px 5px;margin-right:9px}.phone{height:550px;background:#fff;border:10px solid #222639;border-radius:38px;padding:25px 14px;box-shadow:16px 17px 0 #ccd9cf;position:relative}.notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:70px;border-top:5px solid #222639}.phone-title{padding-top:14px;display:flex;justify-content:space-between}.phone-title b{font-size:17px;color:#1b9363}.phone-title small{font-size:10px;color:#778b80}.banner{margin-top:20px;padding:17px;background:linear-gradient(125deg,#299c70,#63d9a6);border-radius:13px;color:#fff;display:grid;gap:5px}.banner small,.banner span{font-size:10px}.banner strong{font-size:17px}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.app-grid button{border:0;background:#f2f6f2;border-radius:10px;padding:12px;text-align:left;font-size:18px}.app-grid small{display:block;font:11px 'Noto Sans SC';margin-top:4px;color:#53655d}.job{display:grid;gap:5px;padding:12px;border:1px solid #e0e8e2;border-radius:10px;margin-top:15px}.job small,.job span{font-size:10px;color:#75877d}.job b{font-size:12px}.job em{float:right;font-size:10px;font-style:normal;color:#269b68}.fulfillment{background:#183f36;color:#fff;padding:110px 10vw}.order-map{margin-top:60px}.demand,.supply{border-top:1px solid rgba(255,255,255,.24);padding:20px 0}.demand>span,.supply>span{font:11px 'DM Mono';letter-spacing:.1em;color:var(--mint)}.demand{display:grid;grid-template-columns:1fr 115px 1fr;gap:18px;align-items:center}.demand>span{grid-column:1/-1}.demand article{padding:20px;border-left:3px solid var(--blue);background:rgba(255,255,255,.07)}.demand article:last-child{border-color:var(--mint)}.demand small{font:10px 'DM Mono';color:#c8d6d1}.demand b{display:block;font:600 18px 'Noto Serif SC';margin:8px 0}.demand p,.supply p{font-size:11px;line-height:1.7;color:#d4dfdb;margin:0}.demand>i{color:var(--mint);font:15px 'DM Mono';font-style:normal;text-align:center}.demand>i small{display:block;color:#b9d1c8;margin-top:6px}.supply>div{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr 26px 1fr;gap:5px;margin-top:14px}.supply article{padding:14px;background:rgba(255,255,255,.06);border-left:2px solid var(--mint)}.supply article>b{font:11px 'DM Mono';color:var(--mint)}.supply h3{font-size:16px;margin:9px 0}.supply>div>i{color:var(--mint);font-size:20px;font-style:normal;text-align:center;align-self:center}.supply footer{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:20px 0 0 52%;padding-top:14px;border-top:1px dashed rgba(255,255,255,.3)}.supply footer span{background:#2e6255;text-align:center;padding:8px 3px;font-size:10px}.retail{padding:115px 10vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw;align-items:center}.dashboard{background:#fff;box-shadow:17px 17px 0 #ccd7ce}.dash-nav{height:49px;border-bottom:1px solid #e1e6e2;padding:0 16px;display:flex;align-items:center;gap:18px;font-size:10px}.dash-nav b{font-size:12px;color:#268d65}.dash-nav span{color:#788078}.dash-body{display:grid;grid-template-columns:130px 1fr;min-height:285px}.dash-body aside{padding:20px;background:#f0f5f0;display:grid;align-content:start;gap:4px}.dash-body aside small{font-size:10px;color:#718378;margin-top:5px}.dash-body aside b{font:25px 'DM Mono'}.dash-body aside em{font-size:9px;color:#299b69;font-style:normal}.dash-body article{padding:20px}.dash-body article>p{font-size:12px}.chart{height:77px;display:flex;align-items:end;gap:11px}.chart i{width:18px;background:var(--green);border-radius:3px 3px 0 0}.chart i:nth-child(1){height:25px}.chart i:nth-child(2){height:43px}.chart i:nth-child(3){height:35px}.chart i:nth-child(4){height:65px;background:var(--blue)}.chart i:nth-child(5){height:49px}.chart i:nth-child(6){height:72px}.chart i:nth-child(7){height:58px}.dash-body section{margin-top:10px;background:#f1f5f2;border-left:3px solid var(--green);padding:10px;font-size:10px}.dash-body section b,.dash-body section a{color:#268e64}.dash-body section p{color:#68796f;line-height:1.6;margin:5px 0}.data{padding:110px 10vw;background:var(--deep);color:#fff}.data-map{margin-top:60px;display:grid;grid-template-columns:1fr 40px 1.35fr 40px 1fr;align-items:center;gap:10px}.centers{display:grid;gap:8px}.centers span{background:rgba(255,255,255,.07);padding:11px 13px;border-left:2px solid var(--blue);font-size:12px}.data-map>b{text-align:center;color:var(--mint);font-size:25px}.data-map article{padding:24px;background:var(--mint);color:#1f4037}.data-map small{font:10px 'DM Mono';color:#467461}.data-map h3{font-size:25px;margin:9px 0}.data-map p{font-size:11px;margin:0}.portraits{display:grid;gap:8px}.portraits span{padding:14px;background:#36315d;border-left:2px solid var(--mint);font-size:12px}.map-section{padding:110px 10vw;background:#f5f1e8;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center}.map-section h2{font-size:clamp(36px,4.3vw,57px);letter-spacing:-.06em;margin-bottom:18px}.map-section p:not(.eyebrow){font-size:14px;line-height:2;color:#5c756b}.map-section svg{background:#1e3940;box-shadow:16px 17px 0 #d4d7ce;padding:22px;width:100%}.map-section svg path:first-child{fill:#2e5b57;stroke:#71d29a;stroke-width:2}.route{fill:none!important;stroke:#b3e86a!important;stroke-width:2;stroke-dasharray:7 6}.route.blue{stroke:#69afe6!important}.map-section circle{fill:#b3e86a}.map-section circle.hub{fill:#69afe6;stroke:#fff;stroke-width:2}.map-section text{font:12px 'Noto Sans SC';fill:#eff9ee}.future{padding:110px 10vw}.future h2 em{color:#2b976a}.future>div,.support>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:50px}.future article{background:#fff;padding:25px;border-top:3px solid var(--green)}.future article:nth-child(2){border-color:var(--blue)}.future article:nth-child(3){border-color:#a5d65e}.future article>b,.support article>b{font:17px 'Noto Serif SC'}.future article p,.support article p{font-size:13px;line-height:1.9;color:#63796f;margin:13px 0 0}.support{padding:110px 10vw;background:#e7eee8}.support>div{grid-template-columns:1fr 1fr}.support article{background:#fff;padding:30px;border-top:3px solid var(--green)}.support article:last-child{border-color:var(--blue)}.contact{padding:105px 10vw 35px;background:var(--deep);color:#fff;position:relative}.contact h2{font-size:clamp(44px,5vw,70px);line-height:1.23;letter-spacing:-.06em}.contact>p:not(.eyebrow){font-size:14px;color:#d2d2de}.contact>a{position:absolute;right:13vw;top:113px;width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:#214139;font-size:13px}.contact>span{display:block;border-top:1px solid rgba(255,255,255,.2);margin-top:75px;padding-top:17px;font:11px 'DM Mono';color:#d2d2dd}.site-footer{padding:20px 6vw;display:flex;justify-content:space-between;font:11px 'DM Mono';color:#72847b}@media(max-width:720px){header{padding:0 7vw}nav,.call{display:none}.hero-copy{padding:170px 7vw}.hero-note{display:none}.intro,.intro>div,.section-head,.farm-app,.retail,.map-section{grid-template-columns:1fr;gap:24px}.intro,.scales,.farm-app,.fulfillment,.retail,.data,.map-section,.future,.support,.contact{padding:75px 7vw}.loop{grid-template-columns:1fr 22px 1fr;margin-top:42px}.loop article{min-height:200px}.loop>em{font-size:13px}.scale-grid{grid-template-columns:1fr 1fr;margin-top:38px}.farm-app{gap:35px}.phone{width:300px;justify-self:center}.demand,.supply>div{grid-template-columns:1fr;gap:12px}.demand>i,.supply>div>i{transform:rotate(90deg)}.supply footer{margin-left:0;grid-template-columns:repeat(2,1fr)}.dash-nav span{display:none}.data-map{grid-template-columns:1fr;gap:15px}.data-map>b{transform:rotate(90deg)}.map-section svg{padding:10px;box-shadow:9px 10px 0 #d4d7ce}.map-section text{font-size:10px}.future>div,.support>div{grid-template-columns:1fr;margin-top:35px}.contact>a{position:relative;right:auto;top:auto;margin-top:25px;width:110px;height:110px}.contact>span{margin-top:45px}.site-footer{padding:18px 7vw}}
