.report-section,.backoffice-preview{margin:70px 0}.preview-intro{text-align:center;color:var(--text-muted);font-size:16px;line-height:1.7;max-width:780px;margin:24px auto 36px}.public-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.public-preview-grid figure{margin:0;padding:24px;border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.public-preview-grid h2{font-size:19px;line-height:1.4;color:var(--navy);margin:0 0 20px}.public-preview-grid img{display:block;width:100%;height:auto}.public-preview-grid figcaption{font-size:14px;color:var(--text-muted);line-height:1.6;margin-top:20px}.report-section .public-preview-grid img{max-height:620px;width:auto;max-width:100%;margin:auto}.backoffice-grid{align-items:start}.protocol-invitation{padding:36px;margin:0 0 60px;background:#effaf7;border:1px solid #bce9de;border-radius:12px}.protocol-invitation h2{font-size:24px;color:var(--navy);margin:0 0 16px}.protocol-invitation p{font-size:16px;line-height:1.8;margin-bottom:24px}.protocol-invitation .btn{width:auto}.screenshot-demo{position:relative;container-type:inline-size}.screenshot-demo span{position:absolute;background:#fff;color:#172c4d;font-size:1.1cqw;line-height:1.6;padding:.5%;}.dashboard-plan{left:40%;top:24%;width:12%;height:8%}.dashboard-credits{left:84%;top:23%;width:14%;height:10%}.emission-plan{left:5%;top:20%;width:16%;height:10%}.emission-count{left:35%;top:20%;width:15%;height:10%}@media(max-width:700px){.public-preview-grid{grid-template-columns:1fr}.public-preview-grid figure{padding:18px}.protocol-invitation{padding:24px}.protocol-invitation .btn{white-space:normal}}

.report-example-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.report-example-actions a{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid var(--navy);border-radius:6px;color:var(--navy);font-size:14px;font-weight:600;text-decoration:none}.report-example-actions a:first-child{background:var(--navy);color:#fff}.report-example-actions a:hover{opacity:.8}.report-example-actions a:focus-visible{outline:3px solid #00b894;outline-offset:3px}