/* Demo di 3 giorni: palette, caratteri e interazioni della versione esistente. */
.cl-demo-section{position:relative;overflow:hidden;background:#1a2e5a;padding:5rem 0;color:#fff}
.cl-demo-container{position:relative;z-index:1}
.cl-demo-stripe{position:absolute;right:-5rem;top:3rem;width:43%;height:8rem;transform:skewY(-6deg);background:#f5821f;opacity:.12;pointer-events:none}
.cl-demo-grid{display:grid;gap:2.5rem;align-items:center}
.cl-demo-copy,.cl-demo-card{min-width:0}
.cl-demo-eyebrow{display:inline-block;margin-bottom:1.25rem;font-family:'Syne',sans-serif;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#f5821f}
.cl-demo-title{margin:0;font-family:'Syne',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.05;letter-spacing:-.025em;overflow-wrap:break-word}
.cl-demo-title>span{display:block;margin-top:.2em;color:#f5821f}
.cl-demo-description{margin:1.5rem 0 0;max-width:35rem;font-family:'DM Sans',sans-serif;font-size:1.0625rem;line-height:1.8;color:rgba(255,255,255,.76)}
.cl-demo-help{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;margin-top:1.2rem;font-family:'DM Sans',sans-serif;font-size:.875rem;font-weight:500;color:#fff;text-decoration:underline;text-decoration-color:rgba(245,130,31,.7);text-underline-offset:5px;transition:color .2s}
.cl-demo-card{position:relative;width:100%;max-width:34rem;justify-self:center;padding:1.75rem;background:#fafaf8;color:#1a2e5a;border-radius:1.5rem;border-top:5px solid #f5821f;box-shadow:0 20px 60px rgba(0,0,0,.2)}
.cl-demo-duration{display:flex;align-items:center;gap:1.1rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(26,46,90,.12)}
.cl-demo-number{flex-shrink:0;font-family:'Syne',sans-serif;font-size:clamp(4.5rem,10vw,6rem);font-weight:800;line-height:1;letter-spacing:-.06em;color:#f5821f}
.cl-demo-duration-label{font-family:'Syne',sans-serif;font-size:.8125rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.cl-demo-duration p{margin:.5rem 0 0;font-family:'DM Sans',sans-serif;font-size:.875rem;line-height:1.55;color:#64748b}
.cl-demo-steps{display:grid;gap:1.2rem;list-style:none;margin:1.5rem 0 1.75rem;padding:0}
.cl-demo-steps li{display:flex;align-items:flex-start;gap:.875rem}
.cl-demo-step-number{display:flex;align-items:center;justify-content:center;flex:0 0 2rem;height:2rem;border-radius:.5rem;background:rgba(245,130,31,.13);color:#a64b00;font-family:'Syne',sans-serif;font-size:.75rem;font-weight:800}
.cl-demo-steps strong{font-family:'Syne',sans-serif;font-size:.9375rem;font-weight:800;line-height:1.5}
.cl-demo-steps p{margin:.2rem 0 0;font-family:'DM Sans',sans-serif;font-size:.875rem;line-height:1.6;color:#64748b}
.cl-demo-cta{width:100%;min-height:56px;justify-content:center;gap:.75rem;white-space:normal;text-align:center;line-height:1.45}
.cl-demo-cta>span:last-child{flex-shrink:0;font-size:1.25rem}
.cl-demo-help:focus-visible,.cl-demo-cta:focus-visible{outline:3px solid #f5821f;outline-offset:5px}
@media(min-width:640px){.cl-demo-card{padding:2.25rem}}
@media(min-width:1024px){.cl-demo-section{padding:7rem 0}.cl-demo-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:4rem;margin-left:8.333%}.cl-demo-card{justify-self:end}.cl-demo-stripe{height:11rem;top:3.5rem}}
@media(max-width:359px){.cl-demo-card{padding:1.25rem}.cl-demo-title{font-size:1.875rem}.cl-demo-cta{padding:1rem;font-size:.875rem}.cl-demo-duration{gap:.875rem}}
@media(hover:hover) and (pointer:fine){.cl-demo-help:hover{color:#f5821f}}
@media(prefers-reduced-motion:reduce){.cl-demo-help,.cl-demo-cta{transition:none}.cl-demo-cta:hover{transform:none}}