/* Ottobre 2026: un racconto fotografico, con colori EnergiAmo. */
body{background:#fffefb;color:#183d4c;font-size:20px;line-height:1.6}
header{border:0;background:#fffefb}
header .header-inner{padding:20px 0 15px;gap:16px}
header .brand{width:250px}
header .brand img{border-radius:0}
header nav{padding-top:16px;gap:8px 25px;border-color:#e5eeeb}
header nav a{font-size:18px}
.launch{background:#eff5eb;border:0;padding:14px 0}
.launch-message{font-family:Barlow,Arial,sans-serif;font-weight:700;font-size:19px;margin:0;letter-spacing:.01em;color:#315c39}
.launch-detail{display:none}.launch-break{display:none}
h1,h2{font-family:Barlow,Arial,sans-serif;font-weight:700;letter-spacing:-.035em;line-height:1.08}
h1{font-size:clamp(48px,5.8vw,80px)}h2{font-size:clamp(30px,3vw,43px)}
.hero{grid-template-columns:1fr 1.25fr;gap:48px;padding:56px 0 60px;background:none;border-radius:0}
.hero h1{font-size:clamp(52px,5.5vw,78px);font-family:Barlow,Arial,sans-serif;font-weight:700}
.hero .eyebrow{background:none;padding:0;color:#346d45;border-radius:0;letter-spacing:.16em;font-size:13px}
.hero-photo{background-image:url('/arca-di-noe/assets/cura-animali.png');background-size:cover;background-position:center;aspect-ratio:1.13;border-radius:12px 90px 12px 12px;box-shadow:none}
.photo-label{background:#fffef9f2;font-size:17px;font-weight:400;left:20px;right:20px;bottom:20px;border-radius:7px;border:0;box-shadow:none;padding:12px 18px}
.lead{font-size:23px;line-height:1.45}.hero .actions{gap:18px;margin-bottom:18px}.hero-secondary{display:flex;flex-direction:column;gap:8px;margin-bottom:23px;font-size:17px;font-weight:700}
.button{background:#006e98;border-color:#006e98;border-radius:8px;box-shadow:none;font-size:18px;padding:14px 22px}
.button.secondary{border-color:#006e98}.button:hover{background:#005b7d}
.donation{background:#067da9;border-radius:12px;box-shadow:none;padding:35px 38px;gap:25px}
.donation h2{font-family:Barlow;font-size:30px;font-weight:700}.donation strong{font-family:Barlow;font-weight:700;font-size:64px;text-shadow:none}.donation p,.donation .eyebrow,.donation a{color:#fff}
.donation .eyebrow{font-size:12px;letter-spacing:.13em}.section{padding-block:60px}
.cards{gap:28px}.card,.card:nth-child(3n+2),.card:nth-child(3n+3),.card.yellow,.card.pink{background:#f2f6f4;border:1px solid #dfe9e3;border-radius:12px;box-shadow:none;padding:30px}
.card h2{font-size:28px}.card .eyebrow{color:#39774a;font-size:12px}
.section>h2:after{display:none}.photo-strip{border:0;border-radius:12px;box-shadow:none}
.split{gap:60px}.cta{background:#eaf2e5;border:0;border-radius:14px;padding:40px}
.poster{border-radius:5px;box-shadow:0 10px 28px #163c4a14}
.page-intro{background:none;border-radius:0;padding-top:50px}.page-intro h1{max-width:850px}
.note,.empty-state{border-radius:10px;background:#f0f5f7;border-left:3px solid #1485ae;padding:32px}
.rules-index{background:#f0f5f3;border-radius:12px}.rules-index a{border-color:#dce8e1;font-size:16px}
.rules-version{font-size:15px}.rule h2{font-size:30px}.rule p,.rule li{font-size:19px}
.form-card{border:1px solid #d9e6e9;border-radius:12px;box-shadow:none}
footer{background:#0d3245;border-top:0}footer:before{display:none}
.footer-brand{background:transparent!important}.footer-brand img{filter:drop-shadow(0 0 1px white)}
.referral-banner{background:#eaf3e3;border-left:4px solid #56883a;padding:18px 24px;border-radius:8px;margin-top:24px;margin-bottom:0;display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center}
.referral-banner span{font-size:16px}.referral-banner strong{font-size:22px}.referral-banner small{flex-basis:100%;font-size:15px}.referral-banner p{margin:0;font-size:17px}.referral-banner button{background:white;border:1px solid #7c9a6e;border-radius:7px;padding:9px 12px;color:#193c2b;font-size:16px}
.kit-logo{width:250px}.print-poster{text-align:center;border:1px solid #dbe7e8;border-radius:12px;margin-top:25px;padding:25px}.print-poster h2{font-size:32px;margin-top:20px}.print-poster p{font-size:18px}.print-poster small{display:block;font-size:14px}.kit-controls{margin-top:22px}#qr-code{background:white;padding:20px;width:min(100%,260px);margin:20px auto}#qr-code img,#qr-code canvas{max-width:100%;height:auto}#qr-code canvas{display:none}#kit-url{font-size:15px}
@media(max-width:850px){header .brand{width:210px}.hero{gap:28px}.hero-photo{aspect-ratio:.78;border-radius:12px 55px 12px 12px}.hero h1{font-size:52px}.hero .lead{font-size:20px}.split{gap:30px}header nav{gap:7px 18px}header nav a{font-size:17px}}
@media(max-width:580px){header .brand{width:180px}.hero{grid-template-columns:1fr;padding-block:30px 40px;gap:28px}.hero-photo{aspect-ratio:1.15;order:-1;border-radius:10px 45px 10px 10px}.hero h1{font-size:51px}.hero .actions{margin-top:22px}.hero .micro{font-size:15px}.photo-label{font-size:14px;bottom:12px;left:12px;right:12px;padding:10px}.launch{padding:12px 0}.launch-message{font-size:16px;line-height:1.4}.donation{padding:27px 23px}.donation strong{font-size:54px}.card{padding:24px}.section{padding-block:35px}.cta{padding:28px}.rules-index a{font-size:15px}header nav{gap:6px 15px}header nav a{font-size:16px}.referral-banner{padding:14px 17px}.print-poster{padding:15px}.print-poster h2{font-size:29px}}
@media print{@page{size:A4;margin:15mm}body{background:white}body:has(#kit-result) header,body:has(#kit-result) footer,body:has(#kit-result) .launch,body:has(#kit-result) .page-intro,body:has(#kit-result) aside,body:has(#kit-result) #kit-form,body:has(#kit-result) #kit-status,body:has(#kit-result) .kit-controls{display:none!important}.form-layout{display:block;width:100%;margin:0}.form-card{padding:0;border:0}.print-poster{margin:0;padding:20px;border:0}.print-poster p{font-size:21px}#qr-code{width:260px}#qr-code img{display:block!important}#qr-code canvas{display:none!important}.kit-logo{width:310px}}