:root{
  --kiu-green:#006b3f;
  --kiu-green-2:#0b7a45;
  --kiu-deep:#003d27;
  --kiu-gold:#c89214;
  --kiu-gold-2:#e5b33a;
  --ink:#10231a;
  --muted:#65756d;
  --line:#dfe8e3;
  --soft:#f5f9f7;
  --white:#ffffff;
  --shadow:0 18px 50px rgba(0,61,39,.10);
  --radius:24px;
}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff}
a{text-decoration:none}
.text-kiu{color:var(--kiu-green)!important}.text-gold{color:var(--kiu-gold)!important}
.bg-soft{background:var(--soft)}
.btn-kiu{background:var(--kiu-green);border-color:var(--kiu-green);color:#fff;border-radius:999px;padding:.82rem 1.2rem;font-weight:700}
.btn-kiu:hover{background:var(--kiu-deep);border-color:var(--kiu-deep);color:#fff}
.btn-outline-kiu{border:1px solid var(--kiu-green);color:var(--kiu-green);border-radius:999px;padding:.82rem 1.2rem;font-weight:700}
.btn-outline-kiu:hover{background:var(--kiu-green);color:#fff}
.btn-gold{background:linear-gradient(135deg,var(--kiu-gold-2),var(--kiu-gold));color:#163522;border:0;border-radius:999px;padding:.82rem 1.2rem;font-weight:800}
.section-pad{padding:88px 0}
.section-title{max-width:760px;margin-bottom:36px}
.section-title .eyebrow,.eyebrow{display:inline-flex;gap:.5rem;align-items:center;text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:800;color:var(--kiu-green)}
.section-title h2{font-size:clamp(2rem,4vw,3.35rem);font-weight:850;letter-spacing:-.045em;margin:.55rem 0 1rem}
.section-title p{color:var(--muted);font-size:1.06rem;line-height:1.8}
.navbar{background:rgba(255,255,255,.93);backdrop-filter:blur(15px);border-bottom:1px solid rgba(0,61,39,.08)}
.navbar-brand img{height:48px;width:auto}
.navbar .nav-link{font-weight:650;color:#31453a;padding:.85rem .85rem!important}
.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--kiu-green)}
.hero{position:relative;overflow:hidden;padding:86px 0 70px;background:
radial-gradient(circle at 86% 15%,rgba(200,146,20,.18),transparent 25%),
radial-gradient(circle at 15% 70%,rgba(0,107,63,.15),transparent 27%),
linear-gradient(180deg,#fbfdfc 0%,#f5faf7 100%)}
.hero:after{content:"";position:absolute;inset:auto -120px -220px auto;width:520px;height:520px;border:1px solid rgba(0,107,63,.10);border-radius:50%;box-shadow:0 0 0 60px rgba(0,107,63,.03),0 0 0 120px rgba(200,146,20,.025)}
.hero h1{font-size:clamp(2.7rem,6vw,5.65rem);line-height:.98;letter-spacing:-.06em;font-weight:900;max-width:900px}
.hero .lead{font-size:1.16rem;line-height:1.85;color:#51665a;max-width:760px}
.hero-card{background:#fff;border:1px solid rgba(0,107,63,.11);border-radius:32px;box-shadow:var(--shadow);padding:28px;position:relative;z-index:1}
.hero-card img{width:100%;height:auto;display:block;border-radius:20px}
.trust-strip{border-top:1px solid rgba(0,61,39,.08);border-bottom:1px solid rgba(0,61,39,.08);background:#fff}
.trust-item{padding:20px 14px;text-align:center;font-weight:750;color:#345044}
.icon-chip{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#eaf5ef;color:var(--kiu-green);font-size:1.25rem}
.card-modern{height:100%;border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff;transition:.25s;box-shadow:0 10px 30px rgba(10,50,31,.04)}
.card-modern:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c5dbcf}
.card-modern h3,.card-modern h4{font-weight:800;letter-spacing:-.025em}
.card-modern p{color:var(--muted);line-height:1.7}
.pillar-card{position:relative;overflow:hidden}
.pillar-card .num{position:absolute;right:22px;top:16px;font-size:3rem;font-weight:900;color:rgba(0,107,63,.06)}
.pillar-card ul{columns:2;column-gap:24px;padding-left:1.1rem;margin-bottom:0}
.pillar-card li{margin-bottom:.4rem;color:#51675c;font-size:.9rem;break-inside:avoid}
.feature-card{border:0;border-radius:26px;background:linear-gradient(180deg,#fff,#f7fbf8);box-shadow:0 12px 35px rgba(0,61,39,.07);padding:30px;height:100%}
.feature-card .feature-icon{width:56px;height:56px;border-radius:18px;background:var(--kiu-green);color:white;display:grid;place-items:center;font-size:1.3rem;margin-bottom:20px}
.sdg-wrap{display:flex;flex-wrap:wrap;gap:10px}
.sdg-pill{padding:.65rem .9rem;border:1px solid #d6e5dc;border-radius:999px;background:#fff;color:#365245;font-weight:650;font-size:.88rem}
.cta-band{background:linear-gradient(135deg,var(--kiu-deep),var(--kiu-green));border-radius:36px;padding:52px;color:white;position:relative;overflow:hidden}
.cta-band:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;border:1px solid rgba(255,255,255,.15);right:-90px;top:-120px;box-shadow:0 0 0 45px rgba(255,255,255,.03),0 0 0 90px rgba(255,255,255,.02)}
footer{background:#071e14;color:#d9e7e0;padding:64px 0 24px}
footer h6{color:white;font-weight:800}
footer a{color:#b9d0c5}footer a:hover{color:#fff}
footer .logo-box{background:white;padding:14px;border-radius:18px;display:inline-block}
footer .logo-box img{height:58px}
.small-muted{color:#94aa9f}
.anchor-offset{scroll-margin-top:90px}
.stat{border-left:3px solid var(--kiu-gold);padding-left:16px}.stat .big{font-size:2rem;font-weight:900;color:var(--kiu-green)}
.quote{font-size:clamp(1.35rem,3vw,2.2rem);line-height:1.45;font-weight:700;letter-spacing:-.025em}
@media(max-width:991.98px){
  .hero{padding-top:60px}
  .hero-card{margin-top:28px}
  .section-pad{padding:68px 0}
  .pillar-card ul{columns:1}
}