.report-demo{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;border:1px solid #b794f44d;border-radius:22px;padding:26px;background:linear-gradient(145deg,#36204b,#211c3d 55%,#18323b);color:#ece9f7;transform:none!important}.report-demo-main{min-width:0}.report-demo .report-kicker{font-size:10px;letter-spacing:1.4px;color:#e1bef7;margin:0 0 8px}.report-demo .report-sample{font-size:11px;color:#a9a3c4;margin:0 0 14px}.report-demo h2{font-size:21px;line-height:1.45;margin:0 0 22px}.report-demo section{padding:0!important;margin:18px 0!important;border:0!important}.report-demo h3{font-size:12px;color:#6ee7ff;margin:0 0 6px}.report-demo p{font-size:13px;line-height:1.75;color:#d4cde7;margin:0}.report-demo .report-disclaimer{font-size:10px;color:#a9a3c4;margin:22px 0 0}.report-demo-side{border-left:1px solid #ffffff1a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:20px;text-align:center;min-width:0}.report-demo-side>p{font-size:11px;color:#a9a3c4}.report-number{font-size:52px;font-weight:700;letter-spacing:-3px;line-height:1.3;color:#6ee7ff;white-space:nowrap}.report-number small{font-size:13px;letter-spacing:0;margin-left:4px;color:#a9a3c4}.report-meter{width:100%;height:5px;border-radius:99px;background:#ffffff17;margin:12px 0 28px;overflow:hidden}.report-meter span{display:block;height:100%;background:linear-gradient(90deg,#ff7ad9,#6ee7ff)}.report-demo-side .btn{font-size:11px;padding:10px 12px;white-space:normal;text-align:center}.report-caption{margin-top:12px!important}.report-qr{width:128px;height:128px;max-width:100%;object-fit:contain;border-radius:8px;margin-top:16px;background:#fff}.report-qr-status{font-size:11px!important;margin-top:10px!important}.report-demo-preview .report-demo-side{justify-content:flex-start;padding-top:15px}.report-demo-preview{margin:0}.language-toggle{background:#ffffff08!important;border:1px solid #ffffff21!important;color:#a9a3c4!important;padding:6px 10px!important;font-size:12px!important;white-space:nowrap;min-height:32px}.language-toggle .active{color:#ece9f7}.share-destination{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.share-output-note{font-size:13px;color:#a9a3c4}.share-main-image{max-width:100%;border-radius:14px}.platform-steps{font-size:13px;color:#a9a3c4;padding-left:20px}
@media(max-width:1100px){.hero .report-demo{grid-template-columns:minmax(0,1fr) 115px;padding:22px;gap:16px}.hero .report-demo-side{padding-left:16px}.report-number{font-size:46px}}
@media(max-width:600px){.report-demo{grid-template-columns:minmax(0,1fr) 110px;padding:20px;gap:14px}.report-demo-side{padding-left:14px}.report-demo h2{font-size:18px}.report-demo p{font-size:12px}.report-demo h3{font-size:11px}.report-number{font-size:42px}.report-qr{width:96px;height:96px}.site-nav{flex-wrap:wrap;gap:10px}.site-nav nav{margin-left:auto}.site-nav .language-toggle{padding:5px 8px!important;font-size:11px!important}}

.share-link-cover{display:block;width:100%;height:auto;border-radius:14px;margin-bottom:18px}.image-tile .actions{flex-wrap:wrap}.image-tile .actions button{flex:1 1 auto}.image-tile>img{width:100%;height:auto}.share-link-cover+a{overflow-wrap:anywhere}
.image-tile .actions button{width:auto;flex:1 1 180px}

.report-exact-preview{display:block;width:100%;height:auto;border-radius:18px}.report-image-tile{min-width:0;margin:0 0 18px}.report-image-tile .image-status:empty{display:none}.report-image-tile .actions{gap:8px}.report-image-tile .actions button{flex:1 1 150px;font-size:13px}.preview-images .report-exact-preview{width:100%;border:0}.preview-images{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}