/* Showcase visual layer. Every sales link and DEMO notice stays outside tenant styling. */
.demo-cta{font-weight:800!important;white-space:normal;text-align:center}.demo-cta svg{width:18px;flex-shrink:0}.demo-tag{display:inline-block;font-size:11px;letter-spacing:1.4px;font-weight:850;color:#1a646d;background:#e2f1f2;border-radius:30px;padding:7px 12px}.demo-bar{position:sticky;top:0;z-index:35;background:#142f48;color:#fff;min-height:58px;padding:10px 26px;display:flex;gap:14px;align-items:center;justify-content:space-between;box-shadow:0 3px 15px #17304722}.demo-bar-id{display:flex;align-items:center;gap:15px;flex-shrink:0}.demo-bar-id>b{color:#f8c761;letter-spacing:1.5px;font-size:12px}.demo-bar-id>span{font-size:12px}.demo-bar-actions{display:flex;flex-wrap:wrap;gap:6px}.demo-bar .btn{background:#23425c;color:#fff;border-color:#4f677b;font-size:12px;padding:8px 10px}.demo-bar .demo-buy{background:#f7c354!important;color:#152f44!important;border-color:#f7c354}.demo-bar+.topbar{position:relative;top:auto}.demo-feature{display:flex;gap:22px;align-items:center;justify-content:space-between;padding:18px 20px;border:1px solid #d6e6ec;border-left:4px solid #dda329;border-radius:14px;background:#fffdf6;margin:0 0 24px;font-size:13px;color:#304c61}.demo-feature>div{max-width:950px}.demo-feature p{margin:6px 0;line-height:1.55}.demo-feature strong{font-size:12px;text-transform:uppercase;color:#146d77}.demo-feature .btn{flex-shrink:0;max-width:205px}.demo-feature .demo-tag{font-size:10px;padding:4px 9px;background:#fcf1d5;color:#775a21}.demo-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.demo-compare section{padding:22px;background:#f3f7fa;border-radius:15px;border:1px solid #d9e5ed}.demo-compare section:last-child{background:#eef8f3;border-color:#c9e3d5}.demo-locked-field{opacity:.65}.demo-locked-field:after{content:'Campo fisso nella demo';font-size:11px;color:#667987}.demo-email{border:1px solid #d9e6ef;border-radius:16px;overflow:hidden;max-width:650px;margin:0 auto 25px}.demo-email header{display:block;background:var(--primary);color:white;padding:24px}.demo-email main{padding:26px}.demo-email p{margin:15px 0}.owner-app{width:min(1100px,94%);margin:35px auto}.owner-app>.card{margin:20px 0}.owner-brand{font-size:30px;font-weight:900;color:#176f79;display:flex;align-items:center;gap:7px;margin:25px 0}.owner-brand small{font-size:16px;color:#213e56;margin-left:12px}.owner-app input{display:block;padding:12px;margin:12px 0;border-radius:10px;border:1px solid #b5cbd6;width:100%}.owner-app input[type=checkbox]{display:inline;width:auto}.owner-app code{display:block;background:#eef4f7;padding:15px;overflow-wrap:anywhere}.owner-app details{padding:20px;border:1px solid #e4c3ba;border-radius:12px;margin-top:22px}.owner-app #owner-notice{color:#146d77;font-weight:700;margin-top:16px}.demo-landing{background:linear-gradient(160deg,#f7fafc,#edf5f6);min-height:100vh}.demo-landing-header{width:min(1320px,92%);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 0;gap:20px}.demo-logotype{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:22px;font-weight:850;color:#19364e}.demo-logotype>span{width:52px;height:52px;display:grid;place-items:center;background:#156f79;border-radius:16px;color:white;font-size:34px}.demo-logotype small{display:block;font-size:10px;letter-spacing:1.5px;margin-top:4px;color:#688598}.demo-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;width:min(1240px,90%);margin:50px auto 65px;align-items:center}.demo-hero h1{font-size:clamp(38px,4vw,60px);font-weight:900;line-height:1.09;letter-spacing:-2px;margin:24px 0}.demo-hero em{font-style:normal;color:#157683}.demo-lead{font-size:19px;line-height:1.65;color:#527084;max-width:610px}.demo-start-box{margin-top:24px;background:#fff;border:1px solid #d8e4ed;border-radius:18px;padding:23px;box-shadow:0 10px 30px #173b5808}.demo-start-box .check{font-size:13px;line-height:1.5;margin-bottom:20px}.demo-start-box .btn{padding:16px}.demo-start-box p{margin-top:12px;text-align:center}.demo-preview{border:1px solid #d8e4ed;background:white;border-radius:23px;box-shadow:0 25px 80px #163a5520;overflow:hidden;transform:rotate(1deg)}.demo-window{padding:15px 18px;background:#f4f8fa;display:flex;gap:6px;align-items:center;border-bottom:1px solid #dce7ed}.demo-window>span{width:8px;height:8px;background:#91b1bd;border-radius:50%}.demo-window>b{margin-left:16px;font-size:11px;color:#486a7c}.demo-preview-body{padding:28px}.demo-mini-kpis{display:flex;justify-content:space-between;gap:12px;margin:24px 0}.demo-mini-kpis>div{border-radius:12px;background:#f0f6f8;padding:12px;flex:1}.demo-mini-kpis b{font-size:26px;color:#187c85}.demo-mini-kpis span{display:block;font-size:10px;color:#5e798b}.demo-step{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #e6eef2}.demo-step i{font-style:normal;color:#258c93;font-size:12px;font-weight:bold;border-radius:50%;background:#e7f3f3;padding:10px}.demo-step b{font-size:14px}.demo-step small{font-size:11px;display:block;color:#657f8d}.demo-step>span{margin-left:auto;color:#19886f}.demo-bars{height:92px;display:flex;align-items:flex-end;gap:12px;margin:24px 0 6px;border-bottom:1px solid #d9e8ed;padding:0 10px}.demo-bars i{flex:1;max-width:50px;background:#297f98;border-radius:5px 5px 0 0}.demo-bars i:nth-child(2n){background:#7eb6af}.demo-preview-body>small{font-size:10px;color:#668599}.demo-showcase-grid{width:min(1240px,90%);display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:60px auto}.demo-showcase-grid article{background:white;border:1px solid #d8e5ea;border-radius:18px;padding:26px}.demo-showcase-grid h3{font-size:18px;margin:18px 0 8px}.demo-showcase-grid p{font-size:14px;color:#5d798a}.demo-bottom{width:min(1240px,90%);margin:30px auto;background:#173b55;color:#fff;padding:40px;border-radius:22px;display:grid;grid-template-columns:1fr auto;gap:12px 35px;align-items:center}.demo-bottom h2{font-size:27px;grid-column:1}.demo-bottom p{grid-column:1;color:#cfdee8;max-width:780px}.demo-bottom .btn{grid-column:2;grid-row:1/3;background:#f5bf52;color:#173247;border:0}.demo-landing>footer{text-align:center;padding:25px;color:#6a8495;font-size:12px}.modal .demo-feature{margin-top:15px}.pdf-stage canvas{max-width:none}.topbar .brandmark{max-width:60vw}.owner-app .kpis{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.demo-bar{padding:8px 12px;gap:8px;flex-wrap:wrap}.demo-hero{gap:30px}.demo-feature{flex-direction:column;align-items:stretch}.demo-feature .btn{max-width:none;align-self:flex-start}.demo-showcase-grid{grid-template-columns:repeat(2,1fr)}.demo-bottom{display:block}.demo-bottom .btn{margin-top:20px}.topbar{padding:12px!important}.demo-hero h1{letter-spacing:-1px}.owner-app .kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.demo-bar{position:relative;padding:10px;flex-direction:column;align-items:stretch}.demo-bar-id{justify-content:space-between}.demo-bar-actions{display:grid;grid-template-columns:repeat(4,1fr)}.demo-bar-actions .demo-cta{grid-column:1/-1}.demo-bar .btn{min-height:40px;font-size:11px;padding:6px}.demo-bar-actions>.btn:first-child:nth-last-child(2){grid-column:1/-1}.demo-feature{padding:14px;font-size:12px;margin-bottom:18px;gap:7px}.demo-compare{grid-template-columns:1fr}.demo-landing-header{padding:18px 0;align-items:flex-start}.demo-landing-header>.demo-cta{max-width:145px;font-size:11px;padding:10px}.demo-logotype{font-size:16px;gap:8px}.demo-logotype>span{width:38px;height:38px;font-size:25px;border-radius:11px}.demo-logotype small{font-size:8px;letter-spacing:.4px}.demo-hero{grid-template-columns:1fr;margin-top:28px;gap:28px}.demo-hero h1{font-size:39px;line-height:1.13}.demo-lead{font-size:16px}.demo-start-box{padding:18px}.demo-preview{transform:none}.demo-showcase-grid{grid-template-columns:1fr;margin:30px auto;gap:12px}.demo-showcase-grid article{padding:20px}.demo-bottom{padding:25px}.demo-bottom h2{font-size:23px}.demo-preview-body{padding:23px}.brand-identity{font-size:15px}.topbar .brandmark{max-width:65vw}.topbar .brand-identity small{white-space:normal;font-size:10px}.owner-app{margin-top:15px}.owner-brand{font-size:24px}.owner-brand small{font-size:13px}.owner-app .kpis{grid-template-columns:1fr 1fr}.owner-app .kpi .value{font-size:24px}.modal footer .demo-cta{width:100%}.modal-body .demo-compare section{padding:15px}}
@media print{.demo-bar{position:static}.demo-bar-actions{display:none}body:before{content:'DEMO - NON UTILIZZABILE COME EVIDENZA FORMATIVA';display:block;font-weight:bold;font-size:14px}.demo-feature{break-inside:avoid}.demo-feature .btn{display:none}}

.demo-feature-details{width:100%}.demo-feature-details>summary{font-weight:750;color:#71571c;cursor:pointer;padding:2px 0}.demo-feature-content{display:flex;gap:20px;justify-content:space-between;align-items:center}.demo-feature-content>div{flex:1}.demo-feature-details:not([open])>summary{margin:0}@media(min-width:651px){.demo-feature-details>summary{display:none}}@media(max-width:650px){.demo-feature-content{display:block;margin-top:15px}.demo-feature{padding:12px 14px}.demo-feature-content .btn{margin-top:8px}.pdf-tools{position:sticky;top:0;z-index:9;background:#f4f8fa;padding:8px;border-radius:12px}}