:root{--g:#123d29;--g2:#1f6b45;--g3:#2e8a5d;--mint:#e9f4ed;--mint2:#f2f8f4;--sand:#f6f2e9;--ink:#15231b;--muted:#66776e;--line:#dce7df;--bg:#fbfdfb;--amber:#d8a23b;--shadow:0 24px 70px rgba(18,61,41,.10)}
html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--g2)}
.navbar{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(16px);border-bottom:1px solid rgba(18,61,41,.08)}.navbar-brand{font-weight:900;letter-spacing:.7px;color:var(--g)!important}.nav-link{font-weight:650;color:#294438!important}.nav-link:hover,.nav-link.active{color:var(--g2)!important}
.btn-w{background:var(--g2);border:1px solid var(--g2);color:#fff;border-radius:14px;padding:.8rem 1.1rem;font-weight:800}.btn-w:hover{background:var(--g);border-color:var(--g);color:#fff}.btn-soft{background:var(--mint);border:1px solid #cfe4d6;color:var(--g);border-radius:14px;font-weight:800}
.hero{padding:8rem 0 5rem;background:radial-gradient(circle at 82% 13%,#d6efe0 0,transparent 29%),linear-gradient(180deg,#f7fbf8,#fff)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:.75rem;color:var(--g2)}.display-w{font-weight:900;letter-spacing:-.045em;line-height:1.02;font-size:clamp(2.8rem,6vw,5.7rem)}.lead-w{font-size:1.16rem;color:var(--muted);max-width:760px}
.section{padding:5.5rem 0}.soft{background:var(--mint2)}.dark{background:var(--g);color:#fff}.card-w{height:100%;border:1px solid var(--line);border-radius:24px;background:#fff;padding:26px;box-shadow:0 10px 35px rgba(18,61,41,.06);transition:.2s}.card-w:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.icon-w{width:48px;height:48px;border-radius:15px;background:var(--mint);display:grid;place-items:center;color:var(--g2);font-size:1.35rem}
.hero-panel{border-radius:32px;padding:24px;background:linear-gradient(145deg,#0d3222,#1f6b45);box-shadow:0 35px 90px rgba(14,47,31,.26);color:#fff}.hero-map{height:260px;border-radius:24px;background:radial-gradient(circle at 25% 30%,#9bdab3 0 7px,transparent 8px),radial-gradient(circle at 72% 60%,#e7bb64 0 7px,transparent 8px),repeating-linear-gradient(25deg,transparent 0 36px,rgba(255,255,255,.12) 37px 39px),linear-gradient(135deg,#2d7b53,#153b29)}
.metric{border-left:3px solid #8ccca4;padding-left:18px}.metric b{display:block;font-size:2rem}.journey{display:flex;flex-wrap:wrap;gap:9px}.journey span{padding:.55rem .8rem;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:750}.journey i{color:var(--g2)}
.infographic{position:relative;min-height:360px;display:grid;place-items:center}.infographic .core{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--g);color:#fff;font-weight:900;box-shadow:0 22px 55px rgba(18,61,41,.24)}.orbit{position:absolute;width:165px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px;box-shadow:0 12px 30px rgba(18,61,41,.07);font-weight:800}.orbit small{display:block;color:var(--muted);font-weight:500}.orbit.o1{top:12px;left:5%}.orbit.o2{top:18px;right:5%}.orbit.o3{bottom:15px;left:7%}.orbit.o4{bottom:10px;right:6%}
.showcase-card{border:1px solid var(--line);background:#fff;border-radius:24px;overflow:hidden;height:100%}.showcase-art{aspect-ratio:16/10;background:linear-gradient(135deg,#d5eadc,#eef6f1);display:grid;place-items:center;font-size:3rem;color:var(--g2)}.showcase-body{padding:22px}
.prose{max-width:900px}.prose h2{margin-top:2.2rem;font-weight:850}.prose h3{margin-top:1.6rem;font-weight:800}.prose p,.prose li{color:#485e52;line-height:1.78}.legal-note{background:#fff8e7;border:1px solid #f0ddb0;border-radius:16px;padding:14px}.faq .accordion-button:not(.collapsed){background:var(--mint);color:var(--g)}
.footer{background:#0e2e20;color:#dbe9df;padding:4rem 0 2rem}.footer a{color:#dbe9df;text-decoration:none}.footer a:hover{color:#fff}
.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:1080;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:16px;display:none}.cookie-banner.show{display:block}
.admin{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:#f4f7f5}.side{background:linear-gradient(180deg,#123d29,#0d3222);color:#fff;padding:22px 14px;position:sticky;top:0;height:100vh;overflow:auto}.side .brand{font-size:1.3rem;font-weight:900;padding:0 10px 15px}.side .group{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#91b5a0;font-weight:800;padding:18px 10px 5px}.side a{display:flex;gap:9px;align-items:center;color:#e3eee7;text-decoration:none;padding:10px 11px;border-radius:10px;margin:2px 0;font-weight:650}.side a:hover{background:rgba(255,255,255,.08)}.main{min-width:0}.admin-top{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.admin-content{padding:28px}.box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(18,61,41,.05)}.thumb{width:76px;height:56px;border-radius:10px;object-fit:cover;background:var(--mint)}
@media(max-width:800px){.admin{grid-template-columns:1fr}.side{position:static;height:auto}.section{padding:4rem 0}.infographic{display:block;min-height:auto}.infographic .core{margin:0 auto 15px}.orbit{position:static;width:100%;margin:8px 0}.hero{padding-top:6.5rem}}
