/* Portfolio additions: InterventoFlow and PreventivoChiaro. All product
   imagery is reconstructed in semantic HTML/CSS with synthetic content. */

.feature-project + .feature-project { margin-top:24px; }
.next-card h4 { color:#f4f7f6; }
.next-card .next-symbol { color:#77c1ad; }
.intervento-feature-visual { background:#e7e8fa; }
.preventivo-feature-visual { background:#eceaf8; }

.flow-mini,.quote-mini {
  position:relative;
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  width:min(100%,680px);
  min-height:370px;
  overflow:hidden;
  border:1px solid #c7cedf;
  border-radius:12px;
  background:#f6f7fb;
  color:#171c35;
  box-shadow:0 18px 32px rgba(24,35,72,.14);
}
.flow-mini-side,.quote-mini-side {
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:21px 10px;
  background:#11152f;
  color:#9ca6c6;
}
.flow-mini-side strong,.quote-mini-side strong { color:#fff;font-size:11px;white-space:nowrap; }
.flow-mini-side strong span { color:#a5a8ff; }
.quote-mini-side strong span { color:#c6c0ff; }
.flow-mini-side>small,.quote-mini-side>small { margin:0 0 25px;color:#747fa7;font:6px Consolas,monospace;letter-spacing:.08em; }
.flow-mini-side>span,.flow-mini-side>b,.quote-mini-side>span,.quote-mini-side>b { display:flex;justify-content:space-between;padding:8px 5px;border-radius:5px;font-size:7px; }
.flow-mini-side>b,.quote-mini-side>b { background:#292e52;color:#fff; }
.flow-mini-side i { padding:1px 4px;border-radius:8px;background:#eef0ff;color:#5358d7;font-style:normal; }
.flow-mini-main,.quote-mini-main { min-width:0; }
.flow-mini-top,.quote-mini-top { height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #dfe2ee;background:#fff;color:#6f7895;font-size:8px; }
.flow-mini-top b { padding:5px 7px;border:1px solid #e1e3ef;border-radius:12px;color:#565cca;font-size:6px; }
.quote-mini-top b { padding:6px 8px;border-radius:4px;background:#242b55;color:#fff;font-size:7px; }
.flow-mini-body,.quote-mini-body { padding:19px 17px; }
.flow-mini-hero { padding:18px;border-radius:11px;background:linear-gradient(130deg,#141c48,#2c3478);color:#fff; }
.flow-mini-hero small { color:#aeb1ff;font:7px Consolas,monospace;letter-spacing:.09em; }
.flow-mini-hero h4 { margin:7px 0 6px;font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.02;letter-spacing:-.04em; }
.flow-mini-hero h4 em { color:#aeb1ff;font-style:normal; }
.flow-mini-hero>span { color:#c8cbea;font-size:8px; }
.flow-mini-metrics { display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px; }
.flow-mini-metrics>div { display:grid;gap:5px;padding:10px;border:1px solid #e0e3ef;border-radius:7px;background:#fff; }
.flow-mini-metrics small { color:#727b9b;font:6px Consolas,monospace; }
.flow-mini-metrics b { font-size:18px; }
.flow-mini-job { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:12px;border:1px solid #e0e3ef;border-radius:7px;background:#fff; }
.flow-mini-job span b,.flow-mini-job span small,.quote-mini-row span b,.quote-mini-row span small { display:block; }
.flow-mini-job span b,.quote-mini-row span b { font-size:9px; }
.flow-mini-job span small,.quote-mini-row span small { margin-top:4px;color:#7c849d;font-size:7px; }
.flow-mini-job em { padding:5px 7px;border-radius:10px;background:#fff0da;color:#9a6117;font-size:6px;font-style:normal;font-weight:800; }

.quote-mini-body>small { color:#5850c8;font:7px Consolas,monospace;letter-spacing:.08em; }
.quote-mini-body h4 { margin:6px 0 14px;font-family:Georgia,"Times New Roman",serif;font-size:19px;letter-spacing:-.04em; }
.quote-mini-levels { display:grid;grid-template-columns:repeat(3,1fr);gap:6px; }
.quote-mini-levels>div { display:grid;gap:6px;padding:10px;border:1px solid #e0e2ed;border-radius:6px;background:#fff; }
.quote-mini-levels>div.selected { border-color:#6a62dd;background:#f0efff;box-shadow:inset 0 0 0 1px #6a62dd; }
.quote-mini-levels span { color:#7a8198;font:6px Consolas,monospace; }
.quote-mini-levels b { font-size:11px; }
.quote-mini-row { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:11px;border:1px solid #e0e2ed;border-radius:6px;background:#fff; }
.quote-mini-row em { padding:4px 6px;border-radius:10px;background:#e6f0ff;color:#315bb6;font-size:6px;font-style:normal;font-weight:800; }
.quote-mini-row.rule em { background:#fff0da;color:#996015; }

.interventoflow-study { --product-accent:#5b61d6;--product-dark:#11152f; }
.preventivochiaro-study { --product-accent:#5148c8;--product-dark:#171b3c; }
.interventoflow-study .case-hero h1 em,.preventivochiaro-study .case-hero h1 em { color:var(--product-accent); }
.interventoflow-study .case-meta span,.preventivochiaro-study .case-meta span { border-color:#bfc5db;color:#4a5570; }
.interventoflow-study .evolution-card.shipped,.preventivochiaro-study .evolution-card.shipped { background:#ebeefa;color:var(--ink); }
.interventoflow-study .evolution-card.future,.preventivochiaro-study .evolution-card.future { background:#f0f1f6;color:var(--ink); }
.interventoflow-study .evolution-card li,.preventivochiaro-study .evolution-card li { border-color:#cfd5df;color:#40545b; }
.interventoflow-study .evolution-card>span,.preventivochiaro-study .evolution-card>span { color:var(--product-accent); }
.interventoflow-study .case-closing em,.preventivochiaro-study .case-closing em { color:#b9bcff; }

.ops-preview {
  height:520px;
  display:grid;
  grid-template-columns:142px minmax(0,1fr);
  overflow:hidden;
  border:9px solid var(--product-dark);
  border-radius:14px;
  background:#f6f7fb;
  color:#171c35;
  box-shadow:22px 25px 0 #ccd4d3,0 30px 75px rgba(21,49,54,.16);
}
.ops-side { display:flex;flex-direction:column;gap:5px;padding:24px 12px;background:var(--product-dark);color:#a5acc4; }
.ops-side strong { color:#fff;font-size:13px;white-space:nowrap; }
.ops-side strong span { color:#aeb1ff; }
.preventivochiaro-study .ops-side strong span { color:#c6c0ff; }
.ops-side>small { margin-bottom:31px;color:#747e9d;font:7px Consolas,monospace;letter-spacing:.08em; }
.ops-side>span,.ops-side>b { display:flex;justify-content:space-between;padding:9px 7px;border-radius:5px;font-size:8px; }
.ops-side>b { background:#2a3056;color:#fff; }
.ops-side i { min-width:15px;padding:2px 4px;border-radius:9px;background:#eceeff;color:#4d52c4;font-style:normal;text-align:center; }
.ops-main { min-width:0; }
.ops-top { height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;border-bottom:1px solid #e0e3ec;background:#fff;color:#747c93;font-size:8px; }
.ops-top>b { padding:6px 9px;border-radius:12px;background:#f0f1fb;color:var(--product-accent);font-size:7px; }
.ops-body { max-height:454px;overflow:hidden;padding:18px 19px; }
.ops-eyebrow { color:var(--product-accent);font:7px Consolas,monospace;letter-spacing:.1em; }
.ops-body>h4 { margin:5px 0 13px;font-size:19px;letter-spacing:-.04em; }

.flow-ui-hero { padding:18px;border-radius:9px;background:linear-gradient(130deg,#141c48,#30397e);color:#fff; }
.flow-ui-hero small { color:#b9bcff;font:7px Consolas,monospace;letter-spacing:.09em; }
.flow-ui-hero strong { display:block;margin:6px 0;font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.05; }
.flow-ui-hero strong em { color:#b9bcff;font-style:normal; }
.flow-ui-hero span { color:#ced0e9;font-size:8px; }
.flow-ui-metrics { display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px; }
.flow-ui-metrics>div { display:grid;padding:10px;border:1px solid #e0e3ed;border-radius:7px;background:#fff; }
.flow-ui-metrics small { color:#747d99;font:6px Consolas,monospace; }
.flow-ui-metrics b { margin-top:5px;font-size:18px; }
.flow-ui-list { margin-top:9px;padding:10px;border:1px solid #e0e3ed;border-radius:7px;background:#fff; }
.flow-ui-list>strong { display:block;margin-bottom:4px;font-size:10px; }
.flow-ui-list>div { display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid #eceef4;font-size:8px; }
.flow-ui-list span small { display:block;margin-top:2px;color:#858ca2;font-size:6px; }
.flow-ui-list em { color:#8d5a16;font-size:6px;font-style:normal;font-weight:800; }
.field-summary { display:grid;grid-template-columns:1fr auto;gap:9px;align-items:start;padding:13px;border:1px solid #e0e3ed;border-radius:7px;background:#fff; }
.field-summary strong { font-size:13px; }
.field-summary small { display:block;margin-top:5px;color:#7a839b;font-size:7px; }
.field-summary em { padding:5px 7px;border-radius:10px;background:#e7f1e9;color:#3d7347;font:normal 700 6px Consolas,monospace; }
.checklist { margin-top:9px;padding:12px;border:1px solid #e0e3ed;border-radius:7px;background:#fff; }
.checklist>strong { display:block;margin-bottom:7px;font-size:10px; }
.checklist div { display:flex;gap:7px;padding:6px 0;border-top:1px solid #eef0f5;font-size:8px; }
.checklist i { display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#e7f1e9;color:#3d7347;font-style:normal;font-size:7px; }
.voice-card { display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;margin-top:9px;padding:11px;border-radius:7px;background:#eceeff; }
.voice-card>b { display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#5b61d6;color:#fff; }
.voice-card span strong,.voice-card span small { display:block; }
.voice-card span strong { font-size:9px; }.voice-card span small { margin-top:3px;color:#6f7795;font-size:7px; }
.voice-card em { color:#5056c6;font:normal 800 7px Consolas,monospace; }
.review-banner { padding:10px;border-radius:7px;background:#fff4dd;color:#8b5914;font-size:8px;font-weight:700; }
.report-card { margin-top:9px;padding:13px;border:1px solid #e0e3ed;border-radius:7px;background:#fff; }
.report-card>div { display:flex;align-items:center;justify-content:space-between;gap:9px; }
.report-card strong { font-size:11px; }.report-card em { padding:5px 7px;border-radius:10px;background:#edefff;color:#5056c6;font:normal 800 6px Consolas,monospace; }
.report-card p { color:#68728d;font-size:8px;line-height:1.5; }
.report-evidence { display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px; }
.report-evidence span { padding:8px;border-radius:5px;background:#f4f5f9;color:#6e7791;font-size:7px; }

.quote-request { padding:12px;border:1px solid #e0e2ec;border-radius:7px;background:#fff; }
.quote-request small { color:#727990;font:6px Consolas,monospace; }.quote-request p { margin:7px 0 0;color:#3d455e;font:10px/1.45 Georgia,"Times New Roman",serif; }
.quote-levels { display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px; }
.quote-levels>div { display:grid;gap:5px;padding:9px;border:1px solid #e0e2ec;border-radius:6px;background:#fff; }
.quote-levels>div.selected { border-color:#665ed7;background:#f0efff; }.quote-levels span { color:#767d94;font:6px Consolas,monospace; }.quote-levels b { font-size:11px; }
.evidence-table { margin-top:9px;border:1px solid #e0e2ec;border-radius:7px;background:#fff;overflow:hidden; }
.evidence-row { display:grid;grid-template-columns:1.2fr .55fr .75fr;gap:7px;align-items:center;padding:9px;border-top:1px solid #eceef4;font-size:7px; }.evidence-row:first-child{border:0}.evidence-row strong{font-size:8px}.evidence-row small{display:block;margin-top:2px;color:#80879b;font-size:6px}.evidence-bar{height:5px;border-radius:4px;background:#e6e8ef;overflow:hidden}.evidence-bar i{display:block;height:100%;background:#5478c9}.evidence-row.rule .evidence-bar i{background:#c48a36}.evidence-row em{font-size:6px;font-style:normal;font-weight:800;color:#425b94}.evidence-row.rule em{color:#946324}
.quote-paper { padding:15px;border:1px solid #dfe2eb;border-radius:7px;background:#fff;box-shadow:0 8px 20px rgba(29,35,68,.08); }
.quote-paper-head { display:flex;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #e3e5ed; }.quote-paper-head strong{font-size:15px}.quote-paper-head span{color:#5a52cf;font:7px Consolas,monospace}.quote-lines{margin-top:8px}.quote-lines div{display:grid;grid-template-columns:1fr 42px 55px;gap:7px;padding:7px 0;border-bottom:1px solid #edf0f4;font-size:7px}.quote-lines b{text-align:right}.quote-total{display:flex;justify-content:flex-end;gap:18px;margin-top:10px;padding:10px;background:#f0efff;font-size:9px}.quote-total b{color:#5047ce;font-size:12px}

@media(max-width:1080px){
  .feature-project-secondary .feature-copy{order:1}.feature-project-secondary .feature-visual{order:2}
}
@media(max-width:680px){
  .flow-mini,.quote-mini{grid-template-columns:62px 1fr;min-height:285px}
  .flow-mini-side,.quote-mini-side{padding:13px 5px}.flow-mini-side strong,.quote-mini-side strong{font-size:7px}.flow-mini-side>small,.quote-mini-side>small{font-size:5px;margin-bottom:17px}.flow-mini-side>span,.flow-mini-side>b,.quote-mini-side>span,.quote-mini-side>b{font-size:6px;padding:6px 2px}.flow-mini-side i{display:none}
  .flow-mini-top,.quote-mini-top{height:34px;padding-inline:8px;font-size:6px}.flow-mini-body,.quote-mini-body{padding:12px 8px}.flow-mini-hero{padding:11px}.flow-mini-hero h4{font-size:14px}.flow-mini-hero small,.flow-mini-hero>span{font-size:5px}.flow-mini-metrics{gap:4px}.flow-mini-metrics>div{padding:6px}.flow-mini-metrics small{font-size:5px}.flow-mini-metrics b{font-size:13px}.flow-mini-job,.quote-mini-row{padding:7px}.flow-mini-job span b,.quote-mini-row span b{font-size:7px}.flow-mini-job span small,.quote-mini-row span small,.flow-mini-job em,.quote-mini-row em{font-size:5px}
  .quote-mini-body h4{font-size:14px;margin-bottom:9px}.quote-mini-levels{gap:3px}.quote-mini-levels>div{padding:6px}.quote-mini-levels span{font-size:4px}.quote-mini-levels b{font-size:7px}
  .ops-preview{height:410px;grid-template-columns:70px 1fr;border-width:6px;box-shadow:8px 11px 0 #ccd4d3}.ops-side{padding:15px 5px}.ops-side strong{font-size:8px}.ops-side>small{margin-bottom:24px;font-size:5px}.ops-side>span,.ops-side>b{padding:7px 3px;font-size:6px}.ops-side i{display:none}.ops-top{height:36px;padding-inline:8px;font-size:6px}.ops-body{padding:10px 8px}.ops-body>h4{font-size:14px}.flow-ui-hero{padding:11px}.flow-ui-hero strong{font-size:13px}.flow-ui-hero small,.flow-ui-hero span{font-size:5px}.flow-ui-metrics{gap:4px}.flow-ui-metrics>div{padding:7px}.flow-ui-metrics small{font-size:5px}.flow-ui-metrics b{font-size:13px}.flow-ui-list{padding:7px}.flow-ui-list>div{font-size:6px}.field-summary strong{font-size:9px}.checklist div{font-size:6px}.voice-card{grid-template-columns:22px 1fr auto;padding:7px}.voice-card>b{width:22px;height:22px}.report-evidence{gap:3px}.report-evidence span{padding:5px;font-size:5px}.quote-request p{font-size:8px}.quote-levels{gap:3px}.quote-levels>div{padding:6px}.quote-levels span{font-size:4px}.quote-levels b{font-size:8px}.evidence-row{grid-template-columns:1fr .5fr .7fr;padding:6px;font-size:5px}.evidence-row strong{font-size:6px}.evidence-row small,.evidence-row em{font-size:5px}.quote-paper{padding:9px}.quote-paper-head strong{font-size:11px}.quote-lines div{grid-template-columns:1fr 30px 40px;font-size:5px}
}