*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#17342b;background:#f5f8f6;line-height:1.65}a{color:inherit}img{max-width:100%;display:block}.container{width:min(1160px,92%);margin:auto}.topbar{background:#0c3428;color:#dcebe5;font-size:.88rem}.topbar .container{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0}.nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #dce7e1}.navin{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{text-decoration:none;font-weight:850;font-size:1.15rem}.brand span{display:block;font-size:.72rem;font-weight:600;color:#658076;letter-spacing:.08em;text-transform:uppercase}.links{display:flex;gap:.25rem;align-items:center}.links a{padding:.65rem .78rem;border-radius:10px;text-decoration:none;font-weight:650;font-size:.94rem}.links a:hover,.links a.active{background:#e6f3ec;color:#12613f}.menu{display:none;border:0;background:#e6f3ec;padding:.6rem .8rem;border-radius:10px;font-size:1rem}.hero{min-height:64vh;display:grid;place-items:center;position:relative;overflow:hidden;background:#123d31;color:white}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,31,24,.92),rgba(6,31,24,.48),rgba(6,31,24,.18)),var(--hero) center/cover no-repeat}.hero .container{position:relative;padding:6rem 0}.eyebrow{display:inline-flex;gap:.5rem;align-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:.35rem .65rem;border-radius:999px;font-size:.82rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:clamp(2.35rem,6vw,5rem);line-height:1.02;max-width:850px;margin:.8rem 0 1rem;letter-spacing:-.045em}.hero p{font-size:clamp(1rem,2vw,1.25rem);max-width:720px;color:#e3eee9}.btns{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.btn{display:inline-block;padding:.8rem 1.05rem;border-radius:12px;text-decoration:none;font-weight:750;background:#e4b84c;color:#203128;border:0;cursor:pointer}.btn.secondary{background:transparent;color:white;border:1px solid rgba(255,255,255,.55)}section{padding:4.5rem 0}.section-head{max-width:760px;margin-bottom:2rem}.kicker{color:#198257;text-transform:uppercase;letter-spacing:.11em;font-weight:800;font-size:.8rem}.section-head h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.12;margin:.35rem 0}.lead{font-size:1.1rem;color:#536c63}.grid{display:grid;gap:1.2rem}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.card{background:white;border:1px solid #dfe9e4;border-radius:18px;padding:1.4rem;box-shadow:0 10px 30px rgba(20,60,45,.06)}.card h3{margin:.25rem 0 .55rem}.card p{color:#587066}.icon{font-size:1.8rem}.image-card{padding:0;overflow:hidden}.image-card img{width:100%;height:230px;object-fit:cover}.image-card .body{padding:1.25rem}.quote{background:#123d31;color:white;border-radius:22px;padding:2rem;font-size:1.25rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:-2.2rem;position:relative}.stat{background:white;padding:1.2rem;border-radius:16px;border:1px solid #dfe9e4}.stat b{font-size:1.6rem;color:#17734e;display:block}.pill{display:inline-block;padding:.3rem .6rem;background:#e9f4ee;color:#176342;border-radius:999px;font-size:.8rem;font-weight:700}.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.2rem}.tab{border:1px solid #cdded5;background:white;padding:.55rem .8rem;border-radius:999px;cursor:pointer;font-weight:700}.tab.on{background:#153e32;color:white}.action{display:flex;gap:.9rem;align-items:flex-start}.action input{margin-top:.4rem;transform:scale(1.25);accent-color:#19734e}.progress{height:12px;background:#dfeae4;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:#1a7b52;width:0;transition:.3s}.tool{background:#eaf4ef;border-radius:22px;padding:2rem}.field{display:grid;gap:.4rem;margin:1rem 0}.field input[type=range]{width:100%;accent-color:#17734e}.score{font-size:3rem;font-weight:900;color:#12613f}.search{width:100%;padding:.9rem 1rem;border:1px solid #c9d9d1;border-radius:12px;font:inherit}.footer{background:#0b2c23;color:#dceae4;padding:3rem 0 1.5rem}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer a{text-decoration:none;color:#dceae4}.small{font-size:.88rem;color:#799187}.reveal{opacity:0;transform:translateY(14px);transition:.55s}.reveal.show{opacity:1;transform:none}@media(max-width:820px){.menu{display:block}.links{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:1rem 4%;flex-direction:column;align-items:stretch;border-bottom:1px solid #ddd}.links.open{display:flex}.g3,.g2,.stats,.footergrid{grid-template-columns:1fr}.hero .container{padding:4.5rem 0}.topbar .container{display:block}.image-card img{height:210px}section{padding:3.5rem 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}body.dark{background:#0d1915;color:#e5eee9}body.dark .nav{background:rgba(13,25,21,.94);border-color:#263a32}body.dark .card,body.dark .stat,body.dark .tab{background:#13231d;border-color:#294238}body.dark .card p,body.dark .lead{color:#aec2b8}body.dark .tool{background:#142820}body.dark .links a:hover,body.dark .links a.active{background:#19382b}/* Exemplos — ampliação 2026 */
.example-meta{display:flex;gap:.45rem;flex-wrap:wrap;margin:.65rem 0}.example-meta span{font-size:.78rem;padding:.25rem .55rem;border:1px solid var(--line);border-radius:999px;opacity:.85}.example-icon{height:190px;display:grid;place-items:center;font-size:4rem;background:linear-gradient(135deg,rgba(34,111,84,.16),rgba(74,153,121,.06))}.impact-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.4rem}.impact-strip .card{text-align:center;padding:1.25rem}.impact-strip strong{display:block;font-size:1.7rem}.profile-note{padding:1.2rem 1.35rem;border-left:4px solid var(--accent,#2e8064);background:rgba(46,128,100,.08);border-radius:.6rem}.example-card .body p{min-height:4.6em}@media(max-width:850px){.impact-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.impact-strip{grid-template-columns:1fr}.example-card .body p{min-height:auto}}


/* Imagens responsivas — atualização 2026 */
img{max-width:100%;height:auto;display:block}
.hero:before{background:linear-gradient(90deg,rgba(6,31,24,.94),rgba(6,31,24,.62) 48%,rgba(6,31,24,.22)),var(--hero) center right/contain no-repeat;background-color:#123d31}
.image-card{display:flex;flex-direction:column}
.image-card img{width:100%;height:auto;max-height:460px;object-fit:contain;object-position:center;background:#eef4f1}
.example-media{margin:0;width:100%;height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eef4f1;border-radius:18px 18px 0 0}
.example-media img{width:100%;height:100%;object-fit:contain;object-position:center;padding:.45rem}
.example-card{padding:0;overflow:hidden;display:flex;flex-direction:column}
.example-card>.body{padding:1.35rem;flex:1}
@media(max-width:820px){
 .hero{min-height:58vh}
 .hero:before{background:linear-gradient(90deg,rgba(6,31,24,.92),rgba(6,31,24,.70)),var(--hero) center/contain no-repeat;background-color:#123d31}
 .image-card img{height:auto;max-height:380px;object-fit:contain}
 .example-media{height:200px}
}
@media(max-width:520px){
 .hero{min-height:54vh}
 .hero:before{background:linear-gradient(rgba(6,31,24,.78),rgba(6,31,24,.82)),var(--hero) center top/contain no-repeat;background-color:#123d31}
 .example-media{height:180px}
 .example-media img{padding:.3rem}
}
