/* MG Solutions, sistema Archivio operativo per le pagine interne */
@font-face{font-family:MGInter;src:url('/assets/fonts/inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:MGInter;src:url('/assets/fonts/inter-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:MGPoppins;src:url('/assets/fonts/poppins-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:MGPoppins;src:url('/assets/fonts/poppins-700.woff2') format('woff2');font-weight:700;font-display:swap}

:root{
  --color-primary:#9d2d70!important;
  --color-primary-dark:#7d2158!important;
  --color-secondary:#fe63bf!important;
  --color-accent:#fe63bf!important;
  --color-dark:#171717!important;
  --color-dark-mid:#262626!important;
  --color-bg:#f4f0e7!important;
  --color-bg-alt:#e7e0d3!important;
  --color-white:#fffdf7!important;
  --color-text:#171717!important;
  --color-text-light:#605c55!important;
  --color-border:#b8b1a4!important;
  --primary:#9d2d70!important;
  --pink:#fe63bf;
  --ink:#171717!important;
  --ink-dim:#605c55!important;
  --paper:#f4f0e7!important;
  --line:#b8b1a4!important;
  --white:#fffdf7!important;
}

*{border-radius:0!important}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{
  margin:0!important;
  background:#f4f0e7!important;
  color:#171717!important;
  font-family:MGInter,Inter,Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.58!important;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;opacity:.32;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");
}
body,body *{box-shadow:none}
img{max-width:100%;height:auto}
a{text-underline-offset:4px}
a,button,input,select,textarea,summary{outline-offset:4px}
:focus-visible{outline:3px solid #9d2d70!important;outline-offset:4px!important}
h1,h2,h3,.section__title,.offer-step__title,.result-card__value,.verdict-amount{
  font-family:MGPoppins,Poppins,Arial,sans-serif!important;
  letter-spacing:-.04em!important;
}
.container{width:min(calc(100% - 48px),1240px)!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}
.section{padding:108px 0!important;background:transparent!important}
.section:nth-of-type(2n):not(.section--dark){background:#e7e0d3!important}
.section--dark{background:#171717!important;color:#fff!important}
.section--dark *{color:inherit}
.section--dark .section__subtitle,.section--dark p{color:#d0d0d0!important}

/* Navigazione condivisa */
.navbar{
  position:sticky!important;top:0!important;height:74px!important;z-index:100!important;
  background:rgba(244,240,231,.98)!important;border-bottom:1px solid #171717!important;
  backdrop-filter:none!important;
}
.navbar .container,.navbar__inner{height:100%!important}
.navbar__logo img{width:88px!important;max-height:66px!important;object-fit:contain!important}
.navbar__nav{gap:27px!important}
.navbar__nav a,.lang-switch,.nav-lang{
  font-family:MGInter,Inter,sans-serif!important;font-size:11px!important;font-weight:700!important;
  letter-spacing:.09em!important;text-transform:uppercase!important;color:#171717!important;
}
.navbar__nav a:hover{color:#9d2d70!important}
.navbar .btn,.navbar__cta{
  min-height:44px!important;padding:0 18px!important;background:#171717!important;color:#fff!important;
  border:1px solid #171717!important;border-radius:0!important;
}
.navbar__hamburger{width:46px!important;height:46px!important;border:1px solid #171717!important;background:transparent!important}

/* Hero delle pagine editoriali */
.navbar + .section{
  position:relative!important;padding-top:96px!important;padding-bottom:112px!important;border-bottom:1px solid #171717!important;
}
/* Etichetta finto-archivistica rimossa (concilio UX 27/08/2026) */
.section__header{max-width:940px!important;margin:0!important;text-align:left!important}
.section__label,.panel-label,.section-label,.kicker{
  display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:24px!important;
  color:#9d2d70!important;font:700 11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  letter-spacing:.12em!important;text-transform:uppercase!important;
}
.section__label::before,.section-label::before,.kicker::before{content:"";width:38px;height:2px;background:#9d2d70}
.section__title{
  max-width:980px!important;margin:0 0 26px!important;text-align:left!important;
  font-size:clamp(3.1rem,6vw,6.5rem)!important;line-height:.94!important;color:inherit!important;
}
.section__subtitle{max-width:720px!important;margin:0!important;text-align:left!important;font-size:1.15rem!important;line-height:1.55!important;color:#444!important}
.section__header + div[style*="display:flex"]{justify-content:flex-start!important}
.hero__stats-line{border-top:1px solid #171717!important;border-bottom:1px solid #171717!important;padding:16px 0!important;text-align:left!important;font:700 12px/1.4 ui-monospace,monospace!important;letter-spacing:.06em!important}

/* Bottoni */
.btn,.button,button[type="submit"]{
  min-height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0 20px!important;border:1px solid #171717!important;background:#171717!important;color:#fff!important;
  font-weight:700!important;text-decoration:none!important;transform:none!important;
}
.btn:hover,.button:hover,button[type="submit"]:hover{background:#fe63bf!important;color:#171717!important}
.btn--outline{background:transparent!important;color:#171717!important}
.section--dark .btn--outline{color:#fff!important;border-color:#fff!important}

/* Risultati: indice di campagne, non griglia di card */
.results__grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;
  border-top:1px solid currentColor!important;border-left:1px solid currentColor!important;
}
.result-card{
  min-height:235px!important;padding:28px!important;margin:0!important;background:transparent!important;
  color:inherit!important;border:0!important;border-right:1px solid currentColor!important;border-bottom:1px solid currentColor!important;
}
.result-card--featured{grid-column:1/-1!important;min-height:330px!important;background:#fe63bf!important;color:#171717!important;position:relative!important}
.result-card--featured .result-card__value{color:#171717!important;-webkit-text-fill-color:#171717!important;background:none!important;opacity:1!important}
.result-card--featured .result-card__link,.result-card--featured a{color:#171717!important;text-decoration:underline!important}
.result-card--featured::after{content:"LANCIO IN EVIDENZA";position:absolute;right:25px;top:24px;font:700 10px/1 ui-monospace,monospace;letter-spacing:.12em}
html[lang="en"] .result-card--featured::after{content:"FEATURED LAUNCH"}
.result-card__tag{background:#171717!important;color:#fff!important;padding:7px 9px!important}
.result-card__value{font-size:clamp(2.4rem,4.5vw,5rem)!important;line-height:.95!important;margin-bottom:14px!important;color:#fe63bf!important;-webkit-text-fill-color:#fe63bf!important;background:none!important}
.result-card__label{font-weight:700!important;font-size:1.1rem!important;color:inherit!important}
.result-card__desc{color:inherit!important;opacity:.82!important}
.result-card__link{color:inherit!important;font-weight:700!important}

/* Offerta e confronti: fascicolo a righe */
.offer{max-width:1050px!important;margin:0!important;border-top:2px solid #171717!important}
.offer-step{
  display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:38px!important;
  padding:38px 0!important;border-bottom:1px solid #171717!important;background:transparent!important;
}
.offer-step__rail{border:0!important;padding:0!important}
.offer-step__num{font:700 12px/1.3 ui-monospace,monospace!important;letter-spacing:.1em!important;color:#9d2d70!important}
.offer-step__price{font:700 2.7rem/1 MGPoppins,Poppins,sans-serif!important;color:#171717!important;margin-top:22px!important}
.offer-step__unit{display:block!important;font:400 13px/1.45 MGInter,Inter,sans-serif!important;letter-spacing:0!important;color:#605c55!important;margin-top:8px!important}
.offer-step__body{padding:0!important}
.offer-step__title{font-size:2rem!important;margin:0 0 15px!important}
.offer-step__note{border-left:4px solid #fe63bf!important;background:#fffdf7!important;padding:16px 18px!important;margin-top:22px!important}
.offer__why{max-width:760px!important;margin:34px 0!important;font-size:1.2rem!important}

/* FAQ */
.faq{max-width:900px!important;margin:0!important;border-top:2px solid #171717!important}
.faq__item{background:transparent!important;border:0!important;border-bottom:1px solid #171717!important;margin:0!important}
.faq__item summary{padding:24px 2px!important;font-size:1.05rem!important;font-weight:700!important;cursor:pointer!important}
.faq__answer{padding:0 0 25px!important;max-width:760px!important;color:#4f4b45!important}

/* Footer editoriale */
.footer{background:#171717!important;color:#fff!important;padding:70px 0 28px!important;border-top:0!important}
.footer__inner{display:grid!important;grid-template-columns:1.4fr 1fr 1fr!important;gap:48px!important}
.footer__logo{width:90px!important}
.footer__tagline,.footer__links a,.footer__copyright,.footer__legal a{color:#cfcfcf!important}
.footer__col-title{font:700 11px/1.3 ui-monospace,monospace!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#fe63bf!important}
.footer__bottom{border-top:1px solid #555!important;margin-top:45px!important;padding-top:20px!important}

/* Calcolatori: foglio di lavoro */
body > header:not(.navbar){
  height:74px!important;padding:0 max(24px,calc((100% - 1240px)/2))!important;display:flex!important;align-items:center!important;
  background:#f4f0e7!important;border-bottom:1px solid #171717!important;position:sticky!important;top:0!important;z-index:80!important;
}
body > header:not(.navbar) .logo{font:700 1.25rem/1 MGPoppins,sans-serif!important;color:#171717!important}
body > header:not(.navbar) .logo span{color:#9d2d70!important}
body > header:not(.navbar) nav,body > header:not(.navbar) .head-tag{font:700 10px/1 ui-monospace,monospace!important;letter-spacing:.1em!important;text-transform:uppercase!important}
body > .hero{
  padding:82px max(24px,calc((100% - 1240px)/2)) 75px!important;background:#f4f0e7!important;border-bottom:1px solid #171717!important;
}
/* Etichetta "FOGLIO DI LAVORO / MG" rimossa (concilio UX 27/08/2026) */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body > .hero h1{max-width:1050px!important;font-size:clamp(3rem,6vw,6.4rem)!important;line-height:.94!important;margin:0 0 28px!important;color:#171717!important}
body > .hero .lede{max-width:730px!important;font-size:1.15rem!important;color:#444!important}
body > main{
  width:min(calc(100% - 48px),1240px)!important;max-width:none!important;margin:90px auto!important;
  display:grid!important;grid-template-columns:.92fr 1.08fr!important;gap:0!important;align-items:start!important;
  background:#fffdf7!important;border:1px solid #171717!important;
}
.panel{background:transparent!important;border:0!important;padding:42px!important}
.panel-inputs{border-right:1px solid #171717!important}
.panel-output{background:#e7e0d3!important;position:sticky!important;top:100px!important}
.panel-label{border-bottom:1px solid #171717!important;padding-bottom:15px!important}
.panel-label .num,.section-label .num{color:#9d2d70!important;font-size:inherit!important}
.input-group{margin-bottom:25px!important}
.input-group label,.geo-label label{font-weight:700!important;color:#171717!important}
.input-wrap{border:0!important;border-bottom:1px solid #171717!important;background:transparent!important}
.input-wrap input,.input-wrap select{min-height:48px!important;background:transparent!important;border:0!important;color:#171717!important}
.input-wrap .pre{color:#9d2d70!important;font-weight:700!important}
.hint{color:#605c55!important;font-size:.82rem!important}
.verdict-block,.final-block{border:0!important;padding:0!important;background:transparent!important}
.verdict-amount{font-size:clamp(2.6rem,5vw,5rem)!important;color:#171717!important}
.breakdown{border-block:2px solid #171717!important;margin:25px 0!important}
.breakdown .row{border-bottom:1px solid #b8b1a4!important;padding:13px 0!important}
.margin-pill{background:#fe63bf!important;color:#171717!important;border:1px solid #171717!important}
.insight{border-left:4px solid #9d2d70!important;background:#fffdf7!important;padding:17px!important}
.faq-section{background:#e7e0d3!important;padding:90px 24px!important}
.faq-inner{width:min(100%,900px)!important;max-width:none!important;margin:0 auto!important}
.faq-item{border-bottom:1px solid #171717!important;padding:25px 0!important}
.cta-section{background:#171717!important;color:#fff!important;padding:90px 24px!important}
.cta-section h2,.cta-section p{color:inherit!important}
.cta-form{border-top:1px solid #fff!important;padding-top:25px!important}
.cta-form input{min-height:50px!important;border:1px solid #fff!important;background:transparent!important;color:#fff!important}
body > footer{padding:25px max(24px,calc((100% - 1240px)/2))!important;background:#171717!important;color:#ccc!important;border-top:1px solid #555!important}

/* Ebook: taccuino e copertina */
.head-right{gap:20px!important}
body > .hero .hero-inner{width:min(100%,1240px)!important;max-width:none!important;margin:0 auto!important;display:grid!important;grid-template-columns:1.1fr .75fr!important;gap:80px!important;align-items:center!important}
body:has(.cover-wrap) > .hero{padding-top:48px!important;padding-bottom:58px!important}
body:has(.cover-wrap) > .hero h1{font-size:clamp(3.2rem,4.8vw,5rem)!important}
body:has(.cover-wrap) > .hero .lede{font-size:1.02rem!important;line-height:1.5!important}
.cover-wrap{position:relative!important;transform:rotate(2deg)!important}
.cover-wrap::before{content:"COPIA DA TAVOLO";position:absolute;right:-28px;top:-18px;z-index:2;background:#fe63bf;border:1px solid #171717;padding:10px 13px;font:700 10px/1 ui-monospace,monospace;letter-spacing:.1em;transform:rotate(5deg)}
html[lang="en"] .cover-wrap::before{content:"TABLE COPY"}
.cover{border:1px solid #171717!important;box-shadow:12px 12px 0 #171717!important}
.capture{border-top:2px solid #171717!important;padding-top:23px!important}
.capture-form{display:flex!important;gap:0!important}
.capture-form input{min-height:50px!important;border:1px solid #171717!important;background:#fffdf7!important}
.capture-form button{min-width:190px!important}
body > section{background:transparent!important;border:0!important}

/* ---- Concilio UX 27/08/2026 ---- */

/* Titoletti di sezione: via la scatolina numerata, dentro il pattern tab della home */
.section__label,.section-label,.kicker{display:block!important;width:max-content!important;max-width:100%!important;border-top:5px solid #171717!important;padding-top:11px!important;color:#171717!important}
.section__label::before,.section-label::before,.kicker::before{content:none!important}
.section-label .num,.section__label .num,.panel-label .num,.kicker .num{border:0!important;padding:0!important;border-radius:0!important;background:transparent!important;color:#9d2d70!important;font:inherit!important;font-size:inherit!important}
.section-label .num::after,.section__label .num::after,.kicker .num::after{content:" /"}

/* Calcolatori: griglia millimetrata solo sull'output, numeri tabellari */
.panel-output{background-image:linear-gradient(rgba(23,23,23,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,23,.08) 1px,transparent 1px)!important;background-size:32px 32px!important}
.verdict-amount,.breakdown,.calc-row{font-variant-numeric:tabular-nums}
@media (max-width:480px){.panel-output{background-image:none!important}}

/* Focus ring a contrasto pieno sugli elementi interattivi */
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:none!important;box-shadow:0 0 0 2px #fffdf7,0 0 0 4px #171717!important}
.cta-section input:focus-visible,.cta-section button:focus-visible,.cta-section a:focus-visible{box-shadow:0 0 0 2px #171717,0 0 0 4px #fe63bf!important}
.section-inner{width:min(calc(100% - 48px),1120px)!important;max-width:none!important;margin:0 auto!important;padding:100px 0!important}
.foreword{max-width:850px!important;margin:0!important;border-left:8px solid #fe63bf!important;padding:15px 0 15px 35px!important;font-size:1.3rem!important}
.inside-grid{display:grid!important;grid-template-columns:1.2fr .8fr!important;gap:0!important;border-top:1px solid #171717!important;border-left:1px solid #171717!important}
.inside-card{min-height:210px!important;background:transparent!important;border:0!important;border-right:1px solid #171717!important;border-bottom:1px solid #171717!important;padding:27px!important}
.inside-card:nth-child(3n){background:#e7e0d3!important}
.inside-card .n{color:#9d2d70!important;font:700 11px/1 ui-monospace,monospace!important;letter-spacing:.1em!important}
.checklist-strip{background:#fe63bf!important;border:1px solid #171717!important;margin-top:34px!important;padding:24px!important;transform:rotate(-.4deg)!important}
.checklist-strip .badge{background:#171717!important;color:#fff!important}
.two-col{display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:70px!important;border-top:1px solid #171717!important;padding-top:35px!important}
body > .cta-section .cta-inner{width:min(100%,950px)!important;max-width:none!important;margin:0 auto!important}

/* Privacy: documento leggibile */
.page-header{padding:86px max(24px,calc((100% - 900px)/2)) 65px!important;background:#f4f0e7!important;border-bottom:1px solid #171717!important;text-align:left!important}
.page-header__label{color:#9d2d70!important;font:700 11px/1 ui-monospace,monospace!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.page-header__title{font:700 clamp(3.5rem,7vw,6.5rem)/.92 MGPoppins,sans-serif!important;letter-spacing:-.06em!important;margin:24px 0!important}
.page-header__subtitle{color:#605c55!important}
body:has(.page-header) .content{width:min(calc(100% - 42px),900px)!important;max-width:none!important;margin:70px auto!important;background:#fffdf7!important;border:1px solid #171717!important;padding:clamp(26px,6vw,70px)!important}
body:has(.page-header) .content h2{font:700 1.8rem/1.15 MGPoppins,sans-serif!important;letter-spacing:-.03em!important;margin-top:55px!important;border-top:1px solid #171717!important;padding-top:24px!important}
body:has(.page-header) .content ul{padding-left:20px!important}body:has(.page-header) .content li{margin-bottom:10px!important}
body:has(.page-header) .highlight-box,body:has(.page-header) .contact-card{background:#e7e0d3!important;border:1px solid #171717!important;padding:20px!important;margin:25px 0!important}

@media (max-width:900px){
  .navbar{height:64px!important}.navbar__logo img{width:76px!important}.navbar__nav{top:64px!important;background:#f4f0e7!important;border-bottom:1px solid #171717!important}
  .navbar__nav.active,.navbar__nav.is-open{display:flex!important}.navbar__cta{font-size:.78rem!important;padding:0 12px!important}
  .navbar + .section{padding-top:65px!important}.navbar + .section::before{width:calc(100% - 30px)!important}
  .container{width:calc(100% - 30px)!important}
  .section{padding:78px 0!important}.section__title{font-size:clamp(2.65rem,13vw,4.3rem)!important}
  .results__grid{grid-template-columns:1fr!important}.result-card--featured{grid-column:auto!important}.result-card{min-height:210px!important}
  .offer-step{grid-template-columns:1fr!important;gap:15px!important}.offer-step__price{margin-top:10px!important}
  .footer__inner{grid-template-columns:1fr!important}
  body > header:not(.navbar){height:64px!important;padding:0 15px!important;gap:10px!important}body > header:not(.navbar) > div{gap:10px!important}
  body > header:not(.navbar) a:not(.logo):not(.lang),body > header:not(.navbar) nav{display:none!important}
  body > .hero{padding:62px 15px!important}body > .hero h1{font-size:clamp(2.8rem,14vw,4.3rem)!important}
  body > main{width:calc(100% - 30px)!important;margin:55px auto!important;display:block!important}
  .panel{padding:28px 21px!important}.panel-inputs{border-right:0!important;border-bottom:1px solid #171717!important}.panel-output{position:static!important}
  body > .hero .hero-inner{display:block!important}.cover-wrap{width:75%!important;margin:55px auto 0!important}
  body:has(.cover-wrap) > .hero h1{font-size:clamp(2.75rem,12.5vw,3.65rem)!important}
  body:has(.cover-wrap) > .hero{padding-top:38px!important}
  .capture-form{display:block!important}.capture-form button{width:100%!important;margin-top:8px!important}
  .section-inner{width:calc(100% - 30px)!important;padding:76px 0!important}.inside-grid{grid-template-columns:1fr!important}.two-col{grid-template-columns:1fr!important;gap:35px!important}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{animation:none!important;transition:none!important}}