.demo-workspace-badge{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:4px 9px;border:1px solid rgba(248,192,80,.55);border-radius:999px;background:rgba(248,192,80,.15);color:#fff4cf;font-size:11px;font-weight:800;letter-spacing:.06em}.demo-showcase-heading{align-items:flex-start}.demo-showcase-heading .hero-actions{align-items:center}.demo-showcase-notice{display:flex;align-items:flex-start;gap:12px;padding:15px 17px;margin-bottom:18px;border:1px solid #e7cf8b;border-radius:14px;background:#fff8df;color:#554813}.demo-showcase-notice>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#f8c050;font-weight:900}.demo-showcase-notice strong{display:block;margin-bottom:3px}.demo-showcase-notice p{margin:0;font-size:13px;line-height:1.5}.demo-showcase-status{padding:22px;border:1px dashed #b9c0a7;border-radius:16px;background:rgba(255,255,255,.58);color:#616a61;text-align:center}.demo-showcase-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.demo-showcase-stat{position:relative;overflow:hidden}.demo-showcase-stat:after{content:"";position:absolute;right:-22px;bottom:-28px;width:88px;height:88px;border-radius:50%;background:rgba(120,128,72,.08)}.demo-showcase-stat strong{font-size:30px}.demo-showcase-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px;margin-bottom:20px}.demo-showcase-intro article{padding:22px}.demo-showcase-intro h2{margin:4px 0 8px;font-size:22px}.demo-showcase-intro p{margin:0;color:#657068;line-height:1.6}.demo-showcase-steps{display:grid;gap:11px;margin-top:18px}.demo-showcase-step{display:grid;grid-template-columns:30px 1fr;gap:11px;align-items:start}.demo-showcase-step>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#eef1df;color:#5f6b37;font-size:12px;font-weight:900}.demo-showcase-step strong{display:block;font-size:13px}.demo-showcase-step small{display:block;margin-top:2px;color:#6b756e;line-height:1.45}.demo-showcase-safety{background:linear-gradient(145deg,#2d3526,#455238);color:white}.demo-showcase-safety p,.demo-showcase-safety small{color:#d9e0d4}.demo-showcase-safety ul{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}.demo-showcase-safety li{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.5}.demo-showcase-safety li:before{content:"✓";color:#f8c050;font-weight:900}.demo-showcase-section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:28px 0 14px}.demo-showcase-section-heading h2{margin:2px 0 0}.demo-showcase-section-heading p{margin:0;color:#646d67;font-size:13px}.demo-showcase-domains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.demo-domain-card{display:grid;grid-template-columns:45px 1fr auto;gap:14px;align-items:center;padding:17px}.demo-domain-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#eef1df;color:#63703b;font-size:21px}.demo-domain-card small{color:#8b927f;font-size:11px;font-weight:800;letter-spacing:.1em}.demo-domain-card h3{margin:3px 0 5px;font-size:15px}.demo-domain-card p{margin:0;color:#727a74;font-size:12px}.demo-domain-card p strong{color:#2c352e}.demo-domain-card .btn{white-space:nowrap}.demo-showcase-placeholder{grid-column:1/-1;display:grid;place-items:center;min-height:220px;padding:30px;border:1px dashed #c7ccb8;border-radius:18px;text-align:center}.demo-showcase-placeholder>span{font-size:35px;color:#7a8748}.demo-showcase-placeholder strong{margin-top:10px}.demo-showcase-placeholder p{max-width:520px;color:#666d67}.demo-showcase-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:18px;padding:14px 16px;border-radius:12px;background:#f3f0e8;color:#676e67;font-size:12px}.demo-showcase-footer strong{color:#3f4941}.demo-showcase-prepared{display:inline-flex;align-items:center;gap:6px;color:#4d6f49;font-weight:800}.demo-showcase-prepared:before{content:"●";font-size:11px}@media(max-width:900px){.demo-showcase-stats,.demo-showcase-domains{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-showcase-intro{grid-template-columns:1fr}}@media(max-width:620px){.demo-showcase-heading .hero-actions{width:100%;align-items:stretch}.demo-showcase-heading .hero-actions .btn{width:100%}.demo-showcase-stats,.demo-showcase-domains{grid-template-columns:1fr}.demo-domain-card{grid-template-columns:42px 1fr}.demo-domain-card .btn{grid-column:1/-1;width:100%}.demo-showcase-section-heading,.demo-showcase-footer{align-items:flex-start;flex-direction:column}}