*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:55px}body{margin:0;color:#202d2b;background:#fdfcf9;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}img{display:block;max-width:100%;height:auto}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(44px,4.6vw,76px);font-weight:500;margin-bottom:20px}h2{font-size:clamp(34px,3.6vw,55px);font-weight:500;margin-bottom:20px}h3{font-size:26px;font-weight:500;letter-spacing:-.025em}.wrap{width:min(1200px,88%);margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 4%;position:sticky;top:0;background:#fdfcf9f5;z-index:20;border-bottom:1px solid #e4e8e2}.brand{text-decoration:none;font-size:26px;font-weight:600;letter-spacing:-1.2px;line-height:1.2;white-space:nowrap}.brand span{display:block;font-size:11px;letter-spacing:2.1px;font-weight:400;margin-top:6px}nav{display:flex;align-items:center;gap:24px;font-size:13px}nav a{text-decoration:none}nav a:hover{color:#47716c}.nav-cta{border:1px solid #174c49;padding:11px 17px}.hero{position:relative;min-height:510px;display:flex;align-items:center;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:65% center}.hero-copy{position:relative;z-index:1;padding:45px 0 55px;margin-left:6%;max-width:50%}.hero-copy>p:not(.eyebrow){font-size:19px;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:700;margin-bottom:16px;line-height:1.5}.button{display:inline-flex;gap:30px;align-items:center;padding:17px 25px;background:#174c49;color:white;text-decoration:none;font-size:14px;transition:background .2s}.button:hover{background:#286661}.button span{font-size:20px}.hero-copy .text-link{display:block;width:fit-content;margin-top:23px;font-size:13px}.hero-sign{position:absolute;bottom:30px;right:6%;font-size:11px;letter-spacing:2px}.hero-sign span{display:block;font-size:10px;letter-spacing:.6px}.intro{padding:50px 0}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.situations{margin-top:28px}.situations article{border-top:1px solid #a6bab1;padding-top:18px}.number{font-size:11px;letter-spacing:1.8px;display:block;margin-bottom:20px;color:#41665c}.situations p{font-size:16px;color:#52615c}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:15px 0 55px}.split>img,.photo img{width:100%;height:400px;object-fit:cover}.caption{font-size:10px;letter-spacing:2px;display:block;padding-top:14px}.lead{font-size:21px;line-height:1.5}.section-copy>p:not(.eyebrow):not(.lead){font-size:16px}.text-link{font-size:15px;font-weight:600;display:inline-block;margin-top:15px}.method{background:#e8eee6;padding:50px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}.section-heading>p{font-size:17px;color:#52615c}.method-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.method-layout img{height:390px;width:100%;object-fit:cover}.steps{padding-left:30px;margin:0;counter-reset:steps;list-style:none}.steps li{counter-increment:steps;position:relative;border-bottom:1px solid #bdcbc0;padding:8px 0 20px 20px;margin-bottom:20px}.steps li:before{content:'0' counter(steps);position:absolute;left:-30px;top:9px;font-size:12px;color:#41665c}.steps h3{font-size:23px;margin-bottom:14px}.steps p{font-size:16px;margin:0}.method-note{font-size:13px;margin:30px 0 0;color:#4c645a}.profile{padding-top:55px}.disclosure{border-left:2px solid #8aab9d;padding-left:20px;color:#52615c}.quote-band{background:#174c49;color:#fff;padding:25px 0;margin-bottom:55px}.quote-band p{font-size:clamp(28px,3.4vw,48px);line-height:1.2;letter-spacing:-1.5px;margin-bottom:25px}.quote-band span{font-size:10px;letter-spacing:2px}.books{padding-bottom:55px}.book-list article{display:grid;grid-template-columns:55px 1fr 160px;gap:25px;border-top:1px solid #ced6cc;padding:25px 0}.book-index{font-size:26px;font-weight:400;color:#6c8475}.book-list h3{font-size:30px;margin:0 0 15px}.book-list p{font-size:15px;margin-bottom:10px;max-width:640px}.book-list .eyebrow{font-size:10px;margin-bottom:16px}.book-list .subtitle{font-size:17px;color:#406257}.book-list article>a{align-self:center;font-size:13px}.small{font-size:12px;color:#52615c}.faq{max-width:850px;padding-bottom:55px}.faq details{border-bottom:1px solid #ccd6ce;padding:17px 0}.faq summary{cursor:pointer;font-size:19px;list-style:none;padding-right:40px;position:relative}.faq summary:after{content:'+';position:absolute;right:5px}.faq details[open] summary:after{content:'−'}.faq details p{margin:20px 35px 0 0;font-size:16px}.contact{background:#174c49;color:#fff;padding:45px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.contact h2{font-size:clamp(50px,6vw,82px)}.contact img{height:370px;width:100%;object-fit:cover}.light{background:#ecede0;color:#173f3b}.light:hover{background:#fff}.email{display:block;width:fit-content;font-size:14px;margin-top:25px}.contact .small{color:#c9d9cf;margin-top:10px}footer{display:flex;justify-content:space-between;padding:28px 0 32px;gap:30px}footer p{font-size:12px;margin:20px 0 0}.footer-links{display:flex;flex-direction:column;gap:7px;font-size:12px}.footer-links span{margin-top:10px;color:#52615c}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}:focus-visible{outline:3px solid #b67b26;outline-offset:5px}.menu-toggle{background:none;border:1px solid #a6bab1;padding:6px 12px;color:#174c49}.legal{max-width:800px;padding:70px 0}.legal h1{font-size:48px}.legal h2{font-size:25px;margin-top:25px}.legal p{font-size:17px}@media(min-width:901px){.menu-toggle{display:none}}@media(max-width:1100px){nav{gap:13px;font-size:12px}.split,.method-layout{gap:40px}.hero{min-height:510px}}@media(max-width:900px){header{flex-wrap:wrap;padding:18px 6%}.brand{font-size:24px}nav{width:100%;flex-wrap:wrap;gap:12px 20px;padding-top:15px}html.js nav{display:none}html.js nav.is-open{display:flex}.hero{min-height:520px}.hero>img{object-position:62% center;opacity:.45}.hero-copy{max-width:75%;padding:40px 0 55px}.hero-sign{font-size:10px}.three{gap:25px}.split{gap:30px}.split>img,.photo img{height:380px}.section-heading{align-items:start}.method-layout{gap:30px}.steps{padding-left:20px}.contact-grid{gap:35px}.book-list article{grid-template-columns:35px 1fr}.book-list article>a{grid-column:2}.hero-copy>p:not(.eyebrow){color:#183b36}}@media(max-width:640px){body{font-size:16px}.wrap{width:88%}.hero{display:block;min-height:0;background:#f0f0e8}.hero>img{position:relative;height:280px;object-position:85% top;opacity:1;object-fit:cover}.hero-copy{margin:0;padding:28px 6% 32px;max-width:100%}.hero-copy h1{font-size:44px}.hero-sign{top:242px;bottom:auto;right:6%;font-size:9px}.hero-copy .eyebrow{font-size:9px}.three,.split,.method-layout,.contact-grid{grid-template-columns:1fr}.intro{padding:38px 0}.three{gap:35px}.situations{margin-top:25px}.situations h3{font-size:26px}.number{margin-bottom:18px}.split{padding-bottom:38px;gap:30px}.split>img,.photo img{height:300px}.method{padding:38px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-bottom:0}.method-layout img{height:280px}.steps{margin-top:15px}.profile{padding-top:38px}.profile img{grid-row:1}.quote-band{padding:22px 0;margin-bottom:38px}.quote-band p{letter-spacing:-1px}.book-list article{gap:15px;padding:22px 0}.book-list h3{font-size:25px}.books,.faq{padding-bottom:38px}.faq summary{font-size:18px}.contact{padding:38px 0}.contact img{height:280px}.contact-grid{gap:40px}footer{flex-direction:column}.legal h1{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Layout compatto — aggiornamento 20 ottobre 2026 */
p{margin-bottom:16px}.section-copy>p:last-of-type{margin-bottom:12px}.situations p{margin-bottom:0}.section-heading h2{margin-bottom:0}.steps li:last-child{margin-bottom:0}.quote-band p{margin-bottom:18px}.hero-copy .text-link{margin-top:16px}.profile>img{object-position:center 35%}@media(max-width:640px){.three{gap:26px}.split{gap:24px}.contact-grid{gap:25px}.hero-copy h1{font-size:40px}.quote-band{padding:28px 0}.method-layout{gap:24px}}

/* TRASFORMAZIONE — COMPATTO V2 */
.wrap{width:min(1320px,92%)}
header{padding:12px 4%}
h1{font-size:clamp(40px,4.1vw,60px);margin-bottom:16px}
h2{font-size:clamp(30px,3vw,43px);margin-bottom:18px}
h3{margin-bottom:14px}
p{margin-bottom:12px}
.eyebrow{margin-bottom:12px}
.hero{min-height:440px}
.hero-copy{padding:30px 0 45px}
.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.45}
.hero-copy .text-link{margin-top:12px}
.hero-sign{bottom:18px}
.intro{padding:28px 0}
.situations{margin-top:22px}
.situations article{padding-top:14px}
.situations h3{font-size:24px}
.number{margin-bottom:14px}
.three{gap:28px}
.split{align-items:start;gap:30px;padding:22px 0}
.split>img,.photo img{height:auto;aspect-ratio:3/2;object-fit:cover}
.caption{padding-top:7px}
.lead{font-size:19px;line-height:1.45}
.section-copy>p:not(.eyebrow):not(.lead){line-height:1.5}
.text-link{margin-top:8px}
.method{padding:30px 0;margin:12px 0}
.section-heading{margin-bottom:22px;gap:24px}
.method-layout{gap:32px;align-items:start}
.method-layout img{height:auto;aspect-ratio:3/2;object-fit:cover}
.steps li{padding:0 0 13px 15px;margin-bottom:13px}
.steps li:before{top:0}
.steps h3{font-size:22px;margin-bottom:9px}
.steps p{line-height:1.5}
.method-note{margin-top:18px}
.profile{padding-top:24px}
.quote-band{padding:24px 0;margin:8px 0 24px}
.quote-band p{font-size:clamp(26px,2.8vw,39px);margin-bottom:10px}
.books{padding:12px 0 28px}
.book-list article{padding:20px 0;gap:20px}
.book-list h3{font-size:26px;margin-bottom:10px}
.book-list .eyebrow{margin-bottom:10px}
.book-list p{line-height:1.45;margin-bottom:8px}
.faq{padding:12px 0 28px}
.faq details{padding:14px 0}
.faq details p{margin-top:12px}
.contact{padding:30px 0}
.contact-grid{gap:30px;align-items:start}
.contact h2{font-size:clamp(40px,4.4vw,62px)}
.contact img{height:auto;aspect-ratio:3/2}
.email{margin-top:16px}
footer{padding:24px 0}
@media(min-width:1101px){
 .intro{display:grid;grid-template-columns:1fr 3fr;gap:0 30px;align-items:start}
 .intro>.eyebrow{grid-column:1;grid-row:1}
 .intro>h2{grid-column:1;grid-row:2;font-size:31px;margin-bottom:0}
 .intro>.situations{grid-column:2;grid-row:1 / span 2;margin-top:0}
}
@media(max-width:900px){
 .hero{min-height:440px}
 .hero-copy{padding:28px 0 45px}
 .split,.method-layout{gap:24px}
}
@media(max-width:640px){
 .wrap{width:91%}
 .hero{min-height:0}
 .hero>img{height:230px}
 .hero-copy{padding:22px 4.5% 25px}
 .hero-copy h1{font-size:38px}
 .hero-sign{top:196px;bottom:auto}
 .hero-copy>p:not(.eyebrow){font-size:17px}
 .intro{display:block;padding:26px 0}
 .intro>h2{margin-bottom:18px}
 .situations{margin-top:0}
 .three{gap:20px}
 .split{padding:18px 0;gap:18px}
 .split>img,.photo img{height:auto;aspect-ratio:3/2}
 .method{padding:25px 0;margin:8px 0}
 .section-heading{margin-bottom:18px}
 .section-heading>p{margin-top:14px}
 .method-layout{gap:18px}
 .method-layout img{height:auto;aspect-ratio:3/2}
 .steps{margin-top:0}
 .profile{padding-top:18px}
 .quote-band{padding:20px 0;margin-bottom:18px}
 .books,.faq{padding-bottom:24px}
 .book-list article{padding:17px 0;gap:12px}
 .book-list h3{font-size:24px}
 .contact{padding:25px 0}
 .contact-grid{gap:22px}
 .contact img{height:auto;aspect-ratio:3/2}
}
