:root{
  --bg:#07130d;
  --card:rgba(255,255,255,.08);
  --card-2:rgba(255,255,255,.13);
  --text:#f4fff8;
  --muted:#b8cdbc;
  --lime:#b6ff4d;
  --mint:#42f5b0;
  --orange:#ffb13b;
  --pink:#ff6fb1;
  --line:rgba(255,255,255,.14);
  --shadow:0 30px 90px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
  background:
    radial-gradient(circle at 20% 10%,rgba(66,245,176,.18),transparent 28rem),
    radial-gradient(circle at 80% 0%,rgba(255,177,59,.18),transparent 25rem),
    linear-gradient(135deg,#07130d,#101f13 55%,#07130d);
  color:var(--text);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
.cursor-glow{position:fixed;inset:auto;width:22rem;height:22rem;border-radius:50%;background:rgba(182,255,77,.08);filter:blur(45px);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}
.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:rgba(7,19,13,.72);border-bottom:1px solid var(--line)}
.navbar{max-width:1180px;margin:auto;padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;align-items:center;gap:.65rem;font-weight:700}.brand-icon{font-size:1.8rem;filter:drop-shadow(0 8px 20px rgba(255,177,59,.4))}.nav-links{display:flex;align-items:center;gap:1rem;color:var(--muted);font-size:.95rem}.nav-links a:hover{color:var(--text)}.nav-toggle{display:none;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:1rem;padding:.65rem .8rem}
.section-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:5rem 0}.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:calc(100vh - 76px);align-items:center;gap:3rem}.eyebrow{color:var(--lime);text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800}.hero h1,.section-heading h2,.dashboard h2,.contact h2{font-size:clamp(2.2rem,6vw,5.6rem);line-height:.96;margin:.4rem 0 1.3rem;letter-spacing:-.07em}.section-heading h2,.dashboard h2,.contact h2{font-size:clamp(2rem,4vw,4rem)}.hero-text,.section-heading p,.dashboard p,.contact p{color:var(--muted);font-size:1.05rem;line-height:1.8;max-width:680px}.hero-actions{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:2rem}.btn{border:0;border-radius:999px;padding:.9rem 1.25rem;background:linear-gradient(135deg,var(--lime),var(--mint));color:#07130d;font-weight:800;box-shadow:0 16px 50px rgba(182,255,77,.18);cursor:pointer}.btn-small{padding:.65rem 1rem}.btn-ghost{background:var(--card);color:var(--text);border:1px solid var(--line);box-shadow:none}.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(12px);opacity:.8}.orb-a{width:18rem;height:18rem;background:rgba(255,177,59,.25);right:12%;top:15%}.orb-b{width:14rem;height:14rem;background:rgba(66,245,176,.25);left:10%;bottom:14%}.fruit-card,.sdg-card,.dashboard,.contact,.timeline,.stats,.metric,.gallery-card{background:linear-gradient(145deg,var(--card),rgba(255,255,255,.04));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.main-card{position:relative;z-index:2;width:min(370px,90%);border-radius:2.2rem;padding:2.2rem;text-align:center;transform:rotate(-3deg)}.fruit-big{font-size:8rem;display:block;animation:float 5s ease-in-out infinite}.main-card h2{font-size:2rem;margin:.5rem 0}.main-card p{color:var(--muted)}.floating-chip{position:absolute;z-index:3;border:1px solid var(--line);background:rgba(255,255,255,.12);padding:.8rem 1rem;border-radius:999px;font-weight:800;box-shadow:var(--shadow)}.chip-1{left:8%;top:24%;animation:float 4s ease-in-out infinite}.chip-2{right:5%;top:50%;animation:float 5.5s ease-in-out infinite}.chip-3{left:18%;bottom:18%;animation:float 4.8s ease-in-out infinite}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-radius:2rem;padding:1.4rem;margin-top:-3rem}.stats div{padding:1.1rem}.stats strong{font-size:2rem;color:var(--lime);display:block}.stats span{color:var(--muted)}.sdg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.sdg-card{border-radius:1.8rem;padding:1.5rem;min-height:230px;transition:.25s}.sdg-card:hover{transform:translateY(-8px);background:var(--card-2)}.sdg-number{font-size:3rem;font-weight:900;color:var(--orange);letter-spacing:-.08em}.sdg-card h3{font-size:1.35rem}.sdg-card p,.timeline p{color:var(--muted);line-height:1.7}.split-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:2rem;align-items:start}.timeline{border-radius:2rem;padding:1.3rem}.timeline-item{display:grid;grid-template-columns:58px 1fr;gap:1rem;padding:1rem;border-bottom:1px solid var(--line)}.timeline-item:last-child{border-bottom:0}.timeline-item span{width:48px;height:48px;border-radius:1rem;display:grid;place-items:center;background:rgba(182,255,77,.12);color:var(--lime);font-weight:900}.dashboard{border-radius:2.2rem;padding:2rem;display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:center}.metric-board{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.metric{border-radius:1.5rem;padding:1.2rem}.metric span{font-size:2rem;font-weight:900;color:var(--mint)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}.gallery-card{min-height:230px;border-radius:2rem;padding:1.2rem;display:flex;flex-direction:column;justify-content:space-between;font-size:4rem;overflow:hidden}.gallery-card span{font-size:1.1rem;font-weight:800}.mango{background:linear-gradient(145deg,rgba(255,177,59,.35),rgba(255,255,255,.06))}.banana{background:linear-gradient(145deg,rgba(246,255,91,.28),rgba(255,255,255,.06))}.pineapple{background:linear-gradient(145deg,rgba(66,245,176,.28),rgba(255,255,255,.06))}.orange{background:linear-gradient(145deg,rgba(255,111,177,.25),rgba(255,255,255,.06))}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.feature-card{background:linear-gradient(145deg,var(--card),rgba(255,255,255,.04));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px);border-radius:2rem;padding:1.5rem;min-height:250px;transition:.25s}.feature-card:hover{transform:translateY(-8px);background:var(--card-2)}.feature-card span{font-size:3.4rem;display:block;margin-bottom:1rem}.feature-card h3{font-size:1.35rem;margin:.4rem 0}.feature-card p{color:var(--muted);line-height:1.75}.plant-table{margin-top:2rem;background:linear-gradient(145deg,var(--card),rgba(255,255,255,.04));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px);border-radius:2rem;overflow:hidden}.plant-row{display:grid;grid-template-columns:1fr 1.4fr .9fr;gap:1rem;padding:1.05rem 1.2rem;border-bottom:1px solid var(--line);color:var(--muted);align-items:center}.plant-row:last-child{border-bottom:0}.plant-row span:first-child{color:var(--text);font-weight:800}.plant-head{background:rgba(182,255,77,.12);color:var(--lime);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.plant-head span:first-child{color:var(--lime)}.contact{border-radius:2.2rem;padding:2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.contact-form{display:grid;gap:.8rem}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--text);border-radius:1rem;padding:1rem;font:inherit}.contact-form textarea{min-height:140px;resize:vertical}.footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:2rem}.reveal{opacity:0;transform:translateY(24px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@media(max-width:980px){.nav-links{gap:.65rem;font-size:.86rem}.navbar{max-width:100%}}
@media(max-width:860px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;left:1rem;right:1rem;top:74px;flex-direction:column;background:rgba(7,19,13,.96);border:1px solid var(--line);border-radius:1.2rem;padding:1rem}.nav-links.open{display:flex}.hero,.split-section,.dashboard,.contact{grid-template-columns:1fr}.hero{padding-top:3rem}.hero-visual{min-height:420px}.stats,.sdg-grid,.metric-board,.gallery-grid,.feature-grid{grid-template-columns:1fr}.plant-row{grid-template-columns:1fr}.stats{margin-top:0}.section-shell{padding:3.5rem 0}.nav-links .btn{width:100%;text-align:center}}

/* Product-style plant catalog, dark tropical version */
.product-style{padding-top:5.5rem}
.catalog-wrap{background:linear-gradient(145deg,var(--card),rgba(66,245,176,.07));color:var(--text);border-radius:2.5rem;padding:clamp(1.2rem,4vw,3rem);box-shadow:var(--shadow);border:1px solid var(--line);backdrop-filter:blur(18px);position:relative;overflow:hidden}
.catalog-wrap:before{content:"";position:absolute;right:-8rem;top:-8rem;width:22rem;height:22rem;background:radial-gradient(circle,rgba(182,255,77,.16),transparent 60%);pointer-events:none}
.catalog-wrap:after{content:"";position:absolute;left:-10rem;bottom:-10rem;width:24rem;height:24rem;background:radial-gradient(circle,rgba(66,245,176,.13),transparent 60%);pointer-events:none}
.catalog-wrap>*{position:relative;z-index:1}
.catalog-kicker{display:flex;align-items:center;gap:.8rem;color:var(--lime);font-size:.75rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.catalog-kicker span{width:32px;height:1px;background:var(--lime);display:inline-block}
.catalog-wrap h2{font-size:clamp(2.1rem,5vw,4.4rem);line-height:1;margin:.8rem 0 1rem;letter-spacing:-.06em;color:var(--text)}
.catalog-intro{color:var(--muted);line-height:1.8;max-width:760px}
.plant-tabs{display:inline-grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:999px;margin:1.8rem 0 2rem;overflow:hidden;background:rgba(255,255,255,.06);padding:.35rem;gap:.35rem}
.plant-tab{border:0;background:transparent;padding:.85rem 2.1rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--muted);cursor:pointer;border-radius:999px;transition:.25s}
.plant-tab:hover{color:var(--text);background:rgba(255,255,255,.08)}
.plant-tab.active{background:linear-gradient(135deg,var(--lime),var(--mint));color:#07130d;box-shadow:0 14px 40px rgba(182,255,77,.18)}
.plant-panel{display:none;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.plant-panel.active{display:grid}
.plant-card{background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 55px rgba(0,0,0,.2);transition:.25s;backdrop-filter:blur(14px)}
.plant-card:hover{transform:translateY(-8px);background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));box-shadow:0 28px 75px rgba(0,0,0,.28)}
.plant-photo{min-height:250px;position:relative;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line)}
.plant-photo:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.32),transparent 18%),radial-gradient(circle at 80% 15%,rgba(255,255,255,.24),transparent 14%),linear-gradient(135deg,rgba(255,255,255,.12),transparent)}
.plant-photo span{font-size:7rem;position:relative;filter:drop-shadow(0 18px 22px rgba(0,0,0,.32))}
.plant-photo b{position:absolute;right:1rem;top:1rem;background:rgba(7,19,13,.78);color:var(--lime);border:1px solid rgba(182,255,77,.22);border-radius:999px;padding:.55rem .85rem;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;backdrop-filter:blur(10px)}
.mango-bg{background:linear-gradient(135deg,rgba(255,177,59,.55),rgba(255,111,64,.34) 55%,rgba(66,245,176,.24))}
.mango-bg.alt{background:linear-gradient(135deg,rgba(255,229,138,.48),rgba(255,177,59,.36) 50%,rgba(47,143,87,.38))}
.banana-bg{background:linear-gradient(135deg,rgba(255,243,162,.52),rgba(246,255,91,.36) 52%,rgba(106,168,79,.35))}
.banana-bg.alt{background:linear-gradient(135deg,rgba(255,247,199,.45),rgba(244,196,48,.36) 52%,rgba(62,127,56,.38))}
.manggis-bg{background:linear-gradient(135deg,rgba(215,194,255,.36),rgba(119,68,170,.38) 52%,rgba(66,245,176,.16))}
.manggis-bg.alt{background:linear-gradient(135deg,rgba(240,215,255,.34),rgba(142,59,184,.42) 52%,rgba(44,29,59,.55))}
.plant-type{margin:1rem 1rem .45rem;color:var(--lime);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.plant-card h3{font-size:1.28rem;margin:0 1rem .5rem;color:var(--text)}
.plant-card p:last-child{margin:0 1rem 1.3rem;color:var(--muted);line-height:1.65;font-size:.94rem}
@media(max-width:860px){.plant-tabs{display:grid;width:100%;grid-template-columns:1fr;border-radius:1.3rem}.plant-tab{border-radius:1rem}.plant-panel{grid-template-columns:1fr}.plant-photo{min-height:210px}}