/* home.css — sezioni della homepage definitiva (solo token) */
.hero2{position:relative;padding:var(--section-m) 0 var(--section-s);text-align:center;overflow:hidden;background:linear-gradient(180deg,var(--indaco-50) 0%,var(--color-white,#fff) 70%)}
.hero2::before{content:"";position:absolute;inset:-30% 15% auto 15%;height:calc(var(--space-13) * 4.5);background:radial-gradient(closest-side,var(--indaco-200),transparent);opacity:.55;filter:blur(var(--space-8));border-radius:50%;pointer-events:none}
.hero2__badge-wrap{margin:0}.hero2__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4) var(--space-1) var(--space-1);border-radius:var(--radius-pill);background:var(--color-white,#fff);border:var(--btn-border-width) solid var(--neutro-200);box-shadow:var(--shadow-xs,0 1px 2px rgba(11,11,18,.06));font-size:var(--fs-small);font-weight:var(--fw-link);color:var(--neutro-700)}.hero2__badge img{width:var(--space-7);height:var(--space-7);border-radius:50%;object-fit:cover;background:var(--indaco-100)}
.hero2 .container{position:relative}
.hero2 h1{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);font-weight:var(--fw-display);max-width:16ch;margin:var(--space-4) auto}
/* Stessa entrata del titolo in home su martinifrancesco.it: fermo a 0.28em, poi 480ms quando la pagina è visibile */
#h-hero{opacity:0;transform:translateY(0.28em)}
@media (prefers-reduced-motion:no-preference){#h-hero.is-revealed{opacity:1;transform:none;transition:opacity 480ms var(--ease-enter),transform 480ms var(--ease-enter)}}
@media (prefers-reduced-motion:reduce){#h-hero{opacity:1;transform:none;transition:none}}
:root[data-motion="reduce"] #h-hero{opacity:1;transform:none;transition:none}
.hero2 .lead{max-width:60ch;margin:0 auto var(--space-7)}

.media-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--surface-alt)}
.paths{display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gap)}
.path{border-radius:var(--radius-xl);padding:var(--space-9);display:flex;flex-direction:column;gap:var(--space-4);border:var(--btn-border-width) solid var(--border);background:var(--surface)}
.path h3{font-size:var(--fs-h3);margin:0}.path p{margin:0;color:var(--text-secondary)}
.path .checks{flex:1}.path .btn{align-self:flex-start}

.path--b{background:var(--gradient-dark, var(--color-ink));color:var(--text-on-accent);border:0}.path--b p{color:var(--neutro-300)}.path--b .checks li{color:var(--neutro-200)}
.note{text-align:center;margin-top:var(--space-7);color:var(--text-secondary)}
.feature-tabs{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-8);align-items:start;margin-top:var(--space-9)}
.ftabs{display:flex;flex-direction:column;gap:var(--space-2)}
.ftab{all:unset;cursor:pointer;display:block;padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);border:var(--btn-border-width) solid transparent;transition:background var(--dur-sm) var(--ease-standard),border-color var(--dur-sm) var(--ease-standard)}
@media (hover:hover) and (pointer:fine){.ftab:hover{background:var(--surface)}}.ftab:focus-visible{outline:var(--btn-focus-width) solid var(--btn-focus-color);outline-offset:var(--btn-focus-offset)}
.ftab.is-active{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm)}
.ftab__t{display:block;font-weight:var(--fw-h4);font-size:var(--fs-h4)}.ftab__p{display:block;color:var(--text-secondary);font-size:var(--fs-small);margin-top:var(--space-1);max-height:0;overflow:hidden;transition:max-height var(--dur-md) var(--ease-standard)}
.ftab.is-active .ftab__p{max-height:8em}.ftab.is-active .ftab__t{color:var(--accent)}
.fstage{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);border:var(--btn-border-width) solid var(--border);background:var(--surface)}
.why-strip{list-style:none;padding:0;margin:var(--space-10) 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);border-top:var(--btn-border-width) solid var(--border);padding-top:var(--space-8)}
.why-strip li{display:flex;gap:var(--space-3)}.why-strip .ico{color:var(--accent);flex:none;margin-top:var(--space-1)}
.why-strip h3{font-size:var(--fs-body);margin:0 0 var(--space-1)}.why-strip p{margin:0;font-size:var(--fs-small);color:var(--text-secondary)}
.types{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:var(--space-8) 0 var(--space-6)}
.types__label{margin:0;font-weight:var(--fw-h4);font-size:var(--fs-small)}
.chips{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0}
.chip{display:inline-flex;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:var(--btn-border-width) solid var(--border);font-size:var(--fs-small);color:var(--text-primary);text-decoration:none;transition:border-color var(--dur-sm),color var(--dur-sm)}
@media (hover:hover) and (pointer:fine){.chip:hover{border-color:var(--accent);color:var(--accent)}}
.tpl{list-style:none;padding:0}
.misura{display:grid;grid-template-columns:5fr 7fr;gap:var(--space-11);align-items:center}
.misura__media{position:relative;margin:0}.misura__media img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-xl)}
.misura__badge{position:absolute;left:var(--space-5);bottom:var(--space-5);margin:0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:color-mix(in oklch,var(--surface) 92%,transparent);color:var(--color-ink);font-size:var(--fs-caption);font-weight:var(--fw-h4)}
.misura h2{font-size:var(--fs-h2);margin:var(--space-3) 0}
.svc{list-style:none;padding:0;margin:var(--space-8) 0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}
.svc__card{display:block;padding:var(--space-5);border-radius:var(--radius-lg);background:color-mix(in oklch,var(--text-on-accent) 5%,transparent);border:var(--btn-border-width) solid color-mix(in oklch,var(--text-on-accent) 10%,transparent);color:var(--text-on-accent);text-decoration:none;height:100%;box-sizing:border-box;transition:background var(--dur-sm),border-color var(--dur-sm)}
@media (hover:hover) and (pointer:fine){.svc__card:hover{background:color-mix(in oklch,var(--text-on-accent) 9%,transparent);border-color:var(--viola-400)}}
.svc__t{display:flex;justify-content:space-between;align-items:center;font-weight:var(--fw-h4)}.svc__d{display:block;color:var(--neutro-400);font-size:var(--fs-small);margin-top:var(--space-1)}
.method{color:var(--neutro-400);font-size:var(--fs-small);letter-spacing:var(--ls-small);margin:0 0 var(--space-7)}
.promo__video{margin:0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}
.tools .types__label{margin-bottom:var(--space-4)}.tools ul{list-style:none;padding:0}
.tool{display:flex;gap:var(--space-4);align-items:flex-start;text-decoration:none;color:inherit;height:100%;box-sizing:border-box}
.marquee{overflow:hidden;display:grid;gap:var(--space-5);margin-top:var(--space-9);mask-image:linear-gradient(90deg,transparent,var(--color-inchiostro) 6%,var(--color-inchiostro) 94%,transparent)}
.marquee__track{display:flex;gap:var(--space-5);list-style:none;margin:0;padding:0;width:max-content;animation:mq 70s linear infinite}
.marquee__track--rev{animation-direction:reverse}@media (hover:hover) and (pointer:fine){.marquee:hover .marquee__track{animation-play-state:paused}}
.marquee .testi{width:calc(var(--space-13) * 3);flex:none;margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-5)}
.marquee blockquote{margin:0;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text-primary)}
@keyframes mq{to{transform:translateX(calc(-50% - var(--space-5)/2))}}
.blog-grid{display:grid;grid-template-columns:6fr 5fr;gap:var(--grid-gap);margin-top:var(--space-9)}
.blog-side{display:grid;gap:var(--space-5)}
.post--big h3{font-size:var(--fs-h3)}
.post--row{display:grid;grid-template-columns:calc(var(--space-14) + var(--space-5)) 1fr;align-items:center}
.post--row h3{font-size:var(--fs-h4)}.post--row p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--fs-small)}
@keyframes pop{from{opacity:0;transform:scale(var(--scale-in,.96))}}
/* Scroll reveal (token 06-movimento): solo con JS attivo (html.rv), una volta, solo opacity/transform */
.rv .reveal{opacity:0;transform:translateY(var(--move-lg));transition:opacity var(--dur-xl) var(--ease-enter),transform var(--dur-xl) var(--ease-enter);transition-delay:calc(var(--rv-i,0) * var(--stagger-hero))}
.rv .reveal--media{transform:translateY(var(--move-lg)) scale(.97)}
.rv .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv .reveal,.rv .reveal--media{opacity:1;transform:none;transition:none}.marquee__track{animation:none}.marquee{overflow-x:auto}}
:root[data-motion="reduce"].rv .reveal{opacity:1;transform:none;transition:none}
@media (max-width:63.9375rem){.feature-tabs,.misura,.blog-grid{grid-template-columns:1fr}.why-strip{grid-template-columns:1fr 1fr}.misura__media{max-width:calc(var(--space-13) * 3 + var(--space-9))}}
@media (max-width:47.9375rem){.paths,.svc,.why-strip{grid-template-columns:1fr}.hero2 h1{font-size:var(--fs-h1)}
.post--row{grid-template-columns:calc(var(--space-12) + var(--space-4)) 1fr}.post--row p{display:none}.marquee .testi{width:calc(var(--space-14) * 2 - var(--space-5))}.ftab__p{font-size:var(--fs-caption)}}
.post--row{align-items:stretch}
.post--big{display:flex;flex-direction:column}

.path--b{background:var(--color-ink);background-image:radial-gradient(120% 80% at 100% 0,color-mix(in oklch,var(--color-viola) 35%,transparent),transparent 60%)}
.path--a .checks li{color:var(--text-primary)}
.sec--dark h2{color:var(--text-on-accent)}

.tool{flex-direction:row!important}.tool .tile{flex:none}
.path--b h3{color:var(--text-on-accent)}.misura .lead,.promo .lead{color:var(--neutro-300)}.foot__cta p{color:color-mix(in oklch,var(--text-on-accent) 85%,transparent)}.foot__cta p a{color:var(--text-on-accent)}
.post--row{grid-template-columns:calc(var(--space-14) + var(--space-5)) minmax(0,1fr)}
@media (max-width:47.9375rem){.post--row{grid-template-columns:calc(var(--space-12) + var(--space-4)) minmax(0,1fr)}.post--row .badge{display:none}}

/* ===== Audit 3/11: spaziature uniformi ===== */
.hero2{padding-block:var(--section-s)}
.sec-head{margin-bottom:var(--space-9)}
.sec-row .sec-head,.split .sec-head,.misura .sec-head{margin-bottom:0}
.sec-head--center{margin-bottom:var(--space-9)}
.feature-tabs,.blog-grid,.marquee{margin-top:0}
.types{margin:0 0 var(--space-6)}
.why-strip{margin-top:var(--space-9);padding-top:var(--space-9)}
.tools{margin-top:var(--space-9)}
.note{margin:var(--space-6) 0 0}
.paths,.blog-grid,.blog-side,.svc,.why-strip,.marquee,.marquee__track{gap:var(--grid-gap)}
.feature-tabs{gap:var(--space-9)}
.svc__card{padding:var(--card-pad)}
.path{padding:var(--space-9)}
.misura h2{margin:var(--space-4) 0}.misura .lead{margin:0}.svc{margin:var(--space-7) 0}.method{margin:0 0 var(--space-6)}
.split--faq .actions{margin-top:var(--space-6)}
/* ===== Blog ===== */
.blog-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch}
.blog-side{grid-template-rows:repeat(3,1fr)}
.post{display:flex;flex-direction:column;height:100%}
.post__media{display:block;overflow:hidden;background:var(--surface-alt);aspect-ratio:16/9}
.post__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.post__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--card-pad);flex:1;min-width:0}
.post__meta{display:flex;align-items:center;gap:var(--space-3);margin:0;font-size:var(--fs-caption);color:var(--text-muted)}
.post__meta .badge{margin:0}
.post__title{margin:0;font-size:var(--fs-h4);line-height:var(--lh-h4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post__title a{color:var(--text-primary);text-decoration:none}
.post__excerpt{margin:0;font-size:var(--fs-small);color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post__more{margin-top:auto;display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--fw-h4);font-size:var(--fs-small);color:var(--accent)}
@media (hover:hover) and (pointer:fine){.post:hover .post__more .ico{transform:translateX(var(--move-sm))}}.post__more .ico{transition:transform var(--dur-sm) var(--ease-standard)}
.post--big .post__title{font-size:var(--fs-h3);line-height:var(--lh-h3)}
.post--big .post__excerpt{-webkit-line-clamp:3}
.post--row{display:grid;grid-template-columns:calc(var(--space-14) + var(--space-8)) minmax(0,1fr)}
.post--row .post__media{aspect-ratio:auto;height:100%}
.post--row .post__excerpt{-webkit-line-clamp:1}
@media (max-width:63.9375rem){.blog-side{grid-template-rows:none}}
@media (max-width:47.9375rem){.post--row{grid-template-columns:calc(var(--space-12) + var(--space-5)) minmax(0,1fr)}.post--row .post__media{aspect-ratio:1;height:auto;align-self:stretch}.post--row .post__excerpt,.post--row .post__more{display:none}.post--row .post__title{font-size:var(--fs-body);-webkit-line-clamp:3}.post--row .post__body{padding:var(--space-4);gap:var(--space-2)}.post--row .post__meta .badge{display:none}}
.tpl.grid,.tools .grid{gap:var(--grid-gap)}
@media (max-width:47.9375rem){.path{padding:var(--space-7)}.svc__card{padding:var(--card-pad)}}
.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.post--big .post__media{aspect-ratio:auto;flex:1;min-height:calc(var(--space-14) * 2 - var(--space-5))}
.post--big .post__body{flex:none}
.post--row{grid-template-columns:clamp(calc(var(--space-13) + var(--space-5)),34%,calc(var(--space-14) + var(--space-9))) minmax(0,1fr)}
.post--row .post__excerpt{display:none}
.post--row .post__title{-webkit-line-clamp:3}
.post--row .post__meta .badge{background:none;padding:0;color:var(--accent);font-weight:var(--fw-h4)}
.post__meta time::before{content:"·";margin-right:var(--space-3);color:var(--text-muted)}
@media (max-width:63.9375rem){.blog-grid{grid-template-columns:1fr}.post--big .post__media{flex:none;aspect-ratio:16/9;min-height:0}}
@media (max-width:47.9375rem){.post--row .post__meta time::before{display:none}}
.post--big .post__title{-webkit-line-clamp:3}@media (max-width:47.9375rem){.post--row .post__body{justify-content:center}}
.tpl>li{display:flex}.tpl .card{width:100%;display:flex;flex-direction:column}.tpl .card__body{flex:1;align-items:center}.path .checks{margin:var(--space-2) 0 0}.path .checks+.btn{margin-top:var(--space-4)}

.card.tool{display:flex;padding:var(--card-pad);position:relative}
.tool>span:not(.tile){flex:1;min-width:0}
.tool[data-live]::after{position:absolute;top:var(--space-3);right:var(--space-3)}
.tool{flex-direction:row}
.tool .tile .icon{width:var(--btn-md-icon);height:var(--btn-md-icon)}
/* da pages.css (rimosso) */
.chip.is-active{background:var(--color-ink);color:var(--neutro-50);border-color:var(--color-ink)}
a[data-live]::after{content:"↗";font-size:var(--fs-caption);margin-left:var(--space-1);opacity:.5}
.btn[data-live]::after,.foot a[data-live]::after,.nav a[data-live]::after,.mnav a[data-live]::after,.chip[data-live]::after,.mega-item[data-live]::after{content:none}