/* Shared presentation refinements; individual journeys own their state/layout. */
.opero-site{--muted:#586873}
.opero-site .hero-copy>p,.opero-site .lead,.opero-site .page-hero p,.opero-site .fn-summary{color:#53646d}
.opero-site .hero-actions .btn-primary,.opero-site .nav-actions .btn-primary{background:#377d9d;color:#fff;border-color:#377d9d}
.opero-site .hero-note{font-size:13px;color:#52636d}
.opero-site .hero-marker:after{opacity:.55}
.opero-site .demo-scope{max-width:720px;font-size:14px;line-height:1.65;border-left:3px solid #83b7cd;padding:10px 16px;background:#f0f7fa;border-radius:0 10px 10px 0}
.opero-site .demo-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.opero-site .demo-choice{display:flex;flex-direction:column;align-items:flex-start;padding:24px;background:#f5f9fb;border:1px solid #dce7ec;border-radius:18px;text-decoration:none;color:#263e4a;transition:background .15s,border-color .15s}
.opero-site .demo-choice:hover{background:#e8f3f8;border-color:#76a9bf}
.opero-site .demo-choice>span{font-size:13px;color:#486b7c}
.opero-site .demo-choice h2{font-size:22px;line-height:1.2;margin:20px 0 12px}
.opero-site .demo-choice p{font-size:15px;line-height:1.5;color:#526670;flex:1}
.opero-site .demo-choice strong{font-size:14px;padding-top:12px;color:#326c88}
.opero-site .contact-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px;background:#eef6fa;border-radius:20px;margin:20px 0;scroll-margin-top:110px}
.opero-site .contact-panel h2{font-size:28px;line-height:1.25;margin:16px 0}
.opero-site .contact-panel p{max-width:680px;line-height:1.7;color:#4d626e}
.opero-site .contact-actions{display:flex;flex-direction:column;gap:12px;min-width:0}
.opero-site .contact-actions a{overflow-wrap:anywhere;white-space:normal}
.opero-site #riepilogo,.opero-site [data-demo-result],.opero-site #demo-result-title{scroll-margin-top:120px}
.opero-site .demo-selected-plan{white-space:pre-line;font-size:15px;line-height:1.8;border:1px solid #abc9d8;background:#eff7fb;padding:22px;border-radius:14px;color:#294b5d}
.opero-site .commercial-notice{border:1px solid #cfdee6;background:#f4f8fa;padding:22px 26px;border-radius:16px;margin:0 0 28px;line-height:1.65;color:#405763}
.opero-site .commercial-notice p{margin:8px 0 14px;max-width:850px}
.opero-site .commercial-notice summary{cursor:pointer;font-weight:700;color:#2d627c;padding:8px 0}
.opero-site .commercial-notice li{margin:8px 0}
.opero-site .price-card,.opero-site .price-card.featured{align-self:start}
.opero-site .price-summary{display:grid;gap:6px;padding:16px 0;border-top:1px solid #c8d7df;margin:16px 0 12px;font-size:13px;line-height:1.5}
.opero-site .price-summary strong{font-size:19px;font-weight:750}
.opero-site .price-card.featured .price-summary{border-color:#5a6972}
.opero-site .users-choices{padding:14px!important}
.opero-site .users-choices>label{font-size:13px;line-height:1.6}
.opero-site .users-stepper{display:grid;grid-template-columns:44px minmax(60px,1fr) 44px;gap:8px;margin:12px 0}
.opero-site .users-stepper button,.opero-site .users-stepper input{height:44px;border-radius:8px;border:1px solid #9ab6c6;background:white;color:#244758;font:700 18px system-ui;text-align:center;min-width:0;width:100%;box-sizing:border-box}
.opero-site .users-stepper button{cursor:pointer}
.opero-site .users-rate{font-size:12px!important;color:#455c68!important}
.opero-site .price-card.featured .users-rate{color:#cadce4!important}
.opero-site .space-choices{gap:5px}
.opero-site .space-choice{padding:10px 12px}
.opero-site .comparison-scroll{overflow-x:auto;border:1px solid #d9e4eb;border-radius:16px;margin:24px 0}
.opero-site .plan-comparison{width:100%;min-width:660px;border-collapse:collapse;text-align:left;font-size:15px;line-height:1.5}
.opero-site .plan-comparison caption{text-align:left;padding:16px;background:#f3f8fa;color:#4d6471;font-size:13px}
.opero-site .plan-comparison th,.opero-site .plan-comparison td{padding:20px;border-top:1px solid #dce6eb;vertical-align:top}
.opero-site .plan-comparison thead th{background:#eaf4f9;color:#2c5267}
.opero-site .app-preview-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.85fr);gap:70px;align-items:start}
.opero-site .app-purpose{list-style:none;padding:0;margin:32px 0;display:grid;gap:22px}
.opero-site .app-purpose li{display:grid;gap:5px;border-left:3px solid #a4c9dc;padding-left:16px;line-height:1.5}
.opero-site .app-purpose span{color:#516672}
.opero-site .operator-demo{padding:28px;border:1px solid #ccdde6;border-radius:26px;background:linear-gradient(145deg,#f5fafc,#edf5f9);box-shadow:0 16px 42px #3159720d;scroll-margin-top:110px;min-width:0}
.opero-site .operator-demo-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.opero-site .operator-demo-top .eyebrow{font-size:10px;letter-spacing:.06em}
.opero-site .text-action{border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:#356d88;font:600 13px system-ui;cursor:pointer;padding:8px}
.opero-site .operator-demo h2{font-size:28px;margin:22px 0 18px}
.opero-site .operator-demo h3{font-size:23px;line-height:1.25;margin:16px 0 10px}
.opero-site .operator-demo p{font-size:15px;line-height:1.65;color:#49616e}
.opero-site .operator-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0;list-style:none;margin:0 0 24px}
.opero-site .operator-steps li{font-size:12px;line-height:1.5;padding:10px 6px;border-bottom:2px solid #ccdce5;text-align:center;color:#526d7c}
.opero-site .operator-steps li[aria-current]{color:#245a75;font-weight:750;border-color:#367b9c;background:#e1f0f7;border-radius:8px 8px 0 0}
.opero-site .operator-date{font-size:13px;color:#4e6b7b}
.opero-site .operator-note{background:white;border:1px solid #d6e4eb;border-radius:14px;padding:18px;margin:20px 0}
.opero-site .operator-note p{margin:8px 0 0}
.opero-site .operator-demo label{display:block;font-size:14px;font-weight:650;margin:18px 0 7px}
.opero-site .operator-demo input,.opero-site .operator-demo textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;border:1px solid #abc2cf;border-radius:9px;background:white;color:#283e4b;padding:12px;font:16px/1.5 system-ui}
.opero-site .operator-actions{display:flex;flex-wrap:wrap;gap:10px}
.opero-site .operator-actions .btn{padding:12px 14px;font-size:13px}
.opero-site .operator-status{font-size:13px!important;margin:24px 0 0;border-top:1px solid #c8dce6;padding-top:15px}
.opero-site .result-badge{display:inline-block;color:#24694d;background:#e3f4eb;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:700}
.opero-site .operator-result{display:grid;grid-template-columns:1fr 1.3fr;gap:0;line-height:1.65;font-size:14px}
.opero-site .operator-result dt,.opero-site .operator-result dd{padding:12px 0;border-bottom:1px solid #d3e0e7;margin:0;overflow-wrap:anywhere}
.opero-site .operator-result dt{color:#4b6573}
.opero-site .operator-result dd{font-weight:650}
.opero-site .app-practical{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}
.opero-site .app-practical article{border-top:2px solid #8bb6cc;padding-top:18px}
.opero-site .app-practical h3{font-size:20px}
.opero-site .app-practical p{font-size:15px;line-height:1.7;color:#4c626f}
@media(max-width:1000px){.opero-site .demo-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.opero-site .app-preview-layout{gap:30px;grid-template-columns:1fr 1fr}}
@media(max-width:730px){.opero-site .app-preview-layout{grid-template-columns:1fr}.opero-site .contact-panel{display:block;padding:22px}.opero-site .contact-actions{margin-top:20px}.opero-site .app-practical{grid-template-columns:1fr}.opero-site .operator-demo{padding:22px 18px}.opero-site .commercial-notice{padding:18px}.opero-site .price-summary{position:relative}.opero-site .operator-demo-top .eyebrow{padding:7px 9px}}
@media(max-width:420px){.opero-site .demo-choice-grid{grid-template-columns:1fr}.opero-site .demo-choice{padding:22px}.opero-site .demo-choice h2{margin-top:12px}.opero-site .operator-demo-top{align-items:flex-start}.opero-site .operator-demo h2{font-size:25px}.opero-site .operator-steps li{font-size:11px}.opero-site .operator-demo .btn{white-space:normal}}