.result-filters{display:flex;gap:7px;overflow:auto;margin:0 0 22px;padding-bottom:5px}.result-filters button{white-space:nowrap;border:1px solid #d8e3db;background:#fff;border-radius:20px;padding:8px 13px;font-size:10px}.result-filters button.active{background:#06452a;color:#fff;border-color:#06452a}.logo-showcase{margin-top:18px}.variation-title{display:flex;align-items:center;justify-content:space-between;margin:25px 0 12px}.variation-title b,.variation-title span{display:block}.variation-title b{font-size:11px;color:#07853a}.variation-title span{font-size:11px;color:#718078;margin-top:4px}.variation-title button{border:0;border-radius:7px;background:#07953b;color:#fff;padding:11px 15px;font-weight:800;font-size:10px}.variation-strip{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.variation-strip article{background:#fff;border:1px solid #dde6df;border-radius:9px;padding:10px;text-align:center}.variation-strip article>div{height:95px;display:grid;place-items:center}.variation-strip svg{width:100%;height:100%}.variation-strip .square svg{max-width:100px}.variation-strip .dark{background:#0b1710;color:#fff}.variation-strip small{font-size:8px}.mockup-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:9px;margin-top:9px}.mockup-grid article{min-height:170px;border-radius:10px;overflow:hidden}.mock-browser{border:1px solid #dbe4de;background:#eef3ef;padding:8px}.mock-browser>i{display:block;width:6px;height:6px;border-radius:50%;background:#ff806f}.mock-browser header{height:38px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:5px 10px}.mock-browser header span{width:95px;height:27px}.mock-browser svg{width:100%;height:100%}.mock-browser nav{font-size:6px}.mock-browser main{height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center}.mock-browser main b{font-size:19px}.mock-browser main small{font-size:7px}.mock-card{background:#0a3e27;color:#fff;padding:22px}.mock-card>span{display:block;width:130px;height:65px}.mock-card svg{width:100%;height:100%}.mock-card>b,.mock-card>small{display:block}.mock-card>b{margin-top:17px}.mock-card>small{font-size:7px;color:#9bc7ac}.mock-social{background:linear-gradient(145deg,#e4eee7,#fff);display:grid;place-items:center;padding:18px}.mock-social>span{width:85px;height:85px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden}.mock-social svg{width:120px}.mock-social>b{font-size:11px}.mock-social small{font-size:7px}@media(max-width:700px){.variation-title{display:block}.variation-title button{width:100%;margin-top:12px}.variation-strip{grid-template-columns:1fr 1fr}.variation-strip .wide{grid-column:1/-1}.mockup-grid{grid-template-columns:1fr}.mockup-grid article{min-height:150px}}