.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{background:#fff;border:1px solid #e5e5dc;border-radius:10px;padding:17px}.metric b{font-family:Georgia,serif;display:block;font-size:29px;color:#163d32}.metric small{display:block;margin-top:5px;color:#8a9381;font-size:10px}.chart-row{display:flex;gap:14px;align-items:center;margin:20px 0 8px;font-size:12px}.chart-row span{width:90px}.chart-row progress{flex:1;accent-color:#8eaa7c;height:15px}.chart-row b{width:20px}details{font-size:11px;color:#6c7b60;border-bottom:1px solid #eff0e9;padding:8px 0 13px}.growth-chart{display:flex;gap:10px}.growth-chart>div{display:flex;flex:1;flex-direction:column;gap:9px;align-items:center}.growth-chart meter{width:100%;height:25px}.growth-chart small{font-size:9px}.growth-chart b{font-size:13px}.community-cover{height:240px;background-size:300% auto;background-repeat:no-repeat}.community-cover.panel-0{background-position:left 25%}.community-cover.panel-1{background-position:center 30%}.community-cover.panel-2{background-position:right 25%}.hero-art{background-size:cover;background-position:center}.hero-copy{background:linear-gradient(90deg,#163d32 75%,#163d3200)}@media(max-width:800px){.community-cover{height:210px}.metric-grid{grid-template-columns:repeat(2,1fr)}.chart-row{gap:8px}.hero-art{background-position:60% center}.hero{grid-template-columns:58% 42%}}

.hero-art{background-image:linear-gradient(90deg,#163d32,transparent 30%),url("/assets/atabaques.png");background-size:cover;background-position:center}.hero-art:after{content:"Atabaques · ilustração IA"}.sidebar{overflow-y:auto;scrollbar-width:thin}.side-note{margin-top:20px}
.community-cover.panel-0{background-position:left top}.community-cover.panel-1{background-position:center top}.community-cover.panel-2{background-position:right top}@media(max-width:600px){.catalog{grid-template-columns:1fr}.community-cover{height:300px}.brand strong{font-size:19px;white-space:nowrap}.brand small{display:none}.brand{gap:7px}.brand img{width:32px}.top-right{gap:8px}.top-right .btn{padding:8px}.hero{grid-template-columns:63% 37%}.hero h2{font-size:26px}.hero-copy{padding:23px 17px}}