@font-face{font-family:"Inter Tight";src:url("/fonts/InterTight-var.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

/* Layout: sito a pagine (hash), fasce zafferano / prugna / cipria / latte; ogni elenco è una frase spezzata dalle virgole del logo */
:root{
  --zaff:#F2B600; --prugna:#3A1D37; --cipria:#F4DCD3; --cipria2:#F9EAE4; --malva:#8A5A63; --lampone:#D81B60; --latte:#FDF8F5; --line:#EBD8D0;
  --font:"Inter Tight","Helvetica Neue",Arial,sans-serif;
  --comma:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Cpath d='M34 2C47.3 2 58 12.7 58 27C58 55 40 82 6 98C24 82 32 66 33.5 50C20.5 49.5 10 39 10 26C10 12.7 20.7 2 34 2Z'/%3E%3C/svg%3E");
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{background:var(--latte);color:var(--prugna);font-family:var(--font);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;margin:0}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--lampone);outline-offset:3px;border-radius:4px}
.lab{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--malva)}
.page{display:none}.page.on{display:block}

/* virgola del logo */
.cm{display:inline-block;width:.25em;height:.43em;vertical-align:-.19em;margin-left:.03em;background:currentColor;-webkit-mask:var(--comma) no-repeat center/contain;mask:var(--comma) no-repeat center/contain}
.cm.r{color:var(--lampone)}
.tc.live{visibility:hidden}
.logo{font-weight:900;letter-spacing:-.028em;line-height:1;white-space:nowrap;text-decoration:none}
.logo .cm{color:var(--lampone);width:.27em;height:.47em;vertical-align:-.12em;margin-left:.035em}

/* barra prototipo */
.proto{background:var(--cipria2);color:var(--malva);font-size:12.5px;border-bottom:1px solid var(--line)}
.proto .wrap{display:flex;flex-wrap:wrap;gap:4px 18px;justify-content:space-between;align-items:center;padding-block:6px}
.proto b{color:var(--prugna)}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;vertical-align:middle;margin-left:6px}
.seg button{background:none;border:0;padding:3px 10px;font-size:12px;cursor:pointer;color:var(--malva)}
.seg button[aria-pressed="true"]{background:var(--prugna);color:var(--latte)}

/* header */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:40;background:var(--latte)}
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:color-mix(in srgb,var(--latte) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s}
header.top.scrolled{border-color:var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.bar .logo{font-size:27px}
nav.main{display:flex;gap:24px;font-size:15px;font-weight:500}
nav.main a{text-decoration:none;color:var(--malva)}
nav.main a:hover,nav.main a.cur{color:var(--prugna)}
nav.main a.cur{text-decoration:underline;text-decoration-color:var(--lampone);text-decoration-thickness:2px;text-underline-offset:6px}
.tools{display:flex;gap:8px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:600;border:0;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn.dark{background:var(--prugna);color:var(--latte)}
.btn.zaff{background:var(--zaff);color:var(--prugna)}
.btn.ghost{background:transparent;border:1.5px solid var(--prugna)}
.btn.big{padding:15px 26px;font-size:16px}
.lang{background:none;border:0;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--malva);padding:6px}
.lang b{color:var(--prugna)}
.menu-btn{display:none;background:none;border:1.5px solid var(--prugna);border-radius:999px;padding:8px 14px;font-weight:600;cursor:pointer}
.mnav{position:fixed;inset:0;z-index:60;background:var(--zaff);padding:calc(env(safe-area-inset-top,0px) + 22px) max(20px,env(safe-area-inset-right,0px)) 30px max(20px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:6px;overflow:auto}
.mnav a{font-weight:800;font-size:36px;letter-spacing:-.04em;text-decoration:none;line-height:1.2}
.mnav .close{align-self:flex-end;background:none;border:0;font-size:30px;cursor:pointer}
@media (max-width:980px){nav.main,.hide-m{display:none}.menu-btn{display:inline-flex}}

/* hero */
.hero{background:var(--zaff);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px 40px;align-items:center;padding-block:clamp(36px,6vw,72px) clamp(80px,8vw,110px)}
.hero .lab,.hero .hint{color:var(--prugna);opacity:.75}
.hero .logo{font-size:clamp(76px,13vw,190px);margin:14px 0 0;letter-spacing:-.032em}
.clause{font-weight:500;letter-spacing:-.035em;line-height:1.05;font-size:clamp(30px,4.6vw,62px);margin:16px 0 0;min-height:2.15em;max-width:16ch}
.choose{margin-top:clamp(22px,3vw,36px);display:flex;flex-wrap:wrap;gap:10px}
.choose button{border:1.5px solid var(--prugna);background:transparent;border-radius:999px;padding:11px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:background .25s,color .25s}
.choose button:hover,.choose button[aria-pressed="true"]{background:var(--prugna);color:var(--zaff)}
.hint{margin:14px 0 0;font-size:15px;max-width:46ch}
.window{justify-self:center;width:min(100%,400px);margin:0;text-align:center}
.window .solid{width:62%;aspect-ratio:60/100;margin:0 auto;background:var(--lampone);-webkit-mask:var(--comma) no-repeat center/contain;mask:var(--comma) no-repeat center/contain;transform-origin:56% 26%}
.window .solid.nod{animation:nod .9s cubic-bezier(.3,1.6,.5,1)}
@keyframes nod{30%{transform:rotate(-9deg) translateY(-6px)}100%{transform:none}}
.window svg{display:none;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 22px 34px rgba(58,29,55,.22))}
.window image{opacity:0;transition:opacity 1.6s ease;transform-origin:34px 26px}
.window image.on{opacity:1;animation:kb 12s ease-out both}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}
.window .veil{mix-blend-mode:multiply}
.window .cap{display:none;margin-top:6px;font-size:14px;font-weight:600;min-height:1.5em}
.window .cap span{opacity:.7;font-weight:500}
body.photo .window .solid{display:none}
body.photo .window svg,body.photo .window .cap{display:block}
@media (max-width:820px){.hero .wrap{grid-template-columns:1fr}.window{width:min(52vw,230px);justify-self:end;margin-top:-30px}}

/* booking engine (slot Alberga.ai) */
.hero-bk{grid-column:1/-1;margin-top:6px}
.bkband{background:var(--cipria);padding-top:1px}
.bkband .hero-bk{margin-top:-40px;padding-bottom:0;position:relative;z-index:2}
.bk{background:var(--prugna);color:var(--cipria);border-radius:28px;box-shadow:0 20px 44px rgba(58,29,55,.28);padding:10px;display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr auto;gap:4px;align-items:stretch}
.bk label{display:flex;flex-direction:column;gap:2px;padding:10px 16px;border-radius:18px;min-width:0;cursor:pointer;transition:background .2s}
.bk label:hover,.bk label:focus-within{background:rgba(244,220,211,.09)}
.bk label span{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--zaff)}
.bk input,.bk select{border:0;background:transparent;padding:2px 0;font-size:17px;font-weight:600;min-width:0;width:100%;outline:none;color:var(--latte);color-scheme:dark}
.bk select option{color:#3A1D37;background:#fff}
.bk .btn{border-radius:20px;padding:0 28px;min-height:60px;background:var(--zaff);color:var(--prugna);font-size:16px}
.bk-note{font-size:13px;margin:10px 6px 0;opacity:.75}
@media (max-width:900px){.bk{grid-template-columns:1fr 1fr}.bk .wide{grid-column:1/-1}.bk .btn{grid-column:1/-1}}
.bk-res{margin-top:12px;background:var(--latte);color:var(--prugna);border-radius:24px;padding:22px 24px;display:grid;gap:10px;box-shadow:0 14px 34px rgba(58,29,55,.14)}
.bk-res b{font-size:20px;letter-spacing:-.02em}
.bk-res .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

/* sezioni */
section.blk{padding-block:clamp(64px,10vw,120px)}
.s-cipria{background:var(--cipria)}.s-cipria2{background:var(--cipria2)}.s-zaff{background:var(--zaff)}.s-latte{background:var(--latte)}
.s-prugna{background:var(--prugna);color:var(--cipria)}
.s-prugna .lab,.s-prugna .muted{color:color-mix(in srgb,var(--cipria) 70%,var(--prugna))}
.phead{background:var(--zaff)}
.phead .wrap{padding-block:clamp(48px,7vw,96px)}
.phead.c{background:var(--cipria)}
.h1{font-weight:800;letter-spacing:-.05em;line-height:.96;font-size:clamp(44px,7.4vw,100px);margin:14px 0 0;max-width:14ch;text-wrap:balance}
.h1 .thin,.h2 .thin{font-weight:500}
.h2{font-weight:800;letter-spacing:-.045em;line-height:.98;font-size:clamp(36px,6vw,78px);margin:14px 0 0;max-width:15ch;text-wrap:balance}
.lede{font-size:clamp(18px,1.9vw,21px);max-width:58ch;margin:22px 0 0}
.muted{color:var(--malva)}
.note{font-size:13.5px;margin-top:18px;max-width:82ch;opacity:.85}
.sub{font-weight:700;font-size:clamp(22px,2.4vw,28px);letter-spacing:-.025em;margin:72px 0 0}
.ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.facts span{background:rgba(255,255,255,.55);border-radius:999px;padding:7px 14px;font-size:14.5px;font-weight:600}

/* numeri */
.cities{font-weight:800;letter-spacing:-.05em;line-height:.95;font-size:clamp(46px,9vw,118px);margin:10px 0 0}
.numgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}
.num{border-top:2px solid currentColor;padding-top:14px;min-width:0}
.num b{display:block;font-weight:800;font-size:clamp(46px,6.2vw,82px);letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.s-prugna .num b{color:var(--zaff)}
#numeri .num b{color:var(--prugna)}
#numeri .cities .cm.tc{color:var(--prugna)}
.num span{display:block;margin-top:6px;font-size:16px;font-weight:500}
@media (max-width:700px){.numgrid{grid-template-columns:1fr}}
.chart{margin-top:44px;background:rgba(255,255,255,.45);border-radius:22px;padding:20px clamp(14px,3vw,28px) 14px}
.chart-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;align-items:baseline}
.chart-head b{font-weight:700;font-size:16px}
.legend{display:flex;gap:16px;font-size:13px;flex-wrap:wrap;font-weight:500}
.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px}
.chart .scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.chart svg{display:block;width:100%;min-width:560px;height:auto;margin-top:12px}

/* frasi */
.sent{font-weight:700;letter-spacing:-.035em;line-height:1.12;font-size:clamp(28px,4.2vw,54px);margin:0;text-wrap:pretty}
.sent .cm{color:var(--lampone)}
.sent .soft{color:var(--malva);font-weight:500}
.split{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,2fr);gap:16px;margin-top:46px}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.side{border-radius:26px;padding:clamp(22px,3vw,34px);min-width:0}
.side.you{background:var(--zaff)}.side.us{background:var(--cipria2)}
.side .lab{color:var(--prugna);opacity:.7;display:block;margin-bottom:14px}
.you .sent{font-size:clamp(26px,3vw,38px)}
.chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}
.chain.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:860px){.chain,.chain.c3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.chain,.chain.c3{grid-template-columns:1fr}}
.link{border-top:2px solid currentColor;padding-top:14px;min-width:0}
.link .n{font-size:13px;font-weight:700;opacity:.65}
.link b{display:block;font-weight:800;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.04em;line-height:1.05;margin-top:6px}
.link b .cm{color:var(--lampone)}
.link > span{display:block;margin-top:8px;font-size:15px;opacity:.8}

/* porte */
.doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:44px}
@media (max-width:900px){.doors{grid-template-columns:1fr}}
.door{border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:14px;min-height:320px;text-decoration:none;transition:transform .3s}
.door:hover{transform:translateY(-4px)}
.door .sent{font-size:clamp(28px,3vw,38px)}
.door p{margin:0;font-size:16px}
.door .go{margin-top:auto;font-weight:700}
.door.a{background:var(--zaff)}.door.b{background:var(--cipria)}.door.c{background:var(--prugna);color:var(--cipria)}
.door.c .sent .cm{color:var(--lampone)}

/* formule */
.spec{margin-top:24px;background:#fff;border-radius:26px;padding:clamp(22px,3vw,36px)}
.spec-ends{display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:600;color:var(--malva)}
.track{position:relative;height:56px;margin-top:8px}
.track::before{content:"";position:absolute;left:0;right:0;top:27px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--zaff),var(--cipria) 50%,var(--malva))}
.pt{position:absolute;top:12px;width:34px;height:34px;margin-left:-17px;border-radius:50%;background:#fff;border:2px solid var(--prugna);display:grid;place-items:center;font-weight:800;font-size:14px}
.spec-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:6px}
.fc{min-width:0}
.fc h3{margin:6px 0 0;font-weight:800;font-size:clamp(30px,3.4vw,44px);letter-spacing:-.045em;line-height:1}
.fc p{margin:8px 0 0;font-size:15px}
.fc ul{margin:10px 0 0}
.fc .btn{margin-top:16px}
@media (max-width:700px){
  .track,.spec-ends{display:none}
  .spec-cols{grid-template-columns:1fr;gap:0;border-left:3px solid var(--cipria);margin-left:16px}
  .fc{position:relative;padding:2px 0 26px 26px}
  .fc::before{content:attr(data-k);position:absolute;left:-18px;top:0;width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid var(--prugna);display:grid;place-items:center;font-weight:800;font-size:13px}
}
ul.cl{list-style:none;padding:0;margin:0;display:grid;gap:9px}
ul.cl li{position:relative;padding-left:20px;font-size:15px;line-height:1.38}
ul.cl li::before{content:"";position:absolute;left:2px;top:.22em;width:.55em;height:.95em;background:var(--lampone);-webkit-mask:var(--comma) no-repeat center/contain;mask:var(--comma) no-repeat center/contain}

/* griglia dettagli */
.det{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin-top:40px}
@media (max-width:760px){.det{grid-template-columns:1fr}}
.det div{border-top:1.5px solid currentColor;padding:16px 0 22px;min-width:0}
.det b{display:block;font-size:20px;font-weight:700;letter-spacing:-.02em}
.det b .cm{color:var(--lampone)}
.det span{font-size:15px;opacity:.8}

/* faq */
.faq{margin-top:34px;display:grid;gap:10px;max-width:880px}
.faq details{background:#fff;border-radius:20px;padding:18px 22px}
.s-cipria .faq details,.s-zaff .faq details{background:rgba(255,255,255,.7)}
.faq summary{cursor:pointer;font-weight:700;font-size:18px;letter-spacing:-.015em;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:500;font-size:24px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{margin:10px 0 0;color:var(--malva)}

/* gestori */
.lab2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;margin-top:40px}
@media (max-width:860px){.lab2{grid-template-columns:1fr}}
.ring{width:min(100%,430px);justify-self:center;position:relative;aspect-ratio:1/1}
.ring svg{display:block;width:100%;height:100%}
.ring .spin{transform-origin:220px 220px;animation:spin 48s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.ring .mid{position:absolute;inset:0;display:grid;place-items:center}
.ring .mid .cm{font-size:150px;color:var(--lampone);display:block;margin:0 auto}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:56px}
@media (max-width:860px){.plans{grid-template-columns:1fr}}
.plan{background:#fff;border-radius:24px;padding:26px;display:flex;flex-direction:column;gap:12px;min-width:0}
.plan.hl{background:var(--prugna);color:var(--cipria)}
.plan .lab{color:var(--malva)}.plan.hl .lab{color:var(--zaff)}
.plan .price{font-weight:800;font-size:50px;letter-spacing:-.05em;line-height:1}
.plan .price small{font-size:17px;font-weight:500;letter-spacing:0}
.plan .d{font-size:15px;opacity:.85;margin:0}
.plan .btn{margin-top:auto}
.plan.hl .btn{background:var(--zaff);color:var(--prugna)}

/* soggiorni */
.stays{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px}
@media (max-width:860px){.stays{grid-template-columns:1fr}}
.stay{min-width:0;display:flex;flex-direction:column;gap:10px}
.stay .ph{position:relative;aspect-ratio:4/5;width:100%;border-radius:26px;overflow:hidden;background:var(--cipria)}
.stay .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s ease}
.stay:hover .ph img{transform:scale(1.04)}
.stay h3{margin:4px 0 0;font-weight:800;font-size:28px;letter-spacing:-.035em}
.stay span{font-size:15px;color:var(--malva)}
.stay a.ph{display:block}
.notice{margin-top:56px;background:var(--zaff);border-radius:28px;padding:clamp(24px,4vw,44px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:end}
.notice p{margin:0}
.notice .sent{font-size:clamp(26px,3.2vw,40px)}
.mailrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}
.mail{font-size:18px;font-weight:700;user-select:all}
@media (max-width:760px){.notice{grid-template-columns:1fr}}
.reviews{margin-top:30px;border:2px dashed var(--malva);border-radius:24px;padding:28px;text-align:center;color:var(--malva)}

/* moduli */
.formcard{background:#fff;border-radius:28px;padding:clamp(22px,3vw,36px);margin-top:30px;max-width:880px}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:640px){.fgrid{grid-template-columns:1fr}}
.f{display:flex;flex-direction:column;gap:6px;min-width:0}
.f.full{grid-column:1/-1}
.f span{font-size:13px;font-weight:700;color:var(--malva)}
.f input,.f select,.f textarea{border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--latte);font-size:16px;width:100%}
.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--prugna);outline:none}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;grid-column:1/-1}
.chk input{margin-top:4px}
.ok-msg{margin-top:16px;background:var(--cipria2);border-radius:16px;padding:14px 16px;font-size:15px}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pills label{position:relative;border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer;font-size:15px;font-weight:600}
.pills input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
.pills label:has(input:checked){background:var(--prugna);color:var(--latte);border-color:var(--prugna)}

/* simulatore */
.sim{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:36px}
@media (max-width:860px){.sim{grid-template-columns:1fr}}
.sim .in{background:#fff;border-radius:28px;padding:28px;display:grid;gap:18px}
.sim .out{background:var(--prugna);color:var(--cipria);border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:14px}
.sim .out .big{font-weight:800;font-size:clamp(52px,7vw,84px);letter-spacing:-.05em;line-height:1;color:var(--zaff)}
.sim .out .row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(244,220,211,.2);padding-top:10px;font-size:16px}
.sim input[type=range]{width:100%;accent-color:var(--prugna)}

/* area proprietari */
.login{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:36px}
@media (max-width:860px){.login{grid-template-columns:1fr}}
.soon{background:var(--prugna);color:var(--cipria);border-radius:28px;padding:30px;display:flex;flex-direction:column;gap:12px}
.soon .sent{color:var(--latte);font-size:clamp(26px,3vw,38px)}

/* guida di stile */
.guide{background:var(--cipria2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.guide .wrap{padding-block:26px;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:baseline;justify-content:space-between}
.guide b{font-size:20px;letter-spacing:-.02em}
.voices{margin-top:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:900px){.voices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.voices{grid-template-columns:1fr}}
.v{border-radius:22px;padding:22px;min-width:0;display:flex;flex-direction:column;gap:12px;background:#fff}
.v.a{background:var(--zaff)}.v.b{background:var(--latte)}
.v p{font-weight:700;font-size:clamp(21px,2.2vw,26px);letter-spacing:-.025em;line-height:1.12;margin:0}
.v p .cm{color:var(--lampone)}
.v .lab{color:var(--prugna);opacity:.65}
.swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:30px}
@media (max-width:860px){.swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sw{border-radius:18px;overflow:hidden;background:#fff;min-width:0}
.sw i{display:block;height:84px}
.sw b{display:block;font-size:14px;padding:9px 11px 0}
.sw span{display:block;font-size:12.5px;color:var(--malva);padding:0 11px 11px;line-height:1.35}

/* footer */
footer{background:var(--zaff);padding-block:60px 110px}
.fcols{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:28px}
@media (max-width:860px){.fcols{grid-template-columns:1fr 1fr}.fcols .brand{grid-column:1/-1}}
footer .logo{font-size:clamp(56px,8vw,96px)}
footer h4{margin:0 0 10px;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:15px}
footer ul a{text-decoration:none}
footer ul a:hover{text-decoration:underline}
.legal{margin-top:40px;border-top:1.5px solid var(--prugna);padding-top:16px;font-size:13.5px;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}

/* porte con foto */
.door{padding:0;overflow:hidden;min-height:0;gap:0}
.door .dimg{position:relative;aspect-ratio:16/10;overflow:hidden}
.door .dimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s}
.door:hover .dimg img{transform:scale(1.05)}
.door .dbody{padding:24px 26px 26px;display:flex;flex-direction:column;gap:14px;flex:1}
.door .who{font-weight:800;font-size:clamp(26px,2.6vw,34px);letter-spacing:-.035em;line-height:1.05;margin:0}
.door .who .cm{color:var(--lampone)}
.door .pb{font-size:15.5px;margin:0}
.door .pb b{display:block;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.65;margin-bottom:3px}
/* animazioni porte */
.anim{position:relative;aspect-ratio:16/10;margin:14px 14px 0;border-radius:18px;padding:16px;overflow:hidden;display:flex;flex-direction:column;gap:9px}
.door.a .anim{background:rgba(255,255,255,.6)}.door.b .anim{background:#fff}.door.c .anim{background:rgba(244,220,211,.08)}
.acap{font-size:12.5px;font-weight:700;opacity:.7}
.calhead{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:13px}
.eur b{font-size:24px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.grid30{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;flex:1}
.grid30 i{border-radius:5px;background:rgba(58,29,55,.1);transition:background .35s,transform .35s}
.grid30 i.on{background:var(--prugna);transform:scale(.9)}
.msg{max-width:82%;padding:8px 12px;border-radius:14px;font-size:13.5px;line-height:1.3;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s}
.msg.show,.tag.show{opacity:1;transform:none}
.msg.g{background:var(--cipria2);align-self:flex-start;border-bottom-left-radius:4px}
.msg.v{background:var(--prugna);color:var(--latte);align-self:flex-end;border-bottom-right-radius:4px}
.tag{align-self:flex-start;margin-top:auto;font-size:13px;font-weight:700;background:var(--zaff);border-radius:999px;padding:5px 12px;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s}
.tag s{opacity:.55;font-weight:500}
.time{position:absolute;top:12px;right:14px;font-size:12px;font-weight:700;color:var(--malva)}
.an-key{flex-direction:row;align-items:center;justify-content:center;gap:20px}
.pad{background:#211020;border-radius:16px;padding:10px;width:118px;flex:none;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.screen{background:#120710;color:var(--zaff);font-weight:800;letter-spacing:6px;text-align:center;border-radius:8px;font-size:16px;margin-bottom:8px;height:28px;line-height:28px}
.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.keys span{background:rgba(244,220,211,.12);color:var(--cipria);border-radius:6px;text-align:center;font-size:12px;font-weight:700;padding:3px 0;transition:background .15s,color .15s}
.keys span.hit{background:var(--zaff);color:var(--prugna)}
.state{font-weight:800;font-size:clamp(20px,2vw,24px);color:var(--latte);letter-spacing:-.025em;line-height:1.1;min-width:0}
.state small{display:block;font-size:12.5px;font-weight:600;opacity:.7;margin-top:4px;letter-spacing:0}
.state .cm{color:var(--lampone)}
/* giornata */
.day{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:52px}
.day::before{content:"";position:absolute;left:0;right:0;top:69px;height:3px;background:var(--prugna);border-radius:3px}
.stop{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0}
.stop .t{font-weight:800;font-size:clamp(28px,2.8vw,42px);letter-spacing:-.04em;line-height:1;height:50px;display:flex;align-items:flex-end;font-variant-numeric:tabular-nums}
.stop i{display:block;width:20px;height:34px;margin:2px 0 10px;background:var(--lampone);-webkit-mask:var(--comma) no-repeat center/contain;mask:var(--comma) no-repeat center/contain}
.stop b{font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.15}
.stop > span:last-child{font-size:14.5px;opacity:.82}
.day.go .stop{animation:rise .7s both}
.day.go .stop:nth-child(2){animation-delay:.12s}.day.go .stop:nth-child(3){animation-delay:.24s}.day.go .stop:nth-child(4){animation-delay:.36s}.day.go .stop:nth-child(5){animation-delay:.48s}.day.go .stop:nth-child(6){animation-delay:.6s}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:900px){.day{grid-template-columns:1fr;gap:22px}.day::before{left:9px;right:auto;top:8px;bottom:8px;width:3px;height:auto}.stop{padding-left:40px}.stop i{position:absolute;left:0;top:0;margin:0}.stop .t{height:auto}}
.punch{font-weight:700;font-size:clamp(26px,3.4vw,46px);letter-spacing:-.035em;line-height:1.1;margin:56px 0 0}
.punch .soft{color:var(--malva);font-weight:500}
/* bento */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:210px;gap:12px;margin-top:22px}
.bento figure{margin:0;position:relative;border-radius:22px;overflow:hidden;background:var(--cipria)}
.bento .w2{grid-column:span 2;grid-row:span 2}
.bento img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s}
.bento figure:hover img{transform:scale(1.04)}
.bento figcaption{position:absolute;left:12px;bottom:12px;background:rgba(253,248,245,.92);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:700}
@media (max-width:700px){.bento{grid-template-columns:1fr 1fr;grid-auto-rows:150px}}
/* recensioni */
.lm{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:36px;align-items:center}
@media (max-width:860px){.lm{grid-template-columns:1fr}}
.lm .ph{position:relative;aspect-ratio:4/5;border-radius:28px;overflow:hidden}
.lm .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.revhead{margin-top:64px}
.revs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}
@media (max-width:900px){.revs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.revs{grid-template-columns:1fr}}
.rev{background:var(--latte);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:12px;min-width:0}
.rev .st{color:var(--lampone);letter-spacing:2px;font-size:15px}
.rev p{margin:0;font-size:16.5px;font-weight:500;line-height:1.4}
.rev small{margin-top:auto;color:var(--malva);font-size:13.5px}
.rev small b{color:var(--prugna)}

/* virgola che viaggia */
#vi{position:fixed;left:0;top:0;z-index:20;pointer-events:none;will-change:transform,width,height;background:var(--lampone);-webkit-mask:var(--comma) no-repeat center/contain;mask:var(--comma) no-repeat center/contain}

/* Vi */
.vi-btn{position:fixed;right:max(18px,calc(env(safe-area-inset-right,0px) + 18px));bottom:calc(env(safe-area-inset-bottom,0px) + 18px);z-index:35;display:flex;align-items:center;gap:10px;background:var(--zaff);color:var(--prugna);border:0;border-radius:999px;padding:9px 18px 9px 10px;font-weight:700;cursor:pointer;box-shadow:0 10px 30px rgba(58,29,55,.28)}
.vi-btn .dot{width:32px;height:32px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:24px}
.vi-btn .dot .cm{color:var(--lampone);margin:0;vertical-align:0}
.vi-panel{position:fixed;right:max(18px,calc(env(safe-area-inset-right,0px) + 18px));bottom:calc(env(safe-area-inset-bottom,0px) + 80px);z-index:36;width:min(360px,calc(100vw - 36px));background:#fff;border-radius:24px;padding:22px;box-shadow:0 18px 50px rgba(58,29,55,.18)}
.vi-panel h4{margin:0;font-size:22px;letter-spacing:-.02em}
.vi-panel p{margin:10px 0 0;font-size:15px}
.vi-panel .close{position:absolute;top:10px;right:14px;background:none;border:0;font-size:24px;cursor:pointer;color:var(--malva)}
.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 86px);transform:translateX(-50%);z-index:70;background:var(--prugna);color:var(--latte);font-size:14px;padding:11px 16px;border-radius:12px;max-width:calc(100vw - 32px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.window image.on,.window .solid.nod{animation:none}}

/* v3: pagine secondarie */
.ph2{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center}
@media (max-width:860px){.ph2{grid-template-columns:1fr}}
.phimg{border-radius:32px;overflow:hidden;aspect-ratio:4/5;max-height:560px;background:var(--cipria)}
@media (max-width:860px){.phimg{aspect-ratio:4/3}}
.phimg img{width:100%;height:100%;object-fit:cover;display:block}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}
.cards.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:980px){.cards.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.cards{grid-template-columns:1fr}}
@media (max-width:520px){.cards.c4{grid-template-columns:1fr}}
.card{background:#fff;border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:8px;min-width:0;text-decoration:none;color:inherit}
.s-cipria .card,.s-zaff .card{background:rgba(255,255,255,.72)}
.s-prugna .card{background:rgba(244,220,211,.08)}
.card b{font-weight:800;font-size:19px;letter-spacing:-.02em;line-height:1.15}
.card b .cm,.card .t3 .cm{color:var(--lampone)}
.card > span{font-size:15px;color:var(--malva);line-height:1.42}
.s-prugna .card > span{color:var(--cipria)}
.card .num2{font-size:clamp(56px,6vw,80px);letter-spacing:-.06em;line-height:.95}
.card .t3{font-size:clamp(26px,2.6vw,34px);letter-spacing:-.04em;line-height:1.02}
.card.link3{transition:transform .25s}
.card.link3:hover{transform:translateY(-3px)}
.card.link3 .go{margin-top:auto;padding-top:10px;font-weight:700;color:var(--prugna)}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
@media (max-width:860px){.two{grid-template-columns:1fr}}
ul.cl.big{gap:0}
ul.cl.big li{font-size:clamp(18px,1.8vw,22px);font-weight:700;letter-spacing:-.02em;padding:14px 0 14px 28px;border-bottom:1px solid var(--line)}
ul.cl.big li::before{top:16px;left:4px}
.zone{margin-top:40px;background:rgba(255,255,255,.72);border-radius:28px;padding:26px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;gap:24px;align-items:center}
@media (max-width:860px){.zone{grid-template-columns:1fr}}
.pills button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px;cursor:pointer;font:inherit;font-size:15px;font-weight:600;color:var(--prugna);transition:background .2s,color .2s}
.pills button[aria-pressed="true"]{background:var(--prugna);color:var(--latte);border-color:var(--prugna)}
.pills button:focus-visible{outline:2px solid var(--lampone);outline-offset:2px}
#oNet{transition:opacity .2s}
.sim .out .note{font-size:13px;opacity:.8;line-height:1.45}
/* laboratorio animato (gestori) */
.labc{background:var(--cipria);border-radius:32px;padding:24px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;min-width:0}
.lc-head{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--malva)}
.lc-v b{color:var(--prugna);font-size:15px}
.lc-chart{width:100%;height:150px;display:block;background:rgba(255,255,255,.55);border-radius:18px}
.lc-grid{stroke:rgba(58,29,55,.08);stroke-width:1;fill:none}
.lc-line{fill:none;stroke:var(--prugna);stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:var(--off,1);transition:stroke-dashoffset 1.1s ease;vector-effect:non-scaling-stroke}
.lc-area{fill:var(--zaff);opacity:var(--ao,0);transition:opacity .8s .9s}
.lc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media (max-width:520px){.lc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lc-steps li{background:rgba(255,255,255,.55);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:2px;transition:background .35s,color .35s,transform .35s}
.lc-steps b{font-size:16px;font-weight:800;letter-spacing:-.02em}
.lc-steps small{font-size:12.5px;color:var(--malva);line-height:1.25;transition:color .35s}
.lc-steps li.on{background:var(--prugna);color:var(--latte);transform:translateY(-3px)}
.lc-steps li.on small{color:var(--cipria)}
.lc-steps li.done{background:#fff}
.lc-ok{position:absolute;top:58px;right:38px;background:var(--zaff);color:var(--prugna);font-weight:800;border-radius:999px;padding:8px 16px;font-size:15px;transform:scale(.6);opacity:0;transition:transform .4s cubic-bezier(.3,1.6,.5,1),opacity .3s}
.lc-ok.on{transform:scale(1);opacity:1}
.lc-ok .cm{color:var(--lampone)}

/* proprietari: mese animato */
.own{background:var(--latte);border-radius:32px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 24px 50px rgba(58,29,55,.18);min-width:0}
.ow-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--malva)}
.ow-you b{color:var(--prugna);background:var(--zaff);border-radius:999px;padding:2px 9px;margin-left:4px}
.ow-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ow-list li{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;background:#fff;border-radius:16px;padding:11px 12px;transition:background .35s,color .35s,transform .35s}
.ow-list i{grid-row:1/3;width:30px;height:30px;border-radius:50%;border:2px solid var(--line);position:relative;transition:background .3s,border-color .3s}
.ow-list i::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:15px;margin:-8px 0 0 -4px;background:var(--lampone);-webkit-mask:var(--comma) no-repeat center/contain;mask:var(--comma) no-repeat center/contain;transform:scale(0);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.ow-list b{font-size:15px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.ow-list small{font-size:12px;color:var(--malva);line-height:1.2}
.ow-list li.on{background:var(--prugna);color:var(--latte);transform:translateY(-2px)}
.ow-list li.on small{color:var(--cipria)}
.ow-list li.on i{background:var(--latte);border-color:var(--latte)}
.ow-list li.on i::after,.ow-list li.done i::after{transform:scale(1)}
.ow-list li.done i{background:var(--cipria);border-color:var(--cipria)}
.ow-pay{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--prugna);color:var(--cipria);border-radius:20px;padding:16px 18px;font-weight:700;font-size:15px}
.ow-pay small{display:block;font-size:11.5px;font-weight:500;opacity:.75;margin-top:2px}
.ow-pay b{color:var(--zaff);font-size:clamp(34px,4vw,46px);font-weight:900;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums;transition:transform .3s}
.ow-pay.hit b{transform:scale(1.08)}
@media (max-width:420px){.ow-list{grid-template-columns:1fr}}
/* step grandi */
.link{border-top:0;padding-top:0}
.link .n{display:flex;align-items:flex-end;font-size:clamp(64px,7vw,96px);font-weight:900;letter-spacing:-.07em;line-height:.85;opacity:1;padding-bottom:14px;border-bottom:2px solid currentColor}
.link .n::after{content:"";width:.2em;height:.34em;margin:0 0 -.1em .05em;background:var(--lampone);-webkit-mask:var(--comma) no-repeat center/contain;mask:var(--comma) no-repeat center/contain}
.s-prugna .link .n{color:var(--zaff)}
.link b{margin-top:14px}
.track{height:96px}
.track::before{top:46px;height:6px}
.pt{top:12px;width:72px;height:72px;margin-left:-36px;font-size:34px;font-weight:900;border-width:3px;box-shadow:0 8px 20px rgba(58,29,55,.12)}
.pt:nth-child(1){background:var(--zaff)}.pt:nth-child(2){background:var(--cipria)}.pt:nth-child(3){background:var(--prugna);color:var(--latte)}
.fc h3{font-size:clamp(36px,4vw,54px)}
@media (max-width:700px){
  .spec-cols{margin-left:30px}
  .fc{padding:4px 0 30px 46px}
  .fc::before{left:-32px;width:60px;height:60px;font-size:28px;font-weight:900;border-width:3px;background:var(--zaff)}
  .fc:nth-child(2)::before{background:var(--cipria)}.fc:nth-child(3)::before{background:var(--prugna);color:var(--latte)}
}
/* Vi: virgola grande */
.vi-btn{padding:10px 22px 10px 18px;gap:12px;font-size:16px}
.vi-btn .dot{width:auto;height:auto;background:none;border-radius:0}
.vi-btn .dot .cm{width:17px;height:30px;vertical-align:0;margin:0}

.hp{display:none!important}
.bk-req{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}
.bk-req .full,.bk-req .btn,.bk-req .ok-msg{grid-column:1/-1}
@media(max-width:560px){.bk-req{grid-template-columns:1fr}}

/* accessibilità */
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--prugna);color:var(--latte);padding:10px 16px;border-radius:12px;text-decoration:none;font-weight:600}
.skip:focus{top:12px}
.wrap.narrow{max-width:760px}
.h3{font-weight:800;letter-spacing:-.035em;line-height:1.05;font-size:clamp(26px,3.2vw,36px)}

/* blog: niente foto stock, solo tipografia e virgola */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.posts.two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}
.post{display:flex;flex-direction:column;gap:12px;background:var(--cipria2);border-radius:28px;padding:28px 26px 24px;text-decoration:none;min-height:300px;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s}
.post:hover{transform:translateY(-4px);background:var(--cipria)}
.post h3{font-size:clamp(22px,2.2vw,28px);font-weight:800;letter-spacing:-.035em;line-height:1.08;margin:0;text-wrap:balance}
.post h3 .cm{color:var(--lampone)}
.post p{margin:0;color:var(--malva);font-size:15.5px}
.post small{margin-top:auto;font-size:13px;font-weight:600;color:var(--malva)}
.post-cat{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--latte);border-radius:999px;padding:5px 11px}
.post.big{grid-column:1/-1;background:var(--prugna);color:var(--latte);min-height:340px;padding:clamp(28px,4vw,52px)}
.post.big:hover{background:#4a2646}
.post.big h3{font-size:clamp(30px,4.4vw,58px);max-width:20ch;letter-spacing:-.045em}
.post.big p{color:var(--cipria);max-width:60ch;font-size:17px}
.post.big small{color:var(--cipria)}
.post.big .post-cat{background:var(--zaff);color:var(--prugna)}
@media(max-width:900px){.posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.posts,.posts.two{grid-template-columns:1fr}.post{min-height:0}}
.art .phead .h1.art-t{font-size:clamp(34px,5.2vw,64px);max-width:22ch;line-height:1.02}
.back{display:inline-block;font-weight:600;text-decoration:none;margin-bottom:18px}
.art-meta{margin:18px 0 0;font-weight:600;color:var(--prugna);opacity:.75}
.prose{padding-block:clamp(40px,6vw,72px) 0;font-size:18.5px;line-height:1.65}
.prose h2{font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.035em;line-height:1.1;margin:1.8em 0 .5em}
.prose h3{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:1.5em 0 .4em}
.prose p,.prose ul,.prose ol{margin:0 0 1.1em}
.prose li{margin:.35em 0}
.prose li::marker{color:var(--lampone)}
.prose a{color:var(--prugna);text-decoration-color:var(--zaff);text-decoration-thickness:3px;text-underline-offset:3px}
.prose strong{font-weight:700}
.prose blockquote{margin:1.5em 0;padding:4px 0 4px 22px;border-left:4px solid var(--zaff);font-size:1.1em;font-weight:500}
.art-cta{display:grid;gap:8px;justify-items:start;background:var(--zaff);border-radius:28px;padding:clamp(24px,4vw,40px)}
.art-cta b{font-size:clamp(24px,3vw,32px);letter-spacing:-.035em;line-height:1.05}
.art-cta .btn{margin-top:10px}

/* note legali */
.nlegal .toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.nlegal .toc a{background:var(--cipria2);border-radius:999px;padding:7px 14px;font-size:15px;font-weight:600;text-decoration:none}
.nlegal h2{scroll-margin-top:90px;padding-top:.6em;border-top:1px solid var(--line)}
.nlegal h2:first-of-type{border-top:0}
.nlegal{padding-bottom:clamp(56px,8vw,96px)}