:root{
  --navy:#09223b;
  --green:#008e5a;
  --forest:#0c4f3e;
  --mint:#3fae83;
  --paper:#ffffff;
  --cream:#fbfcfb;
  --line:#e1e7e4;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--navy);font-family:"DM Sans",Arial,sans-serif}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.header{height:66px;background:#fff;position:relative;z-index:50}
.nav{height:66px;max-width:1160px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
.logo img{width:151px;height:auto}
nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:600}
nav>a:not(.talk){height:66px;display:flex;align-items:center;border-bottom:2px solid transparent}
nav>a.active{border-bottom-color:var(--green)}
nav>a:hover{color:var(--green)}
nav .talk{background:var(--forest);color:#fff;border-radius:25px;padding:10px 18px}
nav .talk b{margin-left:6px}
.menu{display:none;border:0;background:var(--forest);color:#fff;border-radius:7px;padding:8px 11px}
.hero{height:417px;position:relative;overflow:hidden;color:#fff}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,25,39,.76) 0%,rgba(8,25,39,.42) 42%,rgba(8,25,39,.02) 76%)}
.hero-inner{max-width:1160px;height:100%;margin:auto;padding:0 24px;position:relative;display:flex;align-items:center;justify-content:space-between}
.hero-copy{padding-top:4px}
.hero h1{font-family:Manrope,Arial,sans-serif;font-size:50px;line-height:1.01;letter-spacing:-2.4px;margin:0 0 16px;font-weight:800}
.hero h1 em{font-style:normal;color:#42b886}
.hero-copy>p{font-size:15.5px;line-height:1.45;margin:0 0 20px;color:#f5f8f7}
.actions{display:flex;gap:15px;align-items:center}
.button{height:50px;border-radius:28px;padding:0 22px;display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:13px}
.button.green{background:var(--forest);color:#fff}
.button.green span{font-size:18px}
.button.outline{border:1px solid rgba(255,255,255,.9);color:#fff}
.script-note{font-family:Caveat,cursive;font-size:24px;line-height:.9;color:#142c24;text-align:center;margin-right:30px;transform:rotate(-4deg);width:170px}
.script-note span,.script-note strong{display:block}
.script-note strong{font-size:31px;font-weight:600;margin-top:7px}
.script-note i{display:block;width:75px;height:4px;background:var(--green);border-radius:50%;margin:10px auto 0;transform:rotate(-5deg)}
.solutions{padding:22px 0 19px;max-width:1160px;margin:auto}
.section-head{text-align:center;margin-bottom:20px}
.eyebrow{font-size:11px;letter-spacing:.12em;color:#42a970;font-weight:800;margin-bottom:6px}
.section-head h2{font-family:Manrope,Arial,sans-serif;font-size:34px;line-height:1.05;letter-spacing:-1.5px;margin:0 0 7px}
.section-head p{font-size:12.5px;margin:0;color:#314355}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:0 20px}
.card{height:184px;border-radius:9px;padding:20px 26px;position:relative}
.green-card{background:#f1f8ed}.blue-card{background:#edf7fc}.peach-card{background:#fdf0e8}.lilac-card{background:#f2eef9}
.icon{height:47px;width:47px;border-radius:14px;background:rgba(255,255,255,.57);display:grid;place-items:center;font-size:25px;color:#0d3150;margin-bottom:10px}
.card h3{font-family:Manrope,Arial,sans-serif;font-size:16px;margin:0 0 4px}
.card p{font-size:12px;line-height:1.45;margin:0;color:#273b4c}
.card>a{position:absolute;bottom:16px;left:26px;font-size:18px}
.purpose{display:grid;grid-template-columns:1fr 1fr;background:#fff;min-height:310px}
.purpose-photo{height:310px;overflow:hidden}
.purpose-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.purpose-copy{padding:24px 60px 20px 39px;display:flex;flex-direction:column;justify-content:center}
.purpose-copy h2{font-family:Manrope,Arial,sans-serif;font-size:31px;line-height:1.02;letter-spacing:-1.4px;margin:0 0 11px}
.purpose-copy>p{font-size:12.5px;line-height:1.55;margin:0;color:#24384a}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px}
.pillar{padding-right:17px}
.pillar+.pillar{padding-left:19px;border-left:1px solid #d7dfdb}
.pillar-symbol{color:var(--green);font-size:25px;height:28px}
.pillar h3{font-size:13px;margin:3px 0}
.pillar p{font-size:10.5px;line-height:1.35;color:#53636e;margin:0}
.impact{height:170px;position:relative;overflow:hidden;background:#092f25;color:#fff}
.impact-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,45,35,.98),rgba(5,45,35,.90))}
.impact-content{max-width:1160px;height:100%;margin:auto;padding:21px 24px;position:relative}
.impact h2{font-family:Manrope,Arial,sans-serif;font-size:27px;margin:0 0 18px;letter-spacing:-.7px}
.eyebrow.light{color:#74c99f}
.stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:810px}
.stats div{padding-left:23px;border-left:1px solid rgba(255,255,255,.3)}
.stats div:first-child{padding-left:0;border-left:0}
.stats b{display:block;font-family:Manrope;font-size:29px;line-height:1}
.stats span{display:block;font-size:10.5px;margin-top:4px;color:#e1ebe7}
.map{position:absolute;right:15px;bottom:-50px;width:225px;height:150px;object-fit:cover;opacity:.18;filter:grayscale(1)}
.final{height:310px;position:relative;overflow:hidden}
.final>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.final-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 30%,rgba(255,255,255,.12) 70%,rgba(255,255,255,.02))}
.final-content{position:relative;z-index:2;max-width:1160px;height:100%;margin:auto;padding:29px 24px;display:flex;justify-content:space-between;align-items:flex-start}
.final-content h2{font-family:Manrope,Arial,sans-serif;font-size:31px;line-height:1.02;letter-spacing:-1.2px;margin:0 0 12px}
.final-content p{font-size:12.5px;line-height:1.45;margin:0 0 17px;color:#253b4c}
.dark-outline{border-color:#17324a!important;color:#17324a!important}
.final-note{font-family:Caveat,cursive;font-size:27px;line-height:.9;color:#153227;text-align:center;margin:15px 35px 0 0;transform:rotate(-4deg)}
.final-note strong{display:block;font-size:33px;font-weight:600}
.final-note i{display:block;width:70px;height:4px;background:var(--green);border-radius:50%;margin:8px auto}
footer{height:64px;display:flex;align-items:center;justify-content:space-between;max-width:1160px;margin:auto;padding:0 24px;font-size:10px;color:#60706b}
footer img{width:120px}
@media(max-width:1000px){
  nav{gap:14px}.cards{gap:14px}.purpose-copy{padding-right:25px}
}
@media(max-width:760px){
  .header,.nav{height:62px}.logo img{width:130px}.menu{display:block}nav{display:none;position:absolute;top:62px;left:12px;right:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 12px 35px rgba(0,0,0,.12);flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav>a:not(.talk){height:44px;padding:0 12px;border:0}.talk{text-align:center;margin-top:5px}
  .hero{height:650px}.hero-photo{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(8,25,39,.86),rgba(8,25,39,.48))}
  .hero-inner{align-items:flex-end;padding-bottom:45px}.hero h1{font-size:46px}.script-note{display:none}.desktop{display:none}
  .solutions{padding:55px 16px}.cards{grid-template-columns:1fr 1fr;padding:0;gap:12px}.card{height:205px;padding:18px}.card>a{left:18px}
  .purpose{grid-template-columns:1fr}.purpose-photo{height:330px}.purpose-copy{padding:50px 24px}.pillars{grid-template-columns:1fr;gap:15px}.pillar{padding:0}.pillar+.pillar{padding-left:0;border-left:0;border-top:1px solid #d7dfdb;padding-top:15px}
  .impact{height:auto;min-height:290px}.impact-content{padding:28px 24px}.stats{grid-template-columns:1fr 1fr;gap:24px}.stats div{border-left:0;padding-left:0}.map{right:-35px;bottom:-25px;opacity:.1}
  .final{height:520px}.final-content{padding:50px 24px}.final-note{display:none}.final-shade{background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.45))}
  footer{height:auto;padding:22px 24px;flex-direction:column;gap:8px;text-align:center}
}