:root{--g:#2e7d32;--gd:#1b5e20;--ink:#1d2a1f;--mut:#5b6b5e;--bg:#fff;--alt:#f2f6f1;--line:#dfe7de;--r:12px}
:root[data-theme="dark"]{--ink:#e8efe8;--mut:#a9b8ab;--bg:#121a14;--alt:#18231b;--line:#2a392d;color-scheme:dark}:root[data-theme="dark"] .site-header{background:#121a14!important}:root[data-theme="dark"] .logo img{background:#fff;border-radius:6px;padding:2px 6px}:root[data-theme="dark"] .brands img,:root[data-theme="dark"] .svc img{background:#fff;border-radius:8px;padding:6px}
:root[data-theme="light"]{color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#e8efe8;--mut:#a9b8ab;--bg:#121a14;--alt:#18231b;--line:#2a392d;color-scheme:dark}:root:not([data-theme="light"]) .site-header{background:#121a14!important}:root:not([data-theme="light"]) .logo img{background:#fff;border-radius:6px;padding:2px 6px}:root:not([data-theme="light"]) .brands img,:root:not([data-theme="light"]) .svc img{background:#fff;border-radius:8px;padding:6px}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
img{max-width:100%;height:auto;display:block}a{color:var(--g)}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}.narrow{max-width:800px}.center{text-align:center}.small{font-size:.85rem;color:var(--mut)}
h1,h2,h3{line-height:1.2;margin:0 0 .6em}h2{font-size:clamp(1.5rem,3vw,2rem)}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:99}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:16px}
.logo img{height:52px;width:auto}
nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
nav a{display:block;padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.95rem}
nav a:hover,nav a[aria-current]{background:var(--alt);color:var(--g)}
.menu-btn{display:none;background:var(--g);color:#fff;border:0;border-radius:8px;padding:8px 14px;font:inherit;font-weight:600}
@media(max-width:900px){.menu-btn{display:block}nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line)}nav.open{display:block}nav ul{flex-direction:column;padding:10px 20px}}
.btn{display:inline-block;background:var(--g);color:#fff;padding:12px 24px;border-radius:999px;text-decoration:none;font-weight:700;border:2px solid var(--g);cursor:pointer;font-size:1rem;font-family:inherit}
.btn:hover{background:var(--gd);border-color:var(--gd)}.btn.ghost{background:transparent;color:#fff;border-color:#fff}.btn.ghost:hover{background:#fff;color:var(--gd)}
.cta .btn.ghost,.hero .btn.ghost{color:#fff}
.hero{position:relative;min-height:70vh;display:flex;align-items:center;color:#fff;overflow:hidden}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s}.slide.on{opacity:1}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.15))}
.hero-txt{position:relative;z-index:2;padding-top:60px;padding-bottom:60px}.hero h1{font-size:clamp(2rem,5vw,3.4rem);max-width:15em}.hero p{max-width:34em;font-size:1.15rem}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#a5d6a7}
.page-hero{background:linear-gradient(135deg,var(--gd),var(--g));color:#fff;padding:56px 0}.page-hero h1{margin:0;font-size:clamp(1.9rem,4vw,2.8rem)}.page-hero p{margin:.4em 0 0;opacity:.9}
.sec{padding:64px 0}.alt{background:var(--alt)}.lead{font-size:1.2rem;color:var(--mut)}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin-top:32px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:24px;margin-top:28px}
.card{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.1)}.card>img{width:100%;aspect-ratio:16/10;object-fit:cover}
.pad{padding:20px}.card h3{font-size:1.15rem}.card time{font-size:.8rem;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}
.card a{font-weight:700;text-decoration:none}
.svc{padding:24px;text-align:center}.svc img{margin:0 auto 12px}
.tag{position:absolute;top:12px;left:12px;background:#d32f2f;color:#fff;border-radius:999px;padding:2px 12px;font-size:.8rem;font-weight:700;z-index:2}
.price s{color:var(--mut)}.price strong{color:var(--g);font-size:1.2rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.split.top{align-items:start}@media(max-width:800px){.split{grid-template-columns:1fr;gap:28px}}
.video{position:relative;display:block;border-radius:var(--r);overflow:hidden}.video span{position:absolute;inset:auto 16px 16px auto;background:rgba(0,0,0,.7);color:#fff;padding:8px 16px;border-radius:999px;font-weight:700}
.brands{display:flex;flex-wrap:wrap;gap:20px 36px;justify-content:center;align-items:center;margin-top:24px}.brands img{height:56px;width:auto;filter:grayscale(1);opacity:.75;transition:.2s}.brands a:hover img{filter:none;opacity:1}
.ticks{list-style:none;padding:0}.ticks li{padding-left:30px;position:relative;margin:.6em 0}.ticks li::before{content:"✓";position:absolute;left:0;color:var(--g);font-weight:800}
.svc-row{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid var(--line);scroll-margin-top:90px}.svc-row h2{font-size:1.4rem}
.cta{background:var(--gd);color:#fff;text-align:center;padding:56px 0}.cta p{opacity:.9}
form label{display:block;font-weight:600;margin-bottom:14px}form input:not([type=checkbox]),form select,form textarea{display:block;width:100%;margin-top:4px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--bg);color:var(--ink)}
form input:focus,form select:focus,form textarea:focus,a:focus-visible,.btn:focus-visible{outline:3px solid #81c784;outline-offset:2px}
.chk{font-weight:400}.hp{position:absolute;left:-9999px}
.map{width:100%;height:280px;border:0;border-radius:var(--r);margin-top:8px}
.site-footer{background:#14241a;color:#cfdccf;padding-top:48px;font-size:.95rem}.site-footer a{color:#a5d6a7}.site-footer h3{color:#fff;font-size:1rem}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px}.legal{border-top:1px solid #2b4030;margin-top:32px;padding-top:18px;padding-bottom:22px;font-size:.8rem;opacity:.8}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ===== Dinamico / animazioni ===== */
.site-header{transition:box-shadow .3s,min-height .3s}.site-header.scrolled{box-shadow:0 4px 20px rgba(0,0,0,.12)}
.logo img{transform-origin:left center;transition:transform .3s}.site-header.scrolled .logo img{transform:scale(.82)}
nav a{position:relative}nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;background:var(--g);transform:scaleX(0);transition:transform .25s}
nav a:hover::after,nav a[aria-current]::after{transform:scaleX(1)}
.btn{transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(46,125,50,.35)}
/* hero */
.hero{min-height:clamp(480px,82vh,820px)}
.slide{transition:opacity 1.2s ease;transform:scale(1.02)}.slide.on{animation:kb 9s ease-out forwards}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.12)}}
.hero-txt>*{opacity:0;transform:translateY(28px);animation:up .8s .15s forwards}
.hero-txt>:nth-child(2){animation-delay:.3s}.hero-txt>:nth-child(3){animation-delay:.45s}.hero-txt>:nth-child(n+4){animation-delay:.6s}
@keyframes up{to{opacity:1;transform:none}}
.hero-ctrl{position:absolute;z-index:3;left:0;right:0;bottom:28px;display:flex;justify-content:center;align-items:center;gap:14px}
.hero-ctrl button{width:42px;height:42px;border-radius:50%;border:2px solid rgba(255,255,255,.7);background:rgba(0,0,0,.25);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;transition:.2s}
.hero-ctrl button:hover{background:#fff;color:var(--gd)}
.dots{display:flex;gap:8px}.dots button{width:12px;height:12px;padding:0;border-radius:50%;background:rgba(255,255,255,.4);border-color:transparent}.dots button.on{background:#fff;transform:scale(1.25)}
.scroll-ind{position:absolute;z-index:3;right:28px;bottom:30px;width:26px;height:42px;border:2px solid #fff;border-radius:14px}
.scroll-ind span{position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:wheel 1.6s infinite}
@keyframes wheel{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(14px)}}
@media(max-width:700px){.scroll-ind{display:none}.hero-ctrl{bottom:16px}}
/* stats */
.stats{background:var(--gd);color:#fff;padding:36px 0;position:relative;z-index:4}
.stats .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px;text-align:center}
.stats b{display:block;font-size:clamp(2rem,4vw,2.8rem);line-height:1.1;color:#a5d6a7}.stats span{font-size:.9rem;opacity:.9}
/* reveal */
.rv{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}
.rv-l{transform:translateX(-40px)}.rv-r{transform:translateX(40px)}
/* proporzioni e card */
.card>img{aspect-ratio:3/2;object-fit:cover;transition:transform .6s}.card:hover>img{transform:scale(1.06)}
.card{display:flex;flex-direction:column}.card .pad{flex:1;display:flex;flex-direction:column}.card .pad a{margin-top:auto}
.card:has(>img){overflow:hidden}
.svc{border-top:4px solid transparent;transition:.25s}.svc:hover{border-top-color:var(--g)}.svc img{transition:transform .35s}.svc:hover img{transform:scale(1.15) rotate(-4deg)}
.svc img{width:64px;height:64px;object-fit:contain}
.split .media{position:relative}.split .media::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:3px solid var(--g);border-radius:var(--r);z-index:0}
.video{z-index:1;aspect-ratio:3/2}.video img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.video:hover img{transform:scale(1.06)}
.video::after{content:"▶";position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:rgba(46,125,50,.92);color:#fff;display:grid;place-items:center;font-size:1.6rem;animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.6)}100%{box-shadow:0 0 0 24px rgba(255,255,255,0)}}
.brands a{display:grid;place-items:center;height:84px;min-width:150px;padding:12px 22px;border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:.25s}
.brands a:hover{transform:translateY(-5px);box-shadow:0 10px 22px rgba(0,0,0,.12);border-color:var(--g)}.brands img{height:48px;width:auto;max-width:130px;object-fit:contain}
.page-hero{background:linear-gradient(135deg,var(--gd),var(--g));position:relative;overflow:hidden}
.page-hero::before{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.07);animation:float 8s ease-in-out infinite}
@keyframes float{50%{transform:translate(-30px,30px)}}
.page-hero .wrap{position:relative;animation:up .7s both}
.svc-row img{width:72px;height:72px;object-fit:contain;flex:none;transition:transform .3s}.svc-row:hover img{transform:scale(1.12)}
.cta{background:linear-gradient(120deg,var(--gd),var(--g),var(--gd));background-size:200% 100%;animation:shift 10s linear infinite}@keyframes shift{to{background-position:200% 0}}
.to-top{position:fixed;right:18px;bottom:18px;z-index:60;width:46px;height:46px;border:0;border-radius:50%;background:var(--g);color:#fff;font-size:1.3rem;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.25);transition:.2s}.to-top:hover{transform:translateY(-3px)}
body{animation:fade .5s}@keyframes fade{from{opacity:0}}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.slide.on,.cta,.hero-txt>*,.page-hero::before,.video::after,.scroll-ind span{animation:none!important}.hero-txt>*{opacity:1;transform:none}}

/* ===== v3: testi originali, pagine servizio, prodotti, dropdown, video ===== */
nav li{position:relative}.has-sub>a::before{content:"";}
.sub{display:none;position:absolute;left:0;top:100%;min-width:250px;flex-direction:column;gap:0;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px;box-shadow:0 14px 30px rgba(0,0,0,.14);z-index:60}
.has-sub:hover>.sub,.has-sub:focus-within>.sub{display:flex}.sub a::after{display:none}
@media(max-width:900px){.sub{display:flex;position:static;box-shadow:none;border:0;padding:0 0 0 14px}}
.page-hero{background:linear-gradient(var(--ov1,rgba(14,50,22,.72)),var(--ov2,rgba(14,50,22,.62))),var(--bg) var(--bgpos,center)/cover;padding:84px 0}
.page-hero p{max-width:46em}
.hero-txt h1{max-width:16em}.eyebrow.dark{color:var(--g);text-transform:none;letter-spacing:0;font-size:1.1rem}
.cimg{display:block;overflow:hidden}.card .cimg img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .6s}.card:hover .cimg img{transform:scale(1.06)}
.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--g)}
img.sq{aspect-ratio:1/1!important;object-fit:contain!important;background:#fff;padding:10px}
.media.tall img,.rimg{width:100%;border-radius:var(--r);object-fit:cover}.media.tall img{max-height:760px}.rimg{aspect-ratio:4/5}
.banner{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:var(--r);margin-bottom:24px}
.pn{display:flex;justify-content:space-between;gap:16px;margin-top:36px;padding-top:20px;border-top:1px solid var(--line);font-weight:700}.pn a{text-decoration:none}
.prod{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:36px 0;border-bottom:1px solid var(--line)}.prod.flip .prod-img{order:2}
.prod-img{border-radius:var(--r);overflow:hidden;aspect-ratio:3/2;background:var(--alt)}.prod-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.prod:hover .prod-img img{transform:scale(1.05)}
.prod-img.contain{display:grid;place-items:center;background:#fff;border:1px solid var(--line)}.prod-img.contain img{width:70%;height:auto;object-fit:contain}
.plogo{height:44px;width:auto;margin-bottom:14px;background:#fff;border-radius:6px}
@media(max-width:800px){.prod{grid-template-columns:1fr;gap:20px}.prod.flip .prod-img{order:0}}
.legal-txt h2{font-size:1.2rem;margin-top:2em}.legal-txt h3{font-size:1.05rem;margin-top:1.4em}.legal-txt ul{padding-left:1.2em}.legal-txt{font-size:.97rem}
.vmodal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.85);display:grid;place-items:center;padding:20px}.vmodal[hidden]{display:none}
.vbox{width:min(960px,100%);aspect-ratio:16/9}.vbox iframe{width:100%;height:100%;border:0;border-radius:10px}
.vclose{position:absolute;top:14px;right:20px;background:none;border:0;color:#fff;font-size:2.6rem;line-height:1;cursor:pointer}
.video span{inset:auto auto 14px 14px}

/* avviso cookie */
.cookie-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;max-width:760px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:14px 18px;background:#14241a;color:#e8efe8;border-radius:14px;box-shadow:0 12px 34px rgba(0,0,0,.35);font-size:.92rem;transform:translateY(140%);transition:transform .4s}
.cookie-bar.show{transform:none}.cookie-bar p{margin:0;flex:1}.cookie-bar a{color:#a5d6a7}.cookie-bar .btn{padding:8px 20px;white-space:nowrap}
@media(max-width:560px){.cookie-bar{flex-direction:column;align-items:stretch;text-align:center}}
.to-top{bottom:84px}

/* ===== modifiche cliente: loghi tutti nello stesso riquadro, banner, video news ===== */
.plogo{width:240px;height:72px;max-width:100%;object-fit:contain;object-position:left center;padding:4px 8px;margin-bottom:14px;background:#fff;border-radius:8px}
.banner.wide{aspect-ratio:1300/438}
.yt{position:relative;aspect-ratio:16/9;max-width:960px;margin:24px auto;border-radius:var(--r);overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:1100px){nav a{padding:8px 9px;font-size:.9rem}}

/* Chi Siamo: sezione "Una realtà in crescita" */
.split.stretch{align-items:stretch}.split.stretch .media.tall,.split.stretch .media.tall img{height:100%}.split.stretch .media.tall img{max-height:none;min-height:420px}
.growth .tl{counter-reset:n;margin-top:36px;align-items:stretch}
.tl-item{position:relative;background:var(--bg);border:1px solid var(--line);border-top:4px solid var(--g);border-radius:var(--r);padding:38px 24px 24px;transition:transform .25s,box-shadow .25s}
.tl-item:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(0,0,0,.1)}
.tl-year{position:absolute;top:-18px;left:20px;background:var(--g);color:#fff;font-weight:800;padding:4px 16px;border-radius:999px;font-size:.95rem;letter-spacing:.03em}
.tl-item h3{font-size:1.15rem;color:var(--g)}.tl-item p{margin:0;font-size:.97rem}
.growth-end{max-width:820px;margin:44px auto 0;text-align:center}.growth-end .lead{font-size:1.1rem;color:var(--ink)}

/* News: ultimi video del canale */
.vgrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}
.vgrid.n1{grid-template-columns:minmax(260px,520px);justify-content:center}
.vgrid.n2{grid-template-columns:repeat(2,minmax(240px,1fr))}
@media(max-width:620px){.vgrid.n2{grid-template-columns:1fr}}
.video-thumb{position:relative;aspect-ratio:16/9;background:#000}
.card .video-thumb img{aspect-ratio:16/9;height:100%}
.video-thumb::after{content:"▶";position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(46,125,50,.92);color:#fff;display:grid;place-items:center;font-size:1.2rem;transition:transform .25s}
.vcard:hover .video-thumb::after{transform:scale(1.15)}
.vcard h3{font-size:1.02rem;margin:.3em 0 0}

/* social */
.social{display:flex;gap:12px;margin-top:10px}.social a{display:grid;place-items:center;width:40px;height:40px;border:1px solid #2b4030;border-radius:50%;color:#a5d6a7;transition:.2s}.social a:hover{background:#a5d6a7;color:#14241a;transform:translateY(-2px)}
.btn.ghost-dark{background:transparent;color:var(--g);border-color:var(--g)}.btn.ghost-dark:hover{background:var(--g);color:#fff}
.btn svg{vertical-align:-5px;margin-right:6px}

/* loghi marchi: centrati nel riquadro */
.plogo{object-position:center center}

/* ===== Chi Siamo: foto aerea a tutta larghezza ===== */
.about-photo{margin:0 0 40px;position:relative}
.about-photo img{width:100%;aspect-ratio:16/8;object-fit:cover;object-position:center 58%;border-radius:var(--r);box-shadow:0 14px 34px rgba(0,0,0,.18)}
.about-photo::before{content:"";position:absolute;inset:16px -14px -14px 16px;border:3px solid var(--g);border-radius:var(--r);z-index:-1}
.about-text{gap:48px}.about-text h2{margin-top:0}
@media(max-width:800px){.about-photo img{aspect-ratio:4/3}.about-photo::before{inset:10px -8px -8px 10px}}
.tl2{grid-template-columns:repeat(2,minmax(260px,1fr));max-width:900px;margin-left:auto;margin-right:auto}
@media(max-width:700px){.tl2{grid-template-columns:1fr}}

/* ===== banner pagine Nuovo ===== */
.page-hero.split2,.page-hero.photo{background:linear-gradient(120deg,var(--gd),var(--g))}
.page-hero.split2::before,.page-hero.photo::before{display:none}
.hero-split{position:absolute;inset:0;display:flex}
.hero-split i{flex:1;background-size:cover;background-repeat:no-repeat}
.hero-split i+i{border-left:3px solid rgba(255,255,255,.85)}
.hero-split::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(14,50,22,.55),rgba(14,50,22,.55))}
.page-hero.split2 .wrap,.page-hero.photo .wrap{position:relative;z-index:2}
.page-hero.split2 h1,.page-hero.split2 p{text-shadow:0 2px 12px rgba(0,0,0,.55)}
.hero-photo{position:absolute;right:0;top:0;bottom:0;width:52%;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;clip-path:polygon(9% 0,100% 0,100% 100%,0 100%)}
@media(max-width:700px){.hero-photo{width:55%;opacity:.95}.page-hero.photo h1{font-size:1.7rem}}

/* ===== Chi Siamo: riquadro "in sintesi" che riempie la colonna ===== */
.about-text.split.top{align-items:stretch}
.about-left{display:flex;flex-direction:column;gap:26px}
.about-left .lead{margin:0}
.about-box{flex:1;display:flex;padding:8px 30px;background:linear-gradient(135deg,rgba(46,125,50,.14),rgba(46,125,50,.05));border:1px solid var(--line);border-left:6px solid var(--g);border-radius:var(--r);box-shadow:0 10px 26px rgba(0,0,0,.07)}
.about-box .ticks{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;justify-content:space-around}
.about-box .ticks li{position:relative;margin:0;padding:22px 0 22px 58px;font-size:1.25rem;font-weight:700;line-height:1.3;display:flex;align-items:center;min-height:64px}
.about-box .ticks li+li{border-top:1px solid var(--line)}
.about-box .ticks li::before{content:"✓";position:absolute;left:0;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;font-size:1.25rem;font-weight:800;box-shadow:0 4px 10px rgba(46,125,50,.35)}
@media(max-width:800px){
  .about-text{gap:28px}
  .about-box{padding:4px 20px;flex:none}
  .about-box .ticks li{font-size:1.1rem;padding:16px 0 16px 52px;min-height:0}
}

/* ===== PROVA banner Telescopici: foto Manitou sfumata sullo sfondo ===== */
.page-hero.photofade{background:linear-gradient(120deg,var(--gd),var(--g))}
.page-hero.photofade::before{display:none}
.page-hero.photofade .wrap{position:relative;z-index:2}
.hero-photofade{position:absolute;inset:0;background-repeat:no-repeat;background-position:right 7% center;background-size:auto 112%;mix-blend-mode:multiply;opacity:.85}
@media(max-width:700px){.hero-photofade{background-position:right -30px center;background-size:auto 105%;opacity:.5}}

.about-text>div:last-child p:last-child{margin-bottom:0}

/* banner Telescopici: macchina ritagliata sul verde sfumato */
.page-hero.cutout{background:radial-gradient(ellipse at 78% 55%,var(--g) 0%,var(--gd) 75%)}
.page-hero.cutout::before{display:none}
.page-hero.cutout .wrap{position:relative;z-index:2}
.hero-cutout{position:absolute;top:-6%;bottom:-14%;right:max(0px,calc((100% - 1140px)/2 - 30px));width:min(58%,720px);background:no-repeat right center/contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.38))}
@media(max-width:700px){.hero-cutout{width:92%;right:-12%;top:-4%;bottom:-20%;opacity:.55}}

/* banner Telescopici: bianco, foto centrata e ingrandita */
.page-hero.photowhite{background:#fff;color:var(--gd)}
.page-hero.photowhite::before{display:none}
.page-hero.photowhite .wrap{position:relative;z-index:2}
.page-hero.photowhite h1{color:var(--gd)}
.page-hero.photowhite p{color:var(--g);font-weight:600;opacity:1}
.hero-photowhite{position:absolute;top:-2%;bottom:-10%;left:50%;width:min(72%,880px);transform:translateX(-40%);background:no-repeat center/contain}
@media(max-width:700px){.hero-photowhite{width:120%;left:50%;transform:translateX(-30%);top:-6%;bottom:-14%;opacity:.35}}

/* banner con foto panoramica (Telescopici): piu' alto, cosi' si vede la macchina intera */
.page-hero.tall{padding:150px 0}
@media(max-width:700px){.page-hero.tall{padding:110px 0}}

/* banner Telescopici: foto rimpicciolita (macchina intera) su sfondo sfocato della stessa foto */
.page-hero.fit{background:#0e3216}
.page-hero.fit::before{display:block;inset:0;right:0;top:0;width:auto;height:auto;border-radius:0;animation:none;background:rgba(14,50,22,.58);z-index:1}
.page-hero.fit .wrap{position:relative;z-index:2}
.hero-fit-bg,.hero-fit-img{position:absolute;inset:0;background-repeat:no-repeat}
.hero-fit-bg{background-size:cover;background-position:center 70%;filter:blur(14px);transform:scale(1.12)}
.hero-fit-img{inset:auto;top:-66%;height:172%;aspect-ratio:3168/1344;left:50%;transform:translateX(-50%);background-size:100% 100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
@media(max-width:1100px){.hero-fit-img{-webkit-mask-image:none;mask-image:none}}
@media(max-width:700px){.hero-fit-img{top:-28%;height:130%}}

/* banner Telescopici: verde sfumato con foto a destra */
.page-hero.rightphoto{background:linear-gradient(100deg,#5e1313 0%,#8a1f1f 45%,#a82a26 100%)}
.page-hero.rightphoto::before{display:none}
.page-hero.rightphoto .wrap{position:relative;z-index:2}
.hero-rphoto{position:absolute;top:0;bottom:0;right:0;width:min(40%,520px);background-size:100% auto;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%);mask-image:linear-gradient(90deg,transparent,#000 24%)}
@media(max-width:700px){.hero-rphoto{width:85%;opacity:.55}}

/* selettore tema (sistema / chiaro / scuro) */
.theme-btn{flex:none;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--ink);cursor:pointer;padding:0;transition:background .2s,color .2s,border-color .2s}
.theme-btn:hover{background:var(--alt);color:var(--g);border-color:var(--g)}
.theme-btn svg{width:20px;height:20px}
.theme-btn .t-light,.theme-btn .t-dark,.theme-btn .t-auto{display:none}
html:not([data-theme]) .theme-btn .t-auto,html[data-theme="light"] .theme-btn .t-light,html[data-theme="dark"] .theme-btn .t-dark{display:block}
@media(max-width:900px){.bar .logo{margin-right:auto}.theme-btn{margin-left:10px;order:3}.menu-btn{order:2}}