@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--ink:#101a16;--forest:#092b22;--forest2:#123e31;--gold:#d3a64a;--cream:#f4f1e8;--paper:#faf9f4;--muted:#6c766f;--line:#d8ddd5;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(var(--max),90%);margin:auto}.nav{position:fixed;z-index:100;top:0;left:0;right:0;height:84px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(250,249,244,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.07)}.brand img{width:190px;height:62px;object-fit:contain}.nav nav{display:flex;gap:30px}.nav nav a{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700}.nav-cta{font-size:10px;letter-spacing:1px;font-weight:700;background:var(--forest);color:#fff;padding:13px 17px}.nav-cta span{color:var(--gold);margin-left:10px}.hamb{display:none;border:0;background:none;font-size:25px}
.hero{height:100vh;min-height:700px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-img,.hero-overlay{position:absolute;inset:0}.hero-img{background:url("images/greenhouse-melon-1.jpg") center/cover}.hero-overlay{background:linear-gradient(90deg,rgba(4,23,18,.9),rgba(4,23,18,.58) 48%,rgba(4,23,18,.16))}.hero-content{position:relative;width:min(var(--max),90%);margin:auto;padding-top:75px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700}.hero .eyebrow{color:#c9d8bd;margin-bottom:28px}.hero h1{font-size:clamp(62px,8vw,108px);line-height:.89;letter-spacing:-5px;margin:0 0 34px}.hero h1 i{font-family:"Playfair Display",serif;color:#d9e9c3;font-weight:500}.hero p{max-width:590px;font-size:18px;color:#e5ece7}.hero-buttons{display:flex;gap:13px;margin-top:35px}.btn{display:inline-flex;align-items:center;gap:20px;padding:15px 20px;font-size:10px;letter-spacing:1.4px;font-weight:700}.gold{background:var(--gold);color:#17231e}.text{color:#fff;border-bottom:1px solid rgba(255,255,255,.55);padding-left:2px;padding-right:2px}.hero-meta{position:absolute;bottom:25px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;color:#d5ddd7;font-size:8px;letter-spacing:2px}
.statement{padding:130px 0 100px;background:var(--paper)}.dark-eyebrow{color:#6c845c}.statement-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;align-items:end;margin-top:35px}.statement h2,.platform h2,.opportunity h2,.roadmap h2,.team h2{font-size:clamp(44px,5.5vw,74px);line-height:1.02;letter-spacing:-3px;margin:0}.statement h2 em,.platform h2 em,.opportunity h2 em,.roadmap h2 em,.team h2 em{font-family:"Playfair Display",serif;color:#688356;font-weight:500}.statement-grid p,.platform-head p,.opportunity-head p,.team-head p{color:var(--muted);font-size:17px}.principles{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:90px}.principles div{padding:22px 18px;border-right:1px solid var(--line)}.principles div:last-child{border:0}.principles b{display:block;color:var(--gold);font-size:10px}.principles strong{display:block;font-size:11px;letter-spacing:1.4px;margin-top:23px}.principles span{font-size:11px;color:var(--muted)}
.platform{background:#e6e7df;padding:125px 0}.platform>.container>.eyebrow{color:#6b825b}.platform-head{display:grid;grid-template-columns:1fr .75fr;gap:10vw;align-items:end;margin:30px 0 60px}.platform-grid{display:grid;grid-template-columns:1.45fr .8fr .8fr;grid-template-rows:280px 330px;gap:16px}.platform-grid article{background:#f8f7f2;padding:28px;position:relative;overflow:hidden;border:1px solid #d8dbd2}.platform-grid .big-card{grid-row:span 2;padding:0}.big-card img{height:400px;width:100%;object-fit:cover;display:block}.big-card .card-label,.big-card h3,.big-card p{margin-left:28px;margin-right:28px}.card-label{font-size:9px;letter-spacing:1.8px;color:#738069;font-weight:700;margin-top:23px}.platform-grid h3{font-size:29px;line-height:1.02;margin:25px 0 10px}.platform-grid p{font-size:12px;color:var(--muted)}.number{font-size:11px;color:var(--gold);font-weight:700}.wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;padding:0!important}.wide img{width:100%;height:100%;object-fit:cover}.wide>div{padding:0 28px}.wide h3{font-size:28px}.wide h3 em{font-family:"Playfair Display",serif;color:#688356;font-weight:500}
.vision{height:680px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.vision-photo,.vision-overlay{position:absolute;inset:0}.vision-photo{background:url("images/greenhouse-melon-2.jpg") center/cover}.vision-overlay{background:linear-gradient(90deg,rgba(6,36,28,.9),rgba(6,36,28,.42))}.vision-content{position:relative}.vision .eyebrow{color:#b7c9a7}.vision h2{font-size:clamp(48px,6.5vw,86px);line-height:.98;letter-spacing:-4px;margin:25px 0}.vision h2 em{font-family:"Playfair Display",serif;color:#d8e9c2;font-weight:500}.vision p{font-size:17px;color:#d6dfd9;max-width:570px}
.opportunity{padding:130px 0;background:var(--forest);color:#fff}.opportunity .eyebrow{color:#b5c8a2}.opportunity-head{display:grid;grid-template-columns:1fr .75fr;gap:10vw;align-items:end;margin:35px 0 60px}.opportunity h2 em{color:#d3e4bd}.opportunity-head p{color:#c9d5ce}.data-room{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#426054;margin-bottom:45px}.data-room div{background:var(--forest);padding:28px 20px;min-height:150px}.data-room span,.data-room small,.data-room strong{display:block}.data-room span{font-size:9px;letter-spacing:1.7px;color:#8fa496}.data-room strong{font-size:16px;margin-top:28px}.data-room small{font-size:11px;color:#94a49c;margin-top:7px}
.roadmap{padding:125px 0;background:#dfe4d8}.roadmap>.container>.eyebrow{color:#6b805a}.road{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #aeb7a8;margin-top:70px}.road div{padding:24px 18px;border-right:1px solid #aeb7a8;min-height:155px}.road b{color:var(--gold);font-size:10px}.road strong{display:block;margin-top:35px;font-size:11px;letter-spacing:1.5px}.road span{display:block;color:#6c766f;font-size:11px;margin-top:6px}
.team{padding:125px 0;background:#f5f3eb}.team>.container>.eyebrow{color:#6b805b}.team-head{display:grid;grid-template-columns:1fr .75fr;gap:10vw;align-items:end;margin:35px 0 60px}.leaders{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.leaders article{background:#fff;border:1px solid #dedfd8;padding:28px;min-height:270px}.leaders span{font-size:9px;letter-spacing:1.8px;color:#738069;font-weight:700}.leaders h3{font-size:19px;line-height:1.2;margin:55px 0 12px}.leaders p{font-size:11px;color:var(--muted)}
.contact{height:650px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.contact-image,.contact-shade{position:absolute;inset:0}.contact-image{background:url("images/hasil-panen.jpg") center/cover}.contact-shade{background:linear-gradient(90deg,rgba(5,29,23,.91),rgba(5,29,23,.48))}.contact-content{position:relative}.contact .eyebrow{color:#b7c9a6}.contact h2{font-size:clamp(50px,6.5vw,88px);line-height:.95;letter-spacing:-4px;margin:25px 0}.contact h2 em{font-family:"Playfair Display",serif;color:#d8e8c1;font-weight:500}.contact p{color:#d5ded8;font-size:17px;margin-bottom:30px}footer{background:#071d17;color:#9caaa3;padding:27px 4.5vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px}
@media(max-width:950px){.nav{height:72px}.brand img{width:165px}.nav nav,.nav-cta{display:none}.hamb{display:block}.nav nav.open{display:flex;position:absolute;top:72px;left:0;right:0;padding:22px 5%;background:var(--paper);flex-direction:column;gap:16px}.hero h1{font-size:clamp(54px,10vw,82px)}.statement-grid,.platform-head,.opportunity-head,.team-head{grid-template-columns:1fr;gap:25px}.principles{grid-template-columns:1fr 1fr}.principles div:nth-child(2){border-right:0}.platform-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.platform-grid .big-card{grid-column:span 2;grid-row:auto}.big-card img{height:380px}.wide{grid-column:span 2}.data-room{grid-template-columns:1fr 1fr}.road{grid-template-columns:1fr}.road div{border-right:0;border-bottom:1px solid #aeb7a8}.leaders{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero{min-height:680px}.hero h1{font-size:52px;letter-spacing:-3px}.hero-meta span:nth-child(2){display:none}.hero-buttons{flex-direction:column;align-items:flex-start}.statement,.platform,.opportunity,.roadmap,.team{padding:85px 0}.principles{grid-template-columns:1fr}.principles div{border-right:0;border-bottom:1px solid var(--line)}.platform-grid{grid-template-columns:1fr}.platform-grid .big-card,.wide{grid-column:auto}.wide{display:block}.wide img{height:230px}.wide>div{padding:1px 28px 28px}.data-room{grid-template-columns:1fr}.vision{height:590px}.vision h2{font-size:49px;letter-spacing:-2px}.contact{height:570px}.contact h2{font-size:50px;letter-spacing:-2px}footer{flex-direction:column;gap:9px}}

.numbers{background:#102f26;color:#fff;border-top:1px solid #3d5a4f;border-bottom:1px solid #3d5a4f}.numbers-grid{display:grid;grid-template-columns:repeat(4,1fr)}.numbers-grid div{padding:30px 18px;border-right:1px solid #3d5a4f}.numbers-grid div:last-child{border:0}.numbers-grid span,.numbers-grid strong,.numbers-grid small{display:block}.numbers-grid span{color:#d3a64a;font-size:9px}.numbers-grid strong{font-size:12px;letter-spacing:1.5px;margin-top:18px}.numbers-grid small{font-size:10px;color:#9eb0a7;margin-top:5px}
.project-dossier{padding:125px 0;background:#f7f5ed}.dossier-head{display:grid;grid-template-columns:1fr .75fr;gap:10vw;align-items:end;margin:35px 0 60px}.dossier-head h2{font-size:clamp(44px,5.5vw,74px);line-height:1.02;letter-spacing:-3px;margin:0}.dossier-head h2 em{font-family:"Playfair Display",serif;color:#688356;font-weight:500}.dossier-head p{font-size:17px;color:#6c766f}.dossier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dossier-grid div{background:#fff;border:1px solid #dedfd8;padding:28px;min-height:220px}.dossier-grid b{font-size:10px;color:#d3a64a}.dossier-grid h3{font-size:20px;margin:45px 0 12px}.dossier-grid p{font-size:11px;color:#6c766f}.notice{margin-top:16px;padding:22px;border-top:1px solid #d8ddd5;border-bottom:1px solid #d8ddd5;font-size:10px;letter-spacing:1.5px;font-weight:700;display:flex;justify-content:space-between}.notice span{color:#688356}
@media(max-width:950px){.numbers-grid{grid-template-columns:1fr 1fr}.dossier-head{grid-template-columns:1fr}.dossier-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.numbers-grid{grid-template-columns:1fr}.numbers-grid div{border-right:0;border-bottom:1px solid #3d5a4f}.dossier-grid{grid-template-columns:1fr}.project-dossier{padding:85px 0}.notice{flex-direction:column;gap:8px}}