/* ZampaSuite — home.css (home C, prodotto protagonista). Solo disposizione. */
.home-c{--bg:#FFFFFF}
.home-c .car-b .zs-ui-icon{display:block}
.home-c .nav{position:sticky;top:0;background:var(--bg)}
@media(prefers-color-scheme:dark){.home-c{--bg:#120E26}}

/* HERO compatta: titolo a sinistra, CTA a destra */
.pf-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--zs-space-9);align-items:end;padding-block:var(--zs-space-10) var(--zs-space-9)}
.pf-tx .kick+h1{margin-top:var(--zs-space-6)}
.pf-top h1{max-width:960px}.pf-top h1 span{display:block;color:var(--p)}
.pf-top h1+p{margin-top:var(--zs-space-6);max-width:560px;font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--t2)}
.pf-cta{display:flex;flex-direction:column;align-items:flex-end}
.pf-cta .cta{display:flex;gap:var(--zs-space-4)}
.pf-cta .trust{margin-top:var(--zs-space-4)}

/* PALCO: app a tutta larghezza + etichette */
.stage{padding-block:0}
.stage-in{position:relative;padding:var(--zs-space-9) 132px 0;border-radius:var(--r-box) var(--r-box) 0 0;background:linear-gradient(var(--lilla),var(--bg) 92%)}
.stage .win{box-shadow:0 30px 80px rgba(42,23,133,.18)}
.stage .wbody{min-height:540px}.stage .wcol{min-height:400px}
.stage .phone{left:auto;right:56px;top:136px;transform:scale(.72);transform-origin:top right}
.calls{position:absolute;inset:0;pointer-events:none}
.calls .call{position:absolute;width:248px;pointer-events:auto}
.c1{left:24px;top:300px}.c2{left:50%;top:16px;margin-left:-124px}.c3{right:24px;top:620px}.c4{left:24px;top:480px}

/* CAROSELLO */
.car{padding-inline:0}
.car-hd{display:flex;justify-content:space-between;align-items:flex-end;max-width:none;padding-inline:var(--edge)}
.car-hd .tag+h2{margin-top:var(--zs-space-4)}
.cmp .tag+h2,.prz .tag+h2{margin-top:var(--zs-space-4)}

/* FAQ accanto al titolo */
.faq5{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:var(--zs-space-11);align-items:start}
.faq5 .hd{margin-bottom:0;position:sticky;top:104px}
.faq5 .hd h2+p{color:var(--t2)}

.split-s{padding-top:0}

@media(max-width:1100px){
  .nav nav,.nav .lk{display:none}
  .nr{margin-left:auto;display:flex;align-items:center;gap:var(--zs-space-3)}
  .menu{display:block}
  .pf-top{grid-template-columns:1fr;gap:var(--zs-space-7)}
  .pf-cta{align-items:flex-start}
  .stage-in{padding:var(--zs-space-8) var(--zs-space-6) 0}
  .stage .wside{display:none}.stage .wbody{grid-template-columns:1fr}
  .stage .phone{display:none}
  .stage-in{padding-bottom:0}
  .calls{position:static;display:grid;grid-template-columns:1fr 1fr;gap:var(--zs-space-4);margin-top:var(--zs-space-8);pointer-events:auto}
  .calls .call{position:static;width:auto;margin:0}
  .prow{grid-template-columns:1fr}
  .faq5{grid-template-columns:1fr;gap:var(--hd-gap)}.faq5 .hd{position:static}
  .split{grid-template-columns:1fr}.sp-l{padding:var(--zs-space-10) var(--zs-space-8)}.sp-r .ill5{max-width:320px}
}
@media(max-width:700px){
  .pf-top{padding-block:var(--zs-space-8) var(--zs-space-7)}
  .pf-cta{align-items:stretch}.pf-cta .cta{flex-direction:column}.pf-cta .btn{width:100%}
  .stage{padding-inline:0}
  .stage-in{padding:var(--zs-space-6) var(--gx) 0;border-radius:0}
  .stage .wk-sum{display:none}.stage .wmain{padding:var(--zs-space-4)}
  .stage .wgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage .wcol:nth-child(n+3){display:none}.stage .wcol{min-height:300px}.stage .wbody{min-height:0}
  .calls{grid-template-columns:1fr;gap:var(--zs-space-3)}
  .car-nav{display:none}
  .cmp-w{overflow:visible;border:0;background:none;border-radius:0}
  .cmp-w table,.cmp-w tbody,.cmp-w tr,.cmp-w th,.cmp-w td{display:block;min-width:0}
  .cmp-w thead{display:none}
  .cmp-w tr{border:1px solid var(--bd);border-radius:var(--r-md);overflow:hidden;background:var(--sf)}
  .cmp-w tr+tr{margin-top:var(--zs-space-3)}
  .cmp-w tbody th{width:auto;padding:16px 20px 8px;border:0}
  .cmp-w td{padding:8px 20px 16px;border:0}
  .cmp-w td::before{content:attr(data-l);display:block;margin-bottom:4px;font:700 12px/16px var(--ff-t);letter-spacing:.08em;text-transform:uppercase;color:var(--t2)}
  .cmp-w td.z{padding-top:16px}
  .cmp-w td.z::before{color:var(--p)}
  .cc{width:84vw;max-width:320px}
  .pp{grid-template-columns:1fr}.pp .chk{grid-column:auto;grid-row:auto}.pp .btn{width:100%}
  .pp-pr b{font-size:52px}
  .sp-l{padding:var(--zs-space-9) var(--zs-space-6)}.sp-l .btn{width:100%}
}