/* Tema "Progetto": il disegno tecnico. Carta millimetrata, linee di quota, annotazioni in carattere tecnico,
   blu cobalto: comunica precisione, misura, consulenza. */
:root{
  --font-body:'IBM Plex Sans',system-ui,sans-serif;--font-head:'IBM Plex Sans',system-ui,sans-serif;--track-head:-.025em;--w-head:600;
  --bg:#FFFFFF;--surface:#FFFFFF;--surface2:#EEF2FA;--card-foot:#FFFFFF;--text:#101828;--muted-text:#536079;--muted-head:#8A96AD;--border:#CBD5EA;
  --primary:#1F3FD1;--primary-hover:#1732A8;--primary-soft:#E8EDFF;
  --cta:#1F3FD1;--cta-hover:#1732A8;--cta-ink:#FFFFFF;
  --head:#FFFFFF;--head-ink:#101828;--head-muted:#8A96AD;--head-border:#CBD5EA;--head-hover:#EEF2FA;
  --hero-bg:#FFFFFF;--hero-ink:#101828;--hero-muted:#3E4A63;--hero-chip:#FFFFFF;--hero-border:#CBD5EA;
  --dark:#0E1A3D;--dark-ink:#FFFFFF;--dark-muted:#AEBBD9;--dark-card:#13234F;--dark-border:#26387A;--accent-on-dark:#7FA2FF;
  --foot:#0E1A3D;--foot-muted:#AEBBD9;--foot-border:#26387A;--ok-dot:#12B76A;
  --radius:4px;--radius-sm:4px;--radius-btn:4px;
  --plex-mono:'IBM Plex Mono',ui-monospace,monospace;
}
.eyebrow,.lbl,.pill-badge,.bento-top .mono,.marquee{font-family:var(--plex-mono)!important}
/* Hero su carta millimetrata, a due colonne */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;padding:72px max(24px,calc((100% - 1320px)/2 + 24px)) 80px;
  background:#FFFFFF;border-bottom:1px solid var(--border)}
.hero-in{text-align:left;padding:0;margin:0;max-width:none}
.hero h1{font-size:clamp(44px,5.2vw,78px);line-height:1.02;letter-spacing:-.035em}
.hero .lead{margin:22px 0 30px;max-width:540px}
.hero .btnrow.center,.hero-links{justify-content:flex-start!important}
.pill-badge{border:1px solid var(--primary);background:#fff;color:var(--primary);font-size:12px}
.pill-badge span{border-radius:2px}
.console{padding:0;max-width:none;position:relative}
.console-in{grid-template-columns:1fr 1fr;padding:0;gap:0;border:1.5px solid var(--primary);border-radius:4px;box-shadow:none;background:#fff;position:relative}
/* linea di quota sopra il riquadro */
.console-in::before{content:"CONFIGURAZIONE  ·  SCALA 1:1";position:absolute;left:0;right:0;top:-30px;height:14px;font:500 11px/14px var(--plex-mono);letter-spacing:.08em;color:var(--primary);text-align:center;
  background:linear-gradient(var(--primary),var(--primary)) 0 50%/calc(50% - 120px) 1px no-repeat,linear-gradient(var(--primary),var(--primary)) 100% 50%/calc(50% - 120px) 1px no-repeat,
  linear-gradient(var(--primary),var(--primary)) 0 0/1px 100% no-repeat,linear-gradient(var(--primary),var(--primary)) 100% 0/1px 100% no-repeat}
.console-img{grid-column:1 / -1;border:0;border-bottom:1px solid var(--border);border-radius:0;min-height:240px}
.console-img .tag{font-family:var(--plex-mono)!important;color:var(--primary)}
.console-img::after{content:"FIG. 1";position:absolute;right:14px;bottom:12px;font:500 11px var(--plex-mono);color:var(--muted-text);letter-spacing:.08em}
.console-panel,.console-price{background:#fff;border:0;border-radius:0}
.console-panel{border-right:1px solid var(--border)}
.bigprice{font-family:var(--plex-mono)!important;font-weight:500;letter-spacing:-.04em;color:var(--primary)}
.marquee-wrap{background:#fff}
.marquee{font-size:16px;letter-spacing:.2em;color:var(--muted-text)}
.h-xxl .grey,.h-xl .mute,.h-xxl .mute{color:var(--primary)}
.eyebrow{color:var(--primary)}
.eyebrow::before{content:"— "}
/* schede come tavole tecniche */
.pcard,.pcard.t1,.pcard.t2,.pcard.t3{border:1px solid var(--border);border-radius:4px}
.pcard:hover{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}
.pcard-media{border-radius:3px 3px 0 0;border-bottom:1px solid var(--border);background:#fff}
.price{font-family:var(--plex-mono)!important;font-weight:500;color:var(--primary)}
.round-arrow{border-radius:4px}
.svc{border-radius:4px}
/* passi collegati da una linea tratteggiata */
.steps{position:relative}
.step,.step.s0,.step.s1,.step.s2,.step.s3{border-top:1px solid var(--border);border-radius:4px;background:#fff}
.step .num{font-family:var(--plex-mono);font-weight:500;font-size:44px}
.step .num::before{content:"STEP ";font-size:13px;letter-spacing:.12em;vertical-align:middle;color:var(--muted-text)}
.step.s3{background:var(--primary)}
.step.s3 .num::before{color:rgba(255,255,255,.7)}
.zonelist a{font-weight:500}
.dot,.dot.d0,.dot.d1,.dot.d2,.dot.d3{border-radius:0;width:9px;height:9px;transform:rotate(45deg)}
.cta-box{border-radius:4px;background:var(--primary)}
.cta-box .btn.black{background:#fff;color:var(--primary)}
@media (max-width:980px){.hero{grid-template-columns:1fr;padding-top:44px}.console-in{grid-template-columns:1fr}.console-panel{border-right:0;border-bottom:1px solid var(--border)}.console-in::before{display:none}}

/* 1.0.12 — sfondo bianco, niente linea di quota, badge come pulsante */
.console-in::before{content:none!important;display:none!important}
.pill-badge{font-family:var(--font-body)!important;font-size:14px;font-weight:500;letter-spacing:0;border:1px solid var(--border);background:#fff;color:var(--text);
  padding:8px 16px 8px 8px;border-radius:var(--radius-btn);box-shadow:0 1px 2px rgba(16,24,40,.06);gap:10px;transition:border-color .15s,box-shadow .15s}
.pill-badge:hover{border-color:var(--primary);color:var(--text);box-shadow:0 4px 14px -6px rgba(16,24,40,.25)}
.pill-badge span{font-family:var(--font-body);font-weight:700;font-size:12px;padding:4px 10px;text-transform:uppercase;letter-spacing:.04em;border-radius:calc(var(--radius-btn) - 1px)}
/* riquadro del prezzo nella scheda prodotto: tutto il testo bianco */
.summary,.summary *,.summary .muted,.summary small,.summary .sumrows,.summary .bigprice small{color:#fff!important}
.summary .sumrows{border-bottom-color:rgba(255,255,255,.3)}