/* DigitaSito · dieci aperture. Colori di Digitato: 000538 · 473AE0 · FF3B30 · F6F7FB · 1B1D1A (area Sviluppo: viola). */
:root{--viola:#473AE0;--viola-scuro:#2A1FB8;--viola-chiaro:#7B6CFF;--lavanda:#EEECFF;--rosa:#F3C4E4;--cielo:#A9C8FF;
  --notte:#000538;--grigio:#5B6078;--grigio2:#8A8EA6;--fondo:#F6F7FB;--verde:#16A34A;
  --ombra:0 2px 4px rgba(0,5,56,.04),0 24px 48px -18px rgba(0,5,56,.35)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:58px}
body{margin:0;font:400 16px/1.55 Inter,system-ui,sans-serif;color:var(--notte);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
.ico{width:1em;height:1em;flex:none}

/* ---------------------------------------------------------------- la pagina delle proposte */
.barra{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px max(16px,3vw);
  background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,5,56,.08)}
.barra b{font:600 15px 'Inter Tight',sans-serif;white-space:nowrap}
.barra b span{color:var(--grigio);font-weight:500}
.barra nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.barra nav a{min-width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font:600 14px 'Inter Tight',sans-serif;text-decoration:none;background:#F1F2F8}
.barra nav a:hover{background:var(--viola);color:#fff}
.intro{max-width:880px;margin:0 auto;padding:40px max(16px,4vw) 34px;text-align:center}
.intro h2{font:600 clamp(26px,3.2vw,38px)/1.1 'Inter Tight',sans-serif;letter-spacing:-.03em;margin:0 0 12px}
.intro p{margin:0;color:var(--grigio)}
.prop{border-top:1px solid rgba(0,5,56,.1)}
.prop__tag{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;padding:14px max(16px,3vw);background:#fff;font-size:14px;color:var(--grigio)}
.prop__tag b{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:999px;background:var(--notte);color:#fff;font:600 15px 'Inter Tight',sans-serif}
.prop__tag strong{font:600 16px 'Inter Tight',sans-serif;color:var(--notte)}
.prop__tag span{flex:1 1 320px}
.fine{padding:40px 16px 60px;text-align:center;color:var(--grigio2);font-size:14px;border-top:1px solid rgba(0,5,56,.1)}

/* ---------------------------------------------------------------- pezzi comuni delle aperture */
.hero{position:relative;overflow:hidden;padding:0 max(16px,4vw) clamp(56px,7vw,96px)}
.hero:not(.vivo) *,.hero:not(.vivo) *::before,.hero:not(.vivo) *::after{animation-play-state:paused!important}
.nav{position:relative;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1240px;margin:0 auto;padding:20px 0}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--notte)}
.logo__pitto{width:32px;height:auto;color:var(--viola)}
.logo span{display:flex;flex-direction:column;font:700 19px/1 'Inter Tight',sans-serif;letter-spacing:-.02em}
.logo small{font:500 11px/1.4 Inter,sans-serif;letter-spacing:0;color:var(--grigio2);margin-top:2px}
.nav__link{display:flex;gap:30px;font-size:14.5px;font-weight:500}
.nav__link a{text-decoration:none;color:#41455E}
.nav--chiaro .logo{color:#fff}.nav--chiaro .logo__pitto{color:#fff}.nav--chiaro .logo small{color:rgba(255,255,255,.65)}
.nav--chiaro .nav__link a{color:rgba(255,255,255,.82)}
.nav--chiaro .btn--nav{background:#fff;color:var(--viola);box-shadow:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 24px;border-radius:999px;font:600 15.5px 'Inter Tight',sans-serif;
  text-decoration:none;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-1px)}
.btn .ico{width:17px;height:17px}
.btn--nav{height:44px;padding:0 18px;font-size:14.5px}
.btn--pieno{background:var(--viola);color:#fff;box-shadow:0 12px 26px -10px rgba(71,58,224,.75),inset 0 1px 0 rgba(255,255,255,.25)}
.btn--bordo{background:#fff;color:var(--notte);box-shadow:inset 0 0 0 1px rgba(0,5,56,.13)}
.btn--bianco{background:#fff;color:var(--viola);box-shadow:0 14px 30px -12px rgba(0,0,40,.45)}
.btn--vetro{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.pill{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;border-radius:999px;background:#fff;border:1px solid rgba(0,5,56,.08);
  font-size:13.5px;font-weight:500;color:#41455E;box-shadow:0 4px 14px -6px rgba(0,5,56,.14)}
.pill i{width:24px;height:24px;border-radius:50%;background:var(--viola);color:#fff;display:grid;place-items:center}
.pill i .ico{width:12px;height:12px}
.pill--vetro{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.25);color:#fff;box-shadow:none}
.pill--vetro i{background:#fff;color:var(--viola)}
h1.t{font:600 clamp(40px,5.4vw,74px)/1.02 'Inter Tight',sans-serif;letter-spacing:-.04em;margin:22px 0 18px}
h1.t em{font-style:normal;color:var(--viola)}
.sotto{font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:#4A4F6A;max-width:33em;margin:0 0 30px}
.az{display:flex;gap:12px;flex-wrap:wrap}
.az--centro{justify-content:center}
.spunte{display:flex;flex-wrap:wrap;gap:8px 22px;margin:28px 0 0;padding:0;list-style:none;font-size:14px;font-weight:500;color:#4A4F6A}
.spunte li{display:flex;align-items:center;gap:7px}
.spunte .ico{width:18px;height:18px;padding:3px;border-radius:50%;background:var(--lavanda);color:var(--viola)}
.gr{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:center;max-width:1240px;margin:0 auto;padding-top:clamp(20px,4vw,52px)}
.gr--inv{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.centro{position:relative;z-index:2;max-width:940px;margin:0 auto;text-align:center;padding-top:clamp(18px,3.6vw,44px)}
.centro .sotto{margin-left:auto;margin-right:auto}
.vis{position:relative}
.card{position:absolute;z-index:5;background:#fff;color:var(--notte);border-radius:18px;padding:14px 16px;border:1px solid rgba(0,5,56,.06);box-shadow:var(--ombra)}
.prezzo small{display:block;font-size:11.5px;font-weight:500;color:#6B6F86}
.prezzo b{display:block;font:700 24px/1.15 'Inter Tight',sans-serif;letter-spacing:-.025em;margin:3px 0 2px}
.prezzo span{display:block;font-size:11.5px;color:var(--grigio2)}
.galleggia{animation:galleggia 6s ease-in-out infinite}
.galleggia2{animation:galleggia 7s ease-in-out -2.5s infinite}
@keyframes galleggia{50%{translate:0 -10px}}
@keyframes lamp{50%{opacity:0}}
.caret{display:inline-block;width:2px;height:1.1em;margin-left:2px;background:var(--viola);vertical-align:-.15em;animation:lamp 1s steps(1) infinite}
.cur{position:absolute;left:0;top:0;z-index:9;display:inline-flex;align-items:flex-start;pointer-events:none}
.cur svg{width:19px;height:23px;fill:var(--viola);stroke:#fff;stroke-width:1.3;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));transition:transform .15s}
.cur em{font:600 12.5px Inter,sans-serif;font-style:normal;color:#fff!important;letter-spacing:0;white-space:nowrap;background:var(--viola);color:#fff;padding:4px 10px;border-radius:999px;margin:17px 0 0 -5px;box-shadow:0 6px 14px -6px rgba(71,58,224,.7)}
.cur--scuro svg{fill:var(--notte)}.cur--scuro em{background:var(--notte);box-shadow:none}
.cur.clic svg{transform:scale(.82)}
[data-mano]{transition:transform .85s cubic-bezier(.65,0,.35,1);opacity:0}
[data-mano].pronto{opacity:1}

/* la finestra del browser */
.br{position:relative;background:#fff;border-radius:14px;overflow:hidden;border:1px solid rgba(0,5,56,.08);
  box-shadow:0 2px 4px rgba(0,5,56,.05),0 34px 70px -24px rgba(0,5,56,.42)}
.br__barra{display:flex;align-items:center;gap:10px;height:36px;padding:0 12px;background:#F3F4F8;border-bottom:1px solid rgba(0,5,56,.06)}
.pal{display:flex;gap:6px}.pal i{width:10px;height:10px;border-radius:50%;background:#FF5F57}.pal i:nth-child(2){background:#FEBC2E}.pal i:nth-child(3){background:#28C840}
.br__url{flex:0 1 300px;margin:0 auto;height:23px;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11.5px;color:#5B6078;min-width:0;white-space:nowrap;overflow:hidden}
.br__url .ico{width:10px;height:10px;color:#9A9DB0}
.br__es{font:600 9.5px Inter,sans-serif;text-transform:uppercase;letter-spacing:.09em;color:var(--viola);background:var(--lavanda);padding:3px 8px;border-radius:999px}
.br__vista{position:relative;container-type:inline-size;aspect-ratio:16/10;overflow:hidden;background:#fff}

/* il telefono */
.tel{position:relative;width:100%;aspect-ratio:9/19;padding:3.4%;background:#0E0F14;border-radius:13%/6.2%;
  box-shadow:inset 0 0 0 1.5px #2C2D36,0 40px 80px -30px rgba(0,5,56,.55),0 18px 30px -18px rgba(0,5,56,.4)}
.tel__vista{position:relative;height:100%;overflow:hidden;border-radius:10.5%/5%;container-type:inline-size;background:var(--bg)}
.tel__isola{position:absolute;top:1.7%;left:50%;width:31%;height:3.2%;transform:translateX(-50%);background:#0E0F14;border-radius:999px;z-index:7}
.tel__barra{position:absolute;left:0;right:0;bottom:0;z-index:6;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:2.4cqw;padding:5cqw 4cqw 6cqw;
  background:linear-gradient(to bottom,transparent,var(--bg) 40%);font-size:3.2cqw;font-weight:600;font-family:Inter,sans-serif}
.tel__barra span{display:flex;align-items:center;justify-content:center;gap:1.4cqw;height:10cqw;border-radius:var(--r);background:var(--card);color:var(--ink);box-shadow:0 .6cqw 2.4cqw rgba(0,0,0,.1);white-space:nowrap}
.tel__barra .tel__pren{background:var(--acc);color:var(--acc-ink,#fff)}
.tel__barra .ico{width:3.8cqw;height:3.8cqw}

/* ---------------------------------------------------------------- i vestiti delle nicchie (gli stessi delle pagine delle nicchie) */
.v-estetista{--bg:#FBF4F1;--ink:#3A2430;--acc:#C7837E;--soft:#F7ECE9;--card:#fff;--ff:'Urbanist',sans-serif;--fw:700;--r:999px;--rc:1.2em;--tt:none;--ls:-.01em;--em:italic}
.v-meccanico{--bg:#18212C;--ink:#fff;--acc:#F2B705;--soft:#243140;--card:#222E3B;--ff:'Barlow Condensed',Arial Narrow,sans-serif;--fw:700;--r:.25em;--rc:.3em;--tt:uppercase;--ls:.005em;--acc-ink:#18212C;--em:normal}
.v-avvocato{--bg:#252B33;--ink:#E9EAE8;--acc:#6F8BA8;--soft:#2F363F;--card:#2F363F;--ff:'IBM Plex Sans',sans-serif;--fw:700;--r:0;--rc:0;--tt:none;--ls:-.01em;--acc-ink:#252B33;--em:normal}
.v-medico{--bg:#F5F8FE;--ink:#13306B;--acc:#2F6FE0;--soft:#E7EEFC;--card:#fff;--ff:'Figtree',sans-serif;--fw:700;--r:.8em;--rc:1.2em;--tt:none;--ls:-.035em;--em:normal}

/* il sito d'esempio sul computer: disegnato come se fosse largo 1280, in em, e rimpicciolito dal contenitore */
.ws{position:absolute;inset:0 0 auto 0;font-size:1.25cqw;line-height:1.45;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;text-align:left}
.ws__nav{display:flex;align-items:center;gap:2.4em;height:5.2em;padding:0 4em}
.ws__logo{font:var(--fw) 1.9em/1 var(--ff);letter-spacing:var(--ls);text-transform:var(--tt);margin-right:auto}
.ws__nav nav{display:flex;gap:2.2em;font-size:.95em;opacity:.82}
.ws__bt{display:inline-flex;align-items:center;justify-content:center;height:3.1em;padding:0 1.6em;border-radius:var(--r);background:var(--ink);color:var(--bg);font-weight:600;font-size:.92em;white-space:nowrap}
.ws__bt--acc{background:var(--acc);color:var(--acc-ink,#fff)}
.ws__bt--2{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 .09em currentColor}
.ws__hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:3.5em;align-items:center;padding:1em 4em 3em;min-height:36em}
.ws__testo small{display:block;font-size:.8em;letter-spacing:.2em;text-transform:uppercase;color:var(--acc);font-weight:600;margin-bottom:1.4em}
.ws__hero h3{font:var(--fw) 4.7em/1 var(--ff);letter-spacing:var(--ls);text-transform:var(--tt);margin:0 0 .4em}
.ws__hero h3 em,.ws__sez h4 em,.wm__hero h3 em{font-style:var(--em);color:var(--acc)}
.ws__testo p{font-size:1.15em;opacity:.78;max-width:25em;margin:0 0 2em}
.ws__azioni{display:flex;gap:.8em}
.ws__foto{position:relative;margin:0;height:31em;border-radius:var(--rc)}
.ws__foto img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.ws__badge{position:absolute;left:-2.4em;bottom:2.6em;z-index:2;display:flex;align-items:center;gap:.9em;padding:.9em 1.3em .9em .9em;border-radius:1em;background:#fff;color:#1B1D1A;
  font-weight:600;font-size:.95em;box-shadow:0 1em 2.6em -1em rgba(0,0,0,.4);font-family:Inter,sans-serif}
.ws__badge i{width:2.6em;height:2.6em;border-radius:50%;background:var(--acc);box-shadow:inset 0 0 0 .7em color-mix(in srgb,var(--acc) 40%,#fff)}
.ws__badge small{display:block;font-weight:500;color:#77798A;font-size:.8em}
.ws__sez{padding:4em 4em 4.4em}
.ws__eti{display:block;font-size:.8em;letter-spacing:.2em;text-transform:uppercase;color:var(--acc);font-weight:600}
.ws__sez h4{font:var(--fw) 3.1em/1.05 var(--ff);letter-spacing:var(--ls);text-transform:var(--tt);margin:.35em 0 1.1em}
.ws__griglia{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4em}
.ws__card{background:var(--card);border-radius:var(--rc);overflow:hidden;box-shadow:0 .2em 1.4em -.6em rgba(0,0,0,.18)}
.ws__card img{width:100%;height:12.5em;object-fit:cover}
.ws__card div{padding:1.1em 1.2em 1.3em}
.ws__card b{display:block;font:var(--fw) 1.4em/1.15 var(--ff);text-transform:var(--tt);letter-spacing:var(--ls)}
.ws__card span{display:block;font-size:.86em;opacity:.7;margin-top:.3em}
.ws__card em{display:block;font-style:normal;font-weight:700;font-size:.9em;color:var(--acc);margin-top:.7em}
.ws__info{display:grid;grid-template-columns:1.25fr 1fr;gap:2em;padding:0 4em 4.4em}
.ws__listino{background:var(--card);border-radius:var(--rc);padding:2em 2.2em}
.ws__listino ul{list-style:none;margin:1em 0 0;padding:0}
.ws__listino li{display:flex;justify-content:space-between;gap:1em;padding:.95em 0;border-bottom:.08em dashed color-mix(in srgb,var(--ink) 22%,transparent);font-size:1.05em}
.ws__listino li b{color:var(--acc)}
.ws__dove{display:flex;flex-direction:column;gap:1em;background:var(--card);border-radius:var(--rc);padding:1.2em}
.ws__dove b{display:block;font:var(--fw) 1.4em var(--ff);text-transform:var(--tt)}
.ws__dove span{display:block;font-size:.92em;opacity:.75}
.ws__dove .ws__bt{align-self:flex-start;opacity:1;display:inline-flex}
.ws__mappa{position:relative;height:11em;border-radius:calc(var(--rc)*.8);background-color:var(--soft);
  background-image:linear-gradient(90deg,color-mix(in srgb,var(--ink) 10%,transparent) .12em,transparent .12em),linear-gradient(color-mix(in srgb,var(--ink) 10%,transparent) .12em,transparent .12em);background-size:2.6em 2.6em}
.ws__mappa::before{content:"";position:absolute;left:-10%;right:-10%;top:55%;height:1.1em;background:color-mix(in srgb,var(--bg) 70%,#fff);transform:rotate(-12deg)}
.ws__mappa i{position:absolute;left:48%;top:30%;width:1.8em;height:1.8em;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--acc);box-shadow:0 0 0 .35em #fff}
.ws__piede{display:flex;justify-content:space-between;align-items:center;gap:2em;padding:2.4em 4em;background:var(--ink);color:var(--bg);font-size:.9em}
.ws__piede b{font:var(--fw) 1.5em var(--ff);text-transform:var(--tt)}
/* estetista: foto ad arco e un tondo dietro */
.v-estetista .ws__hero{background:radial-gradient(circle at 77% 52%,var(--soft) 0 17em,transparent 17.1em)}
.v-estetista .ws__foto{border-radius:16em 16em 1.4em 1.4em}
/* officina: foto a tutta pagina, strisce e maiuscolo */
.v-meccanico .ws__nav{border-bottom:.3em solid var(--acc)}
.v-meccanico .ws__hero{grid-template-columns:1fr;min-height:36em;padding:4em}
.v-meccanico .ws__foto{position:absolute;inset:0;height:auto;border-radius:0}
.v-meccanico .ws__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,33,44,.97) 0%,rgba(24,33,44,.82) 42%,rgba(24,33,44,.1) 100%)}
.v-meccanico .ws__hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:.9em;z-index:1;background:repeating-linear-gradient(-45deg,var(--acc) 0 1.2em,#18212C 1.2em 2.4em)}
.v-meccanico .ws__testo{position:relative;z-index:1;max-width:34em}
.v-meccanico .ws__hero h3{font-size:6em;line-height:.9}
.v-meccanico .ws__badge{left:auto;right:4em;bottom:3.4em}
.v-meccanico .ws__card{box-shadow:none;border-top:.3em solid var(--acc)}
/* studio legale: cornice d'oro sfalsata */
.v-avvocato .ws__nav{border-bottom:.08em solid color-mix(in srgb,var(--acc) 45%,transparent)}
.v-avvocato .ws__foto::before{content:"";position:absolute;inset:-1.3em 1.3em 1.3em -1.3em;border:.09em solid var(--acc)}
.v-avvocato .ws__foto img{position:relative}
.v-avvocato .ws__badge{display:none}
.v-avvocato .ws__card{box-shadow:none;border:.08em solid color-mix(in srgb,var(--acc) 30%,transparent)}
/* studio medico: chiaro, morbido */
.v-medico .ws__foto{border-radius:2.4em}
.v-medico .ws__hero{background:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--acc) 22%,transparent) 0 9em,transparent 9.1em)}

/* il sito vecchio, per il prima e dopo */
.ws.ws--vecchio{inset:0;font-family:"Times New Roman",Times,serif;color:#000;line-height:1.3;background:#C9CCD3 repeating-linear-gradient(45deg,#C9CCD3 0 .4em,#C1C5CD .4em .8em)}
.vv__testa{padding:1.6em 3em 1.3em;text-align:center;color:#fff;background:linear-gradient(#6D8FC9,#2C4A86);border-bottom:.35em solid #FFCC00}
.vv__testa b{display:block;font-size:3.4em;font-style:italic;text-shadow:.06em .06em 0 #000}
.vv__testa span{display:block;margin-top:.3em;font-size:1.3em;color:#FFFF66}
.vv__menu{padding:.7em 3em;text-align:center;font-size:1.3em;color:#0000EE;background:#E6E6E6;border-bottom:1px solid #999}
.vv__corpo{display:grid;grid-template-columns:19em 1fr;gap:2em;margin:2em 5em 1.4em;padding:2em;background:#fff;border:.18em ridge #AAA;font-size:1.25em}
.vv__foto img{width:100%;height:14em;object-fit:cover;filter:saturate(.3) contrast(.85) blur(.05em);border:.2em solid #888}
.vv__foto small{display:block;text-align:center;font-style:italic;font-size:.85em;margin-top:.3em}
.vv__corpo h4{margin:0 0 .5em;color:#CC0000;font-size:1.6em;text-decoration:underline}
.vv__corpo p{margin:0 0 .7em}
.vv__corpo ul{margin:0 0 .8em;padding-left:1.4em}
.vv__lamp{color:#F00;font-weight:bold;animation:lamp 1s steps(1) infinite}
.vv__piede{margin:0 5em;padding:1em;text-align:center;font-size:1.05em;color:#333;background:#E6E6E6;border:1px solid #999}

/* lo stesso sito sul telefono: disegnato come se fosse largo 390 */
.wm{position:absolute;inset:0 0 auto 0;font-size:4.1cqw;line-height:1.4;padding-bottom:5em;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;text-align:left}
.wm__stato{display:flex;justify-content:space-between;align-items:center;height:3.2em;padding:0 1.7em 0 2.1em;font-size:.82em}
.wm__stato i{width:1.7em;height:.8em;border-radius:.25em;border:.13em solid currentColor;opacity:.8}
.wm__nav{display:flex;justify-content:space-between;align-items:center;padding:.4em 1.25em 1em}
.wm__logo{font:var(--fw) 1.6em/1 var(--ff);letter-spacing:var(--ls);text-transform:var(--tt)}
.wm__menu{position:relative;width:1.4em;height:.85em;border-top:.15em solid;border-bottom:.15em solid}
.wm__menu::after{content:"";position:absolute;left:0;right:0;top:50%;border-top:.15em solid;margin-top:-.075em}
.wm__hero{padding:0 1.25em 1.6em}
.wm__foto{position:relative;margin:0 0 1.2em;height:15em;border-radius:var(--rc)}
.wm__foto img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.v-estetista .wm__foto{border-radius:8em 8em 1em 1em}
.v-medico .wm__foto{border-radius:1.6em}
.wm__hero small{display:block;font-size:.72em;letter-spacing:.17em;text-transform:uppercase;color:var(--acc);font-weight:600;margin-bottom:.5em}
.wm__hero h3{font:var(--fw) 2.25em/1.02 var(--ff);letter-spacing:var(--ls);text-transform:var(--tt);margin:0 0 .6em}
.wm .ws__bt{height:3em;padding:0 1.4em;font-size:.92em}
.wm__sez{padding:1.2em 1.25em}
.wm__lista{list-style:none;margin:.8em 0 0;padding:0;display:grid;gap:.6em}
.wm__lista li{display:flex;align-items:center;gap:.8em;padding:.55em;border-radius:var(--rc);background:var(--card)}
.wm__lista img{width:3.4em;height:3.4em;object-fit:cover;border-radius:calc(var(--rc)*.7)}
.wm__lista span{flex:1;min-width:0}
.wm__lista b{display:block;font-size:.95em}
.wm__lista small{display:block;font-size:.72em;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wm__lista em{font-style:normal;font-weight:700;font-size:.78em;color:var(--acc);white-space:nowrap}
.wm__info{display:grid;gap:.2em;padding:1em 1.25em 1.6em}
.wm__info b{font:var(--fw) 1.4em var(--ff);text-transform:var(--tt)}
.wm__info span{font-size:.85em;opacity:.75}
.wm__info .ws__mappa{height:8em;margin-top:.8em}
.wm .ws__piede{padding:1.4em 1.25em;font-size:.8em}
.scorre .wm{animation:scorriTel 16s cubic-bezier(.65,0,.35,1) infinite}
@keyframes scorriTel{0%,14%{transform:translateY(0)}36%,50%{transform:translateY(-15em)}72%,86%{transform:translateY(-28em)}100%{transform:translateY(0)}}
.br.scorre .ws{animation:scorriWs 20s cubic-bezier(.65,0,.35,1) infinite}
@keyframes scorriWs{0%,14%{transform:translateY(0)}36%,50%{transform:translateY(-26em)}72%,86%{transform:translateY(-50em)}100%{transform:translateY(0)}}

/* ---------------------------------------------------------------- 1 · prima e dopo */
.h1{background:radial-gradient(55% 60% at 88% 30%,rgba(71,58,224,.15),transparent 70%),radial-gradient(40% 50% at 0% 100%,rgba(243,196,228,.55),transparent 70%),#fff}
.pd .br__vista{--x:50%;cursor:ew-resize;touch-action:pan-y;user-select:none}
.pd__strato{position:absolute;inset:0;overflow:hidden}
.pd__nuovo{clip-path:inset(0 0 0 var(--x))}
.pd__riga{position:absolute;top:0;bottom:0;left:var(--x);width:0;z-index:4}
.pd__riga::before{content:"";position:absolute;top:0;bottom:0;left:-1.5px;width:3px;background:#fff;box-shadow:0 0 0 1px rgba(71,58,224,.35),0 0 22px 2px rgba(71,58,224,.55)}
.pd__manopola{position:absolute;top:50%;left:0;width:46px;height:46px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;
  background:var(--viola);color:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.92),0 10px 24px -6px rgba(71,58,224,.75)}
.pd__manopola svg{width:22px;height:22px}
.pd__eti{position:absolute;top:calc(50% + 34px);z-index:5;white-space:nowrap;font:600 11px Inter,sans-serif;text-transform:uppercase;letter-spacing:.1em;padding:5px 11px;border-radius:999px}
.pd__eti--prima{right:8px;background:rgba(0,0,0,.65);color:#fff}
.pd__eti--dopo{left:8px;background:var(--viola);color:#fff}
.pd__prezzo{left:-34px;bottom:-34px}
.pd__tel{position:absolute;right:-34px;bottom:-64px;width:clamp(104px,13vw,160px);z-index:4}

/* ---------------------------------------------------------------- 2 · il cantiere, dentro un pannello viola */
.h2{padding-top:14px}
.pannello{position:relative;max-width:1380px;margin:0 auto;padding:0 clamp(18px,3.5vw,52px) 24px;border-radius:clamp(22px,3vw,36px);overflow:hidden;color:#fff;
  background:radial-gradient(60% 70% at 88% 6%,rgba(255,255,255,.28),transparent 60%),radial-gradient(50% 60% at 0% 100%,rgba(255,120,200,.32),transparent 70%),linear-gradient(140deg,#2417B5 0%,#473AE0 46%,#7B6CFF 100%)}
.pannello h1.t{color:#fff}
.pannello h1.t em,.cella--titolo h1.t em{-webkit-box-decoration-break:clone;box-decoration-break:clone}
.pannello h1.t em{color:#fff;background:rgba(255,255,255,.16);border-radius:.16em;padding:0 .12em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.pannello .sotto{color:rgba(255,255,255,.84)}
.cn{padding:0 0 40px}
.ed{position:relative;background:#fff;color:var(--notte);border-radius:16px;overflow:hidden;box-shadow:0 50px 90px -30px rgba(10,0,80,.7),0 0 0 1px rgba(255,255,255,.3)}
.ed__top{display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;border-bottom:1px solid #ECEDF3;font-size:12.5px}
.ed__dev{display:flex;gap:4px;margin-left:auto}
.ed__dev i{width:26px;height:22px;border-radius:6px;background:#F1F2F8}
.ed__dev i.on{background:#E6E3FF}
.ed__pub{background:var(--viola);color:#fff;font-weight:600;font-size:12px;padding:6px 14px;border-radius:999px;transition:transform .15s,background .2s}
.ed__pub.premuto{transform:scale(.9);background:var(--viola-scuro)}
.ed__corpo{display:grid;grid-template-columns:116px minmax(0,1fr)}
.ed__livelli{border-right:1px solid #ECEDF3;padding:12px 8px;font-size:12px}
.ed__livelli small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9A9DB0;margin:0 6px 8px}
.ed__livelli ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ed__livelli li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;color:#BEC0CE;transition:color .3s,background .3s}
.ed__livelli li i{width:10px;height:10px;border-radius:3px;border:1.5px solid currentColor}
.ed__livelli li.su{color:var(--notte)}
.ed__livelli li.ora{background:var(--lavanda);color:var(--viola)}
.ed__livelli li.ora i{background:currentColor}
.ed__tela{background:#F1F2F7;padding:12px}
.ed__tela .br__vista{border-radius:8px;box-shadow:0 1px 3px rgba(0,5,56,.12)}
.cn [data-blocco]{opacity:0;transform:translateY(1.4em);transition:opacity .55s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.cn [data-blocco].su{opacity:1;transform:none}
.cn .ws,.cn .wm{transition:transform .9s cubic-bezier(.65,0,.35,1)}
.sel{position:absolute;left:3px;right:3px;top:0;height:0;z-index:3;border:1.5px solid var(--viola);border-radius:3px;opacity:0;pointer-events:none;
  transition:top .6s cubic-bezier(.65,0,.35,1),height .6s cubic-bezier(.65,0,.35,1),opacity .3s}
.sel.su{opacity:1}
.sel em{position:absolute;left:-1.5px;top:-1.5px;background:var(--viola);color:#fff;font:600 10.5px Inter,sans-serif;font-style:normal;padding:2px 7px;border-radius:3px 0 4px 0}
.sel i{position:absolute;width:7px;height:7px;background:#fff;border:1.5px solid var(--viola)}
.sel i:nth-of-type(1){right:-4px;top:-4px}.sel i:nth-of-type(2){left:-4px;bottom:-4px}.sel i:nth-of-type(3){right:-4px;bottom:-4px}.sel i:nth-of-type(4){display:none}
.online{position:absolute;left:50%;bottom:16px;z-index:5;display:flex;align-items:center;gap:10px;padding:9px 16px 9px 9px;border-radius:14px;background:#fff;color:var(--notte);
  box-shadow:0 18px 40px -12px rgba(0,5,56,.45);opacity:0;transform:translate(-50%,16px) scale(.96);transition:.5s cubic-bezier(.2,.8,.2,1)}
.online.su{opacity:1;transform:translate(-50%,0)}
.online>span{width:30px;height:30px;border-radius:50%;background:var(--verde);color:#fff;display:grid;place-items:center}
.online>span .ico{width:18px;height:18px}
.online small{display:block;font-size:11px;color:#6B6F86}
.online b{font-size:13px}
.cn__tel{position:absolute;right:-24px;bottom:0;width:clamp(96px,12vw,146px);z-index:4}
.cn__prezzo{left:-28px;bottom:10px}
.fila{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 30px;margin-top:8px;padding-top:22px;border-top:1px solid rgba(255,255,255,.2);font:600 15px 'Inter Tight',sans-serif}
.fila small{font:600 11px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.fila span{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.92)}
.fila .ico{width:19px;height:19px}
.fila .fila__poi{color:rgba(255,255,255,.6);font-weight:500}

/* ---------------------------------------------------------------- 3 · come lo vuoi tu */
.h3{background:radial-gradient(60% 45% at 50% 100%,rgba(71,58,224,.24),transparent 70%),radial-gradient(35% 35% at 88% 78%,rgba(243,196,228,.65),transparent 70%),radial-gradient(35% 35% at 10% 72%,rgba(169,200,255,.6),transparent 70%),#fff}
.h3 h1.t{position:relative}
.pillola{display:inline-block;background:var(--viola);color:#fff;padding:0 .26em .06em;border-radius:.2em;transform:rotate(-1.5deg);box-shadow:0 .2em .5em -.15em rgba(71,58,224,.6)}
.cur--t1{left:13%;top:62%;animation:vaga1 7s ease-in-out infinite}
.cur--t2{left:auto;right:12%;top:2%;animation:vaga2 8s ease-in-out infinite}
@keyframes vaga1{50%{translate:16px -10px}}
@keyframes vaga2{50%{translate:-14px 12px}}
.palco{position:relative;max-width:1080px;margin:clamp(34px,5vw,58px) auto 0}
.palco__br{width:72%;margin:0 0 0 17%}
.scelte{left:0;top:13%;width:206px;padding:16px}
.scelte>b{display:block;font:600 14.5px 'Inter Tight',sans-serif}
.sc{margin-top:12px}
.sc small{display:block;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--grigio2);margin-bottom:7px}
.sc__colori{display:flex;gap:10px}
.sc__colori i{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px rgba(0,5,56,.14);transition:box-shadow .3s}
.sc__colori i.on{box-shadow:inset 0 0 0 2px #fff,0 0 0 2.5px var(--viola)}
.sc__stili{display:flex;flex-wrap:wrap;gap:5px}
.sc__stili span{font-size:12px;font-weight:500;padding:5px 10px;border-radius:999px;background:#F1F2F8;transition:background .3s,color .3s}
.sc__stili span.on{background:var(--viola);color:#fff}
.sc__foto{display:flex;gap:7px}
.sc__foto i{width:44px;height:44px;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,5,56,.1);transition:box-shadow .3s}
.sc__foto i.on{box-shadow:0 0 0 2.5px var(--viola)}
.sc__foto img{width:100%;height:100%;object-fit:cover}
.palco__tel{position:absolute;right:0;bottom:-40px;width:clamp(100px,13vw,156px);z-index:4}
.palco__prezzo{right:2%;top:-34px}
.palco .ws,.palco .ws *,.palco .wm,.palco .wm *,.palco .tel__vista,.palco .tel__barra span{transition:background-color .7s,color .7s,border-radius .7s}
.palco[data-colore="2"] .v-estetista{--bg:#EEF1E8;--ink:#2F4A3A;--acc:#7E8F55;--soft:#DCE3CF}
.palco[data-colore="3"] .v-estetista{--bg:#FFF8F9;--ink:#141414;--acc:#D27E99;--soft:#F7E3EA}
.palco[data-stile="2"] .v-estetista{--fw:500}
.palco[data-stile="2"] .v-estetista .ws__foto,.palco[data-stile="2"] .v-estetista .wm__foto{border-radius:46% 54% 42% 58%/52% 44% 56% 48%}
.palco[data-stile="3"] .v-estetista{--ff:'Inter Tight',sans-serif;--fw:600;--ls:-.045em;--rc:.7em;--r:.6em;--em:normal}
.palco[data-stile="3"] .v-estetista .ws__foto{border-radius:1.4em}
.palco[data-stile="3"] .v-estetista .wm__foto{border-radius:1em}
.palco .ws__foto img,.palco .wm__foto img{position:absolute;inset:0;opacity:0;transition:opacity .7s}
.palco[data-foto="1"] [data-t="1"],.palco[data-foto="2"] [data-t="2"],.palco[data-foto="3"] [data-t="3"]{opacity:1}
.scan__nuovo{transition:opacity .5s}
.scan.riparte .scan__nuovo{opacity:0}

/* ---------------------------------------------------------------- 4 · il mazzo dei mestieri, fondo scuro */
.scuro{color:#fff;background:radial-gradient(45% 55% at 76% 46%,rgba(71,58,224,.62),transparent 70%),radial-gradient(30% 40% at 6% 92%,rgba(255,59,48,.16),transparent 70%),#000538}
.scuro::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 70% at 60% 40%,#000,transparent);mask-image:radial-gradient(70% 70% at 60% 40%,#000,transparent)}
.scuro h1.t{color:#fff}
.scuro h1.t em{background:linear-gradient(90deg,#B7AEFF,#fff 75%);-webkit-background-clip:text;background-clip:text;color:transparent}
.scuro .sotto{color:rgba(255,255,255,.72)}
.mestieri{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.mestieri span{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);font-size:14px;color:rgba(255,255,255,.7);transition:background .4s,color .4s,border-color .4s}
.mestieri .ico{width:16px;height:16px}
.mestieri span.on{background:#fff;color:var(--notte);border-color:#fff}
.mazzo{position:relative;aspect-ratio:16/12.6}
.mazzo__carta{position:absolute;left:0;right:7%;top:15%;transform-origin:50% 100%;transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .7s,filter .7s;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.mazzo__carta[data-pos="0"]{z-index:4}
.mazzo__carta[data-pos="1"]{z-index:3;transform:translate(3%,-7%) rotate(2.5deg) scale(.95);filter:brightness(.72)}
.mazzo__carta[data-pos="2"]{z-index:2;transform:translate(6%,-14%) rotate(5deg) scale(.9);filter:brightness(.52)}
.mazzo__carta[data-pos="3"]{z-index:1;transform:translate(9%,-21%) rotate(7.5deg) scale(.85);filter:brightness(.38)}
.mazzo__carta.esce{transform:translate(-16%,12%) rotate(-9deg) scale(.96);opacity:0}
.card--vetro{background:rgba(6,8,52,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.22);color:#fff;box-shadow:0 30px 60px -20px rgba(0,0,0,.55)}
.listino{left:-28px;bottom:-22px;width:292px}
.listino small{display:block;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:6px}
.listino ul{list-style:none;margin:0 0 8px;padding:0}
.listino li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.13);font-size:13px}
.listino li b{font-family:'Inter Tight',sans-serif}
.listino>span{font-size:11px;color:rgba(255,255,255,.65)}

/* ---------------------------------------------------------------- 5 · il preventivo in vetrina */
.h5{background:radial-gradient(50% 60% at 92% 18%,rgba(71,58,224,.17),transparent 70%),radial-gradient(35% 40% at 40% 100%,rgba(243,196,228,.45),transparent 70%),var(--fondo)}
.vetr{padding-bottom:34px}
.vetr__br{width:86%;margin-left:auto}
.vetr__strato{position:absolute;inset:0;opacity:0;transition:opacity .7s}
.vetr__strato.on{opacity:1}
.prev{position:absolute;left:0;bottom:-8px;z-index:5;width:min(322px,64%);padding:16px;border-radius:20px;background:#fff;font-size:13px;
  box-shadow:0 2px 4px rgba(0,5,56,.05),0 34px 64px -20px rgba(0,5,56,.45)}
.prev__testa{display:flex;align-items:center;justify-content:space-between;font:600 15px 'Inter Tight',sans-serif}
.prev__testa .ico{width:18px;height:18px;color:var(--viola)}
.prev__dom{margin:12px 0 7px;font-size:11.5px;font-weight:600;color:#6B6F86}
.prev__chips{display:flex;flex-wrap:wrap;gap:5px}
.prev__chips span{padding:6px 10px;border-radius:999px;background:#F1F2F8;font-size:12px;font-weight:500;transition:background .3s,color .3s}
.prev__chips span.on{background:var(--viola);color:#fff}
.prev__opz{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.prev__opz li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #E8E9F1;border-radius:12px;transition:border-color .3s,background .3s}
.prev__opz li i{width:15px;height:15px;border-radius:50%;border:2px solid #C9CBD8;flex:none;transition:border .3s}
.prev__opz li.on{border-color:var(--viola);background:#F6F4FF}
.prev__opz li.on i{border:4.5px solid var(--viola)}
.prev__opz span{font-weight:600;font-size:12.5px}
.prev__opz small{font-weight:400;color:var(--grigio2);margin-left:6px}
.prev__ris{margin-top:12px;padding:12px 14px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#3A2DD6,#7B6CFF)}
.prev__ris small{display:block;font-size:11px;opacity:.82}
.prev__ris b{display:block;font:700 25px/1.2 'Inter Tight',sans-serif;letter-spacing:-.025em;transition:opacity .25s}
.prev__ris b.cambia{opacity:0}
.prev__ris span{display:block;font-size:11px;opacity:.85;margin-top:2px}

/* ---------------------------------------------------------------- 6 · dal telefono */
.h6{background:#fff;padding-bottom:0}
.scena{position:relative;max-width:1040px;height:clamp(430px,50vw,580px);margin:clamp(30px,4vw,50px) auto 0}
.scena__fascia{position:absolute;left:50%;bottom:0;width:100vw;height:88%;transform:translateX(-50%);
  background:radial-gradient(42% 75% at 50% 100%,rgba(71,58,224,.5),transparent 72%),radial-gradient(30% 55% at 22% 100%,rgba(243,196,228,.85),transparent 70%),radial-gradient(30% 55% at 80% 100%,rgba(169,200,255,.85),transparent 70%)}
.scena__tel{position:absolute;left:50%;top:0;width:clamp(210px,23vw,284px);transform:translateX(-50%);z-index:2}
.avviso{display:flex;align-items:center;gap:12px;width:268px}
.avviso__ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--lavanda);color:var(--viola)}
.avviso__ico .ico{width:20px;height:20px}
.avviso__ico--wa{background:#E3F8EA;color:var(--verde)}
.avviso small{display:block;font-size:11px;color:var(--grigio2)}
.avviso b{display:block;font-size:13.5px;font-weight:600;line-height:1.3}
.scena .card{animation:galleggia 6.5s ease-in-out infinite}
.c-pren{left:3%;top:10%}
.c-wa{left:0;top:47%;animation-delay:-2s!important}
.c-goo{right:0;top:4%;width:290px;animation-delay:-4s!important}
.c-goo__url{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--grigio2);margin-bottom:6px}
.c-goo__url .ico{width:14px;height:14px}
.c-goo b{display:block;color:#3A2DD6;font-size:14.5px}
.c-goo>span{display:block;font-size:12px;color:var(--grigio);margin-top:2px}
.c-prezzo{right:5%;top:46%;animation-delay:-1s!important}

/* ---------------------------------------------------------------- 7 · ti cercano su Google */
.h7{background:radial-gradient(45% 50% at 20% 30%,rgba(71,58,224,.12),transparent 70%),linear-gradient(180deg,#fff,#F4F2FF)}
.cerca{position:relative;min-height:450px;padding:22px;border-radius:22px;background:#fff;overflow:hidden;border:1px solid rgba(0,5,56,.06);
  box-shadow:0 2px 4px rgba(0,5,56,.05),0 34px 70px -24px rgba(0,5,56,.38)}
.cerca__barra{display:flex;align-items:center;gap:10px;height:50px;padding:0 18px;border-radius:999px;border:1px solid #E1E3EC;box-shadow:0 2px 10px -4px rgba(0,5,56,.14);font-size:16px}
.cerca__barra>.ico{width:20px;height:20px;color:var(--grigio2)}
.ris{display:grid;gap:8px;margin-top:16px}
.ris__r{padding:12px 14px;border-radius:14px;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}
.ris__r.vis{opacity:1;transform:none}
.ris__r--finto i{display:block;height:9px;border-radius:5px;background:#EEF0F5;margin:7px 0}
.ris__r--finto i:nth-child(1){width:28%}.ris__r--finto i:nth-child(2){width:62%;height:12px;background:#E2E4EE}.ris__r--finto i:nth-child(3){width:88%}
.ris__tuo{display:flex;gap:12px;background:#FAF9FF;border:1px solid #DCD8FF;box-shadow:0 0 0 5px rgba(71,58,224,.07)}
.ris__fav{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;background:#3A2430;color:#FBF4F1;font:700 16px 'Urbanist',sans-serif}
.ris__tuo small{font-size:12px;color:var(--grigio)}
.ris__tuo b{display:block;font-size:17px;font-weight:600;color:#3A2DD6;margin:1px 0 3px}
.ris__tuo>div>span{font-size:13px;color:#4A4F6A}
.ris__link{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.ris__link em{font-style:normal;font-size:12px;font-weight:600;color:#3A2DD6;background:var(--lavanda);padding:4px 10px;border-radius:999px}
.cerca__br{position:absolute;left:14px;right:14px;top:14px;z-index:3;opacity:0;transform:scale(.7) translateY(18%);pointer-events:none;
  transition:opacity .6s,transform .85s cubic-bezier(.2,.8,.2,1)}
.cerca.aperto .cerca__br{opacity:1;transform:none}
.cerca__prezzo{position:relative;display:inline-block;margin-top:30px}

/* ---------------------------------------------------------------- 8 · dacci l'indirizzo */
.h8{background:radial-gradient(60% 50% at 50% 0%,#E6E2FF,transparent 70%),#fff}
.h8::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(71,58,224,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(71,58,224,.06) 1px,transparent 1px);
  background-size:48px 48px;-webkit-mask-image:radial-gradient(60% 50% at 50% 20%,#000,transparent);mask-image:radial-gradient(60% 50% at 50% 20%,#000,transparent)}
.indirizzo{display:flex;align-items:center;gap:10px;max-width:560px;margin:4px auto 0;padding:7px 7px 7px 20px;border-radius:999px;background:#fff;border:1px solid rgba(0,5,56,.08);
  box-shadow:0 18px 40px -16px rgba(0,5,56,.28)}
.indirizzo__ico .ico{width:20px;height:20px;color:var(--grigio2);display:block}
.indirizzo__testo{flex:1;min-width:0;text-align:left;font-size:16px;white-space:nowrap;overflow:hidden}
.indirizzo .btn{height:46px}
.indirizzo .btn.premuto{transform:scale(.94)}
.indirizzo__nota{margin:14px 0 0;font-size:13px;color:#6B6F86}
.scan{position:relative;max-width:1000px;margin:clamp(36px,4.4vw,54px) auto 0}
.scan .br__vista{--y:0%}
.scan__nuovo{clip-path:inset(0 0 calc(100% - var(--y)) 0)}
.scan__luce{position:absolute;left:0;right:0;top:var(--y);height:3px;margin-top:-1.5px;z-index:4;opacity:0;transition:opacity .3s;
  background:linear-gradient(90deg,transparent,#8B7FFF 15%,#fff 50%,#8B7FFF 85%,transparent);box-shadow:0 0 30px 8px rgba(123,108,255,.65)}
.scan.lavora .scan__luce{opacity:1}
.scan__chip{position:absolute;z-index:5;display:inline-flex;align-items:center;gap:7px;padding:8px 14px 8px 9px;border-radius:999px;background:#fff;font-size:13px;font-weight:600;
  border:1px solid rgba(0,5,56,.06);box-shadow:0 14px 30px -12px rgba(0,5,56,.38);opacity:0;transform:translateY(8px) scale(.9);transition:.45s cubic-bezier(.2,.8,.2,1)}
.scan__chip .ico{width:18px;height:18px;padding:3px;border-radius:50%;color:#fff;background:var(--verde)}
.scan__chip.vis{opacity:1;transform:none}
.scan .c1{left:-5%;top:14%}.scan .c2{right:-6%;top:24%}.scan .c3{left:-7%;top:52%}.scan .c4{right:-4%;top:64%}.scan .c5{left:12%;bottom:-18px}

/* ---------------------------------------------------------------- 9 · chiavi in mano, a riquadri */
.h9{background:#F2F3F9}
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1240px;margin:clamp(6px,1.6vw,20px) auto 0}
.cella{position:relative;overflow:hidden;min-height:176px;padding:20px;border-radius:24px;background:#fff;border:1px solid rgba(0,5,56,.06);box-shadow:0 1px 2px rgba(0,5,56,.04)}
.cella__eti{display:block;margin-bottom:10px;font-size:10.5px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--grigio2)}
.cella b{display:block;font:600 19px/1.2 'Inter Tight',sans-serif;letter-spacing:-.02em}
.cella--titolo{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,3vw,40px);color:#fff;border:0;
  background:radial-gradient(70% 60% at 100% 0%,rgba(255,255,255,.26),transparent 60%),radial-gradient(50% 50% at 0% 100%,rgba(255,120,200,.3),transparent 70%),linear-gradient(145deg,#2417B5,#473AE0 55%,#7B6CFF)}
.cella--titolo h1.t{color:#fff;font-size:clamp(36px,4.3vw,60px);margin-top:18px}
.cella--titolo h1.t em{color:#fff;background:rgba(255,255,255,.16);border-radius:.16em;padding:0 .12em}
.cella--titolo .sotto{color:rgba(255,255,255,.84);margin-bottom:24px}
.cella--titolo .pill{align-self:flex-start}
.cella--sito{grid-column:span 2;grid-row:span 2;background:linear-gradient(160deg,#E8F4F3,#fff 70%)}
.bento__br{position:absolute;left:24px;top:56px;width:122%}
.cella--tel{grid-row:span 2;background:linear-gradient(180deg,#fff,#E8F4F3)}
.bento__tel{position:absolute;left:50%;top:54px;width:72%;transform:translateX(-50%)}
.pacchetti{list-style:none;margin:0;padding:0}
.pacchetti li{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px dashed #E1E3EC;font-size:13px}
.pacchetti b{font-size:14px}
.cella__nota{display:block;margin-top:8px;font-size:11.5px;color:var(--grigio2)}
.righe i{display:block;height:8px;margin-top:10px;border-radius:4px;background:var(--lavanda);transform-origin:left;animation:scrivi 5s ease-in-out infinite}
.righe i:nth-child(2){width:90%;animation-delay:.4s}.righe i:nth-child(3){width:76%;animation-delay:.8s}.righe i:nth-child(4){width:52%;animation-delay:1.2s;background:#DCD7FF}
@keyframes scrivi{0%{transform:scaleX(0)}30%,85%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
.cella--testi b{margin-bottom:4px}
.mini-ris small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--grigio2)}
.mini-ris small .ico{width:13px;height:13px}
.mini-ris b{font-size:15px;color:#3A2DD6;margin:7px 0 3px}
.mini-ris span{display:block;font-size:12px;color:var(--grigio)}
.tinte{display:flex;gap:8px;margin-bottom:14px}
.tinte i{width:34px;height:34px;border-radius:10px;animation:tinte 9s ease-in-out infinite}
.tinte i:nth-child(1){background:#473AE0}.tinte i:nth-child(2){background:#0B3B4A}.tinte i:nth-child(3){background:#2BA79A}.tinte i:nth-child(4){background:#F3C4E4}
@keyframes tinte{50%{filter:hue-rotate(70deg)}}
.tasti{display:flex;gap:10px;margin-bottom:14px}
.tasti span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--lavanda);color:var(--viola);animation:batte 2.4s ease-out infinite}
.tasti span:nth-child(2){background:#E3F8EA;color:var(--verde);animation-delay:.4s}
.tasti span:nth-child(3){background:var(--viola);color:#fff;animation-delay:.8s}
.tasti .ico{width:20px;height:20px}
@keyframes batte{0%{box-shadow:0 0 0 0 rgba(71,58,224,.35)}70%,100%{box-shadow:0 0 0 10px rgba(71,58,224,0)}}
.cella--dopo span{display:block;margin-top:6px;font-size:13px;color:var(--grigio)}

/* ---------------------------------------------------------------- 10 · il grande schermo */
.h10{background:radial-gradient(55% 40% at 50% 0%,rgba(71,58,224,.2),transparent 70%),radial-gradient(45% 30% at 50% 100%,rgba(243,196,228,.55),transparent 70%),#fff}
.prosp{max-width:1140px;margin:clamp(30px,4vw,48px) auto 0;text-align:center}
.schede{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:5px;margin-bottom:24px;border-radius:999px;background:#EEF0F6}
.schede button{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:0;border-radius:999px;background:none;cursor:pointer;font:600 14px 'Inter Tight',sans-serif;color:var(--grigio);transition:background .3s,color .3s,box-shadow .3s}
.schede .ico{width:16px;height:16px}
.schede button.on{background:#fff;color:var(--notte);box-shadow:0 4px 12px -4px rgba(0,5,56,.22)}
.prosp__scena{position:relative;perspective:1800px;text-align:left}
.prosp__br{transform:rotateX(var(--rx,22deg)) scale(var(--sc,.9));transform-origin:50% 0;will-change:transform}
.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 11px;border-radius:999px;font-size:13.5px;font-weight:600;white-space:nowrap}
.chip .ico{width:18px;height:18px;padding:3px;border-radius:50%;color:#fff;background:var(--viola)}
.ch1{left:-3%;top:20%}.ch2{right:-3%;top:9%}.ch3{left:-1%;top:64%}.ch4{right:-2%;top:54%}

/* ---------------------------------------------------------------- telefono e schermi stretti */
@media (max-width:980px){
  .gr,.gr--inv{grid-template-columns:1fr}
  .nav__link{display:none}
  .vis{margin:0 14px}
  .gr--inv .vis{order:2}
  .scelte{width:180px;padding:12px}
}
@media (max-width:640px){
  .hero{padding-bottom:64px}
  .nav{padding:16px 0}
  .logo small{display:none}
  .barra b span{display:none}
  .btn--nav{height:40px;padding:0 14px;font-size:13.5px}
  .btn--nav .ico{display:none}
  .btn{height:50px;padding:0 20px;font-size:15px}
  .az .btn{flex:1 1 auto}
  .card{padding:10px 12px;border-radius:14px}
  .prezzo b{font-size:18px}
  .prezzo span{display:none}
  .pd__prezzo{left:-10px;bottom:-40px}
  .pd__tel{right:-10px;bottom:-50px;width:92px}
  .pd__manopola{width:38px;height:38px}
  .ed__corpo{grid-template-columns:1fr}
  .ed__livelli{display:none}
  .ed__tela{padding:8px}
  .cn__tel{right:-10px;width:84px}
  .cn__prezzo{left:-10px;bottom:-6px}
  .fila{gap:10px 18px;font-size:13.5px}
  .cur--t1,.cur--t2{display:none}
  .palco__br{width:100%}
  .scelte{position:relative;left:auto;top:auto;width:auto;margin:16px 0 0;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center}
  .scelte>b{grid-column:1/-1}
  .sc{display:contents}
  .sc small{margin:6px 0 0}
  .palco__tel{right:-8px;bottom:auto;top:-30px;width:82px}
  .palco__prezzo{display:none}
  .listino{position:relative;left:auto;bottom:auto;width:auto;margin:-26px 10px 0}
  .mestieri span{font-size:13px;padding:7px 12px}
  .vetr__br{width:100%}
  .prev{position:relative;left:auto;bottom:auto;width:auto;margin:-36px 8px 0}
  .scena{height:460px}
  .scena__tel{width:196px}
  .avviso{width:196px;gap:8px}
  .avviso__ico{width:32px;height:32px}
  .avviso b{font-size:12px}
  .c-pren{left:-2%;top:6%}
  .c-wa{left:-2%;top:58%}
  .c-goo{display:none}
  .c-prezzo{right:-2%;top:34%}
  .cerca{min-height:400px;padding:14px}
  .ris__tuo b{font-size:15px}
  .indirizzo{padding-left:14px}
  .indirizzo__ico{display:none}
  .indirizzo__testo{font-size:14px}
  .indirizzo .btn{padding:0 14px;font-size:13.5px;flex:none}
  .indirizzo .btn .ico{display:none}
  .scan__chip{font-size:11.5px;padding:6px 10px 6px 7px}
  .scan .c3,.scan .c4{display:none}
  .scan .c1{left:-2%;top:10%}.scan .c2{right:-2%;top:40%}.scan .c5{left:4%}
  .bento{grid-template-columns:1fr 1fr;gap:10px}
  .cella{padding:16px;border-radius:20px;min-height:150px}
  .cella--titolo,.cella--sito{grid-column:span 2;grid-row:auto}
  .cella--sito{min-height:250px}
  .bento__br{left:16px;top:44px;width:150%}
  .cella--tel{grid-row:span 2}
  .bento__tel{width:84%;top:44px}
  .cella b{font-size:16px}
  .schede button{padding:7px 11px;font-size:12.5px}
  .schede .ico{display:none}
  .ch1,.ch3{display:none}
  .ch2{right:-2%;top:-14px}.ch4{right:auto;left:-2%;top:auto;bottom:-30px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}