/* The product artwork belongs directly on the studio-black hero, not in a card. */
.visual{min-height:clamp(292px,33vw,435px);padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.visual::before,.visual::after{display:none!important}
.visual img{width:90%;height:90%;max-height:360px;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(0,0,0,.38))}
@media(max-width:760px){.visual{min-height:260px}}
/* griglia a sei funzioni, mini guida e domande frequenti */
.features.many .feature:nth-child(3n){border-right:0}
.features.many .feature:nth-child(3n+1){padding-left:0}
.features.many .feature:nth-child(-n+3){border-bottom:1px solid #c8c3ba}
.features.many .feature{min-height:190px}
.features.many .feature p{max-width:330px}
.guide{padding:clamp(54px,8vw,100px) clamp(22px,7vw,110px);background:var(--charcoal);color:var(--paper)}
.guide-inner,.faq-inner{max-width:1230px;margin:0 auto}
.guide h2{max-width:760px;margin:0 0 38px;color:#fff;font-size:clamp(32px,4.2vw,54px);line-height:1;letter-spacing:-.045em}
.steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;counter-reset:step}
.steps li{position:relative;padding:22px 0 24px 58px;border-top:1px solid rgba(255,255,255,.18);counter-increment:step}
.steps li::before{content:counter(step);position:absolute;left:0;top:20px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--accent,#cdb5ff);color:#1d1d1d;font-weight:700;font-size:18px}
.steps h3{margin:0 0 7px;color:#fff;font-size:22px;line-height:1.05;letter-spacing:-.02em}
.steps p{margin:0;color:#d8d3ce;font-size:16px;line-height:1.42}
.faq{padding:clamp(48px,7vw,90px) clamp(22px,7vw,110px) clamp(60px,8vw,110px);background:var(--paper)}
.faq h2{margin:0 0 26px;font-size:clamp(30px,3.8vw,48px);line-height:1;letter-spacing:-.04em}
.faq details{max-width:860px;border-top:1px solid #c8c3ba;padding:16px 0}
.faq details:last-of-type{border-bottom:1px solid #c8c3ba}
.faq summary{cursor:pointer;font-size:20px;font-weight:700;letter-spacing:-.015em}
.faq details p{margin:10px 0 0;color:var(--muted);font-size:17px;line-height:1.45}
.faq-cta{margin-top:34px}
@media(max-width:760px){.features.many .feature,.features.many .feature:nth-child(3n+1),.features.many .feature:nth-child(3n){min-height:auto;padding:24px 0;border-right:0;border-bottom:1px solid #c8c3ba}.features.many .feature:last-child{border-bottom:0}.steps{grid-template-columns:1fr}.guide{padding:56px 24px}.faq{padding:50px 24px 66px}}
.visual img{width:auto;height:auto;max-width:72%;max-height:340px}
@media(max-width:760px){.visual img{max-height:220px}}
/* contenuto di intestazione e hero allineato alle sezioni (max 1230px, centrato); gli sfondi restano a tutta larghezza */
@media(min-width:761px){
.nice-nav{padding-left:max(clamp(22px,7vw,110px),calc((100% - 1230px)/2));padding-right:max(clamp(22px,7vw,110px),calc((100% - 1230px)/2))}
.hero{padding-left:max(clamp(22px,7vw,110px),calc((100% - 1230px)/2));padding-right:max(clamp(22px,7vw,110px),calc((100% - 1230px)/2))}
}
/* altri programmi della suite */
.others{padding:clamp(44px,6vw,80px) clamp(22px,7vw,110px);background:#e9e5de}
.others-inner{max-width:1230px;margin:0 auto}
.others h2{margin:0 0 24px;font-size:clamp(26px,3.2vw,40px);line-height:1;letter-spacing:-.04em}
.others-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.other{display:flex;align-items:center;gap:14px;padding:16px;background:var(--charcoal);color:#fff;text-decoration:none;border-bottom:4px solid var(--accent,#e54a89);transition:transform .18s ease}
.other:hover,.other:focus-visible{transform:translateY(-3px)}
.other img{flex:none;width:64px;height:64px;object-fit:contain}
.other strong{display:block;font-size:18px;line-height:1.05;letter-spacing:-.02em}
.other em{display:block;margin-top:5px;color:#cfc9c3;font-size:14px;font-style:normal;line-height:1.25}
.others-all{margin:22px 0 0}.others-all a{color:var(--ink);font-weight:700;text-underline-offset:4px;text-decoration-color:var(--pink)}
@media(max-width:1000px){.others-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.others-grid{grid-template-columns:1fr}.others{padding:44px 24px}}
/* icone degli altri programmi nell'intestazione */
.nav-apps{display:flex;align-items:center;justify-content:center;gap:14px}
.nav-app{position:relative;display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-bottom:2px solid transparent;transition:transform .18s ease,border-color .18s ease}
.nav-app img{display:block;width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35))}
.nav-app:hover,.nav-app:focus-visible{transform:translateY(-2px);border-bottom-color:var(--accent,#e54a89)}
.nav-app:focus-visible{outline:2px solid #fff;outline-offset:3px}
.nav-app::after{content:attr(data-name);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:5px 9px;background:#000;color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap;border-radius:3px;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:5}
.nav-app:hover::after,.nav-app:focus-visible::after{opacity:1}
@media(max-width:760px){.nice-nav{flex-wrap:wrap;row-gap:8px}.nav-apps{order:3;flex-basis:100%;gap:18px;padding-bottom:2px}.nav-app::after{display:none}}
/* pagina indice della Nice Suite */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.suite-hero{grid-template-columns:1fr;padding-top:clamp(44px,7vw,92px);padding-bottom:clamp(48px,7vw,96px)}
.suite-hero .hero-copy{max-width:760px}
.suite-hero h1 span{color:var(--accent,#cdb5ff)}
.suite-list{padding:clamp(40px,6vw,76px) clamp(22px,7vw,110px) clamp(60px,8vw,110px);background:var(--paper)}
.suite-inner{max-width:1230px;margin:0 auto}
.suite-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.suite-card{grid-column:span 2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 22px 26px;background:var(--charcoal);color:#fff;text-decoration:none;border-bottom:5px solid var(--accent,#e54a89);transition:transform .18s ease,box-shadow .18s ease}
.suite-card:nth-child(4){grid-column:2 / span 2}
.suite-card:nth-child(5){grid-column:4 / span 2}
.suite-card:hover,.suite-card:focus-visible{transform:translateY(-5px);box-shadow:0 12px 22px rgba(0,0,0,.25)}
.suite-card:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.suite-card img{display:block;width:104px;height:104px;object-fit:contain;margin-bottom:18px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}
.suite-title{display:block;font-size:clamp(26px,2.4vw,32px);line-height:.98;letter-spacing:-.04em}
.suite-title b{font-weight:700}
.suite-tag{display:block;margin-top:10px;color:var(--accent,#fff);font-size:16px;font-weight:700}
.suite-desc{display:block;margin-top:10px;color:#d8d3ce;font-size:15px;line-height:1.38}
.suite-go{display:block;margin-top:auto;padding-top:20px;color:#fff;font-weight:700;font-size:14px;letter-spacing:.04em;text-decoration:underline;text-decoration-color:var(--accent,#e54a89);text-underline-offset:5px}
.suite-note{max-width:760px;margin:34px 0 0;color:var(--muted);font-size:15px;line-height:1.45}
@media(max-width:1000px){.suite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.suite-card,.suite-card:nth-child(4),.suite-card:nth-child(5){grid-column:auto}.suite-card:nth-child(5){grid-column:1 / -1}}
@media(max-width:560px){.suite-grid{grid-template-columns:1fr}.suite-card:nth-child(5){grid-column:auto}.suite-list{padding:40px 22px 64px}}
/* piede con il contatore visite */
.nice-foot{background:var(--charcoal);color:#bdb7b1;padding:22px clamp(22px,7vw,110px);font-size:13px}
.nice-foot-inner{max-width:1230px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.counter-link{display:inline-flex;line-height:0}
.counter-link img{display:block;width:100px;height:16px}
@media(max-width:760px){.nice-foot{padding:20px 24px}.nice-foot-inner{justify-content:center;text-align:center}}