
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#12211c;--muted:#63716b;--paper:#f7f8f4;--white:#fff;--line:#dfe6e1;--lime:#c9f229;--green:#174b3b;--teal:#18a88b;--shadow:0 22px 60px rgba(16,42,34,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}
.nav{position:sticky;top:0;z-index:50;background:rgba(247,248,244,.90);backdrop-filter:blur(16px);border-bottom:1px solid rgba(223,230,225,.8)}
.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between}.brand img{width:100px;height:auto}.links{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:700}.links a{opacity:.78;transition:.25s}.links a:hover,.links a.active{opacity:1;color:var(--green)}.menu{display:none;border:0;background:none;font-size:25px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:999px;background:var(--green);color:#fff;font-weight:800;border:1px solid var(--green);transition:.3s;cursor:pointer}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(23,75,59,.18)}.btn.alt{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.hero{padding:80px 0 50px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800;color:var(--teal)}h1,h2,h3{font-family:"Manrope",sans-serif;line-height:1.1;margin:0 0 20px}h1{font-size:clamp(44px,6vw,78px);letter-spacing:-.045em}h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.035em}h3{font-size:22px}.lead{font-size:18px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-photo{border-radius:34px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(1.5deg);animation:float 7s ease-in-out infinite}.hero-photo img{height:570px;width:100%;object-fit:cover}.section{padding:100px 0}.section.alt-bg{background:#eef2ec}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.photo-card{border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.photo-card img{height:520px;object-fit:cover}.kicker{font-weight:800;color:var(--green);margin-bottom:12px}.checklist{padding:0;margin:28px 0;list-style:none}.checklist li{margin:13px 0;padding-left:30px;position:relative}.checklist li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--lime);font-weight:900;text-align:center;line-height:20px;font-size:12px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;transition:.35s;box-shadow:0 8px 25px rgba(16,42,34,.04)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.icon{width:50px;height:50px;border-radius:15px;background:#e7f6d0;display:grid;place-items:center;font-size:23px;margin-bottom:22px}.card p{color:var(--muted)}.number{font-family:"Manrope";font-size:46px;font-weight:800;color:var(--green)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:35px}.stat{padding:26px;border-radius:20px;background:#fff;border:1px solid var(--line)}.stat span{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.banner{padding:70px 0;background:var(--green);color:#fff}.banner .lead{color:#c9d7d1}.banner-grid{display:flex;justify-content:space-between;gap:35px;align-items:center}
.page-head{padding:90px 0 65px;background:#edf3ee}.page-head p{max-width:760px;color:var(--muted);font-size:18px}
.timeline{border-left:2px solid var(--line);margin:45px 0 0 10px;padding-left:34px}.event{position:relative;padding:0 0 42px}.event:before{content:"";position:absolute;left:-43px;top:5px;width:14px;height:14px;background:var(--lime);border:4px solid var(--paper);border-radius:50%}.event small{font-weight:800;color:var(--teal)}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.person{background:#fff;border-radius:26px;overflow:hidden;border:1px solid var(--line)}.person img{height:360px;width:100%;object-fit:cover;filter:saturate(.85)}.person-body{padding:24px}.role{color:var(--teal);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.person-body p{color:var(--muted);font-size:14px}
.quote{background:#fff;border:1px solid var(--line);border-radius:30px;padding:45px;font-family:"Manrope";font-size:26px;line-height:1.35;box-shadow:var(--shadow)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.contact-box{background:var(--green);color:#fff;border-radius:28px;padding:38px}.contact-box p{color:#c9d7d1}.form{background:#fff;border:1px solid var(--line);border-radius:28px;padding:38px}.field{margin-bottom:18px}.field label{display:block;font-weight:700;font-size:13px;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1px solid #cfd9d3;border-radius:14px;padding:13px 14px;font:inherit;background:#fbfcfa}.field textarea{min-height:145px;resize:vertical}
.footer{padding:55px 0 30px;background:#0f211b;color:#dce8e2}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.footer img{width:155px;filter:brightness(0) invert(1)}.footer h4{margin:0 0 13px;color:#fff}.footer a{display:block;color:#b9c9c1;margin:7px 0;font-size:14px}.copyright{border-top:1px solid #2d4039;margin-top:40px;padding-top:20px;color:#9fb0a8;font-size:13px}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.show{opacity:1;transform:none}
@keyframes float{0%,100%{transform:rotate(1.5deg) translateY(0)}50%{transform:rotate(0deg) translateY(-12px)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(201,242,41,.0)}50%{box-shadow:0 0 0 12px rgba(201,242,41,.12)}}
.pulse{animation:pulse 3s infinite}.marquee{overflow:hidden;white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;color:var(--green);font-weight:800}.marquee span{display:inline-block;padding-right:50px;animation:scroll 24s linear infinite}@keyframes scroll{to{transform:translateX(-100%)}}
@media(max-width:850px){.links{display:none}.menu{display:block}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.cards,.team{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.hero-photo img{height:420px}.footer-grid{grid-template-columns:1fr 1fr}.section{padding:70px 0}.banner-grid{display:block}.banner .btn{margin-top:20px}}
@media(max-width:560px){.cards,.team,.stats,.footer-grid{grid-template-columns:1fr}h1{font-size:45px}.nav-inner{height:68px}.hero{padding-top:55px}.hero-photo img{height:350px}.quote{font-size:21px;padding:30px}}
