@font-face{font-family:"Ubuntu";font-weight:500;font-display:swap;src:url(/assets/fonts/ubuntu-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Ubuntu";font-weight:700;font-display:swap;src:url(/assets/fonts/ubuntu-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Mulish";font-weight:400;font-display:swap;src:url(/assets/fonts/mulish-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Mulish";font-weight:400;font-style:italic;font-display:swap;src:url(/assets/fonts/mulish-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Mulish";font-weight:600;font-display:swap;src:url(/assets/fonts/mulish-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Mulish";font-weight:700;font-display:swap;src:url(/assets/fonts/mulish-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Mulish";font-weight:800;font-display:swap;src:url(/assets/fonts/mulish-latin-800-normal.woff2) format("woff2")}
/* Layout: sito editoriale per proprietari — fotografie grandi, fasce bianche e fasce "ardesia",
   l'arancio del logo usato come intonaco: pieni e sottolineature, mai come testo su bianco. */
:root{
  --ardesia:#24282B;      /* ardesia ligure: testo e fasce scure */
  --ardesia-2:#33383C;
  --grigio:#737373;       /* grigio del logo */
  --testo-2:#565B5F;
  --fondo:#FFFFFF;
  --fondo-2:#F3F2F0;      /* fascia chiara, grigio caldo */
  --linea:#E3E1DD;
  --arancio:#FFBD59;      /* arancio del logo */
  --arancio-chiaro:#FFE7C2;
  --arancio-testo:#9A5300;/* arancio leggibile su bianco */
  --verde-wa:#1FA855;
  --f-display:"Ubuntu","Trebuchet MS",system-ui,sans-serif;
  --f-testo:"Mulish","Segoe UI",system-ui,-apple-system,sans-serif;
  --r:10px;
  --gutter:max(20px, env(safe-area-inset-left, 0px));
  --gutter-r:max(20px, env(safe-area-inset-right, 0px));
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--fondo);color:var(--ardesia);font-family:var(--f-testo);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:700;line-height:1.12;margin:0;text-wrap:balance;letter-spacing:-.01em}
h1{font-size:clamp(2.35rem,5.2vw,4.1rem);line-height:1.04;letter-spacing:-.02em}
h2{font-size:clamp(1.85rem,3.4vw,2.75rem)}
h3{font-size:1.3rem}
:focus-visible{outline:3px solid var(--arancio);outline-offset:3px;border-radius:4px}
.wrap{max-width:1180px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter-r)}
.narrow{max-width:760px}
.sec{padding-block:96px}
.sec--alt{background:var(--fondo-2)}
.sec--dark{background:var(--ardesia);color:#F4F3F1}
.sec--dark h2,.sec--dark h3{color:#fff}
.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--arancio-testo);margin-bottom:14px;display:block}
.sec--dark .eyebrow{color:var(--arancio)}
.lead{font-size:1.18rem;color:var(--testo-2);max-width:60ch}
.sec--dark .lead{color:#C9CCCE}
.hl{background:linear-gradient(transparent 62%, var(--arancio) 62%, var(--arancio) 92%, transparent 92%);padding:0 .06em}
.muted{color:var(--grigio)}
.sec-head{display:grid;gap:14px;margin-bottom:48px;max-width:760px}
.sec-head p{color:var(--testo-2)}
.sec--dark .sec-head p{color:#C9CCCE}

/* bottoni */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--f-testo);font-weight:800;font-size:1rem;line-height:1.2;text-decoration:none;border-radius:var(--r);padding:15px 22px;border:2px solid transparent;cursor:pointer;transition:transform .15s ease, background-color .15s ease, box-shadow .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn--primary{background:var(--arancio);color:var(--ardesia);box-shadow:0 6px 18px -8px rgba(160,90,0,.55)}
.btn--primary:hover{background:#FFB23D}
.btn--ghost{border-color:var(--ardesia);color:var(--ardesia);background:transparent}
.sec--dark .btn--ghost{border-color:#fff;color:#fff}
.btn--wa{background:var(--verde-wa);color:#fff}
.btn svg{width:20px;height:20px;flex:none}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}

/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--linea)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px}
.brand img{height:30px;width:auto}
.nav{display:flex;align-items:center;gap:26px}
.nav a{text-decoration:none;font-weight:700;font-size:.95rem;color:var(--testo-2)}
.nav a:hover,.nav a[aria-current="page"]{color:var(--ardesia)}
.nav a[aria-current="page"]{box-shadow:inset 0 -3px 0 var(--arancio)}
.nav .btn{padding:11px 16px;font-size:.92rem;color:var(--ardesia)}
.menu-btn{display:none;background:none;border:0;padding:8px;cursor:pointer;color:var(--ardesia)}
.menu-btn svg{width:28px;height:28px}
@media (max-width:980px){
  .menu-btn{display:block}
  .nav{position:absolute;left:0;right:0;top:72px;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gutter-r) 20px var(--gutter);border-bottom:1px solid var(--linea);box-shadow:0 20px 30px -20px rgba(0,0,0,.25)}
  .nav:not(.open){display:none}
  .nav a{padding:14px 0;border-bottom:1px solid var(--linea);font-size:1.05rem}
  .nav a[aria-current="page"]{box-shadow:none;color:var(--arancio-testo)}
  .nav .btn{margin-top:14px;border-bottom:0;padding:15px}
}

/* hero */
.hero{padding-block:64px 88px}
.hero .wrap{display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center}
.hero-txt{display:grid;gap:24px;min-width:0}
.hero .h1 .sub{display:block;color:var(--grigio);font-weight:500;font-size:.62em;letter-spacing:-.01em;margin-top:12px;line-height:1.15}
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;padding:0;margin:4px 0 0;list-style:none;font-weight:700;font-size:.95rem}
.trust li{display:flex;align-items:center;gap:8px}
.trust svg{width:20px;height:20px;color:var(--arancio-testo);flex:none}
.hero-media{position:relative;min-width:0}
.hero-media img{border-radius:14px;aspect-ratio:4/4.4;object-fit:cover;width:100%}
.caso{position:absolute;left:-28px;bottom:28px;background:var(--fondo);border-radius:12px;padding:18px 20px;box-shadow:0 22px 40px -18px rgba(20,24,26,.45);max-width:290px;border-left:6px solid var(--arancio)}
.caso small{display:block;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--grigio)}
.caso strong{display:block;font-family:var(--f-display);font-size:2rem;line-height:1.1;margin:4px 0 2px}
.caso span{font-size:.92rem;color:var(--testo-2)}
@media (max-width:900px){
  .hero{padding-block:36px 64px}
  .hero .wrap{grid-template-columns:1fr;gap:36px}
  .caso{left:12px;bottom:12px;max-width:250px;padding:14px 16px}
  .caso strong{font-size:1.6rem}
  .hero-media img{aspect-ratio:4/3.4}
}

/* differenze */
.diff{display:grid;gap:28px}
.diff-item{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.diff-item:nth-child(even) .diff-media{order:2}
.diff-media img{border-radius:14px;aspect-ratio:3/2.2;object-fit:cover;width:100%}
.diff-txt{display:grid;gap:14px;min-width:0}
.diff-txt .tag{justify-self:start;background:var(--arancio-chiaro);color:#6B3A00;font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:6px}
.diff-txt p{color:var(--testo-2)}
@media (max-width:860px){.diff-item{grid-template-columns:1fr;gap:20px}.diff-item:nth-child(even) .diff-media{order:0}.diff{gap:56px}}

/* servizi */
.servizi{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--linea)}
.servizio{padding:28px 28px 30px 0;border-bottom:1px solid var(--linea);display:grid;gap:8px;align-content:start}
.servizio svg{width:28px;height:28px;color:var(--arancio-testo)}
.servizio h3{font-size:1.12rem}
.servizio p{color:var(--testo-2);font-size:.98rem}
@media (max-width:900px){.servizi{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.servizi{grid-template-columns:1fr}.servizio{padding-right:0}}

/* caso reale */
.caso-reale{display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch;background:var(--arancio);border-radius:16px;overflow:hidden}
.caso-reale .txt{padding:52px 48px;display:grid;gap:16px;align-content:center;min-width:0}
.caso-reale .num{font-family:var(--f-display);font-weight:700;font-size:clamp(3rem,7vw,5.4rem);line-height:1;letter-spacing:-.03em}
.caso-reale .eyebrow{color:#5E3300}
.caso-reale p{color:#3D2A10}
.caso-reale small{color:#5E3D14;font-size:.85rem}
.caso-reale img{width:100%;height:100%;object-fit:cover;min-height:320px}
@media (max-width:860px){.caso-reale{grid-template-columns:1fr}.caso-reale .txt{padding:36px 24px}}

/* simulatore */
.sim{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.sim-form{display:grid;gap:22px;min-width:0}
.campo{display:grid;gap:8px}
.campo>label,.campo legend{font-weight:800;font-size:.92rem;letter-spacing:.02em}
fieldset{border:0;padding:0;margin:0;min-width:0}
select,input[type=text],input[type=tel],input[type=email],textarea{width:100%;font:inherit;font-size:1rem;padding:13px 14px;border-radius:var(--r);border:1.5px solid #C9C6C0;background:#fff;color:var(--ardesia)}
.sec--dark select{border-color:#4A5055}
textarea{min-height:110px;resize:vertical}
.seg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.seg label{position:relative}
.seg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.seg span{display:block;text-align:center;padding:12px 6px;border-radius:var(--r);border:1.5px solid #4A5055;font-weight:700;font-size:.92rem;line-height:1.2}
.seg input:checked+span{background:var(--arancio);border-color:var(--arancio);color:var(--ardesia)}
.seg input:focus-visible+span{outline:3px solid #fff;outline-offset:2px}
.chk{display:flex;flex-wrap:wrap;gap:10px}
.chk label{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1.5px solid #4A5055;border-radius:var(--r);cursor:pointer;font-weight:600}
.chk input{width:18px;height:18px;accent-color:var(--arancio)}
.sim-out{background:var(--ardesia-2);border-radius:16px;padding:34px 30px;display:grid;gap:14px;position:sticky;top:96px}
.sim-out .lbl{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#AEB3B6}
.sim-out .range{font-family:var(--f-display);font-weight:700;font-size:clamp(2.2rem,4.6vw,3.3rem);line-height:1.05;color:var(--arancio);font-variant-numeric:tabular-nums}
.sim-out .range small{display:block;font-size:.42em;color:#fff;font-weight:500;margin-top:6px}
.sim-out p{color:#C9CCCE;font-size:.95rem}
.sim-out .note{font-size:.82rem;color:#9AA0A4;border-top:1px solid #4A5055;padding-top:14px}
@media (max-width:860px){.sim{grid-template-columns:1fr}.sim-out{position:static}.seg{grid-template-columns:repeat(2,1fr)}}

/* galleria */
.gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:10px}
.gal figure{margin:0;overflow:hidden;border-radius:10px;position:relative}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.gal figure:hover img{transform:scale(1.04)}
.gal .w2{grid-column:span 2}.gal .h2{grid-row:span 2}
@media (max-width:860px){.gal{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px}}

/* passi */
.passi{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:p;list-style:none;padding:0;margin:0}
.passi li{counter-increment:p;display:grid;gap:10px;align-content:start;border-top:3px solid var(--ardesia);padding-top:18px}
.passi li::before{content:counter(p);font-family:var(--f-display);font-weight:700;font-size:2.4rem;line-height:1;color:var(--arancio-testo)}
.passi p{color:var(--testo-2);font-size:.98rem}
@media (max-width:900px){.passi{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.passi{grid-template-columns:1fr}}

/* recensioni */
.rec{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rec blockquote{margin:0;background:#fff;border:1px solid var(--linea);border-radius:12px;padding:26px 24px;display:grid;gap:14px;align-content:space-between}
.rec q{font-family:var(--f-display);font-weight:500;font-size:1.25rem;line-height:1.3;quotes:"“" "”"}
.rec cite{font-style:normal;font-weight:800;font-size:.92rem}
.rec cite span{display:block;font-weight:600;color:var(--grigio)}
.stelle{color:var(--arancio-testo);letter-spacing:2px;font-size:.95rem}
@media (max-width:900px){.rec{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.rec{grid-template-columns:1fr}}

/* zone */
.zone{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.zona{display:grid;text-decoration:none;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--linea);transition:box-shadow .2s ease, transform .2s ease}
.zona:hover{box-shadow:0 18px 34px -20px rgba(20,24,26,.4);transform:translateY(-2px)}
.zona img{aspect-ratio:16/10;object-fit:cover;width:100%}
.zona div{padding:18px 20px 22px;display:grid;gap:6px}
.zona h3{font-size:1.15rem}
.zona p{color:var(--testo-2);font-size:.95rem}
.zona .vai{font-weight:800;font-size:.9rem;color:var(--arancio-testo)}
@media (max-width:900px){.zone{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.zone{grid-template-columns:1fr}}

/* faq */
.faq{display:grid;gap:0;border-top:1px solid var(--linea)}
.faq details{border-bottom:1px solid var(--linea)}
.faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;font-family:var(--f-display);font-weight:500;font-size:1.18rem;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:14px;height:14px;border-right:2.5px solid var(--arancio-testo);border-bottom:2.5px solid var(--arancio-testo);transform:translateY(-70%) rotate(45deg);transition:transform .2s ease}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq .ans{padding:0 0 24px;color:var(--testo-2);max-width:68ch;display:grid;gap:12px}

/* chi */
.chi{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
.chi-foto{background:#fff;border:1px solid var(--linea);border-bottom:10px solid var(--arancio);border-radius:16px;overflow:hidden;padding-top:24px}
.chi-foto img{width:84%;margin:0 auto}
.chi-txt{display:grid;gap:18px;min-width:0}
.chi-txt p{color:var(--testo-2)}
.firma{font-family:var(--f-display);font-weight:700;font-size:1.15rem}
.firma span{display:block;font-family:var(--f-testo);font-weight:600;font-size:.95rem;color:var(--grigio)}
@media (max-width:860px){.chi{grid-template-columns:1fr;gap:28px}.chi-foto{max-width:420px}}

/* contatti */
.cont{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}
.cont-info{display:grid;gap:22px;min-width:0}
.cont-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.cont-list li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start}
.cont-list svg{width:22px;height:22px;color:var(--arancio-testo);margin-top:3px}
.cont-list a{font-weight:700;text-decoration:none;border-bottom:2px solid var(--arancio)}
.form{background:#fff;border-radius:16px;padding:32px;display:grid;gap:16px;box-shadow:0 24px 50px -30px rgba(20,24,26,.4);border:1px solid var(--linea);color:var(--ardesia)}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form label{font-weight:800;font-size:.9rem;display:grid;gap:6px}
.form input,.form textarea{font-weight:400}
.form ::placeholder{color:#8A8E91;font-weight:400}
.faq a{color:var(--arancio-testo);font-weight:700}
.form .privacy{font-weight:600;font-size:.88rem;display:flex;gap:10px;align-items:flex-start;color:var(--testo-2)}
.form .privacy input{margin-top:4px;width:18px;height:18px;accent-color:var(--arancio-testo);flex:none}
.form-esito{border-radius:var(--r);padding:16px;background:var(--fondo-2);display:grid;gap:12px}
.form-esito[hidden]{display:none}
@media (max-width:860px){.cont{grid-template-columns:1fr;gap:36px}.form{padding:22px}.form .row2{grid-template-columns:1fr}}

/* cta finale */
.cta-band{background:var(--arancio)}
.cta-band .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding-block:56px}
.cta-band h2{max-width:20ch}
.cta-band .btn--primary{background:var(--ardesia);color:#fff;box-shadow:none}

/* pagine interne */
.page-hero{padding-block:64px 56px;background:var(--fondo-2);border-bottom:1px solid var(--linea)}
.page-hero .wrap{display:grid;gap:18px}
.crumbs{font-size:.88rem;color:var(--grigio);display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{color:var(--testo-2);text-decoration:none;font-weight:700}
.crumbs a:hover{color:var(--ardesia)}
.prose{max-width:720px;display:grid;gap:18px;font-size:1.06rem}
.prose h2{font-size:1.75rem;margin-top:22px}
.prose h3{font-size:1.25rem;margin-top:10px}
.prose ul,.prose ol{margin:0;padding-left:1.2em;display:grid;gap:8px}
.prose a{color:var(--arancio-testo);font-weight:700}
.prose .box{background:var(--fondo-2);border-left:5px solid var(--arancio);padding:20px 22px;border-radius:0 10px 10px 0}
.prose table{border-collapse:collapse;width:100%;font-size:.98rem}
.prose th,.prose td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--linea);vertical-align:top}
.prose th{font-family:var(--f-display);font-weight:500}
.tbl{overflow-x:auto}
.prose figure{margin:6px 0}
.prose figure img{border-radius:12px}
.prose figcaption{font-size:.88rem;color:var(--grigio);margin-top:8px}
.fonti{font-size:.9rem;color:var(--grigio)}
.two{display:grid;grid-template-columns:1.4fr .9fr;gap:56px;align-items:start}
.side{position:sticky;top:96px;display:grid;gap:16px;background:var(--ardesia);color:#fff;border-radius:16px;padding:28px}
.side p{color:#C9CCCE;font-size:.98rem}
.side h3{color:#fff}
@media (max-width:900px){.two{grid-template-columns:1fr}.side{position:static}}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post{display:grid;gap:12px;text-decoration:none;align-content:start}
.post img{border-radius:12px;aspect-ratio:16/10;object-fit:cover;width:100%}
.post h3{font-size:1.2rem}
.post p{color:var(--testo-2);font-size:.96rem}
.post time{font-size:.85rem;color:var(--grigio);font-weight:700}
@media (max-width:900px){.posts{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.posts{grid-template-columns:1fr}}

/* footer */
.foot{background:var(--ardesia);color:#C9CCCE;padding-block:64px 32px;font-size:.95rem}
.foot .grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.foot img{height:28px;width:auto;margin-bottom:16px}
.foot h4{font-family:var(--f-testo);font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:12px}
.foot ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.foot a{text-decoration:none;color:#E6E7E8}
.foot a:hover{color:var(--arancio)}
.foot .legal{border-top:1px solid #3E4448;margin-top:44px;padding-top:22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.85rem;color:#9AA0A4}
@media (max-width:900px){.foot .grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.foot .grid{grid-template-columns:1fr}}

/* whatsapp flottante */
.wa-float{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;width:58px;height:58px;border-radius:50%;background:var(--verde-wa);color:#fff;display:grid;place-items:center;box-shadow:0 12px 26px -10px rgba(0,0,0,.5)}
.wa-float svg{width:30px;height:30px}

/* cookie */
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--ardesia);color:#E6E7E8;padding:18px var(--gutter-r) calc(18px + env(safe-area-inset-bottom,0px)) var(--gutter);display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;font-size:.92rem}
.cookie p{max-width:70ch}
.cookie a{color:var(--arancio)}
.cookie .btn{padding:10px 16px;font-size:.9rem}
.cookie .btn--ghost{border-color:#fff;color:#fff}

@media (max-width:700px){.sec{padding-block:64px}.sec-head{margin-bottom:32px}body{font-size:16.5px}}

/* ---- conversione ---- */
.btn--big{padding:17px 24px;font-size:1.06rem}
.btn--wa{background:var(--verde-wa);color:#fff;box-shadow:0 6px 18px -8px rgba(20,120,60,.6)}
.btn--wa:hover{background:#1B964B}
.tel-top{display:flex;align-items:center;gap:8px;font-weight:800!important;color:var(--ardesia)!important}
.tel-top svg{width:18px;height:18px;color:var(--arancio-testo)}
.tel-mob{display:none;width:44px;height:44px;border-radius:50%;background:var(--arancio);color:var(--ardesia);place-items:center;margin-left:auto}
.tel-mob svg{width:22px;height:22px}
.ciao{display:flex;align-items:center;gap:14px}
.ciao img{width:58px;height:58px;border-radius:50%;object-fit:cover;flex:none;border:3px solid var(--arancio)}
.ciao p{font-size:.98rem;line-height:1.4;color:var(--testo-2)}
.ciao strong{color:var(--ardesia)}
.sec--dark .ciao p,.side .ciao p{color:#C9CCCE}
.sec--dark .ciao strong{color:#fff}
.ciao--big img{width:76px;height:76px}
.hero2 .ciao-av{display:none}
.hero2{padding-block:48px 0;overflow:hidden}
.hero2 .wrap{grid-template-columns:1.1fr .9fr;align-items:end}
.hero2 .hero-txt{padding-bottom:72px}
.micro{display:flex;align-items:center;gap:8px;font-size:.92rem;color:var(--testo-2);font-weight:600}
.micro svg{width:18px;height:18px;color:var(--arancio-testo);flex:none}
.ritratto{position:relative;align-self:end;min-height:560px;display:flex;justify-content:center;align-items:flex-end}
.ritratto-bg{position:absolute;left:6%;right:0;bottom:0;height:78%;background:var(--arancio);border-radius:22px 22px 0 0}
.ritratto-img{position:relative;width:auto;height:600px;max-width:none;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(36,40,43,.18))}
.badge-live{position:absolute;right:0;top:22%;background:#fff;border-radius:999px;padding:10px 16px;font-weight:800;font-size:.9rem;box-shadow:0 14px 30px -14px rgba(20,24,26,.45);display:flex;align-items:center;gap:8px}
.badge-live i{width:10px;height:10px;border-radius:50%;background:var(--verde-wa);box-shadow:0 0 0 4px rgba(31,168,85,.2)}
.ritratto .caso{left:-10px;bottom:36px}
.proof{background:var(--ardesia);color:#fff}
.proof ul{list-style:none;margin:0;padding:22px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.proof li{display:grid;gap:2px;border-left:3px solid var(--arancio);padding-left:14px}
.proof strong{font-family:var(--f-display);font-size:1.5rem;line-height:1.1}
.proof span{color:#C9CCCE;font-size:.92rem}
.dolori{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dolore{border:1px solid var(--linea);border-radius:12px;padding:24px;display:grid;gap:8px;align-content:start;background:var(--fondo)}
.dolore h3{font-size:1.2rem}
.dolore p{color:var(--testo-2)}
.ponte{margin-top:28px;background:var(--arancio-chiaro);border-radius:14px;padding:26px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.ponte p{max-width:62ch;color:#3D2A10}
.chat{background:#EFE9E1;border-radius:16px;overflow:hidden;box-shadow:0 24px 50px -30px rgba(20,24,26,.45);max-width:460px;margin:0 auto;width:100%}
.chat-top{background:#1E5C45;color:#fff;display:flex;align-items:center;gap:12px;padding:12px 16px}
.chat-top img{width:40px;height:40px;border-radius:50%}
.chat-top strong{display:block;font-size:.98rem}
.chat-top span{font-size:.8rem;color:#CFE5DA}
.chat-body{padding:18px 16px 8px;display:grid;gap:10px}
.chat .day{justify-self:center;font-size:.75rem;background:#fff;border-radius:8px;padding:3px 10px;color:var(--testo-2);font-weight:700}
.msg{max-width:85%;padding:10px 12px 18px;border-radius:12px;font-size:.95rem;line-height:1.4;position:relative;color:var(--ardesia)}
.msg span{position:absolute;right:10px;bottom:4px;font-size:.7rem;color:#7A8085}
.msg.in{background:#fff;justify-self:start;border-top-left-radius:2px}
.msg.out{background:#D8F5C6;justify-self:end;border-top-right-radius:2px}
.chat-note{font-size:.75rem;color:var(--grigio);text-align:center;padding:4px 0 12px}
.big-cta{display:grid;gap:12px;max-width:420px}
.sec--dark .cont-list a{color:#fff}
.sec--dark .cont-list svg{color:var(--arancio)}
.sec--dark .muted{color:#9AA0A4}
.cta-band .ciao{gap:18px}
.cta-band .ciao img{width:68px;height:68px;border-color:var(--ardesia)}
.cta-band .btn--primary{background:var(--ardesia);color:#fff}
.side .btn{width:100%}
.sticky-cta{display:none}
@media (max-width:980px){
  .tel-top{display:none!important}
  .tel-mob{display:grid}
  .menu-btn{margin-left:4px}
}
@media (max-width:900px){
  .hero2{padding-top:28px}
  .hero2 .wrap{grid-template-columns:1fr;gap:28px}
  .hero2 .ciao-av{display:block}
  .hero2 .hero-txt{padding-bottom:0}
  .ritratto{min-height:0;height:430px}
  .ritratto-img{height:440px}
  .ritratto-bg{left:0;height:72%}
  .badge-live{top:14%;right:8px;font-size:.82rem}
  .ritratto .caso{left:10px;bottom:16px}
  .proof ul{grid-template-columns:1fr 1fr;gap:18px}
  .dolori{grid-template-columns:1fr}
  .hero-cta .btn{flex:1 1 100%}
}
@media (max-width:860px){
  .wa-float{display:none}
  .sticky-cta{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:65;background:#fff;border-top:1px solid var(--linea);padding:10px max(12px, env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));gap:10px;box-shadow:0 -10px 24px -16px rgba(0,0,0,.35)}
  .sticky-cta a{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:10px;font-weight:800;text-decoration:none;background:var(--arancio);color:var(--ardesia)}
  .sticky-cta a.wa{background:var(--verde-wa);color:#fff}
  .sticky-cta svg{width:20px;height:20px}
  body{padding-bottom:76px}
  .cookie{bottom:72px}
}
@media (max-width:700px){
  .cookie{padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));gap:10px;font-size:.82rem;justify-content:space-between}
  .cookie p{max-width:none;flex:1 1 100%}
  .cookie .btn{padding:8px 14px}
}

/* ---- hero con sfondo e ritratto ---- */
.hero3{position:relative;overflow:hidden;isolation:isolate;background:var(--fondo)}
.h3-bg{position:absolute;inset:0;z-index:-1}
.h3-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.v-a .h3-bg .bg-a,.v-b1 .h3-bg .bg-b1,.v-b2 .h3-bg .bg-b2,.v-b3 .h3-bg .bg-b3,.v-b4 .h3-bg .bg-b4,.v-b5 .h3-bg .bg-b5,.v-b6 .h3-bg .bg-b6{display:block}
.h3-bg .bg-b5{object-position:50% 45%}.h3-bg .bg-b6{object-position:50% 45%}
.h3-bg .bg-b1{object-position:70% 40%}.h3-bg .bg-b2{object-position:60% 50%}.h3-bg .bg-b3{object-position:65% 45%}.h3-bg .bg-b4{object-position:55% 50%}
.h3-bg::after{content:"";position:absolute;inset:0}
.v-a .h3-bg::after{background:linear-gradient(90deg,rgba(24,27,29,.94) 0%,rgba(24,27,29,.8) 42%,rgba(24,27,29,.25) 75%,rgba(24,27,29,.1) 100%)}
.v-b .h3-bg::after{background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.94) 40%,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 63%)}
.v-b .h3-vis{justify-content:flex-end}
.v-b .nametag{left:auto;right:min(300px,42%)}
.h3-bg .bg-b1{transform:scaleX(-1)}
.v-c .h3-bg{display:none}
.h3-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:end;min-height:660px;padding-top:40px}
.hero3 .hero-txt{display:grid;gap:22px;align-self:center;padding-block:40px 80px;min-width:0}
.hero3 .h1 .sub{display:block;color:var(--grigio);font-weight:500;font-size:.6em;margin-top:12px;line-height:1.15}
.v-a .hero-txt .h1{color:#fff}
.v-a .hero-txt .h1 .sub{color:#D3D6D8}
.v-a .hero-txt .lead{color:#E3E5E6}
.v-a .hero-txt .micro{color:#D3D6D8}
.v-a .hero-txt .micro svg,.v-a .eyebrow{color:var(--arancio)}
.v-a .hl{color:var(--ardesia);background:var(--arancio);padding:0 .14em;border-radius:4px}
.h3-vis{position:relative;align-self:end;display:flex;justify-content:center;align-items:flex-end;height:640px}
.h3-steven{position:relative;z-index:1;height:100%;width:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(0,0,0,.35))}
.h3-panel{display:none}
.v-c .h3-panel{display:block;position:absolute;left:2%;right:0;bottom:0;height:76%;border-radius:22px 22px 0 0;overflow:hidden;border-top:8px solid var(--arancio)}
.v-c .h3-panel img{width:100%;height:100%;object-fit:cover}
.v-c .h3-vis{height:720px}
.v-c .h3-grid{min-height:740px}
.nametag{position:absolute;left:0;bottom:56px;z-index:2;background:#fff;color:var(--ardesia);border-left:6px solid var(--arancio);border-radius:10px;padding:12px 18px;box-shadow:0 18px 34px -16px rgba(0,0,0,.45);display:grid}
.nametag strong{font-family:var(--f-display);font-size:1.15rem;line-height:1.2}
.nametag span{font-size:.88rem;color:var(--testo-2)}
.prova{position:sticky;top:calc(72px + env(safe-area-inset-top,0px));z-index:40;display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:center;background:var(--arancio-chiaro);padding:10px max(16px, env(safe-area-inset-right,0px)) 10px max(16px, env(safe-area-inset-left,0px));font-size:.88rem;font-weight:700;border-bottom:1px solid var(--linea)}
.prova button{font:inherit;cursor:pointer;border:1.5px solid var(--ardesia);background:#fff;color:var(--ardesia);border-radius:999px;padding:6px 12px}
.prova button[aria-pressed="true"]{background:var(--ardesia);color:#fff}
@media (max-width:900px){
  .h3-grid{grid-template-columns:1fr;min-height:0;gap:0;padding-top:0}
  .v-c .h3-grid{min-height:0}
  .h3-vis,.v-c .h3-vis{order:-1;height:400px}
  .hero3 .hero-txt{padding-block:24px 44px}
  .v-a .h3-bg::after{background:linear-gradient(180deg,rgba(24,27,29,.15) 0,rgba(24,27,29,.35) 280px,rgba(24,27,29,.94) 400px,rgba(24,27,29,.97) 100%)}
  .v-b .h3-bg::after{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 280px,rgba(255,255,255,.97) 400px,#fff 100%)}
  .h3-bg img{height:420px;bottom:auto}
  .v-a .h3-bg{background:#181B1D}
  .nametag{bottom:18px;left:0;padding:10px 14px}
  .v-c .h3-panel{left:0;height:72%}
  .prova{top:calc(72px + env(safe-area-inset-top,0px));font-size:.8rem}
  .prova span{flex:1 1 100%;text-align:center}
}

.v-b .h3-bg .bg-dyn{display:block;object-position:50% 45%}
.bg-dyn.flip{transform:scaleX(-1)}
.prova select{font:inherit;border:1.5px solid var(--ardesia);border-radius:999px;padding:6px 12px;background:#fff;color:var(--ardesia);max-width:72vw}
.prova #bg-prev,.prova #bg-next{width:36px;height:36px;padding:0;font-size:1.3rem;line-height:1;background:var(--ardesia);color:#fff}
@media (max-width:900px){.prova label{flex:1 1 100%;text-align:center}}

/* ritratto definitivo: più grande e più a destra */
.v-b .h3-grid{min-height:720px}
.v-b .h3-vis{height:720px;margin-right:-56px}
.v-b .nametag{right:min(330px,46%)}
@media (max-width:1100px){.v-b .h3-vis{margin-right:-16px}}
@media (max-width:900px){
  .v-b .h3-grid{min-height:0}
  .v-b .h3-vis{height:460px;margin-right:-24px}
  .v-b .nametag{right:auto;left:0}
  .h3-bg img{height:480px}
  .v-b .h3-bg::after{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 340px,rgba(255,255,255,.97) 460px,#fff 100%)}
}
/* proposte sfondo telefono */
@media (max-width:900px){
  .mob-blur .h3-bg img{filter:blur(6px) saturate(.9);transform:scale(1.08) scaleX(-1)}
  .mob-blur .h3-bg::after{background:linear-gradient(180deg,rgba(255,244,228,.35) 0,rgba(255,244,228,.5) 300px,rgba(255,255,255,.97) 460px,#fff 100%)!important}
  .mob-arancio .h3-bg img{display:none!important}
  .mob-arancio .h3-bg::after{background:transparent!important}
  .mob-arancio .h3-vis::before{content:"";position:absolute;left:0;right:24px;bottom:0;height:72%;background:var(--arancio);border-radius:22px 22px 0 0}
  .mob-card .h3-bg img{display:none!important}
  .mob-card .h3-bg::after{background:transparent!important}
  .mob-card .h3-panel{display:block!important;position:absolute;left:0;right:24px;bottom:0;height:74%;border-radius:22px 22px 0 0;overflow:hidden;border-top:8px solid var(--arancio)}
  .mob-card .h3-panel img{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
}

.h3-vis picture{display:contents}
@media (max-width:900px){
  .v-b .h3-vis{height:390px}
  .h3-bg img{height:410px}
  .v-b .h3-bg::after{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 300px,rgba(255,255,255,.97) 390px,#fff 100%)}
}
/* telefono: Steven a sinistra, etichetta a destra, letto visibile */
@media (max-width:900px){
  .v-b .h3-vis{justify-content:flex-start;margin-right:0;margin-left:-28px}
  .v-b .nametag{left:auto;right:0}
}
/* telefono: testo e foto insieme, come sul computer */
@media (max-width:900px){
  .v-b .h3-grid{display:block;position:relative;padding-top:0}
  .v-b .h3-vis{position:absolute;top:0;right:-34px;left:auto;margin:0;height:430px;width:62%;justify-content:flex-end;z-index:0}
  .v-b .h3-steven{height:100%}
  .v-b .nametag{right:30px;left:auto;bottom:14px;padding:7px 11px;border-left-width:4px}
  .v-b .nametag strong{font-size:.92rem}
  .v-b .nametag span{font-size:.74rem}
  .v-b .hero-txt{position:relative;z-index:1;padding-block:26px 40px;gap:16px}
  .v-b .hero-txt .eyebrow,.v-b .hero-txt .h1,.v-b .hero-txt .lead{max-width:60%}
  .v-b .hero-txt .eyebrow{font-size:.68rem;margin-bottom:0;line-height:1.5}
  .v-b .hero-txt .h1{font-size:2.05rem}
  .v-b .hero-txt .h1 .sub{font-size:.6em}
  .v-b .hero-txt .lead{font-size:.95rem;line-height:1.55}
  .v-b .hero-cta{margin-top:6px}
  .h3-bg img{height:450px}
  .v-b .h3-bg::after{background:linear-gradient(90deg,rgba(255,255,255,.96) 0,rgba(255,255,255,.88) 48%,rgba(255,255,255,.1) 75%,rgba(255,255,255,0) 100%),linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 360px,#fff 450px,#fff 100%)!important}
}
@media (max-width:900px){
  .v-b .h3-vis{height:400px;right:-48px;width:60%}
  .v-b .hero-txt .eyebrow{letter-spacing:.08em}
  .v-b .hero-txt .eyebrow,.v-b .hero-txt .h1{max-width:56%}
  .v-b .hero-txt .h1{min-height:296px}
  .v-b .hero-txt .lead{max-width:none;font-size:1rem}
  .h3-bg img{height:420px}
  .v-b .h3-bg::after{background:linear-gradient(90deg,rgba(255,255,255,.96) 0,rgba(255,255,255,.88) 46%,rgba(255,255,255,.1) 72%,rgba(255,255,255,0) 100%),linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 330px,#fff 420px,#fff 100%)!important}
}
@media (max-width:900px){
  .v-b .hero-txt .h1{min-height:318px}
  .v-b .nametag{right:62px;bottom:22px}
  .v-b .h3-steven{-webkit-mask-image:linear-gradient(180deg,#000 88%,transparent 100%);mask-image:linear-gradient(180deg,#000 88%,transparent 100%)}
}
@media (max-width:900px){.v-b .h3-steven{filter:none}}
@media (max-width:900px){.v-b .nametag{right:auto;left:calc(-66% + 10px);bottom:96px}}
@media (max-width:900px){.v-b .nametag{left:calc(-66% - 30px);bottom:80px}}
@media (max-width:900px){.v-b .hero-txt .h1{font-size:1.85rem;min-height:318px}}
@media (max-width:900px){.v-b .nametag{bottom:18px}}
@media (max-width:900px){.v-b .nametag{bottom:60px}}

.h1{font-family:var(--f-display);font-weight:700;margin:0;text-wrap:balance;font-size:clamp(2.35rem,5.2vw,4.1rem);line-height:1.04;letter-spacing:-.02em;color:var(--ardesia)}
.hero-txt h1.eyebrow{font-family:var(--f-testo);font-size:.78rem;font-weight:800;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--arancio-testo);margin:0}
@media (max-width:900px){.v-b .hero-txt h1.eyebrow{font-size:.68rem;letter-spacing:.08em}}
/* telefono: sfumatura più leggera, Steven più piccolo */
@media (max-width:900px){
  .v-b .h3-vis{height:365px;top:35px;right:-40px;width:58%}
  .v-b .h3-bg::after{background:linear-gradient(90deg,rgba(255,255,255,.86) 0,rgba(255,255,255,.66) 42%,rgba(255,255,255,.08) 68%,rgba(255,255,255,0) 100%),linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 340px,#fff 420px,#fff 100%)!important}
  .v-b .nametag{bottom:40px}
}
[hidden]{display:none!important}
@media (max-width:900px){
  .v-b .hero-txt .h1 .sub{margin-top:24px}
  .v-b .nametag{left:calc(-66% - 16px)}
}
/* telefono: alone bianco dietro le scritte */
@media (max-width:900px){
  .v-b .hero-txt::before{content:"";position:absolute;z-index:-1;left:-40px;top:0;width:80%;height:420px;pointer-events:none;
    background:radial-gradient(ellipse 70% 52% at 40% 46%,rgba(255,255,255,.9) 0,rgba(255,255,255,.72) 45%,rgba(255,255,255,0) 100%)}
  .v-b .hero-txt h1.eyebrow,.v-b .hero-txt .h1 .sub{text-shadow:0 0 10px #fff,0 0 18px #fff}
  .v-b .hero-txt .h1 .sub{color:#5F6468}
}
@media (max-width:900px){
  .v-b .hero-txt::before{content:none}
  .v-b .h3-bg::before{content:"";position:absolute;z-index:1;left:-60px;top:0;width:85%;height:420px;pointer-events:none;
    background:radial-gradient(ellipse 68% 50% at 42% 44%,rgba(255,255,255,.92) 0,rgba(255,255,255,.7) 50%,rgba(255,255,255,0) 100%)}
}
@media (max-width:900px){
  .v-b .h3-bg::before{background:radial-gradient(ellipse 70% 58% at 42% 38%,rgba(255,255,255,.94) 0,rgba(255,255,255,.75) 52%,rgba(255,255,255,0) 100%)}
  .v-b .hero-txt h1.eyebrow{color:#8A4A00}
}
@media (max-width:900px){
  .v-b .h3-bg::before{background:radial-gradient(ellipse 66% 54% at 40% 38%,rgba(255,255,255,.7) 0,rgba(255,255,255,.45) 50%,rgba(255,255,255,0) 100%)}
  .v-b .hero-txt .h1 .sub{font-size:.7em}
}
@media (max-width:900px){
  .v-b .hero-txt .h1 .sub{font-size:.65em}
  .v-b .nametag{left:calc(-66% - 8px)}
}
.hero-txt .lead strong{color:var(--ardesia);font-weight:800}
.lead-box{display:grid;gap:12px}
.tre{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tre li{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.05rem;color:var(--ardesia)}
.tre svg{width:22px;height:22px;flex:none;color:#fff;background:var(--arancio-testo);border-radius:50%;padding:4px;stroke-width:3}
@media (max-width:900px){.tre li{font-size:1rem}}
.prova-sociale{display:flex;align-items:center;gap:18px;margin-top:4px;padding-top:16px;border-top:1px solid rgba(36,40,43,.12);max-width:560px}
.ps-num{display:flex;align-items:center;gap:8px;flex:none}
.ps-num strong{font-family:var(--f-display);font-size:1.9rem;line-height:1;color:var(--ardesia)}
.ps-num span{font-size:.8rem;line-height:1.25;color:var(--testo-2);font-weight:700}
.prova-sociale blockquote{margin:0;border-left:3px solid var(--arancio);padding-left:14px;display:grid;gap:2px}
.prova-sociale q{font-family:var(--f-display);font-weight:500;font-size:1.05rem;color:var(--ardesia);quotes:"“" "”"}
.prova-sociale cite{font-style:normal;font-size:.82rem;color:var(--testo-2);font-weight:700}
/* computer: box del nome vicino al corpo */
@media (min-width:901px){.v-b .nametag{right:min(250px,34%);bottom:70px}}
@media (max-width:900px){.prova-sociale{gap:14px}.ps-num strong{font-size:1.6rem}.prova-sociale q{font-size:.98rem}}
.prova-sociale cite a{color:var(--arancio-testo)}
.hero3 .hero-txt{gap:18px}
@media (min-width:901px){.v-b .nametag{right:min(250px,34%);bottom:240px}}
@media (min-width:901px){.v-b .nametag{right:min(300px,41%)}}
.stelle-g{position:relative;font-size:1.45rem;letter-spacing:2px;line-height:1;color:#E8A317;white-space:nowrap}
.stelle-g .st-part{background:linear-gradient(90deg,#E8A317 40%,#D5D3CF 40%);-webkit-background-clip:text;background-clip:text;color:transparent}
.prova-sociale p{font-size:.98rem;color:var(--testo-2)}
.prova-sociale p strong{color:var(--ardesia)}
@media (max-width:900px){.stelle-g{font-size:1.2rem;letter-spacing:1px}.prova-sociale p{font-size:.92rem;white-space:nowrap}}
.hero3 .h1 .sub{margin-top:22px}
.hero3 .lead-box{margin-top:10px}
@media (max-width:900px){.v-b .hero-txt .h1 .sub{margin-top:32px}.hero3 .lead-box{margin-top:8px}}
/* solo computer */
@media (min-width:901px){
  .hero3 .lead-box{margin-top:22px;gap:8px}
  .v-b .h3-grid{min-height:770px}
  .v-b .h3-vis{height:770px;margin-right:-110px}
  .v-b .nametag{right:min(270px,38%);bottom:260px}
}
@media (min-width:901px){
  .hero-txt h1.eyebrow{font-size:.92rem}
  .v-b .h3-vis{margin-right:calc(-1 * max(150px, (100vw - 1180px)/2 + 130px))}
  .v-b .nametag{right:min(250px,34%)}
}
@media (min-width:901px){
  .v-b .h3-vis{margin-right:calc(-1 * (max(0px, (100vw - 1180px)/2) + 14px))}
  .v-b .nametag{right:min(290px,40%)}
}
.form h3{color:var(--ardesia)!important}
.g-badge{display:flex;align-items:center;gap:14px;margin-top:4px}
.g-badge p{color:var(--testo-2)}.g-badge strong{color:var(--ardesia)}
@media (max-width:600px){
  .gal figure:nth-child(n+7){display:none}
  .servizi{grid-template-columns:1fr 1fr}
  .servizio{padding:20px 12px 20px 0}
  .servizio p{font-size:.9rem}
  .servizio h3{font-size:1rem}
}
.g-link{text-decoration:none;color:inherit;border-bottom:1px solid currentColor}.g-link:hover{color:var(--arancio-testo)}
.proof .bar-stelle{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.proof .bar-stelle .stelle-g{font-size:1.05rem;letter-spacing:1px}
.proof .stelle-g .st-part{background:linear-gradient(90deg,#E8A317 40%,#5A6064 40%);-webkit-background-clip:text;background-clip:text}
.proof li span.stelle-g{color:#E8A317;font-size:1.05rem}
.proof .stelle-g .st-on{color:#F2B33D!important;font-size:inherit}
.proof .stelle-g .st-part{color:transparent!important;background:linear-gradient(90deg,#F2B33D 40%,#5A6064 40%);-webkit-background-clip:text;background-clip:text;font-size:inherit}
.proof .bar-stelle .stelle-g{font-size:1.25rem}
/* tablet orizzontale: menu su una riga */
.nav a{white-space:nowrap}
.nav .btn{justify-content:center;text-align:center}
@media (min-width:981px) and (max-width:1200px){
  .nav{gap:16px}
  .nav a{font-size:.88rem}
  .tel-top svg{width:16px;height:16px}
  .nav .btn{padding:10px 14px;font-size:.86rem}
  .brand img{height:26px}
}
@media (min-width:901px) and (max-width:1200px){
  .hero3 .hero-txt h1.eyebrow{position:relative;top:-30px}
}
/* tablet: targhetta più in basso */
@media (min-width:901px) and (max-width:1200px){.v-b .nametag{bottom:110px}}
@media (min-width:601px) and (max-width:900px){.v-b .nametag{bottom:6px}}
@media (min-width:901px) and (max-width:1200px){.v-b .nametag{bottom:190px}}
.sott{background:linear-gradient(transparent 62%,var(--arancio) 62%,var(--arancio) 92%,transparent 92%);padding:0 .06em}
.sott{background:none;padding:0;text-decoration:underline;text-decoration-color:var(--arancio);text-decoration-thickness:2px;text-underline-offset:4px}
.sott{white-space:nowrap}
/* ===== tablet verticale (601-900): layout come PC ===== */
@media (min-width:601px) and (max-width:900px){
  .v-b .h3-grid{display:block;position:relative;min-height:860px;padding-top:0}
  .v-b .h3-bg img{height:100%!important}
  .v-b .h3-bg::before{content:none!important}
  .v-b .h3-bg::after{background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.9) 46%,rgba(255,255,255,.4) 60%,rgba(255,255,255,0) 74%)!important}
  .v-b .h3-vis{position:absolute;top:auto;bottom:0;right:-40px;left:auto;width:52%;height:760px;margin:0;justify-content:flex-end;z-index:0}
  .v-b .h3-steven{height:100%;-webkit-mask-image:none;mask-image:none;filter:drop-shadow(0 22px 30px rgba(0,0,0,.3))}
  .v-b .h3-vis picture source{display:none}
  .v-b .nametag{left:auto!important;right:52%!important;bottom:150px!important;padding:10px 14px;border-left-width:5px}
  .v-b .nametag strong{font-size:1.05rem}
  .v-b .nametag span{font-size:.82rem}
  .v-b .hero-txt{position:relative;z-index:1;max-width:58%;padding-block:44px 56px;gap:18px}
  .v-b .hero-txt .eyebrow,.v-b .hero-txt h1.eyebrow,.v-b .hero-txt .h1,.v-b .hero-txt .lead{max-width:none}
  .v-b .hero-txt h1.eyebrow{font-size:.82rem;letter-spacing:.12em}
  .v-b .hero-txt .h1{font-size:2.9rem;min-height:0}
  .v-b .hero-txt .h1 .sub{font-size:.6em;margin-top:18px}
  .v-b .hero-txt .lead{font-size:1.08rem}
  .v-b .tre li{font-size:1.06rem}
  .v-b .hero-cta .btn{flex:1 1 100%}
  .v-b .micro,.v-b .prova-sociale p{font-size:.98rem}
}
@media (min-width:601px) and (max-width:900px){
  .v-b .h3-grid{min-height:820px}
  .v-b .h3-vis{height:660px;right:-110px;width:50%}
  .v-b .hero-txt{max-width:56%;padding-block:40px 40px}
  .v-b .tre li{font-size:1rem}
  .v-b .nametag{right:auto!important;left:-30px!important;bottom:120px!important}
}
@media (min-width:601px) and (max-width:900px){.v-b .h3-grid{min-height:780px}.v-b .h3-vis{height:640px}}
.perche-head{gap:16px;max-width:880px}
.perche-head h2{font-size:clamp(2.3rem,4.6vw,3.6rem);line-height:1.05}
.perche-head .perche-sub{font-family:var(--f-display);font-weight:500;font-size:clamp(1.25rem,2.2vw,1.6rem);color:var(--testo-2);line-height:1.3}
.perche-head .perche-sub .sott{color:var(--ardesia)}
.diff-txt p strong{color:var(--ardesia);font-weight:800}
.rec-stelle{color:#E8A317;font-size:1.15rem;letter-spacing:2px;line-height:1}.rec blockquote{align-content:start}
.chi-txt p strong{color:var(--ardesia)}
.firma-quote{margin:6px 0 4px;border-left:4px solid var(--arancio);padding:4px 0 4px 20px;display:grid;gap:10px}
.firma-quote p{font-family:var(--f-display);font-weight:500;font-size:1.3rem;line-height:1.35;color:var(--ardesia)!important}
.chi-txt p strong{color:var(--ardesia)}
.firma-quote{margin:6px 0 4px;border-left:4px solid var(--arancio);padding:4px 0 4px 20px;display:grid;gap:10px}
.firma-quote p{font-family:var(--f-display);font-weight:500;font-size:1.3rem;line-height:1.35;color:var(--ardesia)!important}
@media (max-width:600px){.v-b .nametag{left:calc(-66% + 34px)}}
/* barra scura: 4 riquadri distinti */
.proof{padding-block:20px}
.proof ul{padding:0;gap:12px}
.proof li{background:#33383C;border:1px solid #454B50;border-left:0;border-radius:12px;padding:16px 16px 16px 58px;position:relative;min-height:72px;align-content:center}
.proof li svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:28px;height:28px;color:var(--arancio)}
.proof strong{font-size:1.3rem}
.proof span{line-height:1.35}
@media (max-width:900px){
  .proof ul{gap:10px}
  .proof li{padding:14px 12px 14px 50px}
  .proof li svg{left:13px;width:26px;height:26px}
  .proof strong{font-size:1.12rem}
  .proof span{font-size:.85rem}
}
@media (max-width:600px){
  .proof li{padding:14px;display:grid;gap:4px;align-content:start}
  .proof li svg{position:static;transform:none;width:24px;height:24px;margin-bottom:4px}
  .proof strong{font-size:1.08rem}
  .proof span{font-size:.84rem}
}
.dol-n{width:36px;height:36px;border-radius:50%;background:var(--arancio);color:var(--ardesia);font-family:var(--f-display);font-weight:700;font-size:1.1rem;display:grid;place-items:center;margin-bottom:4px}
.diff-top{display:flex;align-items:center;gap:12px}.diff-top .dol-n{margin:0}
/* carosello casi reali */
.carosello{position:relative}
.car-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:16px;scrollbar-width:none;border-radius:16px}
.car-track::-webkit-scrollbar{display:none}
.caso-slide{flex:0 0 100%;scroll-snap-align:start;min-width:0}
.car-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:52px;height:52px;border-radius:50%;border:0;background:#fff;color:var(--ardesia);font-size:2rem;line-height:1;font-weight:700;box-shadow:0 10px 24px -10px rgba(0,0,0,.45);cursor:pointer;display:grid;place-items:center;padding-bottom:4px}
.car-btn:hover{background:var(--arancio)}
.car-prev{left:-22px}.car-next{right:-22px}
.car-dots{display:flex;justify-content:center;gap:10px;margin-top:18px}
.car-dot{width:11px;height:11px;border-radius:50%;border:0;background:#CFCBC4;padding:0;cursor:pointer}
.car-dot[aria-current="true"]{background:var(--arancio-testo);width:28px;border-radius:6px}
@media (max-width:860px){.car-btn{width:42px;height:42px;font-size:1.6rem;top:auto;bottom:-8px;transform:none}.car-prev{left:0}.car-next{right:0}.car-dots{margin-top:22px}}
@media (max-width:860px){
  .caso-slide .txt{padding:28px 22px;gap:12px}
  .caso-slide .num{font-size:2.6rem}
  .caso-slide p{font-size:1.02rem!important}
  .caso-slide img{min-height:0;height:230px}
  .caso-slide .btn{padding:13px 16px;font-size:.95rem}
}
.range--blur{filter:blur(9px);user-select:none}
.gate-txt{color:#E3E5E6!important}
.sim-lead{display:grid;gap:12px}
.sim-lead label{display:grid;gap:6px;font-weight:800;font-size:.9rem;color:#fff}
.sim-lead input[type=text],.sim-lead input[type=tel]{width:100%;font:inherit;padding:12px 14px;border-radius:var(--r);border:1.5px solid #4A5055;background:#fff;color:var(--ardesia)}
.sim-lead .privacy{display:flex;gap:10px;align-items:flex-start;font-weight:600;font-size:.85rem;color:#C9CCCE}
.sim-lead .privacy input{margin-top:3px;width:18px;height:18px;accent-color:var(--arancio)}
.sim-lead .privacy a{color:var(--arancio)}
.sl-err{color:#FFB4A8!important;font-weight:700;font-size:.9rem}
.ok-txt{display:flex;gap:8px;align-items:flex-start;color:#fff!important;font-weight:700}
.ok-txt svg{width:20px;height:20px;flex:none;color:var(--verde-wa);margin-top:2px}
#sim-gate,#sim-result{display:grid;gap:14px}
#sim-gate[hidden],#sim-result[hidden]{display:none}
.seg--2{grid-template-columns:repeat(2,minmax(0,160px))!important}
.seg--stato{grid-template-columns:repeat(3,1fr)!important}
.seg--stato span{display:grid;gap:4px;padding:12px 10px;text-align:left}
.seg--stato b{font-size:.95rem}
.seg--stato small{font-weight:500;font-size:.78rem;line-height:1.3;color:#AEB3B6}
.seg--stato input:checked+span small{color:#5E3D14}
@media (max-width:600px){.seg--stato{grid-template-columns:1fr!important}}
.precisa{background:var(--arancio-chiaro);color:var(--ardesia);border-radius:12px;padding:20px;display:grid;gap:12px}
.precisa strong{font-family:var(--f-display);font-size:1.2rem;line-height:1.25}
.precisa p{color:#3D2A10!important;font-size:.95rem}
.precisa b{color:var(--ardesia)}
.precisa-btn{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.precisa-btn .btn{padding:13px 12px;font-size:.95rem}
.precisa small{display:flex;gap:6px;align-items:center;font-size:.8rem;color:#5E3D14}
.precisa small svg{width:16px;height:16px;color:#1B964B;flex:none}
@media (max-width:420px){.precisa-btn{grid-template-columns:1fr}}
.precisa .veloce{display:flex;gap:6px;align-items:center;font-weight:800;font-size:.9rem;color:var(--ardesia)!important}.precisa .veloce svg{width:18px;height:18px;color:var(--arancio-testo)}

/* come funziona v2 */
.passi .quando{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--arancio-testo)}
.passi .quando svg{width:14px;height:14px}
.passi-cta{margin-top:36px;align-items:center;gap:14px 20px}
.passi-cta .gratis{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--testo-2);font-size:.95rem}
.passi-cta .gratis svg{width:16px;height:16px;color:#1f9d55}
@media (max-width:560px){
 .passi{gap:0}
 .passi li{grid-template-columns:44px 1fr;column-gap:14px;row-gap:2px;border-top:0;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.08)}
 .passi li:last-child{border-bottom:0}
 .passi li::before{grid-row:1/4;font-size:1.7rem;width:44px;height:44px;border-radius:50%;background:var(--ardesia);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem}
 .passi li>*{grid-column:2}
 .passi h3{font-size:1.08rem;margin:0}
 .passi p{font-size:.93rem;margin:0}
 .passi-cta{margin-top:22px;flex-direction:column;align-items:stretch;text-align:center}
 .passi-cta .gratis{justify-content:center}
}

/* servizi v2: telefono compatto */
@media (max-width:600px){
 .servizio{grid-template-columns:36px 1fr;column-gap:14px;row-gap:2px;padding:16px 0}
 .servizio svg{grid-row:1/3;width:26px;height:26px;margin-top:2px}
 .servizio h3{font-size:1.02rem;margin:0}
 .servizio p{font-size:.92rem;margin:0}
}
@media (max-width:600px){.servizi{grid-template-columns:1fr!important}.servizio{padding:16px 0!important}}

/* servizi: telefono a tessere compatte */
.serv-toggle{display:none}
@media (max-width:600px){
 .servizi:not(.aperti){grid-template-columns:1fr 1fr!important;gap:10px;border-top:0}
 .servizi:not(.aperti) .servizio{grid-template-columns:1fr;padding:14px 12px!important;border:1px solid var(--linea);border-radius:12px;background:#fff;gap:8px;align-content:start}
 .servizi:not(.aperti) .servizio svg{grid-row:auto;width:22px;height:22px;margin:0}
 .servizi:not(.aperti) .servizio h3{font-size:.92rem;line-height:1.25}
 .servizi:not(.aperti) .servizio p{display:none}
 .serv-toggle{display:block;width:100%;margin:14px 0 0;padding:12px;background:none;border:1px solid var(--linea);border-radius:10px;font:inherit;font-weight:600;color:var(--ardesia);cursor:pointer}
}
@media (max-width:600px){
 .servizi:not(.aperti) .servizio{grid-template-columns:22px 1fr;align-items:center;column-gap:10px;padding:12px 10px!important;min-height:62px}
 .servizi:not(.aperti) .servizio h3{font-size:.86rem;margin:0}
}

.gal-cta{display:flex;align-items:center;gap:14px 20px;flex-wrap:wrap;margin-top:28px}
.gal-cta p{font-family:var(--f-display);font-weight:700;font-size:1.2rem;color:var(--ardesia);margin:0}
@media (max-width:600px){.gal-cta{flex-direction:column;align-items:stretch;text-align:center}}

/* zone v2 */
.scorri-hint,.zone-dots{display:none}
.tutta-genova{margin-top:28px;padding:26px 28px;border-radius:14px;background:var(--ardesia);color:#fff}
.tutta-genova h3{color:#fff;font-size:1.15rem;margin:0 0 14px}
.tutta-genova ul{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-wrap:wrap;gap:8px}
.tutta-genova li{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.1);font-size:.9rem;color:#E6E7E8}
.tutta-genova p{color:#C9CCCE;margin:0}
.tutta-genova b{color:#fff}
.tutta-genova a{color:var(--arancio);font-weight:700}
@media (max-width:600px){
 .zone{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:4px 16px 8px;scrollbar-width:none}
 .zone::-webkit-scrollbar{display:none}
 .zone .zona{flex:0 0 82%;scroll-snap-align:center}
 .scorri-hint{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:var(--arancio-testo);margin:0 0 12px}
 .scorri-hint .mano{display:inline-block;animation:spingi 1.4s ease-in-out infinite}
 .zone-dots{display:flex;margin-top:12px}
 .tutta-genova{padding:22px 18px}
 .tutta-genova li{font-size:.84rem;padding:5px 10px}
}
@keyframes spingi{0%,100%{transform:translateX(0)}50%{transform:translateX(8px)}}
@media (prefers-reduced-motion:reduce){.scorri-hint .mano{animation:none}}
.scorri-hint .mano svg{width:18px;height:18px}

.zona--altre{background:var(--ardesia);border-color:var(--ardesia)}
.zona--altre div{align-content:center;height:100%;padding:28px}
.zona--altre h3{color:#fff}.zona--altre p{color:#C9CCCE}.zona--altre .vai{color:var(--arancio)}
.zona-tag{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--arancio)}
.zona:not(.zona--altre) div{align-content:start}
.zona:not(.zona--altre){align-content:start;grid-template-rows:auto 1fr}

.rec cite{display:flex;align-items:center;gap:12px}
.rec .rec-chi{display:block;color:var(--ardesia)}
.rec-av{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:0 0 48px}
.rec-av--ini{display:flex;align-items:center;justify-content:center;background:#F3EDE4;color:var(--arancio-testo);font-weight:800;font-size:.95rem}
.rec cite .rec-av--ini{display:flex!important;align-items:center;justify-content:center;color:var(--arancio-testo)!important;font-weight:800!important;font-size:.95rem}
.rec cite .rec-chi{font-weight:800;color:var(--ardesia)}
.rec cite .rec-chi span{display:block;font-weight:600;color:var(--grigio)}
.rec-av{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}