:root{--green:#0b5f40;--green-dark:#064631;--blue:#1f7fa8;--amber:#f3a936;--paper:#f7f5ee;--ink:#17211b;--muted:#66756c;--line:#dfe7df}
*{box-sizing:border-box}
body.eco-site{font-family:Inter,Arial,sans-serif;background:var(--paper);color:var(--ink);letter-spacing:0}
a{color:var(--green);text-decoration:none}a:hover{color:var(--blue);text-decoration:none}
.eco-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.eco-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0}
.eco-brand{display:flex;align-items:center;gap:.75rem;color:var(--ink)}
.eco-brand img{width:62px;height:62px;object-fit:contain}.eco-brand strong{display:block;font-size:.9rem;line-height:1.25}.eco-brand small{display:block;color:var(--muted)}
.eco-actions{display:flex;gap:.5rem;align-items:center}.btn.btn-primary{background:var(--green);border-color:var(--green)}
.eco-nav{display:flex;gap:.25rem;overflow:visible;flex-wrap:wrap;padding:.35rem 0 .8rem}.eco-nav a{color:var(--ink);font-weight:700;padding:.45rem .65rem;border-radius:.25rem;white-space:nowrap}.eco-nav a:hover{background:#edf5ee;color:var(--green)}.eco-nav-item{position:relative}.eco-dropdown-menu{display:none;position:absolute;z-index:30;top:100%;left:0;min-width:220px;background:#fff;border:1px solid var(--line);border-radius:.35rem;box-shadow:0 14px 32px rgba(20,45,30,.14);padding:.35rem}.eco-dropdown:hover .eco-dropdown-menu,.eco-dropdown:focus-within .eco-dropdown-menu{display:block}.eco-dropdown-menu a{display:block;white-space:normal}
.eco-hero{position:relative;min-height:530px;color:#fff;display:flex;align-items:center;overflow:hidden;background:var(--green-dark)}
.eco-hero__image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,70,49,.96),rgba(6,70,49,.72),rgba(6,70,49,.18)),url('/assets/images/img_4128b244682a.png') center/cover no-repeat;filter:saturate(.95)}
.eco-hero__content{position:relative;padding:5rem 1rem;max-width:1180px}.eco-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800;color:var(--amber);margin-bottom:.6rem}
.eco-hero h1{max-width:660px;font-size:2.6rem;line-height:1.05;margin:0 0 1rem;font-weight:800}.eco-hero p{max-width:620px;font-size:1.05rem;color:#eaf4ed}.eco-hero__actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.4rem}
.eco-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);transform:translateY(-50%);box-shadow:0 12px 35px rgba(20,45,30,.12)}
.eco-quick div{background:#fff;padding:1rem}.eco-quick span{display:block;color:var(--muted);font-size:.75rem}.eco-quick strong{display:block;font-size:.9rem}
.eco-section{padding:1.5rem 1rem 2.5rem}.eco-section h2{font-size:1.35rem;margin:0 0 1rem}.eco-service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.eco-service-grid a{background:#fff;border:1px solid var(--line);border-radius:.35rem;min-height:86px;display:flex;align-items:center;justify-content:center;text-align:center;padding:.8rem;font-weight:700;color:var(--ink)}
.eco-page{padding:1.5rem 1rem 3rem}.eco-panel{background:#fff;border:1px solid var(--line);border-radius:.35rem;padding:1.3rem;box-shadow:0 8px 26px rgba(20,45,30,.06)}
.eco-prose h1{font-size:1.85rem;line-height:1.2;margin:.2rem 0 1rem}.eco-prose h2{font-size:1.35rem;margin:1.5rem 0 .6rem}.eco-prose h3{font-size:1.05rem}.eco-prose p,.eco-prose li{font-size:.96rem;line-height:1.72}.eco-lede{font-size:1.05rem;color:var(--muted)}
.eco-crumbs{max-width:1180px;margin:1rem auto 0;padding:0 1rem;color:var(--muted);font-size:.82rem}.eco-crumbs a{color:var(--muted)}.eco-crumbs span{margin:0 .4rem}
.eco-sidebar{padding-left:1rem}.eco-sidebar section{background:#fff;border:1px solid var(--line);border-radius:.35rem;padding:1rem;margin-bottom:1rem}.eco-sidebar h3{font-size:1rem;margin:.1rem 0 .75rem}.eco-sidebar a{display:block;padding:.42rem 0;border-top:1px solid #edf1ed;color:var(--ink)}
.eco-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1rem 0}.eco-gallery figure,.eco-figure{margin:0 0 1rem}.eco-gallery img,.eco-figure img{width:100%;height:auto;border-radius:.3rem}.eco-gallery figcaption,.eco-figure figcaption{font-size:.8rem;color:var(--muted);margin-top:.35rem}
.eco-list-card{border:1px solid var(--line);border-radius:.35rem;padding:1rem;margin:.7rem 0;background:#fbfdfb}.eco-list-card h3{font-size:1.05rem;margin:0 0 .4rem}
.eco-table{overflow:auto;margin:1rem 0}.eco-source-links{padding:0 1rem 2.5rem}.eco-source-links h2{font-size:1rem}.eco-source-links div{display:flex;gap:.5rem;flex-wrap:wrap}.eco-source-links a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.35rem .65rem;font-size:.78rem}
.eco-footer{background:var(--green-dark);color:#dcebe1;padding:2rem 0;margin-top:2rem}.eco-footer a{display:block;color:#fff;margin:.25rem 0}.eco-footer p{color:#c7d9cd}
@media(max-width:840px){.eco-topbar{align-items:flex-start;flex-direction:column}.eco-actions{width:100%}.eco-actions .btn{flex:1}.eco-hero{min-height:460px}.eco-hero h1{font-size:2rem}.eco-quick{grid-template-columns:1fr 1fr;transform:none;margin-top:0}.eco-service-grid{grid-template-columns:1fr 1fr}.eco-sidebar{padding-left:0;margin-top:1rem}.eco-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.eco-brand img{width:52px;height:52px}.eco-brand strong{font-size:.82rem}.eco-hero h1{font-size:1.7rem}.eco-quick,.eco-service-grid,.eco-gallery{grid-template-columns:1fr}.eco-panel{padding:1rem}.eco-prose h1{font-size:1.45rem}}