/* ============================================================================
   MB SITE — CSS CONSOLIDATO V01.12
   Namespace CSS: mb-
   Obiettivo: una sola grammatica visuale, senza patch cumulative.
   ============================================================================ */

:root{
  --mb-bg:#eef6ff;
  --mb-ink:#0b1f33;
  --mb-muted:#5b7188;
  --mb-blue:#2563eb;
  --mb-cyan:#0ea5e9;
  --mb-navy:#0b2a4a;
  --mb-line:rgba(37,99,235,.10);
  --mb-shadow:0 28px 80px rgba(39,91,145,.13);
  --mb-max:1280px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--mb-bg)}
body{
  margin:0;
  min-height:100vh;
  color:var(--mb-ink);
  font-family:"Aptos","Segoe UI Variable Text","Segoe UI",Arial,sans-serif;
  line-height:1.65;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 8% 3%,rgba(14,165,233,.20),transparent 25rem),
    radial-gradient(circle at 92% 8%,rgba(37,99,235,.16),transparent 28rem),
    linear-gradient(180deg,#f9fcff,#eef6ff 46%,#f8fbff);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,#000,transparent 92%);
}

a{color:inherit}
img{max-width:100%;height:auto}
svg{display:block}
code{font-family:"Cascadia Code","SFMono-Regular",Consolas,monospace}

.mb-wrap{
  width:min(var(--mb-max),calc(100% - 36px));
  margin-inline:auto;
}
.mb-sr-only{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

/* ============================================================================
   HEADER
   ============================================================================ */
.mb-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(248,252,255,.86);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(37,99,235,.08);
}
.mb-header__inner{
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.mb-brand{
  display:flex;
  align-items:center;
  gap:13px;
  text-decoration:none;
}
.mb-brand__mark{
  width:46px;height:46px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,var(--mb-blue),var(--mb-cyan));
  box-shadow:0 10px 28px rgba(37,99,235,.24);
}
.mb-brand__mark svg{width:25px;height:25px}
.mb-brand__copy{display:grid;line-height:1.02}
.mb-brand__copy strong{
  font-family:"Aptos Display","Segoe UI Variable Display","Segoe UI",sans-serif;
  font-size:19px;
  letter-spacing:-.02em;
}
.mb-brand__copy small{
  margin-top:6px;
  color:var(--mb-muted);
  font-size:9px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.13em;
}
.mb-nav{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.mb-nav a{
  padding:9px 12px;
  border-radius:999px;
  color:var(--mb-muted);
  text-decoration:none;
  font-size:13px;
  transition:background .18s ease,color .18s ease;
}
.mb-nav a:hover,
.mb-nav a[aria-current="page"]{
  color:var(--mb-navy);
  background:#e7f3ff;
}
.mb-preview-badge{
  padding:7px 10px;
  border-radius:999px;
  background:var(--mb-navy);
  color:#fff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.mb-nav-toggle{
  display:none;
  padding:8px;
  border:0;
  background:transparent;
  cursor:pointer;
}
.mb-nav-toggle>span:not(.mb-sr-only){
  display:block;
  width:24px;height:2px;
  margin:5px 0;
  border-radius:999px;
  background:var(--mb-ink);
}

/* ============================================================================
   TYPOGRAPHY / BUTTONS / COMMON ELEMENTS
   ============================================================================ */
.mb-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  margin-bottom:18px;
  padding:0 13px;
  border-radius:999px;
  background:#e5f3ff;
  color:#155e9e;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.13em;
}
.mb-kicker:not(.mb-kicker--icon)::before{content:"✦";font-size:9px}
.mb-kicker--icon::before{content:none}
.mb-kicker svg{width:15px;height:15px;flex:0 0 auto}

.mb-gradient{
  background:linear-gradient(90deg,var(--mb-blue),var(--mb-cyan));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.mb-lead{
  max-width:820px;
  margin:24px 0 0;
  color:var(--mb-muted);
  font-size:clamp(18px,1.7vw,21px);
  line-height:1.72;
}
.mb-lead strong{color:var(--mb-navy);font-weight:800}
.mb-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.mb-button{
  min-height:50px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:0;
  border-radius:17px;
  color:#fff;
  background:linear-gradient(135deg,var(--mb-blue),var(--mb-cyan));
  box-shadow:0 14px 34px rgba(37,99,235,.20);
  font:inherit;
  font-size:14px;
  font-weight:750;
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
}
.mb-button:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(37,99,235,.24)}
.mb-button--ghost{
  color:var(--mb-navy);
  background:rgba(255,255,255,.78);
  border:1px solid rgba(37,99,235,.12);
  box-shadow:none;
}

/* ============================================================================
   HERO
   ============================================================================ */
.mb-hero{
  position:relative;
  padding:76px 0 88px;
}
.mb-hero__grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:54px;
  align-items:center;
}
.mb-hero h1,
.mb-page-hero h1{
  margin:18px 0 0;
  color:var(--mb-ink);
  font-family:"Aptos Display","Segoe UI Variable Display","Segoe UI",sans-serif;
  font-size:clamp(50px,6.7vw,94px);
  line-height:.96;
  letter-spacing:-.052em;
}
.mb-system-panel{
  position:relative;
  overflow:hidden;
  min-height:460px;
  padding:30px;
  border-radius:42px;
  background:
    radial-gradient(circle at 100% 0,rgba(34,211,238,.25),transparent 19rem),
    linear-gradient(145deg,rgba(255,255,255,.86),rgba(219,239,255,.78));
  border:1px solid rgba(255,255,255,.82);
  box-shadow:var(--mb-shadow);
}
.mb-system-panel__head{
  position:relative;
  z-index:1;
  padding-bottom:22px;
  border-bottom:1px solid rgba(37,99,235,.11);
}
.mb-system-panel__head small{
  display:block;
  color:#2675ad;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.13em;
}
.mb-system-panel__head strong{
  display:block;
  margin-top:7px;
  color:var(--mb-navy);
  font-size:27px;
  line-height:1.15;
  max-width:470px;
  letter-spacing:-.025em;
}
.mb-system-list{position:relative;z-index:1;display:grid}
.mb-system-row{
  min-height:82px;
  display:grid;
  grid-template-columns:44px minmax(120px,.36fr) minmax(0,.64fr);
  gap:16px;
  align-items:center;
  border-bottom:1px solid rgba(37,99,235,.10);
}
.mb-system-row:last-child{border-bottom:0}
.mb-system-index{
  width:38px;height:38px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#0d64a6;
  background:linear-gradient(135deg,#dceeff,#e7fbff);
  font-size:10px;
  font-weight:850;
}
.mb-system-row b{font-size:16px}
.mb-system-row span:last-child{color:var(--mb-muted);font-size:13px;line-height:1.55}

/* ============================================================================
   SECTION RHYTHM: PLAIN / BOXED
   IMPORTANT: isolation creates a local stacking context. The boxed pseudo-
   background is therefore guaranteed to stay behind section content but above
   the page background.
   ============================================================================ */
.mb-section{
  position:relative;
  isolation:isolate;
  padding:86px 0;
}
.mb-section[id]{
  scroll-margin-top:120px;
}
.mb-section--panel::before{
  content:"";
  position:absolute;
  inset:20px 1.45%;
  z-index:-1;
  border-radius:54px;
  background:
    radial-gradient(circle at 0 0,rgba(37,99,235,.10),transparent 23rem),
    linear-gradient(150deg,rgba(255,255,255,.82),rgba(236,247,255,.78));
  border:1px solid rgba(255,255,255,.76);
  box-shadow:0 18px 54px rgba(36,87,142,.06);
}
.mb-section-head{
  max-width:840px;
  margin-bottom:38px;
}
.mb-section-head h2{
  margin:0;
  color:var(--mb-ink);
  font-family:"Aptos Display","Segoe UI Variable Display","Segoe UI",sans-serif;
  font-size:clamp(34px,4vw,58px);
  line-height:1.02;
  letter-spacing:-.045em;
}
/* Titoli delle sezioni monocolore. L'accento resta nella hero e nei box. */
.mb-section-head .mb-gradient{
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  color:var(--mb-ink);
  -webkit-text-fill-color:var(--mb-ink);
}
.mb-section-head p{margin:15px 0 0;color:var(--mb-muted);font-size:16px}

.mb-grid{display:grid;gap:20px}
.mb-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mb-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mb-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}

.mb-card{
  padding:28px;
  border-radius:28px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.84);
  box-shadow:0 18px 50px rgba(36,87,142,.09);
}
.mb-card h3{margin:0 0 10px;font-size:22px;line-height:1.15;letter-spacing:-.025em
  color:var(--mb-navy);
  font-weight:700;
}
.mb-card p{margin:0;color:var(--mb-muted);font-size:14px;line-height:1.72}
.mb-service-icon,
.mb-method-icon{
  width:52px;height:52px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  border-radius:17px;
  color:#1663aa;
  background:linear-gradient(135deg,#dceeff,#e8fbff);
}
.mb-service-icon svg,
.mb-method-icon svg{width:25px;height:25px}
.mb-method .mb-card{padding-top:28px}

/* ============================================================================
   PORTFOLIO — APPROACH / AUTONOMY
   ============================================================================ */
.mb-application-manifesto{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:26px;
  align-items:stretch;
}
.mb-manifesto-main{
  padding:38px;
  border-radius:34px;
  color:#fff;
  background:
    radial-gradient(circle at 100% 0,rgba(34,211,238,.34),transparent 19rem),
    linear-gradient(145deg,#08294b,#155f93);
  box-shadow:0 26px 70px rgba(10,46,80,.22);
}
.mb-manifesto-main .mb-kicker{background:#e5f3ff;color:#155e9e}
.mb-manifesto-main h2{
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(36px,4vw,58px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.mb-manifesto-main p{margin:0;color:#d8ebfa;font-size:15px;line-height:1.72}
.mb-manifesto-main p strong{color:#fff;font-weight:800}
.mb-manifesto-line{
  margin-top:26px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.17);
  color:#fff;
  font-size:20px;
  line-height:1.4;
  font-weight:760;
  border-left:3px solid rgba(103,232,249,.72);
  padding-left:18px;
}
.mb-autonomy-card{
  padding:32px;
  border-radius:32px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(255,255,255,.84);
  box-shadow:0 18px 55px rgba(36,87,142,.10);
}
.mb-autonomy-card h3{margin:0 0 10px;font-size:28px;line-height:1.15}
.mb-autonomy-card>p{margin:0;color:var(--mb-muted);font-size:15px;line-height:1.72}
.mb-autonomy-list{display:grid;gap:13px;margin-top:20px}
.mb-autonomy-item{
  position:relative;
  padding:14px 15px 14px 48px;
  border-radius:18px;
  background:linear-gradient(135deg,#f3f9ff,#f9fdff);
  color:#4f708a;
  font-size:14px;
}
.mb-autonomy-item::before{
  content:"✓";
  position:absolute;
  left:16px;top:13px;
  width:22px;height:22px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#dcefff;
  color:#1165a5;
  font-size:11px;
  font-weight:900;
}
.mb-scope-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}
.mb-scope-card{
  padding:24px;
  border-radius:25px;
  border:1px solid rgba(255,255,255,.82);
  box-shadow:0 16px 45px rgba(36,87,142,.08);
}
.mb-scope-card--yes{background:linear-gradient(135deg,#eef9ff,#f8fdff)}
.mb-scope-card--no{background:linear-gradient(135deg,#f5f7fa,#fbfcfd)}
.mb-scope-card strong{display:block;margin-bottom:8px;font-size:21px;line-height:1.2}
.mb-scope-card p{margin:0;color:var(--mb-muted);font-size:14px;line-height:1.72}

/* ============================================================================
   PORTFOLIO — PORTABILITY / DELIVERY
   ============================================================================ */
.mb-portability-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:24px;
  align-items:stretch;
}
.mb-portability-main{
  padding:36px;
  border-radius:34px;
  color:#fff;
  background:
    radial-gradient(circle at 100% 0,rgba(34,211,238,.32),transparent 18rem),
    linear-gradient(145deg,#092a4d,#176a9e);
  box-shadow:0 26px 70px rgba(10,46,80,.22);
}
.mb-portability-main .mb-kicker{background:#e5f3ff;color:#155e9e}
.mb-portability-main h2{
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(36px,4vw,58px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.mb-portability-main p{margin:0;color:#d9edf9;font-size:15px;line-height:1.72}
.mb-portability-line{
  margin-top:26px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-size:20px;
  line-height:1.4;
  font-weight:760;
  border-left:3px solid rgba(103,232,249,.72);
  padding-left:18px;
}
.mb-server-stack{display:grid;gap:16px}
.mb-server-card{
  padding:25px;
  border-radius:27px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(255,255,255,.84);
  box-shadow:0 18px 50px rgba(36,87,142,.10);
}
.mb-server-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.mb-server-icon{
  width:48px;height:48px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:16px;
  color:#1663aa;
  background:linear-gradient(135deg,#dceeff,#e7fbff);
}
.mb-server-icon svg{width:24px;height:24px}
.mb-server-card strong{font-size:18px}
.mb-server-card p{margin:0;color:var(--mb-muted);font-size:14px;line-height:1.72}
.mb-delivery-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:13px;
  margin-top:22px;
}
.mb-delivery-item{
  min-height:116px;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(255,255,255,.84);
  box-shadow:0 14px 38px rgba(36,87,142,.07);
}
.mb-delivery-item code{
  display:inline-block;
  margin-bottom:9px;
  padding:4px 7px;
  border-radius:8px;
  background:#e9f5ff;
  color:#1c639d;
  font-size:12px;
}
.mb-delivery-item strong{display:block;margin-bottom:5px}
.mb-delivery-item span{display:block;color:var(--mb-muted);font-size:13px;line-height:1.55}
.mb-lockin-note{
  margin-top:20px;
  padding:20px 22px;
  border-radius:22px;
  color:#4d708f;
  background:linear-gradient(135deg,#edf7ff,#f8fcff);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 12px 32px rgba(36,87,142,.05);
  font-size:14px;
  line-height:1.72;
}
.mb-lockin-note strong{color:var(--mb-ink)}

/* ============================================================================
   PORTFOLIO — DOCUMENTATION
   ============================================================================ */
.mb-docs-intro{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:28px;
  align-items:stretch;
}
.mb-docs-statement{
  min-height:100%;
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border-radius:32px;
  color:#fff;
  background:
    radial-gradient(circle at 100% 0,rgba(34,211,238,.32),transparent 18rem),
    linear-gradient(145deg,#0b2e52,#12699b);
  box-shadow:0 24px 64px rgba(12,53,88,.20);
}
.mb-docs-statement .mb-kicker{background:#e5f3ff;color:#155e9e}
.mb-docs-statement h2{
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(36px,4vw,58px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.mb-docs-statement p{margin:0;color:#d9edfa;font-size:15px;line-height:1.72}
.mb-docs-quote{
  margin-top:28px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-size:18px;
  line-height:1.45;
  font-weight:700;
  border-left:3px solid rgba(103,232,249,.72);
  padding-left:18px;
}
.mb-docs-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.mb-doc-profile{
  padding:24px;
  border-radius:26px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.84);
  box-shadow:0 18px 50px rgba(36,87,142,.10);
}
.mb-doc-icon{
  width:52px;height:52px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  border-radius:17px;
  color:#1663aa;
  background:linear-gradient(135deg,#dceeff,#e8fbff);
}
.mb-doc-icon svg{width:25px;height:25px}
.mb-doc-profile strong{display:block;margin-bottom:8px;font-size:18px}
.mb-doc-profile p{margin:0;color:var(--mb-muted);font-size:14px;line-height:1.72}
.mb-docs-delivery{
  margin-top:18px;
  padding:20px 22px;
  border-radius:22px;
  background:linear-gradient(135deg,#edf7ff,#f7fcff);
  color:#456d8f;
  box-shadow:0 12px 32px rgba(36,87,142,.05);
}
.mb-docs-delivery strong{color:var(--mb-ink)}

/* ============================================================================
   TECHNOLOGIES
   ============================================================================ */
.mb-tech-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.mb-tech{
  display:grid;
  grid-template-columns:minmax(135px,.32fr) minmax(0,.68fr) 18px;
  gap:16px;
  align-items:center;
  padding:18px 20px;
  border-radius:20px;
  background:rgba(255,255,255,.80);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 10px 28px rgba(36,87,142,.05);
  text-decoration:none;
  transition:transform .18s ease,box-shadow .18s ease;
}
.mb-tech:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(36,87,142,.09)}
.mb-tech strong{font-size:15px}
.mb-tech span{color:var(--mb-muted);font-size:13px}
.mb-tech i{color:#2375af;font-style:normal}
.mb-tech-split{
  display:grid;
  grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);
  gap:62px;
  align-items:start;
}
.mb-tech-sticky{position:sticky;top:126px}
.mb-tech-sticky h2{
  margin:0;
  color:var(--mb-ink);
  font-size:clamp(36px,4vw,58px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.mb-tech-sticky .mb-gradient{
  background:none;
  color:var(--mb-ink);
  -webkit-text-fill-color:var(--mb-ink);
}
.mb-tech-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.mb-tech-pill{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  padding:0 15px;
  border-radius:14px;
  color:#1b5f93;
  background:rgba(255,255,255,.80);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 10px 28px rgba(36,87,142,.06);
  font-size:13px;
  font-weight:750;
  text-decoration:none;
}
.mb-highlight{
  margin-top:28px;
  padding:25px;
  border-radius:26px;
  color:#fff;
  background:
    radial-gradient(circle at 100% 0,rgba(34,211,238,.30),transparent 18rem),
    linear-gradient(145deg,#0b2e52,#176a9e);
  box-shadow:0 22px 56px rgba(11,46,82,.18);
}
.mb-highlight h3{margin:0 0 8px;color:#fff;font-size:22px
  font-size:24px;
  font-weight:700;
  letter-spacing:-.025em;
}
.mb-highlight p{margin:0;color:#d9edf9;font-size:15px;line-height:1.72}

/* ============================================================================
   PORTFOLIO / PROJECT CARDS
   ============================================================================ */
.mb-portfolio-empty{
  padding:28px;
  border-radius:26px;
  background:rgba(255,255,255,.64);
  border:1px dashed rgba(37,99,235,.22);
}
.mb-portfolio-empty strong{display:block;margin-bottom:6px}
.mb-portfolio-empty p{margin:0;color:var(--mb-muted)}
.mb-project-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:end;
}
.mb-project-card__meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.mb-tag{
  display:inline-flex;
  padding:6px 9px;
  border-radius:999px;
  background:#e7f3ff;
  color:#246b9f;
  font-size:10px;
  font-weight:750;
}
.mb-tag--private{background:var(--mb-navy);color:#fff}
.mb-private-media{
  margin-top:30px;
  padding:12px;
  border-radius:28px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.90);
  box-shadow:0 18px 48px rgba(36,87,142,.08);
}
.mb-private-media img{display:block;width:100%;border-radius:20px}

/* ============================================================================
   PRINCIPLES / NOTES
   ============================================================================ */
.mb-principles-layout{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:24px;
  align-items:stretch;
}
.mb-principles-stack{display:grid;gap:16px}
.mb-note{
  margin-top:22px;
  padding:18px 20px;
  border-left:3px solid #2b85bc;
  background:rgba(255,255,255,.62);
  color:#54738d;
  font-size:13px;
}

/* ============================================================================
   GLOSSARY
   ============================================================================ */
.mb-glossary-disclosure{
  margin:0;
  padding:0;
  border:0;
}
.mb-glossary-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:92px;
  padding:22px 26px;
  border-radius:26px;
  background:
    radial-gradient(circle at 100% 0,rgba(34,211,238,.18),transparent 18rem),
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(232,244,255,.94));
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 16px 42px rgba(36,87,142,.08);
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.mb-glossary-toggle::-webkit-details-marker{display:none}
.mb-glossary-toggle::marker{display:none;content:""}
.mb-glossary-toggle:focus-visible{
  outline:3px solid rgba(37,99,235,.20);
  outline-offset:4px;
}
.mb-glossary-toggle__text{display:grid;gap:3px}
.mb-glossary-toggle__text strong{font-size:19px;line-height:1.2}
.mb-glossary-toggle__text small{color:var(--mb-muted);font-size:12px}
.mb-glossary-toggle__open{display:none}
.mb-glossary-toggle__icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:15px;
  background:linear-gradient(135deg,#dceeff,#e6f9ff);
  color:#1766a7;
  font-size:25px;
  font-weight:500;
  line-height:1;
  transition:transform .22s ease,background .22s ease;
}
.mb-glossary-disclosure[open] .mb-glossary-toggle{
  background:
    radial-gradient(circle at 100% 0,rgba(34,211,238,.24),transparent 18rem),
    linear-gradient(145deg,#0b2e52,#176a9e);
  color:#fff;
  box-shadow:0 22px 54px rgba(11,46,82,.16);
}
.mb-glossary-disclosure[open] .mb-glossary-toggle__text small{color:#d8ebfa}
.mb-glossary-disclosure[open] .mb-glossary-toggle__closed{display:none}
.mb-glossary-disclosure[open] .mb-glossary-toggle__open{display:inline}
.mb-glossary-disclosure[open] .mb-glossary-toggle__icon{
  transform:rotate(45deg);
  background:rgba(255,255,255,.15);
  color:#fff;
}
.mb-glossary-content{padding-top:24px}
.mb-glossary-group{
  padding:24px;
  border-radius:28px;
  background:rgba(244,250,255,.66);
  border:1px solid rgba(255,255,255,.82);
}
.mb-glossary-group+.mb-glossary-group{margin-top:22px}
.mb-glossary-group__head{
  display:grid;
  grid-template-columns:.38fr .62fr;
  gap:24px;
  align-items:end;
  margin-bottom:18px;
}
.mb-glossary-group__head h3{margin:0;font-size:25px;line-height:1.2}
.mb-glossary-group__head p{margin:0;color:var(--mb-muted);font-size:13px}
.mb-glossary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mb-glossary-item{
  padding:24px;
  border-radius:24px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(255,255,255,.84);
  box-shadow:0 16px 42px rgba(36,87,142,.08);
}
.mb-glossary-item>strong{display:block;margin-bottom:8px;font-size:18px}
.mb-glossary-item p{margin:0;color:var(--mb-muted);font-size:14px;line-height:1.72}
.mb-glossary-item p strong{display:inline;margin:0;color:var(--mb-ink)}

/* ============================================================================
   PAGE HERO / LEGAL / CONTACT
   ============================================================================ */
.mb-page-hero{position:relative;padding:70px 0 58px}
.mb-page-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.36fr);
  gap:54px;
  align-items:end;
}
.mb-page-facts{padding-left:24px;border-left:1px solid rgba(37,99,235,.14)}
.mb-page-facts dl{margin:0;display:grid;gap:16px}
.mb-page-facts dt{color:#6c879d;font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.mb-page-facts dd{margin:3px 0 0;font-weight:700}
.mb-version{
  display:inline-grid;
  gap:3px;
  margin-top:18px;
  padding:13px 16px;
  border-radius:15px;
  background:linear-gradient(135deg,#e1efff,#e6f9ff);
  color:#365f7c;
  font-size:12px;
}
.mb-doc-layout{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:56px;
  align-items:start;
}
.mb-doc-nav{
  position:sticky;
  top:118px;
  padding-left:16px;
  border-left:2px solid #2d7fb5;
}
.mb-doc-nav strong{display:block;margin-bottom:10px}
.mb-doc-nav a{display:block;padding:5px 0;color:var(--mb-muted);font-size:13px;text-decoration:none}
.mb-doc-content section{
  padding:0 0 28px;
  margin:0 0 28px;
  border-bottom:1px solid var(--mb-line);
}
.mb-doc-content section:last-child{border-bottom:0}
.mb-doc-content h2{margin:0 0 12px;font-size:27px}
.mb-doc-content h3{font-size:18px}
.mb-doc-content p,.mb-doc-content li{color:#486b84}

.mb-contact-form-shell{
  width:min(820px,100%);
  margin-inline:auto;
}
.mb-contact-form-shell .mb-form{max-width:none}
.mb-form{max-width:760px}
.mb-field{display:grid;gap:7px;margin-bottom:18px}
.mb-field label{font-weight:700;font-size:13px}
.mb-field input,
.mb-field textarea{
  width:100%;
  padding:13px 14px;
  border:1px solid rgba(31,92,143,.18);
  border-radius:14px;
  background:rgba(255,255,255,.86);
  color:var(--mb-ink);
  font:inherit;
}
.mb-field textarea{min-height:180px;resize:vertical}
.mb-check{display:flex;gap:10px;align-items:flex-start;color:var(--mb-muted);font-size:13px}
.mb-check input{margin-top:4px}
.mb-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.mb-alert{
  margin-bottom:20px;
  padding:16px 18px;
  border-radius:16px;
  background:#fff;
  border:1px solid var(--mb-line);
}
.mb-alert--ok{border-color:rgba(35,151,108,.22);background:#effbf6}
.mb-alert--error{border-color:rgba(187,68,68,.18);background:#fff4f4}
.mb-alert ul{margin:0;padding-left:20px}

/* ============================================================================
   SECTION RAIL
   ============================================================================ */
.mb-section-rail{
  position:fixed;
  right:18px;
  top:122px;
  z-index:35;
  width:158px;
  padding:10px;
  border-radius:20px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(255,255,255,.88);
  backdrop-filter:blur(12px);
  box-shadow:0 14px 36px rgba(25,74,115,.09);
}
.mb-section-rail strong{display:block;padding:5px 8px 7px;color:#6d879b;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.mb-section-rail a{display:block;padding:7px 8px;border-radius:10px;color:#617c92;text-decoration:none;font-size:11px}
.mb-section-rail a.mb-is-active{background:#e8f4ff;color:#0c5d9b;font-weight:800}

/* ============================================================================
   FOOTER
   ============================================================================ */
.mb-footer{
  margin-top:48px;
  padding:34px 0;
  color:#496d87;
  background:transparent;
  border-top:0;
}
.mb-footer__inner{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:28px;
  align-items:center;
}
.mb-footer__inner>div{display:grid}
.mb-footer__inner>div span{margin-top:3px;font-size:11px}
.mb-footer nav{display:flex;gap:16px}
.mb-footer a{text-decoration:none;font-size:12px}
.mb-footer small{font-size:11px}

/* ============================================================================
   RESPONSIVE
   ============================================================================ */
@media(max-width:1320px){
  .mb-section-rail{display:none}
}

@media(max-width:1050px){
  .mb-hero__grid,
  .mb-page-hero__grid,
  .mb-application-manifesto,
  .mb-portability-grid,
  .mb-docs-intro,
  .mb-principles-layout,
  .mb-tech-split{
    grid-template-columns:1fr;
  }
  .mb-tech-sticky{position:static}
  .mb-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mb-doc-layout{grid-template-columns:1fr;gap:28px}
  .mb-doc-nav{position:static}
}

@media(max-width:760px){
  .mb-section[id]{scroll-margin-top:98px}
  .mb-wrap{width:min(var(--mb-max),calc(100% - 24px))}
  .mb-header__inner{min-height:76px}
  .mb-brand__mark{width:43px;height:43px}
  .mb-brand__copy strong{font-size:17px}
  .mb-brand__copy small{font-size:8px;letter-spacing:.11em}
  .mb-nav-toggle{display:block}
  .mb-nav{
    display:none;
    position:absolute;
    top:76px;left:12px;right:12px;
    padding:18px;
    flex-direction:column;
    align-items:flex-start;
    border-radius:20px;
    background:#f9fcff;
    border:1px solid var(--mb-line);
    box-shadow:var(--mb-shadow);
  }
  .mb-nav.mb-is-open{display:flex}
  .mb-hero{padding:58px 0 62px}
  .mb-hero__grid{gap:38px}
  .mb-hero h1,.mb-page-hero h1{font-size:clamp(44px,15vw,66px)}
  .mb-system-panel{min-height:auto;padding:23px;border-radius:32px}
  .mb-system-row{grid-template-columns:42px minmax(0,1fr);min-height:92px}
  .mb-system-row span:last-child{grid-column:2}
  .mb-section{padding:64px 0}
  .mb-section--panel::before{inset:8px 0;border-radius:34px}
  .mb-grid--2,.mb-grid--3,.mb-grid--4,.mb-tech-grid,.mb-glossary-grid,.mb-scope-grid,.mb-docs-grid,.mb-delivery-strip{grid-template-columns:1fr}
  .mb-card{padding:24px;border-radius:24px}
  .mb-manifesto-main,.mb-portability-main,.mb-docs-statement{padding:27px;border-radius:28px}
  .mb-autonomy-card{padding:26px;border-radius:26px}
  .mb-tech{grid-template-columns:1fr 18px}
  .mb-tech span{grid-column:1/-1}
  .mb-glossary-group__head{grid-template-columns:1fr;gap:7px}
  .mb-page-facts{padding:20px 0 0;border-left:0;border-top:1px solid rgba(37,99,235,.14)}
  .mb-project-card{grid-template-columns:1fr}
  .mb-footer__inner{grid-template-columns:1fr}
}

/* ============================================================================
   AREA RISERVATA / PORTFOLIO ADMIN
   ============================================================================ */
.mb-private-login-shell{
  width:min(760px,100%);
  margin-inline:auto;
}
.mb-admin-project-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  margin-top:30px;
}
.mb-admin-project-card{
  padding:28px;
  border-radius:28px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 18px 50px rgba(36,87,142,.09);
}
.mb-admin-project-card.is-published{
  border-color:rgba(35,151,108,.26);
  box-shadow:0 18px 50px rgba(35,151,108,.08);
}
.mb-admin-project-card__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}
.mb-admin-project-card h3{
  margin:14px 0 8px;
  font-size:25px;
  line-height:1.12;
  letter-spacing:-.025em;
}
.mb-admin-project-card p{
  margin:0;
  color:var(--mb-muted);
  font-size:14px;
  line-height:1.7;
}
.mb-admin-project-card__state{
  flex:0 0 auto;
  min-width:46px;
  padding:8px 10px;
  border-radius:999px;
  background:#e8eef4;
  color:#647b8f;
  text-align:center;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.is-published .mb-admin-project-card__state{
  background:#e3f7ef;
  color:#1c7656;
}
.mb-status-pill{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.mb-status-pill--draft{background:#edf1f5;color:#60798c}
.mb-status-pill--published{background:#e3f7ef;color:#1c7656}
.mb-admin-project-card__links{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin:22px 0;
}
.mb-admin-project-card__links a{
  color:#155e9e;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
}
.mb-admin-project-card form{margin-top:18px}
.mb-admin-project-card form .mb-button{width:100%;justify-content:center}

@media(max-width:760px){
  .mb-admin-project-grid{grid-template-columns:1fr}
}


/* ============================================================================
   MODALE CONFERMA PUBBLICAZIONE
   ============================================================================ */
body.mb-modal-open{overflow:hidden}
.mb-confirm-modal[hidden]{display:none}
.mb-confirm-modal{
  position:fixed;
  inset:0;
  z-index:3000;
  display:grid;
  place-items:center;
  padding:24px;
}
.mb-confirm-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(11,31,51,.52);
  backdrop-filter:blur(8px);
}
.mb-confirm-modal__dialog{
  position:relative;
  z-index:1;
  width:min(560px,100%);
  padding:34px;
  border-radius:30px;
  background:rgba(250,253,255,.98);
  border:1px solid rgba(255,255,255,.94);
  box-shadow:0 32px 90px rgba(11,42,74,.28);
  animation:mb-confirm-in .18s ease-out;
}
.mb-confirm-modal__close{
  position:absolute;
  top:18px;
  right:18px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:12px;
  background:#edf5fc;
  color:#466982;
  font:600 25px/1 "Segoe UI",sans-serif;
  cursor:pointer;
}
.mb-confirm-modal__close:hover,.mb-confirm-modal__close:focus-visible{
  background:#e0f0fb;
  color:#155e9e;
  outline:none;
}
.mb-confirm-modal__dialog .mb-kicker{margin-bottom:18px}
.mb-confirm-modal__dialog h2{
  max-width:430px;
  margin:0;
  color:var(--mb-navy);
  font-size:clamp(28px,4vw,38px);
  line-height:1.06;
  letter-spacing:-.04em;
}
.mb-confirm-modal__dialog>p{
  margin:18px 0 0;
  color:var(--mb-muted);
  font-size:15px;
  line-height:1.72;
}
.mb-confirm-modal__dialog>p strong{color:var(--mb-ink)}
.mb-confirm-modal__note{
  margin-top:22px;
  padding:16px 18px;
  border-radius:18px;
  background:#eaf5ff;
  color:#466982;
  font-size:13px;
  line-height:1.6;
}
.mb-confirm-modal__note strong{color:#155e9e}
.mb-confirm-modal__actions{
  display:grid;
  grid-template-columns:1fr 1.25fr;
  gap:12px;
  margin-top:26px;
}
.mb-confirm-modal__actions .mb-button{
  width:100%;
  justify-content:center;
}
@keyframes mb-confirm-in{
  from{opacity:0;transform:translateY(8px) scale(.985)}
  to{opacity:1;transform:none}
}
@media(max-width:560px){
  .mb-confirm-modal{padding:14px}
  .mb-confirm-modal__dialog{padding:27px 20px 22px;border-radius:24px}
  .mb-confirm-modal__actions{grid-template-columns:1fr}
  .mb-confirm-modal__actions .mb-button--ghost{order:2}
}
@media(prefers-reduced-motion:reduce){
  .mb-confirm-modal__dialog{animation:none}
}

/* ============================================================================
   AREA RISERVATA — TOOLBAR DI CONTESTO
   ============================================================================ */
.mb-private-toolbar{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:2500;
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px;
  border:1px solid rgba(37,99,235,.18);
  border-radius:18px;
  background:rgba(248,252,255,.96);
  box-shadow:0 14px 42px rgba(11,42,74,.18);
  backdrop-filter:blur(14px);
}
.mb-private-toolbar a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 12px;
  border-radius:12px;
  color:var(--mb-navy);
  background:transparent;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.mb-private-toolbar a:hover,
.mb-private-toolbar a:focus-visible{
  background:#e7f3ff;
  outline:none;
}
.mb-private-toolbar .mb-private-toolbar__exit{
  color:#fff;
  background:linear-gradient(135deg,var(--mb-blue),var(--mb-cyan));
}
.mb-private-toolbar .mb-private-toolbar__exit:hover,
.mb-private-toolbar .mb-private-toolbar__exit:focus-visible{
  background:linear-gradient(135deg,#1f56cf,#0c93cc);
}
@media(max-width:620px){
  .mb-private-toolbar{
    right:10px;
    bottom:10px;
    left:10px;
    justify-content:center;
  }
  .mb-private-toolbar a{
    flex:1;
    justify-content:center;
    padding-inline:8px;
  }
}
@media print{
  .mb-private-toolbar{display:none!important}
}


/* ============================================================================
   MB PREVIEW ACCESS CONSOLE
   ============================================================================ */
.mb-field select{
  width:100%;padding:13px 14px;border:1px solid rgba(31,92,143,.18);border-radius:14px;
  background:rgba(255,255,255,.86);color:var(--mb-ink);font:inherit;
}
.mb-field small{color:var(--mb-muted);font-size:11px;line-height:1.45}
.mb-pa-grid-2,.mb-pa-grid-3{display:grid;gap:18px}
.mb-pa-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mb-pa-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mb-pa-inline{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.mb-pa-inline .mb-button{min-height:46px;padding-inline:16px;white-space:nowrap}
.mb-pa-create-form{max-width:none;padding:28px;border-radius:28px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.92);box-shadow:0 18px 50px rgba(36,87,142,.07)}
.mb-pa-host-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mb-pa-host-choices label{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid var(--mb-line);border-radius:16px;background:rgba(255,255,255,.8);cursor:pointer}
.mb-pa-host-choices input{margin-top:4px}.mb-pa-host-choices span{display:grid;gap:2px}.mb-pa-host-choices small{color:var(--mb-muted);font-size:11px}
.mb-pa-security,.mb-pa-credentials{margin-bottom:28px;padding:24px;border-radius:24px;border:1px solid var(--mb-line);background:rgba(255,255,255,.82)}
.mb-pa-security>div{display:flex;align-items:center;gap:12px}.mb-pa-security p,.mb-pa-credentials p{margin:10px 0 0;color:var(--mb-muted)}
.mb-pa-credentials{border-color:rgba(35,151,108,.28);background:#effbf6}
.mb-pa-credentials h2{margin:10px 0 16px}.mb-pa-secret{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mb-pa-secret>div{display:grid;gap:6px;padding:14px;border-radius:14px;background:#fff}.mb-pa-secret small{color:var(--mb-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.mb-pa-secret code{font-size:15px;overflow-wrap:anywhere}
.mb-pa-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.mb-pa-account-card{padding:24px;border-radius:24px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.92);box-shadow:0 14px 40px rgba(36,87,142,.07)}
.mb-pa-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.mb-pa-card-head h3{margin:10px 0 0}.mb-pa-card-head>strong{color:var(--mb-muted);font-size:12px}.mb-pa-account-card>p{color:var(--mb-muted);font-size:13px}.mb-pa-host-tags{display:flex;flex-wrap:wrap;gap:8px}.mb-pa-host-tags span{padding:6px 9px;border-radius:999px;background:#edf6ff;color:#24597f;font-size:10px;font-weight:700}
.mb-pa-actions-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.mb-pa-actions-row form{margin:0}.mb-pa-actions-row .mb-button{min-height:38px;padding:0 12px;font-size:11px}
.mb-pa-danger{margin-top:14px;padding-top:12px;border-top:1px solid var(--mb-line)}.mb-pa-danger summary{cursor:pointer;color:#9a3e45;font-size:11px;font-weight:800}.mb-pa-danger form{display:grid;gap:8px;margin-top:12px}.mb-pa-danger input{padding:10px;border:1px solid var(--mb-line);border-radius:12px;font:inherit}
.mb-pa-projects{display:grid;gap:20px}.mb-pa-project{padding:26px;border-radius:28px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.94);box-shadow:0 16px 44px rgba(36,87,142,.07)}.mb-pa-project>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--mb-line)}.mb-pa-project h3{margin:0 0 4px}.mb-pa-project header code{font-size:11px}.mb-pa-project header>a{font-size:12px;font-weight:800;text-decoration:none}
.mb-pa-assignment-list{display:grid;gap:10px;margin-top:16px}.mb-pa-assignment{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(180px,auto);gap:14px;align-items:center;padding:14px;border-radius:16px;background:#f8fbfe;border:1px solid rgba(31,92,143,.08)}.mb-pa-assignment>div:first-child{display:grid;gap:2px}.mb-pa-assignment span,.mb-pa-assignment small{color:var(--mb-muted);font-size:11px}.mb-pa-mini-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.mb-pa-mini-actions form{margin:0}.mb-pa-mini-actions button,.mb-pa-mini-actions summary{padding:7px 9px;border:0;border-radius:10px;background:#eaf4fc;color:#155e9e;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.mb-pa-mini-actions details{position:relative}.mb-pa-mini-actions details>form{display:grid;gap:6px;margin-top:6px;padding:10px;border-radius:12px;background:white;border:1px solid var(--mb-line)}.mb-pa-mini-actions input{max-width:120px;padding:8px;border:1px solid var(--mb-line);border-radius:8px}
.mb-pa-assign{margin-top:16px}.mb-pa-assign summary{cursor:pointer;color:#155e9e;font-size:12px;font-weight:800}.mb-pa-inline-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;margin-top:10px}.mb-pa-inline-form select{padding:10px;border:1px solid var(--mb-line);border-radius:12px;background:#fff}.mb-pa-inline-form .mb-button{min-height:42px;padding-inline:14px}
.mb-pa-legacy{margin-top:20px;padding-top:18px;border-top:1px dashed rgba(31,92,143,.18)}.mb-pa-legacy>div:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mb-pa-legacy .mb-kicker{margin:0}.mb-pa-legacy>div:first-child strong{font-size:13px}
@media(max-width:900px){.mb-pa-account-grid,.mb-pa-host-choices,.mb-pa-grid-2,.mb-pa-grid-3{grid-template-columns:1fr}.mb-pa-assignment{grid-template-columns:1fr}.mb-pa-mini-actions{justify-content:flex-start}.mb-pa-inline-form{grid-template-columns:1fr}.mb-pa-secret{grid-template-columns:1fr}}
.mb-pa-off-note{padding:7px 9px;border-radius:10px;background:#edf1f5;color:#60798c!important;font-size:10px!important;font-weight:800}
/* ============================================================================
   MB PREVIEW ACCESS CONSOLE — UI POLISH V01.03
   - controlli form coerenti
   - checkbox/select personalizzati
   - azioni affiancate su desktop
   - padding e gerarchie tipografiche
   ============================================================================ */

.mb-pa-create-form input:not([type="hidden"]):not([type="checkbox"]),
.mb-pa-create-form select,
.mb-pa-inline-form input:not([type="hidden"]):not([type="checkbox"]),
.mb-pa-inline-form select,
.mb-pa-danger input:not([type="hidden"]):not([type="checkbox"]),
.mb-pa-mini-actions input:not([type="hidden"]):not([type="checkbox"]){
  width:100%;
  min-height:46px;
  padding:11px 14px;
  border:1px solid rgba(31,92,143,.18);
  border-radius:13px;
  outline:none;
  background:#fff;
  color:var(--mb-ink);
  font:inherit;
  line-height:1.35;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.mb-pa-create-form input:not([type="hidden"]):not([type="checkbox"]):focus,
.mb-pa-create-form select:focus,
.mb-pa-inline-form input:not([type="hidden"]):not([type="checkbox"]):focus,
.mb-pa-inline-form select:focus,
.mb-pa-danger input:not([type="hidden"]):not([type="checkbox"]):focus,
.mb-pa-mini-actions input:not([type="hidden"]):not([type="checkbox"]):focus{
  border-color:rgba(37,99,235,.48);
  box-shadow:0 0 0 4px rgba(37,99,235,.09);
  background:#fff;
}

.mb-pa-create-form select,
.mb-pa-inline-form select{
  appearance:none;
  -webkit-appearance:none;
  padding-right:42px;
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m5.5 7.5 4.5 4.5 4.5-4.5' stroke='%23155e9e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:16px 16px;
}

/* Checkbox coerenti con la UI MB Studio. */
.mb-pa-host-choices input[type="checkbox"],
.mb-pa-mini-actions input[type="checkbox"],
.mb-pa-danger input[type="checkbox"],
.mb-pa-capability-option input[type="checkbox"],
.mb-pa-document-option input[type="checkbox"]{
  appearance:none;
  -webkit-appearance:none;
  flex:0 0 20px;
  width:20px;
  height:20px;
  margin:1px 0 0;
  border:1px solid rgba(31,92,143,.28);
  border-radius:6px;
  background:#fff center/13px 13px no-repeat;
  cursor:pointer;
  transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.mb-pa-host-choices input[type="checkbox"]:hover,
.mb-pa-mini-actions input[type="checkbox"]:hover,
.mb-pa-danger input[type="checkbox"]:hover,
.mb-pa-capability-option input[type="checkbox"]:hover,
.mb-pa-document-option input[type="checkbox"]:hover{
  border-color:rgba(37,99,235,.58);
}
.mb-pa-host-choices input[type="checkbox"]:focus-visible,
.mb-pa-mini-actions input[type="checkbox"]:focus-visible,
.mb-pa-danger input[type="checkbox"]:focus-visible,
.mb-pa-capability-option input[type="checkbox"]:focus-visible,
.mb-pa-document-option input[type="checkbox"]:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px rgba(37,99,235,.10);
}
.mb-pa-host-choices input[type="checkbox"]:checked,
.mb-pa-mini-actions input[type="checkbox"]:checked,
.mb-pa-danger input[type="checkbox"]:checked,
.mb-pa-capability-option input[type="checkbox"]:checked,
.mb-pa-document-option input[type="checkbox"]:checked{
  border-color:var(--mb-blue);
  background-color:var(--mb-blue);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.2 5.7 10 11 4.2' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Scelta preview: titolo e hostname sempre su righe distinte. */
.mb-pa-host-choices label{
  align-items:center;
  min-height:70px;
  padding:15px 16px;
}
.mb-pa-host-choices label:hover{
  border-color:rgba(37,99,235,.24);
  background:#fff;
}
.mb-pa-host-choices span{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.mb-pa-host-choices strong,
.mb-pa-host-choices small{
  display:block;
  line-height:1.35;
}
.mb-pa-host-choices strong{
  color:var(--mb-ink);
  font-size:13px;
}
.mb-pa-host-choices small{
  color:var(--mb-muted);
  overflow-wrap:anywhere;
}

/* Account e assegnazioni: niente testi "incollati". */
.mb-pa-account-card{
  padding:26px 28px;
}
.mb-pa-assignment{
  padding:16px 18px;
}
.mb-pa-assignment>div:first-child{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:4px;
}
.mb-pa-assignment>div:first-child strong,
.mb-pa-assignment>div:first-child span,
.mb-pa-assignment>div:first-child small{
  display:block;
  line-height:1.4;
}
.mb-pa-assignment>div:first-child strong{
  color:var(--mb-ink);
  font-size:13px;
}
.mb-pa-assignment>div:first-child span{
  color:#486b84;
}
.mb-pa-assignment>div:first-child small{
  min-height:1em;
  color:var(--mb-muted);
}

/* Bottoni azione affiancati e con dimensione coerente. */
.mb-pa-actions-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
}
.mb-pa-actions-row form{
  display:inline-flex;
  width:auto;
  margin:0;
}
.mb-pa-actions-row .mb-button{
  width:auto;
  min-height:40px;
  padding:0 14px;
  white-space:nowrap;
}

.mb-pa-mini-actions{
  flex-wrap:wrap;
}
.mb-pa-mini-actions form{
  display:inline-flex;
}
.mb-pa-mini-actions button,
.mb-pa-mini-actions summary{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 11px;
  border:1px solid rgba(37,99,235,.08);
  border-radius:10px;
  background:#eaf4fc;
  color:#155e9e;
  font:inherit;
  font-size:10px;
  font-weight:800;
  line-height:1.2;
  cursor:pointer;
  white-space:nowrap;
}

/* Legacy: vero box interno, con padding orizzontale. */
.mb-pa-legacy{
  margin-top:22px;
  padding:18px 20px;
  border:1px solid rgba(31,92,143,.10);
  border-radius:18px;
  background:rgba(244,249,253,.76);
}
.mb-pa-legacy>div:first-child{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  min-height:34px;
}
.mb-pa-legacy .mb-actions-row,
.mb-pa-legacy .mb-pa-actions-row{
  margin-top:14px;
}

/* Form pericolosi: label sopra, textbox e bottone affiancati. */
.mb-pa-danger{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(31,92,143,.12);
}
.mb-pa-danger summary{
  display:inline-flex;
  align-items:center;
  min-height:32px;
}
.mb-pa-danger form{
  display:grid;
  grid-template-columns:minmax(180px,1fr) auto;
  gap:9px 10px;
  align-items:end;
  margin-top:12px;
}
.mb-pa-danger form>label{
  grid-column:1 / -1;
  margin:0;
  color:#486b84;
  font-size:12px;
  font-weight:700;
}
.mb-pa-danger form>.mb-button{
  width:auto;
  min-height:46px;
  margin:0;
  white-space:nowrap;
}

/* Form inline di assegnazione/legacy: controlli allineati. */
.mb-pa-inline-form{
  align-items:end;
}
.mb-pa-inline-form>.mb-button{
  min-height:46px;
  white-space:nowrap;
}

/* Piccola separazione tra blocchi principali. */
.mb-pa-account-grid + .mb-section-head,
.mb-pa-create-form + .mb-section-head{
  margin-top:54px;
}

@media(max-width:900px){
  .mb-pa-danger form{
    grid-template-columns:1fr;
  }
  .mb-pa-danger form>label{
    grid-column:auto;
  }
  .mb-pa-danger form>.mb-button{
    width:100%;
  }
  .mb-pa-actions-row form{
    width:auto;
  }
}

@media(max-width:560px){
  .mb-pa-actions-row{
    align-items:stretch;
  }
  .mb-pa-actions-row form{
    flex:1 1 100%;
  }
  .mb-pa-actions-row .mb-button{
    width:100%;
  }
}


/* =========================================================
   MB Preview Access Console V01.04 — Access Log
   ========================================================= */
.mb-pa-log-head{
  scroll-margin-top:110px;
  margin-top:52px;
}
.mb-pa-log-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin:0 0 18px;
  padding:14px 16px;
  border:1px solid rgba(31,92,143,.10);
  border-radius:16px;
  background:rgba(255,255,255,.78);
}
.mb-pa-log-toolbar>strong{
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#486b84;
}
.mb-pa-log-toolbar>div{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
}
.mb-pa-log-toolbar a{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:6px 11px;
  border:1px solid rgba(37,99,235,.10);
  border-radius:999px;
  background:#eef6fc;
  color:#155e9e;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}
.mb-pa-log-toolbar a.is-active{
  border-color:rgba(37,99,235,.26);
  background:#dceffd;
  color:#0e4d82;
}
.mb-pa-log-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:18px;
}
.mb-pa-log-metrics>div{
  min-height:106px;
  padding:18px;
  border:1px solid rgba(31,92,143,.10);
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 35px rgba(31,92,143,.05);
}
.mb-pa-log-metrics small,
.mb-pa-log-project__counts small{
  display:block;
  color:#647e91;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.mb-pa-log-metrics strong{
  display:block;
  margin-top:8px;
  color:var(--mb-ink);
  font-size:28px;
  line-height:1.05;
}
.mb-pa-log-metrics .mb-pa-log-date{
  font-size:17px;
  line-height:1.25;
}
.mb-pa-log-project-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.mb-pa-log-project{
  padding:22px;
  border:1px solid rgba(31,92,143,.10);
  border-radius:20px;
  background:rgba(255,255,255,.88);
  box-shadow:0 16px 40px rgba(31,92,143,.05);
}
.mb-pa-log-project>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.mb-pa-log-project h3{
  margin:0 0 5px;
}
.mb-pa-log-project header code{
  color:#647e91;
  overflow-wrap:anywhere;
}
.mb-pa-log-project__counts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin:18px 0;
}
.mb-pa-log-project__counts>div{
  padding:12px;
  border-radius:14px;
  background:#f2f8fc;
}
.mb-pa-log-project__counts strong{
  display:block;
  margin-top:5px;
  color:var(--mb-ink);
  font-size:22px;
}
.mb-pa-log-project dl{
  margin:0;
}
.mb-pa-log-project dl>div{
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  gap:10px;
  padding:8px 0;
  border-top:1px solid rgba(31,92,143,.08);
}
.mb-pa-log-project dt{
  color:#647e91;
  font-size:11px;
  font-weight:800;
}
.mb-pa-log-project dd{
  margin:0;
  color:#27465d;
  font-size:12px;
  text-align:right;
  overflow-wrap:anywhere;
}
.mb-pa-log-details{
  margin-top:18px;
  padding:0;
  border:1px solid rgba(31,92,143,.10);
  border-radius:18px;
  background:#fff;
  overflow:hidden;
}
.mb-pa-log-details>summary{
  padding:16px 18px;
  cursor:pointer;
  color:#155e9e;
  font-size:12px;
  font-weight:800;
}
.mb-pa-log-table-wrap{
  overflow:auto;
  border-top:1px solid rgba(31,92,143,.08);
}
.mb-pa-log-table{
  width:100%;
  min-width:940px;
  border-collapse:collapse;
  font-size:11px;
}
.mb-pa-log-table th,
.mb-pa-log-table td{
  padding:11px 12px;
  border-bottom:1px solid rgba(31,92,143,.07);
  text-align:left;
  vertical-align:top;
}
.mb-pa-log-table th{
  background:#f4f9fd;
  color:#486b84;
  font-size:10px;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.mb-pa-log-table td{
  color:#27465d;
}
.mb-pa-log-table td strong,
.mb-pa-log-table td small{
  display:block;
}
.mb-pa-log-table td small{
  margin-top:3px;
  color:#7890a2;
}
.mb-pa-log-note{
  margin-top:16px;
}

@media(max-width:900px){
  .mb-pa-log-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .mb-pa-log-project-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:560px){
  .mb-pa-log-metrics{
    grid-template-columns:1fr;
  }
  .mb-pa-log-project__counts{
    grid-template-columns:1fr;
  }
  .mb-pa-log-project dl>div{
    grid-template-columns:1fr;
    gap:3px;
  }
  .mb-pa-log-project dd{
    text-align:left;
  }
}


/* =========================================================
   MB Preview Access Console V01.05 — statistiche aggregate
   ========================================================= */
.mb-pa-log-shortcuts{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.mb-pa-log-shortcuts>span{
  color:#647e91;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.mb-pa-log-shortcuts>div{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.mb-pa-log-shortcuts a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 11px;
  border:1px solid rgba(37,99,235,.10);
  border-radius:999px;
  background:#eef6fc;
  color:#155e9e;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}
.mb-pa-log-shortcuts a.is-active{
  border-color:rgba(37,99,235,.26);
  background:#dceffd;
  color:#0e4d82;
}
.mb-pa-log-filter-form{
  display:grid;
  grid-template-columns:minmax(135px,.8fr) minmax(135px,.8fr) minmax(190px,1.2fr) minmax(170px,1fr) auto;
  gap:12px;
  align-items:end;
  margin:0 0 12px;
  padding:16px;
  border:1px solid rgba(31,92,143,.10);
  border-radius:18px;
  background:rgba(255,255,255,.86);
  box-shadow:0 14px 35px rgba(31,92,143,.04);
}
.mb-pa-log-filter-form .mb-field{
  margin:0;
}
.mb-pa-log-filter-form input,
.mb-pa-log-filter-form select{
  width:100%;
}
.mb-pa-log-filter-actions{
  display:flex;
  gap:7px;
  align-items:center;
  flex-wrap:wrap;
}
.mb-pa-log-period{
  display:flex;
  align-items:center;
  gap:10px 18px;
  flex-wrap:wrap;
  margin:0 0 18px;
  padding:10px 2px;
  color:#647e91;
  font-size:12px;
}
.mb-pa-log-period>strong{
  color:#27465d;
}
.mb-pa-log-metrics--five{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.mb-pa-log-project__counts--four{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.mb-pa-log-subhead{
  margin:34px 0 14px;
}
.mb-pa-log-subhead h3{
  margin:4px 0 5px;
  font-size:clamp(24px,3vw,34px);
}
.mb-pa-log-subhead p{
  max-width:820px;
}
.mb-pa-log-table-card{
  border:1px solid rgba(31,92,143,.10);
  border-radius:18px;
  background:#fff;
}
.mb-pa-log-table--frequency{
  min-width:1160px;
}
.mb-pa-log-table--daily{
  min-width:760px;
}
.mb-pa-log-table--frequency td:nth-child(3),
.mb-pa-log-table--frequency td:nth-child(4),
.mb-pa-log-table--frequency td:nth-child(5),
.mb-pa-log-table--frequency td:nth-child(6),
.mb-pa-log-table--daily td:nth-child(2),
.mb-pa-log-table--daily td:nth-child(3),
.mb-pa-log-table--daily td:nth-child(4),
.mb-pa-log-table--daily td:nth-child(5){
  text-align:center;
}
.mb-pa-log-table--frequency th:nth-child(3),
.mb-pa-log-table--frequency th:nth-child(4),
.mb-pa-log-table--frequency th:nth-child(5),
.mb-pa-log-table--frequency th:nth-child(6),
.mb-pa-log-table--daily th:nth-child(2),
.mb-pa-log-table--daily th:nth-child(3),
.mb-pa-log-table--daily th:nth-child(4),
.mb-pa-log-table--daily th:nth-child(5){
  text-align:center;
}

@media(max-width:1100px){
  .mb-pa-log-filter-form{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .mb-pa-log-filter-actions{
    grid-column:1/-1;
  }
  .mb-pa-log-metrics--five{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .mb-pa-log-filter-form{
    grid-template-columns:1fr;
  }
  .mb-pa-log-filter-actions{
    grid-column:auto;
  }
  .mb-pa-log-metrics--five{
    grid-template-columns:1fr;
  }
  .mb-pa-log-project__counts--four{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:480px){
  .mb-pa-log-project__counts--four{
    grid-template-columns:1fr;
  }
}


/* ============================================================================
   LEGAL / PRIVACY V03.01 — leggibilità, versioning, ancore
   ============================================================================ */
.mb-doc-content section[id]{
  scroll-margin-top:132px;
}
.mb-doc-content strong{
  color:var(--mb-ink);
  font-weight:800;
}
.mb-doc-content em{
  color:#315d7d;
  font-style:normal;
  font-weight:700;
}
.mb-doc-content a{
  color:#155e9e;
  font-weight:700;
  text-decoration-color:rgba(21,94,158,.28);
  text-underline-offset:3px;
}
.mb-doc-content a:hover,
.mb-doc-content a:focus-visible{
  text-decoration-color:currentColor;
}
.mb-doc-callout{
  margin:16px 0;
  padding:15px 17px;
  border-left:3px solid #2d7fb5;
  border-radius:0 14px 14px 0;
  background:linear-gradient(90deg,rgba(45,127,181,.10),rgba(14,165,233,.035));
  color:#365f7c;
  font-size:14px;
  line-height:1.72;
}
.mb-version-history{
  display:grid;
  gap:10px;
  margin:16px 0 0;
  padding-left:22px;
}
.mb-version-history li{
  padding-left:4px;
  color:#486b84;
  line-height:1.7;
}
.mb-footer__meta{
  display:grid;
  gap:5px;
  justify-items:end;
  text-align:right;
}
.mb-footer__ai{
  max-width:430px;
  color:#71879a;
  font-size:10px;
  line-height:1.45;
}
.mb-footer__ai a{
  color:#376b8d;
  font-weight:750;
  text-decoration:none;
}
.mb-footer__ai a:hover,
.mb-footer__ai a:focus-visible{
  text-decoration:underline;
}
@media(max-width:900px){
  .mb-footer__meta{
    justify-items:start;
    text-align:left;
  }
}
@media(max-width:760px){
  .mb-doc-content section[id]{
    scroll-margin-top:94px;
  }
}

/* ============================================================================
   CASE STUDY MEDIA — confronto reale prima / dopo
   ============================================================================ */
.mb-compare-list{
  display:grid;
  gap:28px;
  margin-top:34px;
}
.mb-compare-pair{
  padding:10px 0 20px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.mb-compare-pair__head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:26px;
  margin-bottom:18px;
}
.mb-compare-pair__head>div{
  display:flex;
  align-items:center;
  gap:12px;
}
.mb-compare-pair__head>div>span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:11px;
  background:#0b2a4a;
  color:#fff;
  font-size:11px;
  font-weight:850;
  letter-spacing:.06em;
}
.mb-compare-pair__head h3{
  margin:0;
  font-size:23px;
}
.mb-compare-pair__head p{
  max-width:570px;
  margin:0;
  color:var(--mb-muted);
  font-size:14px;
  line-height:1.65;
}
.mb-compare-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.mb-compare-shot{
  margin:0;
  overflow:hidden;
  border:0;
  border-radius:16px;
  background:#05080d;
}
.mb-compare-shot figcaption{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:14px;
  padding:11px 14px;
  background:#f5f9fd;
  color:#153550;
}
.mb-compare-shot figcaption strong{
  font-size:13px;
}
.mb-compare-shot figcaption span{
  color:#6f8799;
  font-size:11px;
}
.mb-compare-shot a{
  display:block;
  background:#05080d;
}
.mb-compare-shot img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:contain;
  background:#05080d;
}
.mb-case-glossary{
  margin-top:24px;
}
.mb-case-glossary a{
  color:#155e9e;
  font-weight:800;
}
@media(max-width:820px){
  .mb-compare-pair__head{
    align-items:start;
    flex-direction:column;
    gap:10px;
  }
  .mb-compare-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:560px){
  .mb-compare-pair{
    padding:14px;
    border-radius:20px;
  }
  .mb-compare-pair__head h3{
    font-size:20px;
  }
}


/* ============================================================================
   KOMANDA COMPARE MODAL
   ============================================================================ */
.mb-note--soft{
  margin-top:16px;
  background:#f7fbff;
}
.mb-compare-shot a{
  position:relative;
  cursor:zoom-in;
}
.mb-compare-shot a::after{
  content:"Apri confronto";
  position:absolute;
  right:12px;
  bottom:12px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(11,42,74,.76);
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.03em;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .18s ease,transform .18s ease;
}
.mb-compare-shot a:hover::after,
.mb-compare-shot a:focus-visible::after{
  opacity:1;
  transform:translateY(0);
}
.mb-compare-modal[hidden]{display:none}
.mb-compare-modal{
  position:fixed;
  inset:0;
  z-index:1200;
  display:grid;
  place-items:center;
  padding:26px;
}
.mb-compare-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(4,12,24,.76);
  backdrop-filter:blur(5px);
}
.mb-compare-modal__dialog{
  position:relative;
  width:min(1120px,calc(100vw - 30px));
  max-height:min(92vh,980px);
  display:grid;
  grid-template-rows:auto 1fr auto;
  gap:16px;
  padding:22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:28px;
  background:#08131f;
  color:#eef6ff;
  box-shadow:0 28px 80px rgba(0,0,0,.42);
}
.mb-compare-modal__head{
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:14px;
}
.mb-compare-modal__eyebrow{
  margin:0 0 6px;
  color:#86b7d9;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.mb-compare-modal__title{
  margin:0;
  font-size:30px;
  line-height:1.08;
}
.mb-compare-modal__copy{
  margin:8px 0 0;
  color:#b8cce0;
  font-size:14px;
  line-height:1.6;
}
.mb-compare-modal__close{
  flex:0 0 auto;
  width:44px;
  height:44px;
  border:0;
  border-radius:14px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.mb-compare-modal__close:hover,.mb-compare-modal__close:focus-visible{
  background:rgba(255,255,255,.16);
}
.mb-compare-modal__stage{
  position:relative;
  display:grid;
  grid-template-columns:72px 1fr 72px;
  align-items:center;
  gap:14px;
  min-height:0;
}
.mb-compare-modal__viewport{
  min-height:0;
}
.mb-compare-modal__figure{
  margin:0;
  display:grid;
  gap:12px;
}
.mb-compare-modal__figure figcaption{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  font-size:13px;
  color:#dce8f4;
}
.mb-compare-modal__figure figcaption strong{font-size:16px;color:#fff}
.mb-compare-modal__figure img{
  display:block;
  width:100%;
  max-height:62vh;
  object-fit:contain;
  border-radius:18px;
  background:#02070d;
}
.mb-compare-modal__nav{
  width:54px;
  height:54px;
  border:0;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:28px;
  cursor:pointer;
}
.mb-compare-modal__nav:hover,.mb-compare-modal__nav:focus-visible{
  background:rgba(255,255,255,.16);
}
.mb-compare-modal__nav[disabled]{
  opacity:.34;
  cursor:default;
}
.mb-compare-modal__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:#b8cce0;
  font-size:13px;
}
.mb-compare-modal__dots{
  display:flex;
  align-items:center;
  gap:8px;
}
.mb-compare-modal__dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.24);
}
.mb-compare-modal__dot.is-active{
  background:#2fd6ff;
}
@media(max-width:900px){
  .mb-compare-modal{padding:12px}
  .mb-compare-modal__dialog{width:min(100vw - 16px,980px);padding:18px;border-radius:22px}
  .mb-compare-modal__title{font-size:24px}
  .mb-compare-modal__stage{grid-template-columns:56px 1fr 56px}
}
@media(max-width:640px){
  .mb-compare-modal__stage{grid-template-columns:1fr;gap:10px}
  .mb-compare-modal__nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
  }
  .mb-compare-modal__nav--prev{left:10px}
  .mb-compare-modal__nav--next{right:10px}
  .mb-compare-modal__dialog{padding:16px}
  .mb-compare-modal__footer{flex-direction:column;align-items:flex-start}
}


/* ============================================================================
   KOMANDA — schede tecniche prima / dopo
   ============================================================================ */
.mb-tech-spec-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  margin:30px 0 22px;
}
.mb-tech-spec{
  overflow:hidden;
  border-radius:26px;
  background:#0b2034;
  color:#eef7ff;
  box-shadow:0 22px 54px rgba(11,42,74,.16);
}
.mb-tech-spec--web{
  background:linear-gradient(145deg,#0a3150,#0d5f7d);
}
.mb-tech-spec__head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  padding:22px 24px 17px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.mb-tech-spec__head span{
  color:#7fdcff;
  font-size:11px;
  font-weight:850;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.mb-tech-spec__head strong{
  color:#fff;
  font-size:22px;
}
.mb-tech-spec dl{
  margin:0;
  padding:10px 24px 20px;
}
.mb-tech-spec dl>div{
  display:grid;
  grid-template-columns:130px 1fr;
  gap:18px;
  padding:13px 0;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.mb-tech-spec dl>div:last-child{border-bottom:0}
.mb-tech-spec dt{
  color:#8eb7d3;
  font-size:12px;
  font-weight:800;
  letter-spacing:.03em;
}
.mb-tech-spec dd{
  margin:0;
  color:#f4f9fd;
  font-size:14px;
  line-height:1.55;
}
@media(max-width:780px){
  .mb-tech-spec-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .mb-tech-spec__head{padding:19px 18px 15px}
  .mb-tech-spec dl{padding:8px 18px 17px}
  .mb-tech-spec dl>div{grid-template-columns:1fr;gap:4px}
}


/* Home — modernizzazione software consolidato */
.mb-legacy-highlight{
  margin-top:30px;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:34px;
  align-items:center;
}
.mb-legacy-highlight h3{
  margin:10px 0 12px;
  font-size:clamp(24px,3vw,38px);
  line-height:1.08;
}
.mb-legacy-highlight p{margin:0}
.mb-legacy-highlight__tech{
  padding-left:24px;
  border-left:1px solid rgba(37,99,235,.16);
  color:var(--mb-muted);
  line-height:1.7;
}
@media(max-width:820px){
  .mb-legacy-highlight{grid-template-columns:1fr;gap:20px}
  .mb-legacy-highlight__tech{padding:18px 0 0;border-left:0;border-top:1px solid rgba(37,99,235,.16)}
}


/* ============================================================================
   METHOD / TRANSPARENCY / LAYERED PRIVACY
   ============================================================================ */
.mb-method-more{margin-top:26px}
.mb-transparency-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.mb-transparency-card{
  padding:25px;
  border-radius:26px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 16px 44px rgba(36,87,142,.08);
}
.mb-transparency-card>span{
  display:inline-flex;
  margin-bottom:18px;
  color:#1a6da8;
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.mb-transparency-card h3{margin:0 0 9px;font-size:20px}
.mb-transparency-card p{margin:0;color:var(--mb-muted);font-size:14px;line-height:1.72}
.mb-transparency-statement{
  margin-top:20px;
  padding:21px 24px;
  display:flex;
  align-items:center;
  gap:12px 22px;
  flex-wrap:wrap;
  border-radius:22px;
  background:linear-gradient(135deg,#0b2e52,#176a9e);
  color:#d9edf9;
  line-height:1.65;
}
.mb-transparency-statement strong{color:#fff}
.mb-transparency-statement a{margin-left:auto;color:#fff;font-weight:800;text-decoration:none}
.mb-method-manifesto{align-items:stretch}
.mb-method-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mb-method-principles .mb-doc-profile{height:100%}
.mb-privacy-first-layer{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.mb-privacy-first-layer article{
  padding:23px;
  border-radius:24px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 14px 38px rgba(36,87,142,.07);
}
.mb-privacy-first-layer article>span{display:block;margin-bottom:9px;color:#1b6ca4;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.mb-privacy-first-layer strong{display:block;margin-bottom:8px;font-size:17px;line-height:1.35}
.mb-privacy-first-layer p{margin:0;color:var(--mb-muted);font-size:13px;line-height:1.65}
.mb-privacy-ack-info{
  margin-top:18px;padding:20px 22px;border-left:3px solid #2b85bc;background:rgba(255,255,255,.65);color:#52738d;
}
.mb-privacy-ack-info strong{display:block;margin-bottom:5px;color:var(--mb-ink)}
.mb-privacy-ack-info p{margin:0;line-height:1.7}
.mb-privacy-layer-link{
  margin:0 0 32px;
  padding:20px 22px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px 18px;
  border-radius:20px;
  background:linear-gradient(135deg,#e7f3ff,#f4fbff);
  color:#4d718d;
}
.mb-privacy-layer-link strong{color:var(--mb-ink)}
.mb-privacy-layer-link a{font-weight:800;text-decoration:none;white-space:nowrap}

/* ============================================================================
   PREVIEW ACCESS — DAILY DETAIL
   ============================================================================ */
.mb-pa-log-privacy-link{
  margin-top:14px;padding:15px 17px;display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;
  border-left:3px solid #2b85bc;background:rgba(255,255,255,.58);color:#56758e;font-size:12px;
}
.mb-pa-log-privacy-link strong{color:var(--mb-ink)}
.mb-pa-log-privacy-link a{margin-left:auto;font-weight:800;text-decoration:none}
.mb-pa-ip-button{
  display:inline-flex;align-items:center;gap:9px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;font:inherit;
}
.mb-pa-ip-button code{color:#12699b;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.mb-pa-ip-button span{color:#6b8498;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.mb-pa-ip-button:hover code,.mb-pa-ip-button:focus-visible code{color:#0d4f85}
.mb-pa-ip-button:focus-visible{outline:3px solid rgba(37,99,235,.15);outline-offset:4px;border-radius:6px}
.mb-access-detail-modal[hidden]{display:none!important}
.mb-access-detail-modal{position:fixed;inset:0;z-index:2200;display:grid;place-items:center;padding:24px}
.mb-access-detail-modal__backdrop{position:absolute;inset:0;background:rgba(8,27,45,.58);backdrop-filter:blur(7px)}
.mb-access-detail-modal__dialog{
  position:relative;z-index:1;width:min(1180px,100%);max-height:min(780px,calc(100vh - 48px));overflow:auto;
  padding:28px;border-radius:28px;background:#f7fbff;box-shadow:0 34px 90px rgba(5,31,55,.30);
}
.mb-access-detail-modal__dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:10px}
.mb-access-detail-modal__dialog h2{margin:6px 0 3px;font-size:30px}
.mb-access-detail-modal__dialog header code{color:#53728a}
.mb-access-detail-modal__close{
  width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:14px;background:#e7f2fb;color:#184f78;font-size:28px;cursor:pointer;
}
.mb-access-detail-modal__intro{margin:0 0 20px;color:#58758d;font-size:13px;line-height:1.65}
.mb-access-detail-modal .mb-pa-log-table{min-width:900px}
.mb-access-detail-modal .mb-actions{margin-top:20px}

@media(max-width:1050px){
  .mb-transparency-grid,.mb-privacy-first-layer{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .mb-transparency-grid,.mb-privacy-first-layer,.mb-method-principles{grid-template-columns:1fr}
  .mb-transparency-statement a,.mb-pa-log-privacy-link a{margin-left:0}
  .mb-privacy-layer-link{grid-template-columns:1fr}
  .mb-access-detail-modal{padding:10px}
  .mb-access-detail-modal__dialog{padding:20px;max-height:calc(100vh - 20px);border-radius:22px}
  .mb-pa-ip-button{align-items:flex-start;flex-direction:column;gap:4px}
}


/* ============================================================================
   MB SITE — TYPOGRAPHY TUNING V01.12
   Grassetti più leggeri + enfasi puntuale, senza trasformare intere frasi.
   ============================================================================ */
main strong,
main b{
  font-weight:600 !important;
}
.mb-text-emphasis{
  color:#17679f;
  font-weight:600;
  font-style:normal;
}
.mb-manifesto-main .mb-text-emphasis,
.mb-transparency-statement .mb-text-emphasis{
  color:#9cddff;
}

/* ============================================================================
   PROJECT HUB UI POLISH V01.00
   Capability editor + structured document lists
   ============================================================================ */

/* Preview Access: il pannello capability occupa l'intera assegnazione.
   Il summary resta compatto, mentre contenuti e azioni non dipendono dalla
   larghezza della colonna dei mini-actions. */
.mb-pa-capabilities{
  grid-column:1 / -1;
  width:100%;
  margin-top:2px;
}
.mb-pa-capabilities>summary{
  width:max-content;
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-left:auto;
  padding:7px 11px;
  border:1px solid rgba(37,99,235,.08);
  border-radius:10px;
  background:#eaf4fc;
  color:#155e9e;
  font-size:10px;
  font-weight:800;
  line-height:1.2;
  cursor:pointer;
  list-style:none;
}
.mb-pa-capabilities>summary::-webkit-details-marker{display:none}
.mb-pa-capabilities[open]>summary{
  background:#dfeef9;
}
.mb-pa-capabilities__panel{
  margin-top:10px;
  padding:18px;
  border:1px solid rgba(31,92,143,.11);
  border-radius:18px;
  background:rgba(255,255,255,.92);
}
.mb-pa-capabilities__form{
  display:grid;
  gap:16px;
  margin:0;
}
.mb-pa-capabilities__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(31,92,143,.10);
}
.mb-pa-capabilities__head>div{
  display:grid;
  gap:4px;
}
.mb-pa-capabilities__head strong{
  color:var(--mb-ink);
  font-size:13px;
}
.mb-pa-capabilities__head small{
  color:var(--mb-muted);
  font-size:11px;
  line-height:1.45;
}
.mb-pa-capability-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.mb-pa-capability-option{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
  padding:12px 13px;
  border:1px solid rgba(31,92,143,.10);
  border-radius:14px;
  background:#f8fbfe;
  cursor:pointer;
}
.mb-pa-capability-option:hover{
  border-color:rgba(37,99,235,.22);
  background:#f2f8fd;
}
.mb-pa-capability-option input{
  margin-top:2px;
}
.mb-pa-capability-option>span{
  display:grid;
  min-width:0;
  gap:3px;
}
.mb-pa-capability-option strong{
  color:var(--mb-ink);
  font-size:11px;
  line-height:1.35;
}
.mb-pa-capability-option code{
  color:#496b84;
  font-size:10px;
  overflow-wrap:anywhere;
}
.mb-pa-capabilities__actions{
  display:flex;
  justify-content:flex-end;
}
.mb-pa-capabilities__actions button,
.mb-pa-capabilities__reset button{
  min-height:38px;
  padding:8px 14px;
  border:0;
  border-radius:11px;
  background:#eaf4fc;
  color:#155e9e;
  font:inherit;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.mb-pa-capabilities__actions button{
  min-width:210px;
  background:#dfeef9;
}
.mb-pa-capabilities__reset{
  display:flex;
  justify-content:flex-end;
  margin:12px 0 0;
  padding-top:12px;
  border-top:1px solid rgba(31,92,143,.10);
}
.mb-pa-capabilities__reset button{
  background:#f1f5f8;
  color:#526d82;
}

/* Project Hub: ogni documento e' una riga autonoma.
   Evita l'alternanza link/small nel flex-wrap che diventava confusa quando
   una categoria conteneva molti documenti. */
.mb-project-document-list{
  display:grid;
  gap:0;
  margin-top:20px;
  border-top:1px solid rgba(31,92,143,.10);
}
.mb-project-document-item{
  display:grid;
  gap:5px;
  padding:14px 0;
  border-bottom:1px solid rgba(31,92,143,.10);
}
.mb-project-document-item__title{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  color:#155e9e;
  font-size:12px;
  font-weight:800;
  line-height:1.35;
  text-decoration:none;
}
.mb-project-document-item__title:hover span:first-child{
  text-decoration:underline;
  text-underline-offset:3px;
}
.mb-project-document-item__title span:last-child{
  color:#4a86b5;
  font-size:11px;
}
.mb-project-document-item p{
  margin:0;
  color:var(--mb-muted);
  font-size:12px;
  line-height:1.55;
}
.mb-admin-project-card .mb-project-document-list{
  margin-bottom:2px;
}

@media(max-width:980px){
  .mb-pa-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .mb-pa-capability-grid{grid-template-columns:1fr}
  .mb-pa-capabilities__head{flex-direction:column}
  .mb-pa-capabilities__actions,
  .mb-pa-capabilities__reset{justify-content:stretch}
  .mb-pa-capabilities__actions button,
  .mb-pa-capabilities__reset button{width:100%}
}



/* PROJECT HUB DOCUMENT ACCESS V01.00 */
.mb-pa-documents{grid-column:1 / -1;width:100%;margin-top:2px}
.mb-pa-documents>summary{width:max-content;min-height:34px;display:flex;align-items:center;justify-content:center;margin-left:auto;padding:7px 11px;border:1px solid rgba(35,151,108,.12);border-radius:10px;background:#e9f8f2;color:#1d7557;font-size:10px;font-weight:800;line-height:1.2;cursor:pointer;list-style:none}
.mb-pa-documents>summary::-webkit-details-marker{display:none}.mb-pa-documents[open]>summary{background:#dff3ea}
.mb-pa-documents__panel{margin-top:10px;padding:18px;border:1px solid rgba(35,151,108,.14);border-radius:18px;background:rgba(255,255,255,.92)}
.mb-pa-documents__head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:14px;border-bottom:1px solid rgba(31,92,143,.10)}
.mb-pa-documents__head>div{display:grid;gap:4px}.mb-pa-documents__head strong{color:var(--mb-ink);font-size:13px}.mb-pa-documents__head small{color:var(--mb-muted);font-size:11px;line-height:1.45}
.mb-pa-documents__form{display:grid;gap:16px;margin:16px 0 0}.mb-pa-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mb-pa-document-option{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:13px;border:1px solid rgba(31,92,143,.10);border-radius:14px;background:#f8fbfe;cursor:pointer}
.mb-pa-document-option:hover{border-color:rgba(37,99,235,.22);background:#f2f8fd}.mb-pa-document-option.is-locked{opacity:.55;cursor:not-allowed;background:#f4f5f5}.mb-pa-document-option input{margin-top:2px}.mb-pa-document-option>span{display:grid;min-width:0;gap:3px}.mb-pa-document-option strong{font-size:11px;line-height:1.35}.mb-pa-document-option small{color:#496b84;font-size:9px;font-weight:800}.mb-pa-document-option em{color:var(--mb-muted);font-size:10px;font-style:normal;line-height:1.4}
.mb-pa-documents__actions,.mb-pa-documents__reset{display:flex;justify-content:flex-end}.mb-pa-documents__actions button,.mb-pa-documents__reset button{min-height:38px;padding:8px 14px;border:0;border-radius:11px;background:#dff3ea;color:#1d7557;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.mb-pa-documents__reset{margin:12px 0 0;padding-top:12px;border-top:1px solid rgba(31,92,143,.10)}.mb-pa-documents__reset button{background:#f1f5f8;color:#526d82}
@media(max-width:780px){.mb-pa-document-grid{grid-template-columns:1fr}.mb-pa-documents__head{flex-direction:column}.mb-pa-documents__actions,.mb-pa-documents__reset{justify-content:stretch}.mb-pa-documents__actions button,.mb-pa-documents__reset button{width:100%}}

/* MB STUDIO PROJECT INFORMATION MODEL - EDEN PILOT LAYOUT V01.03 */
.mb-project-quicknav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(31,92,143,.10);
}
.mb-project-quicknav a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:7px 12px;
  border:1px solid rgba(31,92,143,.10);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#155e9e;
  font-size:10px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none;
}
.mb-project-quicknav a:hover,
.mb-project-quicknav a:focus-visible{background:#f3f8fc}
.mb-project-disclosure-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.mb-project-disclosure-actions button{
  min-height:34px;
  padding:7px 11px;
  border:0;
  border-radius:10px;
  background:#edf4f8;
  color:#4c687d;
  font:inherit;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}

/* Le disclosure del pilot sono vere fasce di pagina, non card flottanti. */
.mb-project-band{
  position:relative;
  isolation:isolate;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.mb-project-band[id]{scroll-margin-top:120px}
.mb-project-band--panel::before{
  content:"";
  position:absolute;
  inset:20px 1.45%;
  z-index:-1;
  border-radius:54px;
  background:
    radial-gradient(circle at 0 0,rgba(37,99,235,.10),transparent 23rem),
    linear-gradient(150deg,rgba(255,255,255,.82),rgba(236,247,255,.78));
  border:1px solid rgba(255,255,255,.76);
  box-shadow:0 18px 54px rgba(36,87,142,.06);
}
.mb-project-band__summary{
  position:relative;
  display:block;
  padding:86px 0;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.mb-project-band__summary::-webkit-details-marker{display:none}
.mb-project-band__summary::marker{display:none;content:""}
.mb-project-band__summary:focus-visible{outline:0}
.mb-project-band__summary:focus-visible .mb-project-band__summary-inner{
  outline:3px solid rgba(37,99,235,.20);
  outline-offset:8px;
  border-radius:18px;
}
.mb-project-band__summary-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
}
.mb-project-band__summary-copy{display:grid;justify-items:start;gap:10px;min-width:0}
.mb-project-band__summary-copy strong{
  display:block;
  max-width:900px;
  color:var(--mb-ink);
  font-family:"Aptos Display","Segoe UI Variable Display","Segoe UI",sans-serif;
  font-size:clamp(34px,4vw,58px);
  line-height:1.02;
  letter-spacing:-.045em;
  /* Deve prevalere su TYPOGRAPHY TUNING: main strong { font-weight:600 !important; }. */
  font-weight:700 !important;
}
.mb-project-band__summary-copy small{
  color:#6a8296;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.mb-project-disclosure__chevron{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  flex:0 0 auto;
  border-radius:15px;
  background:linear-gradient(135deg,#dceeff,#e8fbff);
  color:#1663aa;
  font-size:24px;
  line-height:1;
  transition:transform .18s ease;
}
.mb-project-band[open]>.mb-project-band__summary{padding-bottom:38px}
.mb-project-band[open]>.mb-project-band__summary .mb-project-disclosure__chevron{transform:rotate(180deg)}
.mb-project-band__body{padding:0 0 86px}
.mb-project-disclosure__body--case{padding:0}
.mb-project-disclosure__body--case>.mb-page-hero,
.mb-project-disclosure__body--case>.mb-section{margin:0}
.mb-project-case-disclosure[open]>.mb-project-band__summary{padding-bottom:42px}
.mb-project-case-disclosure>.mb-project-band__summary{border-bottom:1px solid transparent}
.mb-project-case-disclosure[open]>.mb-project-band__summary{border-bottom-color:rgba(31,92,143,.06)}

.mb-project-info-intro{
  max-width:900px;
  margin:0 0 30px;
  color:var(--mb-muted);
  font-size:16px;
  line-height:1.72;
}
.mb-project-info-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:0 0 24px;
}
.mb-project-info-facts>div{
  min-width:0;
  padding:18px;
  border:1px solid rgba(255,255,255,.78);
  border-radius:20px;
  background:rgba(255,255,255,.70);
  box-shadow:0 12px 34px rgba(36,87,142,.05);
}
.mb-project-info-facts dt{
  margin:0 0 6px;
  color:#648096;
  font-size:9px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.mb-project-info-facts dd{
  margin:0;
  color:var(--mb-ink);
  font-size:13px;
  font-weight:800;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.mb-project-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mb-project-info-card{
  min-width:0;
  padding:28px;
  border-radius:28px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.84);
  box-shadow:0 18px 50px rgba(36,87,142,.09);
}
.mb-project-info-card h3{
  margin:0 0 10px;
  color:var(--mb-navy);
  font-size:22px;
  line-height:1.15;
  letter-spacing:-.025em;
  font-weight:700;
}
.mb-project-info-card p{margin:0;color:var(--mb-muted);font-size:14px;line-height:1.72}
.mb-project-path-list{display:grid;gap:0;border-top:1px solid rgba(31,92,143,.08)}
.mb-project-path-row{
  display:grid;
  grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);
  gap:22px;
  align-items:start;
  padding:18px 0;
  border-bottom:1px solid rgba(31,92,143,.08);
}
.mb-project-path-row code{display:block;color:#155e9e;font-size:12px;font-weight:800;overflow-wrap:anywhere}
.mb-project-path-row p{margin:0;color:var(--mb-muted);font-size:14px;line-height:1.65}
.mb-project-info-list{display:grid;gap:11px;margin:0;padding-left:24px;color:var(--mb-muted);font-size:14px;line-height:1.7}
.mb-project-band__body .mb-note{margin-top:24px}

.mb-project-resource-grid{margin-top:0}
.mb-project-resources-disclosure .mb-admin-project-card,
.mb-project-resources-disclosure .mb-admin-project-card.is-published{
  border-color:rgba(255,255,255,.88);
  box-shadow:0 18px 50px rgba(36,87,142,.09);
}
.mb-project-resources-disclosure .mb-admin-project-card h3{color:var(--mb-navy)}

.mb-case-project-media{
  margin:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.84);
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 50px rgba(35,73,103,.08);
}
.mb-case-project-media img{display:block;width:100%;height:auto}
.mb-case-project-media figcaption{padding:13px 16px;color:var(--mb-muted);font-size:11px;line-height:1.55}

@media(max-width:920px){
  .mb-project-info-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .mb-project-band__summary{padding:62px 0}
  .mb-project-band[open]>.mb-project-band__summary{padding-bottom:30px}
  .mb-project-band__body{padding-bottom:62px}
  .mb-project-band--panel::before{inset:12px 8px;border-radius:34px}
  .mb-project-band__summary-inner{gap:16px}
  .mb-project-band__summary-copy{gap:8px}
  .mb-project-band__summary-copy strong{font-size:clamp(30px,9vw,42px)}
  .mb-project-disclosure__chevron{width:40px;height:40px;border-radius:14px;font-size:22px}
  .mb-project-info-facts,.mb-project-info-grid{grid-template-columns:1fr}
  .mb-project-path-row{grid-template-columns:1fr;gap:6px}
  .mb-project-quicknav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .mb-project-quicknav a{justify-content:center;text-align:center}
}
@media(prefers-reduced-motion:reduce){.mb-project-disclosure__chevron{transition:none}}

/* MB STUDIO TEST BAR + AUDIENCE PREVIEW - EDEN PILOT V01.06 */
.mb-testbar{
  position:sticky;
  top:70px;
  z-index:950;
  padding:10px 0;
  border-top:1px solid rgba(31,92,143,.10);
  border-bottom:1px solid rgba(31,92,143,.12);
  background:rgba(244,249,252,.94);
  backdrop-filter:blur(16px);
  box-shadow:0 10px 28px rgba(20,57,86,.07);
}
.mb-testbar__inner{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(420px,1.45fr) auto;gap:22px;align-items:center}
.mb-testbar__identity{display:grid;gap:3px;min-width:0}
.mb-testbar__eyebrow{color:#155e9e;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.mb-testbar__identity strong{color:var(--mb-ink);font-size:14px;font-weight:800 !important;line-height:1.2}
.mb-testbar__identity small{max-width:520px;color:#5d778b;font-size:10px;line-height:1.45}
.mb-testbar__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}
.mb-testbar__facts>div{min-width:0;padding:8px 10px;border:1px solid rgba(31,92,143,.09);border-radius:12px;background:rgba(255,255,255,.72)}
.mb-testbar__facts dt{margin:0 0 3px;color:#70879a;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.mb-testbar__facts dd{margin:0;color:var(--mb-ink);font-size:10px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}
.mb-testbar__switch{display:grid;justify-items:end;gap:6px}
.mb-testbar__switch>span{color:#70879a;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.mb-testbar__options{display:flex;gap:5px;padding:4px;border-radius:12px;background:#e6eef4}
.mb-testbar__options a{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 9px;border-radius:9px;color:#47677f;font-size:9px;font-weight:900;text-decoration:none;white-space:nowrap}
.mb-testbar__options a:hover,.mb-testbar__options a:focus-visible{background:rgba(255,255,255,.75)}
.mb-testbar__options a.is-active{background:#fff;color:#155e9e;box-shadow:0 3px 10px rgba(38,79,112,.10)}
.mb-testbar__reset{color:#155e9e;font-size:9px;font-weight:800;text-decoration:none}
.mb-testbar__reset:hover{text-decoration:underline}
@media(max-width:1100px){.mb-testbar{top:64px}.mb-testbar__inner{grid-template-columns:1fr 1fr}.mb-testbar__facts{grid-column:1/-1;order:3}.mb-testbar__switch{justify-items:end}}
@media(max-width:700px){.mb-testbar{position:relative;top:auto}.mb-testbar__inner{grid-template-columns:1fr}.mb-testbar__switch{justify-items:start}.mb-testbar__facts{grid-template-columns:repeat(2,minmax(0,1fr));grid-column:auto;order:initial}.mb-testbar__options{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.mb-testbar__options a{white-space:normal;text-align:center}}

/* MB STUDIO TEST BAR - HIGH CONTRAST V01.08 */
.mb-testbar{
  border-top:1px solid rgba(255,255,255,.16);
  border-bottom:2px solid #79cfff;
  background:#142532;
  box-shadow:0 12px 34px rgba(5,16,24,.28);
}
.mb-testbar__eyebrow{color:#9edcff}
.mb-testbar__identity strong{color:#fff}
.mb-testbar__identity small{color:#c9dce8}
.mb-testbar__facts>div{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.07)}
.mb-testbar__facts dt{color:#9eb9ca}
.mb-testbar__facts dd{color:#fff}
.mb-testbar__switch>span{color:#9eb9ca}
.mb-testbar__options{border:1px solid rgba(255,255,255,.16);background:#0c1821}
.mb-testbar__options a{color:#d6e8f3}
.mb-testbar__options a:hover,.mb-testbar__options a:focus-visible{background:rgba(255,255,255,.14);color:#fff}
.mb-testbar__options a.is-active{background:#fff;color:#0d4f7a;box-shadow:0 3px 12px rgba(0,0,0,.30)}
.mb-testbar__reset{color:#9edcff}
.mb-testbar__reset:hover,.mb-testbar__reset:focus-visible{color:#fff}

/* MB STUDIO TEST BAR + TECHNICAL STEPS READABILITY V01.09 */
.mb-testbar__eyebrow{font-size:10px;line-height:1.3}
.mb-testbar__identity strong{font-size:17px;line-height:1.28}
.mb-testbar__identity small{font-size:12px;line-height:1.55}
.mb-testbar__facts>div{padding:10px 12px}
.mb-testbar__facts dt{font-size:10px;line-height:1.25}
.mb-testbar__facts dd{font-size:12px;line-height:1.42}
.mb-testbar__switch>span{font-size:10px;line-height:1.25}
.mb-testbar__options a{min-height:36px;padding:8px 12px;font-size:12px;line-height:1.25}
.mb-testbar__reset{font-size:11px;line-height:1.35}
.mb-project-info-steps{
  margin:0 0 24px;
  padding:26px 28px;
  border-radius:28px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.84);
  box-shadow:0 14px 38px rgba(36,87,142,.06);
}
.mb-project-info-steps h3{
  margin:0 0 14px;
  color:var(--mb-navy);
  font-size:20px;
  line-height:1.25;
  letter-spacing:-.02em;
  font-weight:700;
}
.mb-project-info-steps .mb-project-info-list{margin:0}
@media(max-width:700px){
  .mb-testbar__identity strong{font-size:17px}
  .mb-testbar__identity small{font-size:12px}
  .mb-testbar__facts dt{font-size:10px}
  .mb-testbar__facts dd{font-size:12px}
  .mb-testbar__options a{font-size:12px}
  .mb-project-info-steps{padding:22px 20px;border-radius:24px}
}

/* MB STUDIO TEST BAR - PROJECT SWITCH V01.03 */
.mb-testbar__project-form{display:grid;gap:5px;min-width:0}
.mb-testbar__project-form>label{
  margin:0;color:#9eb9ca;font-size:10px;font-weight:900;line-height:1.25;
  letter-spacing:.07em;text-transform:uppercase;
}
.mb-testbar__project-field{display:flex;align-items:center;gap:7px;min-width:0}
.mb-testbar__project-select{
  width:100%;min-width:0;min-height:38px;padding:7px 34px 7px 11px;
  border:1px solid rgba(255,255,255,.18);border-radius:10px;
  background:#0c1821;color:#fff;font-size:12px;font-weight:800;line-height:1.3;cursor:pointer;
}
.mb-testbar__project-select:hover{border-color:rgba(158,220,255,.52)}
.mb-testbar__project-select:focus-visible{outline:2px solid #9edcff;outline-offset:2px}
.mb-testbar__project-form noscript button{
  min-height:38px;padding:7px 10px;border:1px solid rgba(255,255,255,.18);
  border-radius:10px;background:#fff;color:#0d4f7a;font-size:11px;font-weight:800;cursor:pointer;
}
@media(max-width:700px){
  .mb-testbar__project-form{width:100%}
  .mb-testbar__project-select{font-size:12px}
}
/* MB PROJECT HUB - OWNER PRINCIPLES / CONSOLIDATION V01.14 */
.mb-project-principles{
  position:relative;
  margin:0 0 26px;
  padding:26px 28px 24px;
  overflow:hidden;
  border:1px solid rgba(172,116,31,.24);
  border-left:5px solid #b7791f;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,252,242,.98),rgba(255,244,216,.90));
  box-shadow:0 16px 42px rgba(103,72,20,.08);
}
.mb-project-principles::after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-72px;
  top:-82px;
  border-radius:999px;
  background:rgba(214,157,62,.10);
  pointer-events:none;
}
.mb-project-principles__head{position:relative;z-index:1;margin:0 0 14px}
.mb-project-principles__head>span{
  display:block;
  margin:0 0 5px;
  color:#94631c;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.mb-project-principles__head h3{
  margin:0;
  color:#553b16;
  font-size:21px;
  line-height:1.2;
  letter-spacing:-.02em;
  font-weight:800;
}
.mb-project-info-list--principles{position:relative;z-index:1;color:#5f4a2b;font-weight:650}
.mb-project-info-list--principles li::marker{color:#b7791f}
@media(max-width:700px){
  .mb-project-principles{padding:22px 20px 20px;border-radius:22px}
  .mb-project-principles__head h3{font-size:19px}
}
/* MB_PA_TOAST_V08 */
.mb-toast{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:9999;
  max-width:min(380px,calc(100vw - 32px));
  padding:11px 14px;
  border:1px solid rgba(23,54,80,.14);
  border-radius:12px;
  background:#fff;
  color:#173650;
  box-shadow:0 10px 28px rgba(23,54,80,.14);
  font-size:.92rem;
  line-height:1.35;
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:opacity .16s ease,transform .16s ease;
}
.mb-toast.is-visible{
  opacity:1;
  transform:translateY(0);
}
.mb-toast.is-ok{
  border-color:rgba(31,140,112,.28);
}
.mb-toast.is-error{
  border-color:rgba(170,72,72,.28);
}
@media (max-width:640px){
  .mb-toast{
    left:16px;
    right:16px;
    bottom:16px;
    max-width:none;
  }
}
@media (prefers-reduced-motion:reduce){
  .mb-toast{transition:none}
}