/* v12 Claude — «Il palazzo aperto». Un piccolo palazzo in plastilina con quattro stanze di lavoro:
   da ognuna esce il problema con le parole di chi lo vive; un tocco (o lo scroll) porta la soluzione. */
.hero-palazzo{height:260vh;height:260svh}
.hero-palazzo .stage{background:linear-gradient(180deg,#f2dfc6 0%,#f3dcc0 55%,#e9d2b3 100%)}
.hero-palazzo .intro{top:176px;width:600px}
.hero-palazzo .intro:before{content:'';position:absolute;z-index:-1;inset:-90px -150px -80px -120px;background:radial-gradient(closest-side,#f7ead7e6 0%,#f7ead7b3 55%,#f7ead700 100%);pointer-events:none}
.hero-palazzo .intro h1{font-size:70px;letter-spacing:-3.2px;line-height:1}
.hero-palazzo .intro h1 em{font-style:normal;color:#7d5420;display:inline-block;letter-spacing:-3.2px}
.hero-palazzo .subtitle{font-size:21px;line-height:1.45;max-width:520px;margin:24px 0;color:#34433e}
.hero-palazzo .cta-row{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.hero-palazzo .cta-row .location{margin-top:0}
.hero-palazzo .intro .pill{min-width:0;padding:16px 30px;font-size:18px}

/* La scena: un'unica tavola, e tutto ciò che vive sopra è agganciato ai suoi pixel (posizioni in percentuale dell'immagine) */
.palazzo{position:absolute;left:0;top:0;width:2688px;height:1520px;transform-origin:0 0;will-change:transform;z-index:1;--k:.7;--bf:clamp(12.5px,calc(var(--k) * 21px),18px)}
.plate{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;-webkit-user-drag:none}
.palazzo [data-p]:not(.balloon){position:absolute;translate:-50% -50%;pointer-events:none}
.palazzo.paused,.palazzo.paused *{animation-play-state:paused!important}
.palazzo img.vfx,.palazzo .vfx img{display:block;height:auto}
.palazzo .vfx img{width:100%}

/* Luce del mattino che gira piano dall'angolo in alto a destra */
.rays{position:absolute;left:100%;top:0;width:150%;aspect-ratio:1;translate:-50% -50%;pointer-events:none;opacity:.8;background:url(assets/raggi.webp) center/100% no-repeat;animation:dcc-spin 140s linear infinite}
@keyframes dcc-spin{to{transform:rotate(360deg)}}

/* Lampade e finestre che respirano */
.glow{aspect-ratio:1;border-radius:50%;mix-blend-mode:screen;background:radial-gradient(closest-side,#ffe2aecc 0%,#ffcf8a66 40%,#ffc0700f 75%,#ffc07000 100%);animation:dcc-flicker 5.2s ease-in-out infinite;animation-delay:calc(var(--d,0)*-1s)}
.glow.soft{animation-name:dcc-breathe;animation-duration:7s;opacity:.7}
@keyframes dcc-flicker{0%,100%{opacity:.78;transform:scale(1)}8%{opacity:.62}10%{opacity:.86}38%{opacity:.72;transform:scale(1.04)}41%{opacity:.9}66%{opacity:.7;transform:scale(.97)}}
@keyframes dcc-breathe{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:.8;transform:scale(1.05)}}
.glow.q{background:radial-gradient(closest-side,#fff0c8e6 0%,#ffd18a80 38%,#ffc07000 100%);animation:dcc-think 2.6s ease-in-out infinite}
@keyframes dcc-think{0%,100%{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}
.glow.bulb{background:radial-gradient(closest-side,#fffbeaf2 0%,#ffe6a8b3 28%,#ffcf7a55 58%,#ffc07000 100%);animation:dcc-bulb 3.2s ease-in-out infinite}
@keyframes dcc-bulb{0%,100%{opacity:.85;transform:scale(.98)}50%{opacity:1;transform:scale(1.07)}}
.glow.screen{background:radial-gradient(closest-side,#fffdf2e6 0%,#f4f0d680 40%,#e8f0d000 100%);animation:dcc-breathe 2.4s ease-in-out infinite}

/* Le stanze: la versione risolta entra con un cerchio di luce che parte dalla nuvoletta */
.room{position:absolute;cursor:pointer;-webkit-tap-highlight-color:transparent}
.room-sol{position:absolute;inset:0;width:100%;height:100%;display:block;clip-path:circle(0% at var(--cx) var(--cy));transition:clip-path 1s cubic-bezier(.3,.7,.15,1)}
.room.on .room-sol{clip-path:circle(150% at var(--cx) var(--cy))}
.room:after{content:'';position:absolute;inset:4%;border-radius:18px;background:radial-gradient(closest-side,#fff3d400,#fff3d400 55%,#fff3d433);opacity:0;transition:opacity .35s;pointer-events:none}
.room:hover:after{opacity:1}
.room-flash{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--cx) var(--cy),#fffaf0 0%,#ffe7b4aa 22%,#ffe7b400 60%)}
.room.flash .room-flash{animation:dcc-flash 1.1s ease-out}
@keyframes dcc-flash{0%{opacity:0}18%{opacity:.95}100%{opacity:0}}

/* Il palazzo vivo */
.puff{opacity:0;animation:dcc-rise 7.2s ease-out infinite;animation-delay:calc(var(--d)*1s)}
@keyframes dcc-rise{0%{opacity:0;transform:translate(0,0) scale(.35)}14%{opacity:.95}100%{opacity:0;transform:translate(70%,-330%) scale(1.7)}}
.bird{display:grid;opacity:0;animation:dcc-fly var(--t,20s) linear infinite;animation-delay:calc(var(--d)*1s)}.bird.off{display:none}
.bird img{grid-area:1/1;transform:scaleX(-1)}.bird img:last-child{opacity:0;animation:dcc-flap .42s linear infinite}.bird img:first-child{animation:dcc-flap .42s linear infinite reverse}
@keyframes dcc-flap{0%,49%{opacity:0}50%,100%{opacity:1}}
@keyframes dcc-fly{0%{opacity:0;transform:translate(0,0)}3%{opacity:1}25%{transform:translate(calc(var(--fx,4800%)*-.25),-40%)}50%{transform:translate(calc(var(--fx,4800%)*-.5),25%)}75%{transform:translate(calc(var(--fx,4800%)*-.75),-30%)}93%{opacity:1}100%{opacity:0;transform:translate(calc(var(--fx,4800%)*-1),10%)}}
.leaf-fall{opacity:0;animation:dcc-leaf 12s ease-in-out infinite;animation-delay:calc(var(--d)*1s)}
@keyframes dcc-leaf{0%{opacity:0;transform:translate(0,0) rotate(0)}6%{opacity:1}35%{transform:translate(-160%,300%) rotate(160deg)}65%{transform:translate(60%,620%) rotate(300deg)}88%{opacity:1}100%{opacity:0;transform:translate(-120%,900%) rotate(420deg)}}

/* I problemi, vivi */
.env{opacity:0;animation:dcc-rain 2.6s cubic-bezier(.45,0,.7,1) infinite;animation-delay:calc(var(--d)*1s)}
@keyframes dcc-rain{0%{opacity:0;transform:translate(0,-40%) rotate(0)}12%{opacity:1}72%{opacity:1;transform:translate(0,var(--dy)) rotate(var(--r))}88%,100%{opacity:0;transform:translate(0,var(--dy)) rotate(var(--r))}}
.sheet{opacity:0;animation:dcc-flutter 3.6s ease-in-out infinite;animation-delay:calc(var(--d)*1s)}
@keyframes dcc-flutter{0%{opacity:0;transform:translate(0,0) rotate(0)}10%{opacity:1}45%{transform:translate(110%,70%) rotate(38deg)}75%{opacity:1;transform:translate(170%,180%) rotate(-12deg)}100%{opacity:0;transform:translate(195%,205%) rotate(8deg)}}
.tumble{opacity:0;animation:dcc-tumble 7.5s linear infinite 1s}
@keyframes dcc-tumble{0%{opacity:0;transform:translate(0,0) rotate(0)}6%{opacity:1}20%{transform:translate(-230%,-55%) rotate(-180deg)}40%{transform:translate(-460%,0) rotate(-360deg)}60%{transform:translate(-690%,-40%) rotate(-540deg)}80%{transform:translate(-920%,0) rotate(-720deg)}94%{opacity:1}100%{opacity:0;transform:translate(-1150%,0) rotate(-900deg)}}

/* Le soluzioni, vive (partono dopo il cerchio di luce) */
.belt{opacity:0;animation:dcc-belt 3.6s ease-in-out infinite;animation-delay:calc(var(--d)*1s + .9s)}
@keyframes dcc-belt{0%{opacity:0;transform:translate(0,0)}8%{opacity:1;transform:translate(0,0)}56%{transform:translate(var(--tx),0)}76%{opacity:1;transform:translate(var(--tx),var(--ty)) scale(.9)}88%,100%{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.9)}}
.steam{opacity:0;animation:dcc-steam 2.4s ease-out infinite;animation-delay:calc(var(--d)*1s + .9s)}
@keyframes dcc-steam{0%{opacity:0;transform:translate(0,0) scale(.5)}25%{opacity:.85}100%{opacity:0;transform:translate(-35%,-280%) scale(1.4)}}
.print{opacity:0;transform-origin:50% 0;animation:dcc-print 3.4s ease-in-out infinite 1s}
@keyframes dcc-print{0%{opacity:0;transform:translate(0,-70%) scaleY(.15)}14%{opacity:1}58%{opacity:1;transform:translate(0,10%) scaleY(1)}84%{opacity:1;transform:translate(0,14%)}100%{opacity:0;transform:translate(0,22%)}}
.spark{opacity:0;animation:dcc-twinkle 1.9s ease-in-out infinite;animation-delay:calc(var(--d)*1s + .9s)}
@keyframes dcc-twinkle{0%,100%{opacity:0;transform:scale(.2) rotate(0)}50%{opacity:1;transform:scale(1) rotate(90deg)}}
.stone{aspect-ratio:1;border-radius:50%;opacity:0;mix-blend-mode:screen;background:radial-gradient(closest-side,#fffbe6 0%,#ffe29acc 45%,#ffd06e00 100%);animation:dcc-step 3s ease-out infinite;animation-delay:calc(var(--d)*1s + 1s)}
@keyframes dcc-step{0%{opacity:0;transform:scale(.4)}12%{opacity:1;transform:scale(1.25)}45%{opacity:.9;transform:scale(1)}75%,100%{opacity:0;transform:scale(.9)}}

/* Ogni effetto vive solo nello stato giusto della sua stanza */
.palazzo.on0 .p0,.palazzo.on1 .p1,.palazzo.on2 .p2,.palazzo.on3 .p3,
.palazzo:not(.on0) .s0,.palazzo:not(.on1) .s1,.palazzo:not(.on2) .s2,.palazzo:not(.on3) .s3{display:none}

/* Le scintille dell'istante in cui una stanza si sistema */
.burst{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;z-index:3}
.burst img{position:absolute;left:0;top:0;width:calc(var(--k)*34px);translate:-50% -50%;opacity:0}
.burst.go img{animation:dcc-burst .95s cubic-bezier(.2,.7,.3,1)}
@keyframes dcc-burst{0%{opacity:1;transform:rotate(var(--a)) translateX(0) scale(.3)}70%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateX(calc(var(--k)*170px)) scale(1) rotate(120deg)}}

/* Le nuvolette */
.balloon{position:absolute;z-index:4;translate:calc(var(--tail) * -1) calc(-100% - var(--th,13px));display:block;padding:.62em .95em .68em;border-radius:1.15em;border:1px solid #ffffffe6;background:#fffdf7f5;color:#153830;
 font:inherit;font-size:var(--bf,15px);font-weight:500;line-height:1.28;text-align:left;cursor:pointer;pointer-events:auto;box-shadow:0 .9em 1.8em -.9em #1d3a33a6,inset 0 1px 0 #fff;
 transform-origin:var(--tail) 100%;animation:dcc-pop .75s cubic-bezier(.34,1.56,.64,1) backwards,dcc-bob 3.8s ease-in-out infinite alternate;animation-delay:calc(.5s + var(--i)*.28s),calc(var(--i)*-.9s);transition:background .45s,border-color .45s,scale .3s cubic-bezier(.34,1.56,.64,1)}
.balloon:after{content:'';position:absolute;left:var(--tail);bottom:calc(var(--th,13px) * -1 + 1px);width:calc(var(--th,13px) * 1.5);height:var(--th,13px);translate:-50% 0;background:inherit;clip-path:polygon(0 0,100% 0,38% 100%);filter:drop-shadow(0 1px 0 #ffffffe6)}
@keyframes dcc-pop{from{opacity:0;scale:.2}}
@keyframes dcc-bob{from{transform:translateY(0)}to{transform:translateY(-.32em)}}
.balloon:hover,.balloon:focus-visible,.balloon.hot{scale:1.05}
.balloon:focus-visible{outline:3px solid #ae7827;outline-offset:3px}
.b-short,.bs-short{display:none}
.bs-short{font-style:normal;font-weight:600;color:#193f35}
.b-sol{display:none;grid-template-columns:auto 1fr;column-gap:.5em;align-items:center}
.b-sol b{font-weight:600;color:#193f35}.b-sol>span{grid-column:1/-1;margin-top:.3em;font-size:.84em;font-weight:400;line-height:1.38;color:#3f4e48}
.b-tick{width:1.35em;height:1.35em;border-radius:50%;background:#d4aa6b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='%23fffdf7' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/72% no-repeat;box-shadow:0 .2em .4em -.2em #8a5d24}
.balloon.on{background:#f5f8efF7;border-color:#e3ecd8}
.balloon.on .b-prob{display:none}.balloon.on .b-sol{display:grid}
.balloon.on.compact .b-sol>span{display:none}
.balloon.morph{animation:dcc-morph .7s cubic-bezier(.34,1.56,.64,1),dcc-bob 3.8s ease-in-out infinite alternate}
@keyframes dcc-morph{0%{scale:.55;opacity:.4}100%{scale:1;opacity:1}}

/* Invito al tocco: un anello che pulsa attorno alla prima nuvoletta finché non tocchi o scorri */
.balloon.hint:before{content:'';position:absolute;inset:-6px;border-radius:1.5em;border:3px solid #b07a2a;box-shadow:0 0 14px #ffd98acc;opacity:0;pointer-events:none;animation:dcc-hint 1.9s ease-out 2.2s infinite}
@keyframes dcc-hint{0%{opacity:0;transform:scale(.96)}22%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.13)}}
.reduced .balloon.hint:before{animation:none;opacity:.8}
/* Pannello delle soluzioni: solo sul telefono, sotto il palazzo */
.room-panel{display:none}

/* Telefono: testo in alto, il palazzo sotto a tutta larghezza, e il pannello che racconta la stanza toccata */
@media(max-width:760px){
 .hero-palazzo{height:calc(var(--sh,1320px) + 160svh)}
 .hero-palazzo .stage{height:var(--sh,1320px);top:calc(100svh - var(--sh,1320px))}
 .hero-palazzo .design{height:var(--sh,1320px)}
 .hero-palazzo .intro{top:100px;left:20px;right:20px;width:auto}
 .hero-palazzo .intro:before{display:none}
 .hero-palazzo .intro h1{font-size:42px;letter-spacing:-1.8px}.hero-palazzo .intro h1 em{letter-spacing:-1.8px}
 .hero-palazzo .subtitle{font-size:15px;margin:18px 0;max-width:none}.hero-palazzo .cta-row{gap:12px}.hero-palazzo .intro .pill{padding:13px 22px;font-size:14px}

 .palazzo{-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 9%);mask-image:linear-gradient(180deg,#0000 0,#000 9%)}
 .b-long{display:none}.b-short{display:inline}
 .palazzo .balloon{width:auto!important;padding:.5em .75em .55em;white-space:nowrap}
 .balloon.on .b-sol>span,.balloon.on .b-sol b{display:none}.balloon.on .bs-short{display:inline}
 .palazzo .balloon{--tail:50%!important;font-size:12.5px}
 .rays{display:none}
 .room-panel{display:block;position:absolute;left:14px;right:14px;bottom:78px;z-index:5;padding:14px 16px 15px;border-radius:20px;background:#fffdf7f2;border:1px solid #ffffffd0;box-shadow:0 18px 36px -24px #1d3a33b0}
 .rp-prob{margin:0 0 4px;font-size:14px;font-weight:500;color:#7d5420}.rp-sol{margin:0;font-size:14px;line-height:1.45;color:#34433e}.rp-sol b{color:#153830;font-weight:600}
 .room-panel.pulse{animation:dcc-morph .6s cubic-bezier(.34,1.56,.64,1)}
 .hero-palazzo .skip-story{top:auto;bottom:22px;left:16px;right:auto}
}

/* Movimento ridotto: la scena resta ferma e le stanze si sistemano scorrendo, senza animazioni */
.reduced .palazzo .vfx,.reduced .rays,.reduced .burst{display:none}
.reduced .glow,.reduced .balloon,.reduced .balloon.morph,.reduced .room-panel.pulse{animation:none;transition:none}
.reduced .room-sol{transition:none}.reduced .room.flash .room-flash{animation:none}

/* «Cosa ti preparo»: tre schede con gli oggetti in plastilina che si mettono al lavoro quando le guardi */
.servizi3{margin:0 0 70px}.servizi3 .eyebrow{font-size:11px}
.servizi3 h2{font-size:clamp(32px,3vw,46px);font-weight:600;letter-spacing:-1.6px;line-height:1.08;margin:0 0 28px}
.s3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;perspective:1100px}
.s3-card{position:relative;padding:20px 28px 30px;border-radius:28px;background:linear-gradient(180deg,#f8f3e8,#f2ede0);border:1px solid #e8e1cf;box-shadow:0 26px 44px -34px #1d3a3399,inset 0 1px 0 #fff;outline:none;
 transform:translateY(var(--ty,0)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .4s,background .4s}
.s3-card.alive{--ty:-6px;background:linear-gradient(180deg,#fbf6ea,#f4efe2);box-shadow:0 38px 54px -32px #1d3a33b8,inset 0 1px 0 #fff}
.s3-card.tilt{transition:transform .12s linear,box-shadow .4s,background .4s}
.s3-card:focus-visible{box-shadow:0 0 0 3px #ae7827,0 26px 44px -34px #1d3a3399}
.s3-art{position:relative;height:172px;aspect-ratio:var(--ar);margin:0 0 16px -8px}
.s3-halo{position:absolute;left:50%;top:56%;width:150%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,#fff6e2 0%,#fff6e2aa 45%,#fff6e200 72%);opacity:.7;transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1)}
.alive .s3-halo{opacity:1;transform:scale(1.1)}
.s3-icon{position:relative;display:block;width:100%;height:100%;filter:drop-shadow(0 14px 12px #6b4a2238);transition:transform .7s cubic-bezier(.34,1.56,.64,1)}
.alive .s3-icon{transform:translateY(-5px) scale(1.05)}
.s3-art [data-q]{position:absolute;translate:-50% -50%;pointer-events:none}.s3-art img[data-q]{height:auto;display:block}
.a-glow,.a-stone{aspect-ratio:1;border-radius:50%;mix-blend-mode:screen}
.a-glow{opacity:0;background:radial-gradient(closest-side,#fffbe8f2 0%,#ffe6a899 35%,#ffd07a00 100%);transition:opacity .6s}
.a-glow.bulb{background:radial-gradient(closest-side,#fffdf2 0%,#fff1c4ee 24%,#ffd98a88 50%,#ffc07000 100%)}
.alive .a-glow{opacity:1;animation:dcc-bulb 2.8s ease-in-out infinite}
.a-spark,.a-drop,.a-slide,.a-stone{opacity:0}
.a-stone{background:radial-gradient(closest-side,#fffbe6 0%,#ffe29acc 45%,#ffd06e00 100%)}
.alive .a-spark{animation:dcc-twinkle 1.8s ease-in-out infinite;animation-delay:calc(var(--d)*1s)}
.alive .a-drop{animation:dcc-funnel 1.8s cubic-bezier(.5,0,.8,.6) infinite;animation-delay:calc(var(--d)*1s)}
.alive .a-slide{animation:dcc-slide 2.4s ease-in-out infinite;animation-delay:calc(var(--d)*1s)}
.alive .a-stone{animation:dcc-step 2.4s ease-out infinite;animation-delay:calc(var(--d)*1s)}
@keyframes dcc-funnel{0%{opacity:0;transform:translateY(0) rotate(-10deg)}15%{opacity:1}70%{opacity:1;transform:translateY(170%) rotate(8deg) scale(.85)}85%,100%{opacity:0;transform:translateY(195%) scale(.6)}}
@keyframes dcc-slide{0%{opacity:0;transform:translate(0,0)}10%{opacity:1}60%{transform:translate(260%,112%)}78%{opacity:1;transform:translate(290%,234%) scale(.9)}90%,100%{opacity:0;transform:translate(290%,234%) scale(.9)}}
.s3-prob{display:inline-block;margin:0 0 8px;font-size:14px;font-weight:500;color:#8a6a3a;background:linear-gradient(#b0772b,#b0772b) 0 56%/0% 1.6px no-repeat;transition:background-size .6s cubic-bezier(.6,0,.2,1),color .5s}
.alive .s3-prob{background-size:100% 1.6px;color:#a38f72}
.s3-card h3{display:flex;align-items:center;font-size:24px;font-weight:600;letter-spacing:-.6px;margin:0 0 10px;color:#153830}
.s3-card h3:before{content:'';flex:none;width:0;height:24px;margin-right:0;border-radius:50%;background:#d4aa6b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='%23fffdf7' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat;transform:scale(0);transition:width .35s,margin .35s,transform .5s cubic-bezier(.34,1.56,.64,1) .15s}
.alive h3:before{width:24px;margin-right:10px;transform:scale(1)}
.s3-card p:not(.s3-prob){font-size:16px;line-height:1.55;margin:0;color:#3f4e48}
.servizi3 .build-link{margin:24px 0 0}
.reduced .s3-card,.reduced .s3-icon,.reduced .s3-halo,.reduced .s3-prob,.reduced .s3-card h3:before{transition:none}.reduced .s3-art [data-q]{animation:none!important}.reduced .a-spark,.reduced .a-drop,.reduced .a-slide{display:none}
@media(max-width:760px){
 .s3-grid{grid-template-columns:1fr;gap:16px}.servizi3{margin-bottom:50px}
 .s3-card{display:grid;grid-template-columns:112px 1fr;column-gap:16px;align-items:start;padding:18px 18px 20px}
 .s3-art{grid-row:1/4;height:auto;width:112px;margin:4px 0 0 -4px}.s3-prob{font-size:13px;justify-self:start}.s3-card h3{font-size:20px;margin-bottom:6px}.s3-card h3:before{height:20px}.alive h3:before{width:20px;margin-right:8px}.s3-card p:not(.s3-prob){font-size:15px}
}
/* La barra in alto non copre l'inizio della sezione quando ci si arriva con «Salta» */
#partiamo{padding-top:108px}@media(max-width:760px){#partiamo{padding-top:104px}}

/* 1/10: meno testo in home. Al posto di «Da dove vuoi partire?» una fascia compatta di prove;
   «Come lavoro» passa da quattro schede enormi a una riga di quattro passi */
.prove{margin:0 0 20px}.prove .eyebrow{font-size:11px;margin-bottom:16px}
.prove-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.prova{position:relative;display:grid;grid-template-columns:1fr;align-content:start;gap:14px;padding:18px 20px 20px;border-radius:20px;background:#fffdf7;border:1px solid #e8e1cf;box-shadow:0 18px 34px -30px #1d3a3399;color:#3f4e48;font-size:14.5px;line-height:1.45;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.prova:hover{transform:translateY(-3px);box-shadow:0 26px 40px -28px #1d3a33a6}
.prova img{width:56px;height:56px;object-fit:contain}.prova.logo img{object-fit:cover;border-radius:12px;box-shadow:0 6px 14px -8px #0d1a1499}.prova.logo.tondo img{border-radius:50%}
.contact p.gratis-line{display:flex;align-items:center;gap:14px;margin:0 0 26px;padding:12px 18px 12px 12px;border-radius:18px;background:#ffffff12;border:1px solid #ffffff1f;font-size:15.5px;line-height:1.45;color:#dfe8d6}.contact .gratis-line img{width:40px;height:40px;flex:none}.contact .gratis-line b{color:#faf8f2;font-weight:600}.prova:first-child img{object-fit:cover;object-position:50% 0;border-radius:6px;box-shadow:0 4px 10px -4px #3a2a1459}
.prova b{display:block;font-size:16px;font-weight:600;color:#153830;margin-bottom:4px}.prova i{position:absolute;top:16px;right:18px;font-style:normal;font-size:18px;color:#ae7827}
.prova.gratis{background:#e8eedf;border-color:#d3dec6}
.metodo{position:relative;z-index:6;padding:90px 8% 80px;background:linear-gradient(180deg,#fffdf8,#eef1e6)}
.metodo-head .eyebrow{font-size:11px}.metodo-head h2{font-size:clamp(36px,3.6vw,54px);font-weight:500;line-height:1.06;letter-spacing:-2.2px;margin:0 0 36px;color:#123531}
.passi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.passi li{padding:22px 22px 24px;border-radius:22px;background:#fffdf7;border:1px solid #e3e8d8;font-size:15px;line-height:1.5;color:#46544f}
.passi span{display:block;font-size:30px;font-weight:500;letter-spacing:-1px;color:#8fa385;margin-bottom:10px}.passi b{display:block;font-size:18px;font-weight:600;color:#153830;margin-bottom:6px;letter-spacing:-.3px}
.passi li:nth-child(2){background:#26493a;border-color:#26493a;color:#d9e3d2}.passi li:nth-child(2) b{color:#faf8f2}.passi li:nth-child(2) span{color:#d4aa6b}
.passi li:nth-child(3){background:#ecd8b0;border-color:#e3cc9c}.passi li:nth-child(3) span{color:#ae7827}
@media(max-width:1000px){.prove-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.prove-grid,.passi{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.prove-grid{grid-template-columns:1fr}.passi{gap:10px}.passi li{padding:16px 14px 18px;border-radius:18px;font-size:13.5px;line-height:1.45}.passi span{font-size:22px;margin-bottom:6px}.passi b{font-size:15.5px;line-height:1.25}.metodo{padding:60px 22px 50px}.metodo-head h2{font-size:34px;letter-spacing:-1.4px}.prova{grid-template-columns:52px 1fr auto;align-items:center;gap:16px;padding:16px 18px}.prova img{width:52px;height:52px}.prova i{position:static}}