/* Solution art direction: spacious editorial sequence, physically lit CSS devices. */
[data-section="soluzione"] { background: #fff; }
.sj-intro {
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,76px);
  align-items:center;padding:22px 0 64px;color:#252f35;
}
.sj-intro-copy .kicker {font:700 11px/1.6 OpenSans,Arial,sans-serif;letter-spacing:.16em;color:#2e735c;margin:0 0 26px;}
.sj-intro-copy h2 {font:700 clamp(32px,3.4vw,48px)/1.15 OpenSans,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 27px;color:#252f35;}
.sj-intro-copy h2 em {font-style:normal;color:#2e735c;}
.sj-intro-copy>p:last-child {font-size:16px;line-height:1.85;color:#5d6b74;max-width:490px;margin:0;}
.sj-intro-scene {margin:0;min-width:0;}
.sj-intro-scene figcaption {font-size:11px;line-height:1.6;color:#5e737d;margin-top:14px;text-align:center;}
.sj-studio {height:440px;position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:linear-gradient(115deg,#f9fbf7 0,#c3d4d4 36%,#7e9fae 80%,#b1d5e2);box-shadow:inset 0 0 0 1px #fff8;}
.sj-studio:after {content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,#fff4,transparent 35%,transparent 75%,#082f4a13);box-shadow:inset 0 0 25px #2b64830c;z-index:10;}
.sj-studio-window {position:absolute;inset:0 40% 27% -8%;transform:skewY(-10deg);background:repeating-linear-gradient(90deg,transparent 0 31%,#fafffe 31.5% 34%,#8ea9a862 34.5% 35%),linear-gradient(105deg,#f4fff3,#dcebe5 40%,#bed7d2);box-shadow:12px 0 25px #254a6030;}
.sj-studio-window:after {content:"";position:absolute;inset:49% 0 auto;height:5px;background:#effbf2;box-shadow:0 3px 5px #254a6030;}
.sj-studio-wall {position:absolute;inset:0 0 27% 62%;background:linear-gradient(95deg,#688d9c33,#cce0e4);border-left:1px solid #ffffff7a;}
.sj-studio-desk {position:absolute;left:-20%;right:-20%;height:51%;bottom:-20%;background:linear-gradient(170deg,#f5f1e8,#c6c9c3);transform:rotate(-8deg);box-shadow:0 -1px 0 #fff,0 -30px 60px #0c36462a;}
.sj-studio-screen {position:absolute;left:8%;top:22%;width:48%;height:42%;padding:14px;border:8px solid #cbd6da;border-bottom-width:20px;border-radius:10px;background:#f8fcfd;transform:perspective(600px) rotateY(18deg) rotateZ(-5deg);box-shadow:10px 14px 22px #102e5135,inset 0 0 0 1px #657f89;}
.sj-studio-screen:after {content:"";position:absolute;top:calc(100% + 16px);left:43%;width:18%;height:40px;background:linear-gradient(90deg,#a1b0b8,#e7edeb,#9fadb5);}
.sj-studio-screen>span {display:block;font:700 10px/1 OpenSans,Arial,sans-serif;color:#17394c;margin-bottom:12px;}
.sj-studio-screen>i {display:inline-block;background:#e1f0f2;width:27%;height:22px;margin-right:4%;border-radius:3px;border-top:3px solid #31afd1;}
.sj-studio-screen>i:nth-of-type(2) {border-color:#9fbd55;}.sj-studio-screen>i:nth-of-type(3) {border-color:#367863;}
.sj-studio-screen svg {width:100%;height:auto;margin-top:6px;}
.sj-studio-phone {position:absolute;width:185px;min-height:316px;right:10%;top:17%;background:#f9fcff;border:6px solid #10222e;border-radius:27px;padding:25px 11px 14px;color:#183943;transform:perspective(900px) rotateY(-9deg) rotateZ(4deg);box-shadow:2px 1px 0 #b7c8d0,4px 2px 0 #415764,16px 22px 24px #17374654,inset 0 0 0 1px #fff;}
.sj-studio-phone:after {content:"";position:absolute;inset:0;border-radius:20px;pointer-events:none;background:linear-gradient(115deg,#fff8,transparent 32%,transparent 70%,#7cb9da0b);}
.sj-studio-camera {position:absolute;left:50%;top:5px;transform:translateX(-50%);width:51px;height:12px;border-radius:12px;background:#0a1821;}
.sj-studio-brand {font-size:10px;font-weight:700;border-bottom:1px solid #dae7ed;padding-bottom:10px;display:flex;align-items:center;gap:5px;}.sj-studio-brand>span {font-size:23px;color:#18a7cf;}
.sj-studio-progress {display:flex;gap:4px;margin:12px 0 15px;}.sj-studio-progress i {height:3px;flex:1;background:#d9e8ee;border-radius:3px;}.sj-studio-progress i:first-child {background:#22a6d3;}
.sj-studio-phone>small {font-size:6px;letter-spacing:.09em;font-weight:700;color:#298f9e;display:block;margin-bottom:7px;}
.sj-studio-phone>strong {font-size:13px;line-height:1.3;display:block;letter-spacing:-.025em;}
.sj-studio-phone>p {font-size:7px;line-height:1.6;color:#5d7681;margin:9px 0;}
.sj-studio-options {display:grid;grid-template-columns:1fr 1fr;gap:5px;}.sj-studio-options>span {font-size:7px;line-height:1.7;padding:7px;border:1px solid #dae6ed;border-radius:7px;background:#fff;}
.sj-studio-next {display:flex;justify-content:space-between;font-size:8px;font-weight:600;background:#137caa;color:#fff;padding:9px;border-radius:6px;margin-top:9px;}
.sj-studio-home {height:3px;width:50px;border-radius:4px;background:#19394a;margin:17px auto 0;}
.sj-studio-notice {position:absolute;left:5%;top:11%;width:220px;border-radius:13px;padding:12px;background:#f8fcffed;backdrop-filter:blur(8px);box-shadow:0 12px 30px #17394f38,inset 0 0 0 1px #fff;display:flex;align-items:center;gap:10px;transform:rotate(-3deg);z-index:3;}
.sj-studio-notice>span {font-size:29px;color:#129fd1;}.sj-studio-notice strong {font-size:10px;color:#183a4b;}.sj-studio-notice p {font-size:8px;color:#516a76;line-height:1.5;margin:3px 0 0;}.sj-studio-notice small {margin-left:auto;align-self:flex-start;color:#6b7a83;font-size:7px;}
.sj-studio-cup {position:absolute;bottom:8%;left:16%;width:72px;height:82px;border-radius:5px 5px 22px 22px;background:linear-gradient(90deg,#cbd8d8,#f8faf4 39%,#f2f4ed 68%,#a8bcc2);box-shadow:5px 9px 12px #31506040,inset 0 3px 2px #fff;transform:rotate(-6deg);}
.sj-studio-cup:before {content:"";position:absolute;right:-23px;top:12px;width:28px;height:40px;border:9px solid #e5eeeb;border-left:0;border-radius:0 50% 50% 0;z-index:-1;box-shadow:inset -3px 0 3px #748e9750,3px 3px 3px #748e9720;}
.sj-studio-cup>span {display:block;font-size:9px;line-height:1.4;letter-spacing:-.01em;font-weight:700;color:#44859d;margin:23px 0 0 14px;}
.sj-studio-seal {position:absolute;bottom:18px;right:18px;width:28px;height:28px;transform:rotate(12deg);display:grid;grid-template-columns:1fr 1fr;gap:5px;}.sj-studio-seal span {background:#19abd5;border-radius:50% 50% 0 50%;}.sj-studio-seal span:nth-child(even) {background:#9dbd41;transform:rotate(90deg);}
.sj-studio-phone {animation:sj-device-arrive 950ms cubic-bezier(.2,.75,.2,1) both;}
.sj-studio-notice {animation:sj-notice-arrive 750ms 220ms cubic-bezier(.2,.75,.2,1) both;}
@keyframes sj-device-arrive {from {opacity:0;translate:0 20px;} to {opacity:1;translate:0 0;}}
@keyframes sj-notice-arrive {from {opacity:0;translate:-14px 0;} to {opacity:1;translate:0 0;}}

/* Calm hierarchy follows the four-stage reference, with useful interactive mockups. */
.solution-journey {--sj-navy:#263339;--sj-ink:#263339;--sj-muted:#5d6c75;--sj-blue:#23765f;--sj-line:#d2e2e8;--sj-cyan:#17a9d2;margin-top:0;font-family:OpenSans,Arial,sans-serif;}
.solution-journey .sj-nav {gap:18px;background:#fffffff2;border:0;box-shadow:none;padding:0 0 18px;backdrop-filter:blur(12px);}
.solution-journey .sj-nav a {min-height:57px;padding:15px 0 9px;border:0;border-top:3px solid #dce7eb;gap:12px;font-size:13px;line-height:1.5;color:#29383d;font-weight:700;}
.solution-journey .sj-nav a>span {font-size:11px;color:#2d785f;font-weight:700;}
.solution-journey .sj-nav a:after {top:-3px;bottom:auto;height:3px;background:linear-gradient(90deg,#2c7962,#90b84c);}
.solution-journey .sj-nav a[aria-current=step],.solution-journey .sj-nav a:hover {background:transparent;color:#256e57;}
.solution-journey .sj-stage {min-height:580px;padding:62px 34px;gap:clamp(32px,5vw,72px);border-color:#d5e3e9;}
.solution-journey .sj-stage:nth-of-type(odd) {background:#f1f9fc;}
.solution-journey .sj-stage:nth-of-type(even) {background:#fff;}
.solution-journey .sj-track {left:0;background:#dfebec;opacity:.8;}
.solution-journey .sj-track>span {background:linear-gradient(#21a5cc,#2d7b61,#a0c24b);}
.solution-journey .sj-stage:before {border-color:#fff;top:67px;}
.solution-journey .sj-copy h3 {font-family:OpenSans,Arial,sans-serif;font-weight:700;font-size:clamp(30px,3vw,40px);line-height:1.18;letter-spacing:-.04em;margin-bottom:25px;}
.solution-journey .sj-copy>p:not(.sj-eyebrow) {font-size:15px;line-height:1.85;}
.solution-journey .sj-copy>p.sj-emphasis {color:#2b775e;font-size:13px;line-height:1.7;font-weight:700;}
.solution-journey .sj-eyebrow {font-size:12px;font-weight:700;color:#2e765e;margin-bottom:24px;}
.solution-journey .sj-number {width:34px;height:34px;background:#e5eeeb;color:#2c745f;font-size:11px;}
.solution-journey .is-current .sj-number {background:#2d775f;}
.solution-journey .sj-scene figcaption {font-size:11px;line-height:1.6;}
.solution-journey .sj-phone {width:282px;max-width:100%;padding:5px;border-radius:38px;background:linear-gradient(100deg,#b8c4c9,#26343d 7%,#0a151c 49%,#3e4c54 90%,#dce1df);transform:perspective(1100px) rotateY(-7deg) rotateZ(1.5deg);box-shadow:1px 0 0 #d9e5e8,3px 2px 0 #758892,10px 24px 27px -10px #143a5355,inset 0 0 0 1px #e5eaed;}
.solution-journey .sj-phone:before,.solution-journey .sj-phone:after {background:linear-gradient(#b8c4cb,#687a83);width:3px;left:-3px;}
.solution-journey .sj-phone,.solution-journey .sj-monitor {transition:box-shadow 650ms ease;}
.solution-journey .is-current .sj-phone {box-shadow:1px 0 0 #d9e5e8,3px 2px 0 #758892,10px 24px 27px -10px #143a5355,0 0 32px #24b4ca24,inset 0 0 0 1px #e5eaed;}
.solution-journey .sj-phone-screen {border:4px solid #091b25;border-radius:32px;background:linear-gradient(110deg,#fff,#f5fbfd);}
.solution-journey .sj-phone-content {padding:17px 16px 0;}
.solution-journey .sj-phone-status {height:30px;font-size:9px;background:#edf9fc;}
.solution-journey .sj-app-bar {font-size:12px;padding:8px 13px 12px;}
.solution-journey .sj-demo-label {font-size:8px;color:#476c7c;}
.solution-journey .sj-checkin legend {font-size:16px;line-height:1.4;}
.solution-journey .sj-checkin legend small {font-size:8px;}
.solution-journey .sj-question-help {font-size:10px;}
.solution-journey .sj-options label>span {min-height:57px;font-size:10px;padding:10px 11px;}
.solution-journey .sj-options b {font-size:11px;}
.solution-journey .sj-checkin-submit {font-size:11px;min-height:44px;background:#087fac;}
.solution-journey .sj-checkin-feedback {font-size:9px;min-height:42px;}
.solution-journey .sj-phone-footer {font-size:7px;padding:10px 9px 6px;}
.solution-journey .sj-monitor-scene {perspective:1400px;}
.solution-journey .sj-monitor {padding:11px 11px 0;border-radius:15px 15px 10px 10px;background:linear-gradient(115deg,#fafcfc,#d7dfe2 28%,#abbcc5 65%,#ecf0ef);box-shadow:1px 1px 0 #f6fbfc,3px 3px 0 #9fadb6,0 20px 30px -17px #29465165;}
.solution-journey .sj-monitor-screen {border:2px solid #8699a3;background:#fcfefe;}
.solution-journey .sj-monitor-chin {height:34px;}
.solution-journey .sj-monitor-neck {height:60px;width:90px;background:linear-gradient(90deg,#859da9,#e0e7e9 44%,#a0b4be 86%,#d9e2e5);}
.solution-journey .sj-monitor-foot {height:10px;width:180px;border-radius:70% 70% 3px 3px;background:linear-gradient(#f6faf9,#b5c4cc 80%,#8f9fa7);box-shadow:0 15px 12px -5px #203c4d38;}
.solution-journey .sj-dashboard-heading h4 {font-family:OpenSans,Arial,sans-serif;font-weight:700;font-size:16px;}
.solution-journey .sj-dashboard-body {padding:18px 15px 13px;}
.solution-journey .sj-dashboard-top {padding:9px 12px;font-size:9px;}
.solution-journey .sj-dashboard-heading small,.solution-journey .sj-dashboard-reading small {font-size:7px;}
.solution-journey .sj-dashboard-areas>span {font-size:8px;padding:9px 6px;}
.solution-journey .sj-dashboard-areas b {font-size:12px;}
.solution-journey .sj-dashboard-reading p {font-size:8px;padding:6px 0;}
.solution-journey .sj-chart-caption {font-size:8px;}
.solution-journey .sj-workspace {padding:27px;border-color:#d7e5eb;border-radius:15px;box-shadow:0 21px 40px -25px #1438473b;background:#ffffffd9;}
.solution-journey .sj-workspace-header h4 {font-family:OpenSans,Arial,sans-serif;font-weight:700;font-size:25px;letter-spacing:-.035em;}
.solution-journey .sj-role-tags {gap:7px;margin-top:24px;}
.solution-journey .sj-role-tags span {font-size:10px;font-weight:600;padding:7px 9px;}
.solution-journey .sj-plan-meta {font-size:10px;}
.solution-journey .sj-task {min-height:78px;}
.solution-journey .sj-task strong {font-size:12px;}
.solution-journey .sj-task small {font-size:10px;}
.solution-journey .sj-workspace-note p {font-size:12px;}
.solution-journey .sj-workspace-note small {font-size:9px;}
.solution-journey .sj-support-card {border:1px solid #d3e3e9;border-radius:18px;background:#fff;box-shadow:none;padding:29px 25px;gap:16px;}
.solution-journey .sj-support-icon {width:29px;height:34px;color:#2d7a60;background:transparent;}
.solution-journey .sj-support-card h4 {font-family:OpenSans,Arial,sans-serif;font-weight:700;font-size:22px;line-height:1.3;color:#2c745c;letter-spacing:-.02em;}
.solution-journey .sj-support-card p {font-size:13px;line-height:1.75;}
.solution-journey .sj-support-detail {font-size:10px;color:#3a7a62;}
.solution-journey .sj-support-connector {height:24px;}
.solution-journey .sj-loop {background:#f0f5e8;border-color:#d5e3bd;color:#2b735b;padding:30px 34px;}
.solution-journey .sj-loop strong {font-size:15px;}
.solution-journey .sj-loop p {font-size:13px;}
.solution-journey .sj-restart {font-size:12px;color:#286e58;border-color:#82aa90;}
@media(max-width:960px) {
  .sj-intro {gap:30px;padding-bottom:45px;}
  .sj-intro-copy h2 {font-size:34px;}.sj-intro-copy>p:last-child {font-size:14px;}
  .sj-studio {height:390px;}.sj-studio-phone {right:7%;width:167px;top:18%;}.sj-studio-notice {width:195px;left:5%;top:8%;}
  .sj-studio-screen {left:5%;top:29%;}.sj-studio-cup {left:13%;bottom:6%;transform:scale(.9) rotate(-6deg);}
  .solution-journey .sj-stage {padding:45px 25px;min-height:550px;gap:30px;}
  .solution-journey .sj-copy h3 {font-size:30px;}.solution-journey .sj-copy>p:not(.sj-eyebrow) {font-size:14px;}
  .solution-journey .sj-workspace {padding:22px 18px;}.solution-journey .sj-task strong {font-size:11px;}.solution-journey .sj-task small {font-size:9px;}
  .solution-journey .sj-support-card {padding:25px 19px;gap:11px;}.solution-journey .sj-support-card h4 {font-size:20px;}.solution-journey .sj-support-card p {font-size:12px;}
  .solution-journey .sj-dashboard-areas>span {font-size:7px;}.solution-journey .sj-dashboard-heading h4 {font-size:13px;}
}
@media(max-width:700px) {
  .sj-intro {grid-template-columns:1fr;padding:5px 0 35px;gap:30px;}
  .sj-intro-copy h2 {font-size:34px;line-height:1.15;margin-bottom:22px;}.sj-intro-copy .kicker {font-size:10px;margin-bottom:20px;}
  .sj-intro-copy>p:last-child {font-size:14px;line-height:1.85;max-width:none;}
  .sj-studio {height:390px;max-width:500px;margin:auto;border-radius:18px;}
  .sj-studio-phone {right:10%;width:177px;}.sj-studio-notice {left:6%;width:203px;}.sj-studio-screen {left:7%;width:49%;}.sj-studio-cup {bottom:7%;}
  .solution-journey {margin:0;}
  .solution-journey .sj-nav {gap:8px;padding-bottom:9px;}
  .solution-journey .sj-nav a {min-height:65px;font-size:9px;gap:5px;padding:10px 0 7px;line-height:1.5;}
  .solution-journey .sj-nav a>span {font-size:10px;}
  .solution-journey .sj-stage {min-height:0;padding:38px 18px 44px;gap:32px;}
  .solution-journey .sj-copy h3 {font-size:31px;line-height:1.18;}
  .solution-journey .sj-copy>p:not(.sj-eyebrow) {font-size:14px;line-height:1.85;}
  .solution-journey .sj-copy>p.sj-emphasis {font-size:12px;}
  .solution-journey .sj-eyebrow {font-size:11px;margin-bottom:20px;}
  .solution-journey .sj-number {width:31px;height:31px;font-size:10px;}
  .solution-journey .sj-stage:before {top:49px;}
  .solution-journey .sj-phone {width:278px;transform:rotate(1deg);}
  .solution-journey .sj-scene {max-width:460px;}
  .solution-journey .sj-scene figcaption {font-size:10px;}
  .solution-journey .sj-monitor {padding:8px 8px 0;}.solution-journey .sj-monitor-chin {height:26px;}
  .solution-journey .sj-dashboard-top {font-size:7px;}.solution-journey .sj-dashboard-heading h4 {font-size:12px;}
  .solution-journey .sj-dashboard-body {padding:12px 10px;}.solution-journey .sj-dashboard-areas>span {font-size:6px;padding:7px 4px;}.solution-journey .sj-dashboard-areas b {font-size:10px;}
  .solution-journey .sj-dashboard-heading small,.solution-journey .sj-dashboard-reading small {font-size:6px;}.solution-journey .sj-dashboard-reading p,.solution-journey .sj-chart-caption {font-size:7px;}
  .solution-journey .sj-monitor-neck {height:45px;width:75px;}.solution-journey .sj-monitor-foot {width:155px;}
  .solution-journey .sj-workspace {padding:23px 17px;}.solution-journey .sj-workspace-header h4 {font-size:24px;}
  .solution-journey .sj-support-card {padding:23px 17px;}.solution-journey .sj-support-card h4 {font-size:21px;}
  .solution-journey .sj-loop {padding:26px 20px;gap:12px;}.solution-journey .sj-loop strong {font-size:14px;}.solution-journey .sj-loop p {font-size:12px;}
  .solution-journey .sj-restart {font-size:11px;}
}
@media(max-width:370px) {
  .sj-intro-copy h2 {font-size:30px;}.sj-studio {height:360px;}.sj-studio-phone {right:8%;width:160px;top:17%;padding-left:9px;padding-right:9px;}.sj-studio-notice {width:177px;left:5%;}.sj-studio-notice p {font-size:7px;}.sj-studio-cup {left:10%;transform:scale(.75) rotate(-6deg);bottom:4%;}
  .solution-journey .sj-nav {gap:5px;}.solution-journey .sj-nav a {font-size:8px;}
  .solution-journey .sj-stage {padding-left:13px;padding-right:13px;}.solution-journey .sj-copy h3 {font-size:28px;}
  .solution-journey .sj-phone {width:250px;}.solution-journey .sj-phone-content {padding-left:12px;padding-right:12px;}.solution-journey .sj-checkin legend {font-size:15px;}
  .solution-journey .sj-dashboard-heading h4 {font-size:11px;}.solution-journey .sj-support-card {gap:8px;padding:21px 13px;}.solution-journey .sj-support-card h4 {font-size:19px;}
}
@media(prefers-reduced-motion:reduce) {
  .sj-studio *,.solution-journey * {animation:none!important;transition:none!important;}
}