:root{--color-neutro-0:#ffffff;--color-neutro-50:#f7f7f8;--color-neutro-100:#eeeef1;--color-neutro-200:#dcdce2;--color-neutro-300:#b9b9c4;--color-neutro-400:#8e8e9c;--color-neutro-500:#6c6c7a;--color-neutro-600:#53535f;--color-neutro-700:#3e3e48;--color-neutro-800:#2a2a31;--color-neutro-900:#17171b;--color-fondo:#ffffff;--color-fondo-tenue:#f7f7f8;--color-fondo-alto:#ffffff;--color-testo:#17171b;--color-testo-tenue:#53535f;--color-testo-inverso:#ffffff;--color-bordo:#dcdce2;--color-bordo-forte:#b9b9c4;--color-accento:#2a2a31;--color-accento-testo:#ffffff;--color-ok:#1a7f45;--color-attenzione:#9a6700;--color-guasto:#b42318;--color-informazione:#1f5fa9;--spacing-0:0px;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-px:1px;--radius-none:0px;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--duration-rapida:120ms;--duration-media:200ms;--duration-lenta:320ms}*{box-sizing:border-box}body{margin:0;padding:var(--spacing-10) var(--spacing-6);background:var(--color-fondo-tenue);color:var(--color-testo);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5}main{max-width:44rem;margin:0 auto;padding:var(--spacing-8);background:var(--color-fondo);border:1px solid var(--color-bordo);border-radius:var(--radius-lg)}h1{margin:0 0 var(--spacing-2);font-size:var(--text-2xl)}p{margin:0 0 var(--spacing-6);color:var(--color-testo-tenue)}dl{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--spacing-2) var(--spacing-6);gap:var(--spacing-2) var(--spacing-6);margin:0;font-family:var(--font-mono);font-size:var(--text-sm)}dt{color:var(--color-testo-tenue)}dd{margin:0}.guscio{display:grid;grid-template-columns:216px 1fr;min-height:100vh;align-items:start}.laterale{position:-webkit-sticky;position:sticky;top:0;padding:var(--spacing-6) var(--spacing-4);border-right:1px solid var(--color-bordo);background:var(--color-fondo)}.laterale .marchio{display:grid;grid-gap:var(--spacing-1);gap:var(--spacing-1);margin-bottom:var(--spacing-8)}.laterale .studio{font-size:var(--text-sm);color:var(--color-testo-tenue)}.laterale .cliente{font-weight:600}.laterale .piano{font-size:var(--text-sm);color:var(--color-testo-tenue)}.laterale .gruppo{margin-bottom:var(--spacing-6)}.laterale h2{margin:0 0 var(--spacing-2);font-size:var(--text-xs);letter-spacing:.08em;color:var(--color-testo-tenue);font-weight:600}.laterale ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--spacing-1);gap:var(--spacing-1)}.laterale .comeLink,.laterale a{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-1) var(--spacing-2);border:0;border-radius:var(--radius-sm);background:none;color:var(--color-testo);font:inherit;text-align:left;text-decoration:none;cursor:pointer}.laterale .comeLink:hover,.laterale a:hover{background:var(--color-fondo-tenue)}.laterale .comeLink:focus-visible,.laterale a:focus-visible{outline:2px solid var(--color-accento);outline-offset:2px}.laterale .quante{min-width:1.5em;padding:0 var(--spacing-1);border-radius:var(--radius-sm);background:var(--color-accento);color:var(--color-accento-testo);font-size:var(--text-xs);text-align:center}.guscio main{max-width:44rem;margin:0;padding:var(--spacing-8);background:none;border:0}.guscio section{margin-bottom:var(--spacing-8)}.guscio h2{font-size:var(--text-lg);margin:0 0 var(--spacing-3)}.nota,.vuoto{color:var(--color-testo-tenue)}.nota{font-size:var(--text-sm)}.carte{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--spacing-4);gap:var(--spacing-4)}.carte>li{padding:var(--spacing-4);border:1px solid var(--color-bordo);border-radius:var(--radius-lg);background:var(--color-fondo)}.carte h3{margin:0 0 var(--spacing-2);font-size:var(--text-base)}.carte p{margin:0;color:var(--color-testo-tenue)}.righe{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--spacing-2);gap:var(--spacing-2)}.righe>li{display:grid;grid-gap:var(--spacing-1);gap:var(--spacing-1);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-bordo)}.righe .titolo{font-weight:500}.righe .nota{font-size:var(--text-sm)}.passi{list-style:none;margin:0 0 var(--spacing-3);padding:0;display:grid;grid-gap:var(--spacing-1);gap:var(--spacing-1)}.passi .fatto{color:var(--color-testo)}.passi li{color:var(--color-testo-tenue)}.passi .inCorso{color:var(--color-testo);font-weight:500}@media (max-width:40rem){.guscio{grid-template-columns:1fr}.laterale{position:static;border-right:0;border-bottom:1px solid var(--color-bordo)}.laterale .gruppo{margin-bottom:var(--spacing-3)}.guscio main{padding:var(--spacing-6) var(--spacing-4)}}main form{display:grid;grid-gap:var(--spacing-2);gap:var(--spacing-2);margin:var(--spacing-6) 0;max-width:24rem}main form label{font-size:var(--text-sm);color:var(--color-testo-tenue)}main input[type=email]{width:100%;padding:var(--spacing-3);border:1px solid var(--color-bordo-forte);border-radius:var(--radius-sm);background:var(--color-fondo);color:var(--color-testo);font:inherit;font-size:max(1rem,var(--text-base))}main button[type=submit]{padding:var(--spacing-3) var(--spacing-5);border:0;border-radius:var(--radius-sm);background:var(--color-accento);color:var(--color-accento-testo);font:inherit;font-weight:500;cursor:pointer;justify-self:start}main button:focus-visible,main input[type=email]:focus-visible{outline:2px solid var(--color-accento);outline-offset:2px}main [role=status]{padding:var(--spacing-3) var(--spacing-4);border-left:3px solid var(--color-accento);border-radius:var(--radius-sm);background:var(--color-fondo-tenue)}.guscio main form{max-width:none}.guscio main input[type=text],.guscio main select,.guscio main textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--color-bordo-forte);border-radius:var(--radius-sm);background:var(--color-fondo);color:var(--color-testo);font:inherit;font-size:max(1rem,var(--text-base))}.guscio main textarea{resize:vertical;min-height:6rem}.guscio main label{font-size:var(--text-sm);color:var(--color-testo-tenue)}.guscio main input:focus-visible,.guscio main select:focus-visible,.guscio main textarea:focus-visible{outline:2px solid var(--color-accento);outline-offset:2px}.carte .gesti{display:grid;grid-gap:var(--spacing-2);gap:var(--spacing-2);margin-top:var(--spacing-3)}.carte .bottoni{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.carte .bottoni button{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-accento);border-radius:var(--radius-sm);background:var(--color-accento);color:var(--color-accento-testo);font:inherit;cursor:pointer}.carte .bottoni .secondario{background:none;color:var(--color-accento)}.carte .bottoni button:focus-visible{outline:2px solid var(--color-accento);outline-offset:2px}