@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Noto+Sans+KR:wght@400;500;700&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2f5f1;color:#162019;font-family:'Noto Sans KR',sans-serif}a{text-decoration:none;color:inherit}img{width:100%;display:block;object-fit:cover}header{height:78px;background:#f8faf8;display:flex;align-items:center;padding:0 6vw;position:relative;z-index:2}.logo{font-family:'Barlow Condensed';font-size:23px;font-weight:700;letter-spacing:.08em}.logo i{display:inline-grid;place-items:center;background:#a8d500;color:#102000;border-radius:50%;width:36px;height:36px;font-style:normal}nav{margin-left:auto;display:flex;gap:35px;font-size:12px;letter-spacing:.08em}.menu-button,.drawer{display:none}.hero{height:720px;background:linear-gradient(90deg,rgba(8,24,13,.86),rgba(8,24,13,.1)),url('../../img/hero2.jpg') center/cover;position:relative;color:white}.hero-content{padding:100px 8vw;max-width:850px}.hero-content>span,.system small,.title small,.trace small,.contact>span{letter-spacing:.25em;color:#b7e51f;font-size:11px}.hero h1{font:600 clamp(55px,7vw,86px)/.9 'Barlow Condensed';text-transform:uppercase;margin:28px 0}.hero h1 strong{color:#b7e51f}.hero p{max-width:520px;line-height:1.8;color:#d9e3da}.hero a{display:inline-block;border-bottom:1px solid #b7e51f;padding:15px 0;color:#b7e51f;font-weight:700}.live{position:absolute;right:4vw;bottom:30px;background:#142b1acc;padding:15px 20px;font:14px 'Barlow Condensed';letter-spacing:.12em}.live i{display:inline-block;width:8px;height:8px;background:#b7e51f;border-radius:50%;margin-right:8px}.live b{margin-left:30px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);background:#b7e51f;padding:0 6vw}.benefits article{padding:35px;border-right:1px solid #7fa400;display:flex;align-items:baseline;gap:12px}.benefits b{font:700 48px 'Barlow Condensed'}.benefits span{font-size:13px}.system{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.system .copy{padding:100px 8vw}.system h2,.title h2,.trace h2{font:600 clamp(42px,5vw,60px)/1.05 'Barlow Condensed';margin:20px 0}.system p,.trace p{line-height:1.9;color:#607067}.system>img{height:100%}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.tags span{border:1px solid #b7c2b8;padding:10px 14px;font-size:12px}.produce{background:#132219;color:white;padding:110px 6vw}.title{display:flex;justify-content:space-between;align-items:end}.crop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.crop-grid article{position:relative;overflow:hidden}.crop-grid img{height:420px;filter:saturate(.75)}.crop-grid article>div{position:absolute;inset:auto 0 0;padding:25px;background:linear-gradient(transparent,#07150f)}.crop-grid span{color:#b7e51f}.crop-grid h3{font:600 32px 'Barlow Condensed';margin:5px 0}.crop-grid p{margin:0;color:#c4d0c7;font-size:13px}.trace{padding:110px 10vw;display:grid;grid-template-columns:1.3fr .7fr;gap:10vw;align-items:center}.label{background:white;padding:35px;box-shadow:0 20px 70px #17321d1c;border-top:8px solid #b7e51f}.label b{font:700 30px 'Barlow Condensed';display:block}.label span{color:#768078;font-size:12px}.label p{margin:7px 0;font-size:13px}.label strong{display:block;background:#17361e;color:#b7e51f;padding:10px;margin-top:20px;text-align:center}.contact{text-align:center;background:#b7e51f;padding:100px 20px}.contact>span{color:#2b3a25}.contact h2{font:600 clamp(40px,6vw,72px) 'Barlow Condensed';margin:20px}.contact a{display:inline-block;background:#15271a;color:white;padding:15px 25px}footer{background:#0d1811;color:#9cad9f;padding:35px 6vw;display:flex;justify-content:space-between;font-size:12px}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.is-visible{opacity:1;transform:none}@media(max-width:760px){nav{display:none}.menu-button{display:block;margin-left:auto;background:none;border:0}.drawer.is-open{display:block;position:fixed;inset:0;background:#0009;z-index:5}.drawer-panel{background:white;margin-left:auto;width:80%;height:100%;padding:30px;display:grid;align-content:start;gap:25px}.hero-content{padding:80px 25px}.benefits{grid-template-columns:1fr 1fr}.benefits article{padding:22px 8px}.benefits b{font-size:34px}.system{grid-template-columns:1fr}.system .copy{padding:75px 25px}.system>img{height:380px}.crop-grid{grid-template-columns:1fr}.trace{grid-template-columns:1fr;padding:75px 25px}footer{flex-direction:column;gap:8px}}
/* supporting sections */
.dashboard{padding:110px 8vw;background:#eaf3e8;display:grid;grid-template-columns:1fr 1.3fr;gap:70px;align-items:center}.dashboard small,.supply small{color:#4e8d22;letter-spacing:.2em;font-size:10px}.dashboard h2,.supply h2{font:600 clamp(42px,5vw,68px)/1 'Barlow Condensed';margin:18px 0}.dashboard p{color:#607067;line-height:1.8}.sensor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sensor-grid article{background:white;padding:24px;border-left:4px solid #b7e51f}.sensor-grid b{display:block;font:600 34px 'Barlow Condensed'}.sensor-grid span{font-size:11px;color:#718078}.supply{padding:110px 8vw;background:#f5f7f2}.supply-head{display:flex;justify-content:space-between;align-items:end}.supply-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.supply-grid article{background:#fff;padding:30px;border-top:5px solid #b7e51f}.supply-grid span{font-size:10px;color:#4e8d22;letter-spacing:.15em}.supply-grid h3{font:600 28px 'Barlow Condensed';margin:28px 0 8px}.supply-grid p{font-size:12px;color:#718078;line-height:1.7}@media(max-width:760px){.dashboard{grid-template-columns:1fr;padding:75px 25px}.supply{padding:75px 25px}.supply-head{display:block}.supply-grid{grid-template-columns:1fr}}