.opero-site .opero-proof{padding:76px 0 64px;background:#fff;color:#183644;font-family:inherit}
.opero-site .opero-proof *{box-sizing:border-box}
.opero-site .opero-proof [hidden]{display:none!important}
.opero-site .opero-proof-heading{max-width:900px;margin:0 0 32px}
.opero-site .opero-proof-eyebrow{display:block;margin-bottom:15px;font-size:12px;font-weight:760;letter-spacing:.1em;color:#007db3}
.opero-site .opero-proof-heading h2{margin:0 0 17px;font-size:clamp(30px,3.4vw,46px);line-height:1.12;letter-spacing:-.04em;font-weight:760;color:#183644}
.opero-site .opero-proof-heading h2 span{color:#007db3}
.opero-site .opero-proof-heading>p{max-width:720px;margin:0;font-size:18px;line-height:1.6;color:#536875}
.opero-site .opero-proof-demo{overflow:hidden;border:1px solid #cfdfe8;border-radius:18px;background:#fff;box-shadow:0 14px 40px rgba(27,67,85,.045)}
.opero-site .opero-proof-context{display:flex;align-items:center;gap:13px;padding:21px 26px;border-bottom:1px solid #dce7ed;background:#fff}
.opero-site .opero-proof-context-icon{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;color:#007db3;background:#eef7fb}
.opero-site .opero-proof-context-icon svg{width:24px;height:24px}
.opero-site .opero-proof-context>div{display:grid;gap:3px}
.opero-site .opero-proof-context strong{font-size:17px;font-weight:750}
.opero-site .opero-proof-context>div>span{font-size:14px;line-height:1.4;color:#536875}
.opero-site .opero-proof-context-label{margin-left:auto;font-size:14px;color:#536875;text-align:right}
.opero-site .opero-proof-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px 26px 0}
.opero-site .opero-proof-controls button{display:flex;align-items:center;gap:11px;min-height:58px;padding:12px 18px;border:1px solid #cfdfe8;border-radius:12px;background:#fff;color:#466474;font:inherit;cursor:pointer;text-align:left}
.opero-site .opero-proof-controls button>span:first-child{font-size:14px;font-weight:650}
.opero-site .opero-proof-controls button strong{font-size:16px;font-weight:730}
.opero-site .opero-proof-controls button:hover{background:#f2f8fb;border-color:#86b8ce}
.opero-site .opero-proof-controls button[aria-selected=true]{background:#eaf6fc;border-color:#007db3;color:#005f8b;box-shadow:inset 0 -2px 0 #007db3}
.opero-site .opero-proof-control-arrow{margin-left:auto;font-size:20px}
.opero-site .opero-proof button:focus-visible,.opero-site .opero-proof a:focus-visible,.opero-site .opero-proof-panel:focus-visible{outline:3px solid #007db3;outline-offset:4px}
.opero-site .opero-proof-panel{display:grid;grid-template-columns:1.24fr 1fr;gap:40px;align-items:center;padding:30px 32px 34px;min-width:0}
.opero-site .opero-proof-panel+.opero-proof-panel{border-top:1px solid #dce7ed}
.opero-site .opero-proof.is-enhanced .opero-proof-panel{border:0}
.opero-site .opero-proof-screen-stage{display:flex;align-items:center;justify-content:center;min-height:490px;min-width:0;padding:24px 22px;background:#f0f7fa;border:1px solid #e1edf2;border-radius:16px}
.opero-site .opero-proof-copy{padding-right:8px}
.opero-site .opero-proof-step-label{display:block;margin-bottom:17px;font-size:14px;font-weight:730;color:#007db3}
.opero-site .opero-proof-copy h3{margin:0 0 18px;font-size:clamp(25px,2.4vw,32px);line-height:1.16;letter-spacing:-.035em;font-weight:750;color:#183644}
.opero-site .opero-proof-copy>p{margin:0;font-size:16px;line-height:1.75;color:#536875}
.opero-site .opero-proof-benefit{display:flex;gap:12px;margin-top:25px;padding-top:22px;border-top:1px solid #dce7ed;color:#183644}
.opero-site .opero-proof-benefit svg{width:22px;height:22px;flex-shrink:0;color:#007db3}
.opero-site .opero-proof-benefit strong{font-size:16px;line-height:1.6;font-weight:680}
.opero-site .opero-proof-caption{display:flex;justify-content:space-between;gap:20px;padding:15px 26px;background:#f9fbfc;border-top:1px solid #e1eaf0;font-size:12px;line-height:1.5;color:#617885}
.opero-site .opero-proof-after{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}
.opero-site .opero-proof-after p{margin:0;font-size:16px;line-height:1.6;color:#536875}
.opero-site .opero-proof-after a{display:inline-flex;align-items:center;gap:15px;min-height:44px;color:#007db3;font-size:16px;font-weight:730;text-decoration:none}
.opero-site .opero-proof-after a:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:761px){.opero-site .opero-proof.is-enhanced .opero-proof-panel{min-height:570px}}
@media(max-width:980px){.opero-site .opero-proof-panel{gap:25px;padding:25px}.opero-site .opero-proof-screen-stage{padding:18px 12px}.opero-site .opero-proof-context-label{max-width:190px}.opero-site .opero-proof-screenbody{padding:19px 15px}}
@media(max-width:760px){.opero-site .opero-proof{padding:50px 0 40px}.opero-site .opero-proof-heading{margin-bottom:25px}.opero-site .opero-proof-heading>p{font-size:16px}.opero-site .opero-proof-heading h2 br{display:none}.opero-site .opero-proof-heading h2 span{display:block;margin-top:4px}.opero-site .opero-proof-context{padding:17px 18px}.opero-site .opero-proof-context-label{display:none}.opero-site .opero-proof-controls{gap:7px;padding:14px 13px 0}.opero-site .opero-proof-controls button{min-height:67px;padding:9px 8px;display:grid;gap:3px}.opero-site .opero-proof-controls button>span:first-child{font-size:12px}.opero-site .opero-proof-controls button strong{font-size:14px}.opero-site .opero-proof-control-arrow{display:none}.opero-site .opero-proof-panel{grid-template-columns:minmax(0,1fr);gap:23px;padding:20px 14px 26px}.opero-site .opero-proof-copy{padding:0 6px}.opero-site .opero-proof-copy h3{font-size:27px}.opero-site .opero-proof-step-label{margin-bottom:12px}.opero-site .opero-proof-screen-stage{min-height:0;padding:20px 10px}.opero-site .opero-proof-phone{width:290px}.opero-site .opero-proof-benefit{margin-top:20px;padding-top:17px}.opero-site .opero-proof-caption{display:grid;gap:4px;padding:13px 18px}.opero-site .opero-proof-after{display:block;margin-top:20px}.opero-site .opero-proof-after a{margin-top:12px}}
@media(max-width:380px){.opero-site .opero-proof-screen-stage{padding:15px 7px}.opero-site .opero-proof-screenbody{padding:16px 12px}.opero-site .opero-proof-screenbar{padding:12px}.opero-site .opero-proof-screenbar>span:last-child{font-size:12px}.opero-site .opero-proof-screen-tabs{gap:11px;font-size:12px}.opero-site .opero-proof-invoice-row{gap:9px}.opero-site .opero-proof-invoice-total{padding:13px 9px;gap:8px}.opero-site .opero-proof-invoice-total>strong{font-size:18px}.opero-site .opero-proof-report-head{align-items:flex-start}.opero-site .opero-proof-report-head>div>strong{line-height:1.4}.opero-site .opero-proof-context>div>span{font-size:13px}}
@media(prefers-reduced-motion:reduce){.opero-site .opero-proof *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Exact reference canvases from Come funziona, including their original SVG icons. */
.opero-site .opero-proof{scroll-margin-top:100px}
.opero-site .opero-proof-reference-logo{width:88px;height:auto;flex:0 0 auto;margin-right:8px}
.opero-site .opero-proof .opero-proof-reference-panel{display:flex;flex-direction:column;align-items:stretch;gap:24px;min-height:0}
.opero-site .opero-proof-reference-panel .opero-proof-copy{max-width:900px;padding:0}
.opero-site .opero-proof-reference-panel .opero-proof-copy h3{font-size:28px;margin-bottom:12px}
.opero-site .opero-proof-reference-panel .opero-proof-step-label{margin-bottom:10px}
.opero-site .opero-proof-reference-panel .opero-proof-benefit{margin-top:16px;padding:0 0 0 12px;border-top:0;border-left:3px solid #00a3e0}
.opero-site .opero-proof-reference-panel .opero-proof-reference-stage{display:block;min-height:0;padding:16px;border-radius:14px;background:#f2f5f7}
.opero-site .opero-proof-reference-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:13px;color:#536875}
.opero-site .opero-proof-reference-tools button{min-height:44px;padding:8px 14px;border:1px solid #b5cddd;border-radius:9px;background:#fff;font:650 14px/1.4 var(--font-inter),system-ui,sans-serif;color:#326c87;cursor:pointer}
.opero-site .opero-proof-reference-viewport{position:relative;width:100%;max-height:650px;overflow:auto;background:#f4f6f8;border:1px solid #d9e3e9;border-radius:12px;overscroll-behavior:contain;scrollbar-color:#91abba #eaf0f4}
.opero-site .opero-proof-reference-viewport.is-phone{max-width:390px;margin-inline:auto}
.opero-site .opero-proof-reference-canvas{transform-origin:top left;transform:scale(var(--reference-scale,1));font-family:var(--font-inter),system-ui,sans-serif}
.opero-site .opero-proof-reference-sized{position:relative}
.opero-site .opero-proof-reference-viewport[data-fitted=true]{max-height:none;overflow:hidden}
.opero-site .opero-proof-reference-viewport[data-zoomed=true]{height:min(65svh,650px)!important;overflow:auto}
.opero-site .opero-proof-reference-viewport:focus-visible{outline:3px solid #007db3;outline-offset:4px}
.opero-site .opero-proof-reference-panel.is-phone{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}
.opero-site .opero-proof-reference-panel.is-phone .opero-proof-reference-stage{max-width:450px;width:100%;justify-self:end}
@media(max-width:760px){
 .opero-site .opero-proof-reference-logo{width:72px;margin-right:0}
 .opero-site .opero-proof-reference-panel.is-phone{display:flex;gap:24px}
 .opero-site .opero-proof-reference-panel .opero-proof-copy h3{font-size:26px}
 .opero-site .opero-proof-reference-panel .opero-proof-reference-stage{padding:10px}
 .opero-site .opero-proof-reference-tools{align-items:flex-start;font-size:12px;gap:8px}
 .opero-site .opero-proof-reference-tools>span{align-self:center}
 .opero-site .opero-proof-reference-tools button{padding-inline:10px;font-size:13px;flex-shrink:0}
}