/* CEO Trust — pagina «Middleware per aziende» */
.mw-arch{max-width:1220px;margin:0 auto;padding:56px max(20px,env(safe-area-inset-left,0px)) 8px}
.mw-arch-h h2{font:700 clamp(24px,3vw,32px)/1.15 var(--sans,'Hanken Grotesk',sans-serif);letter-spacing:-.02em;margin:0}
.mw-arch-h p{color:var(--muted);font-size:16.5px;line-height:1.6;margin:10px 0 0;max-width:46em}
.mw-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px;margin-top:28px;align-items:start}

/* pila dei livelli */
.mw-stack{list-style:none;margin:0;padding:0;position:relative}
.mw-stack:before{content:"";position:absolute;left:27px;top:28px;bottom:28px;width:2px;background:linear-gradient(#D9D2CF,#D9D2CF) ;border-radius:2px}
.mw-l{position:relative;display:grid;grid-template-columns:56px 1fr;gap:4px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px 14px 0;margin:0 0 10px;cursor:pointer;transition:border-color .25s,box-shadow .25s,transform .25s}
.mw-l:hover{border-color:#D9D2CF}
.mw-l:focus-visible{outline:3px solid rgba(156,140,245,.45);outline-offset:2px}
.mw-n{justify-self:center;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#F4F2F1;border:1px solid var(--line);font:700 13px var(--sans,'Hanken Grotesk',sans-serif);color:var(--muted);position:relative;z-index:1;transition:background .25s,color .25s,border-color .25s}
.mw-l b{display:block;font-size:16.5px;letter-spacing:-.01em}
.mw-l div>span{display:block;color:var(--muted);font-size:14.5px;line-height:1.5;margin-top:3px}
.mw-chips{display:flex !important;flex-wrap:wrap;gap:6px;margin-top:9px !important}
.mw-chips i{font-style:normal;font-size:12.5px;font-weight:600;color:var(--ink);background:#F4F2F1;border:1px solid var(--line);border-radius:999px;padding:3px 9px}
.mw-l.on{border-color:transparent;box-shadow:0 0 0 2px #D9788C,0 18px 34px -22px rgba(217,120,140,.9);transform:translateX(4px)}
.mw-l.on .mw-n,.mw-l.done .mw-n{background:linear-gradient(135deg,#9C8CF5,#D9788C 60%,#F2A97E);color:#fff;border-color:transparent}
.mw-shield{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(100deg,#9C8CF5,#D9788C 50%,#F2A97E) border-box;border:1.5px solid transparent}
.mw-ai{background:#1E1A1C;border-color:#1E1A1C;color:#fff}
.mw-ai div>span{color:rgba(255,255,255,.7)}
.mw-ai .mw-n{background:#2C2629;border-color:#3A3236;color:#fff}
.mw-cut{position:relative;margin:4px 0 14px;padding-left:56px;height:22px;display:flex;align-items:center}
.mw-cut:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px dashed #D9788C;opacity:.55}
.mw-cut span{position:relative;background:var(--bg,#F4F2F1);padding:0 10px;font-size:12.5px;font-weight:700;color:#C9667B}

/* ispettore: cosa c'è in quel punto */
.mw-insp{position:sticky;top:84px;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -36px rgba(30,26,28,.45)}
.mw-insp-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);background:#FBFAF9}
.mw-insp-top small{font-size:13px;font-weight:700;color:var(--ink)}
.mw-insp-top button{font:600 13px var(--sans,'Hanken Grotesk',sans-serif);color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px 11px;cursor:pointer;white-space:nowrap}
.mw-insp-top button:focus-visible{outline:3px solid rgba(156,140,245,.45)}
.mw-insp-body{padding:20px 18px 6px;min-height:268px}
.mw-insp-body h3{font:600 19px/1.25 var(--sans,'Hanken Grotesk',sans-serif);letter-spacing:-.01em;margin:0 0 12px}
.mw-code{font:500 13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;background:#F7F5F4;border:1px solid var(--line);border-radius:12px;padding:12px 14px;white-space:pre-wrap;word-break:break-word;color:#3A3236;margin:0}
.mw-code .k{color:#8a7fd8}.mw-code .v{color:#C9667B}.mw-code .x{background:#FBEDEF;color:#C9667B;text-decoration:line-through;border-radius:4px;padding:0 3px}
.mw-code .c{background:#1E1A1C;color:#fff;border-radius:4px;padding:0 4px}
.mw-code.dark{background:#1E1A1C;color:#E7E2E0;border-color:#1E1A1C}
.mw-code.dark .c{background:#fff;color:#1E1A1C}
.mw-rows{display:grid;gap:8px}
.mw-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:14.5px}
.mw-row b{font-variant-numeric:tabular-nums;white-space:nowrap}
.mw-say{font-size:16px;line-height:1.55;background:#FBF6F7;border:1px solid #F1DCE1;border-radius:14px;padding:14px 16px;margin:0}
.mw-insp-foot{padding:10px 18px 16px;font-size:13.5px;color:var(--muted);line-height:1.5}
.mw-insp-foot b{color:var(--ink)}
.mw-prog{height:3px;background:#F1EEEC}
.mw-prog i{display:block;height:100%;width:0;background:linear-gradient(100deg,#9C8CF5,#D9788C 50%,#F2A97E)}
.mw-fade{animation:mwIn .45s ease both}
@keyframes mwIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* blocchi a due colonne */
.mw-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.mw-two>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px}
.mw-two small{display:block;font-size:12px;font-weight:700;color:#5f4fd6}
.mw-two b{display:block;font-size:17px;margin-top:4px}
.mw-two p{margin:6px 0 0;color:var(--muted);font-size:15px;line-height:1.55}
.mw-two .mw-dark{background:#1E1A1C;border-color:#1E1A1C;color:#fff}
.mw-two .mw-dark small{color:#F2A97E}
.mw-two .mw-dark p{color:rgba(255,255,255,.72)}

@media (max-width:900px){
  .mw-grid{grid-template-columns:1fr}
  .mw-insp{position:relative;top:auto;order:-1}
  .mw-insp-body{min-height:0}
}
@media (max-width:640px){
  .mw-two{grid-template-columns:1fr}
  .mw-l{grid-template-columns:46px 1fr;padding-right:12px}
  .mw-stack:before{left:22px}
  .mw-cut{padding-left:46px}
  .mw-l.on{transform:none}
}
@media (prefers-reduced-motion:reduce){.mw-l,.mw-fade{transition:none;animation:none}.mw-l.on{transform:none}}
.mw-note{color:var(--muted);font-size:15px;margin:8px 0 0}