/* Blue Delta Crab · sostieni.css — solo per /sostieni.html e /investitori.html. Usa le variabili di site-v6.css. */
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,36px)}
.tier{display:flex;flex-direction:column;gap:6px}
.tier .badge{align-self:flex-start;margin-bottom:6px}
.tier h3{margin-bottom:.1em}
.tier__price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:.1em 0 .5em}
.tier__price strong{font:italic 500 clamp(2.4rem,3.6vw,3.4rem)/1 var(--serif);color:var(--gold-hi)}
.tier__price small{font:500 .66rem var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--warn)}
.tier__dl{display:grid;gap:10px;margin:.4em 0 1.2em;flex:1}
.tier__dl div{border-top:1px solid var(--line);padding-top:10px}
.tier__dl dt{font:500 .62rem var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.tier__dl dd{margin:.2em 0 0;font-size:.95rem;color:#c7d2e0}
.tier .btn{align-self:flex-start}
.cnt{border:1px solid var(--line-2);border-radius:20px;padding:clamp(24px,3vw,44px);background:linear-gradient(160deg,rgba(20,50,90,.5),rgba(5,13,26,.5))}
.cnt__cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,30px);margin-bottom:22px}
.cnt__cell{border-top:1px solid var(--line);padding-top:14px}
.cnt__lab{display:block;font:500 .66rem var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.cnt__val{display:block;font:italic 500 clamp(2rem,4vw,3.4rem)/1.1 var(--serif);color:var(--gold-hi)}
.cnt__msg{margin:14px 0 0;max-width:62ch;color:#c7d2e0}
.cnt__bar{height:8px;border-radius:99px;background:rgba(230,201,138,.15);overflow:hidden}
.cnt__bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-hi))}
.faq{display:grid;gap:12px;max-width:900px}
.faq details{border:1px solid var(--line);border-radius:14px;padding:0 22px;background:rgba(15,39,71,.35);transition:border-color .3s}
.faq details[open]{border-color:var(--line-2)}
.faq summary{cursor:pointer;list-style:none;padding:18px 28px 18px 0;font:500 clamp(1.2rem,1.7vw,1.5rem)/1.2 var(--serif);color:var(--paper);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);font:300 1.8rem var(--sans);color:var(--gold)}
.faq details[open] summary::after{content:"–"}
.faq summary:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px;border-radius:6px}
.faq details>div{padding:0 0 18px;color:#c7d2e0}
.faq details>div p:last-child{margin-bottom:0}
.notice{border:1px solid var(--warn);border-radius:16px;padding:22px 26px;background:rgba(240,179,106,.07);max-width:980px}
.notice .badge{margin-bottom:12px}
.notice p:last-child{margin-bottom:0}
.notice--legal{border-style:dashed}
.checklist{margin:0;padding-left:1.2em;display:grid;gap:10px;color:#c7d2e0}
.checklist li::marker{color:var(--gold)}
.form select{width:100%;background:rgba(5,13,26,.6);border:1px solid var(--line-2);border-radius:10px;padding:16px 18px;color:var(--paper);font:300 1.05rem var(--sans);letter-spacing:0;text-transform:none}
.form select:focus{outline:none;border-color:var(--gold-hi);background:rgba(15,39,71,.7)}
.form select option{background:var(--navy);color:var(--paper)}
.card ul{margin:.4em 0 0;padding-left:1.1em;display:grid;gap:8px;color:#c7d2e0}
.card ul li::marker{color:var(--gold)}
.paths--support{margin-top:clamp(20px,3vw,40px)}
.paths--support+.btnrow{margin-top:28px}
.sub-eyebrow{margin:clamp(34px,5vw,64px) 0 18px}
@media (max-width:1100px){.tiers{grid-template-columns:repeat(2,minmax(0,1fr))}.cnt__cells{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.tiers{grid-template-columns:minmax(0,1fr)}.cnt__cells{grid-template-columns:repeat(2,minmax(0,1fr))}.faq details{padding:0 16px}}
.tiers+.small{margin-top:26px}
