/* ---------- pagina Chi siamo ---------- */
.chero.about{padding:56px 0 96px}
.about-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.ah-txt h1{font-size:clamp(2.4rem,5.4vw,4.2rem)}
.ah-txt .intro{margin-top:clamp(16px,2vw,26px);max-width:620px}
.ah-txt .intro p{font-size:clamp(1rem,1.35vw,1.16rem);font-weight:500;line-height:1.7;color:#ece7ff;margin:0 0 .9em}
.ah-txt .intro strong{font-weight:800;color:#ffd7c6}
.ah-pic{position:relative;animation:fieldIn 1s var(--ease) .3s both}
.ah-pic::before{content:"";position:absolute;inset:-14px;border-radius:44px;border:2px dashed rgba(255,255,255,.28);animation:rot 40s linear infinite;opacity:.0}
.ah-pic .duck{display:block;aspect-ratio:1.515;border-radius:38px;background:#6350c6 url(/assets/images/papera.jpg) 47.7% 50%/auto 100% no-repeat;border:6px solid rgba(255,255,255,.2);box-shadow:0 50px 90px -30px rgba(20,0,70,.7);animation:bobf 6s ease-in-out infinite;transform-origin:50% 60%}
@media(max-width:900px){.about-hero{grid-template-columns:1fr;gap:30px}.ah-pic{max-width:420px}.chero.about{padding:44px 0 86px}}
.ab{padding-bottom:20px}
.ab-few{padding:96px 24px 40px}
.few-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px;perspective:1100px}
.few{position:relative;background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px 28px 30px;transform-style:preserve-3d;transition:transform .5s var(--ease),box-shadow .5s,border-color .3s;overflow:hidden;isolation:isolate}
.few::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px circle at 50% 0,rgba(108,71,213,.08),transparent 55%);opacity:0;transition:opacity .4s}
.few:hover{box-shadow:0 40px 70px -38px rgba(76,47,168,.6);border-color:var(--purple-l)}
.few:hover::before{opacity:1}
.few .n{position:absolute;top:14px;right:22px;font-family:var(--display);font-size:4.6rem;font-weight:800;line-height:1;letter-spacing:-.05em;color:var(--purple-xl);z-index:-1;transition:color .4s}
.few:hover .n{color:var(--purple-l)}
.few .ico{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;color:#fff;margin-bottom:24px;transform:translateZ(40px);transition:transform .5s var(--ease)}
.few .ico svg{width:30px;height:30px}
.few .ico.o{background:linear-gradient(135deg,var(--orange),var(--orange-2));box-shadow:0 14px 30px -10px rgba(255,111,57,.7)}
.few .ico.p{background:linear-gradient(135deg,var(--purple),var(--purple-2));box-shadow:0 14px 30px -10px rgba(108,71,213,.7)}
.few:hover .ico{transform:translateZ(40px) rotate(-8deg) scale(1.08)}
.few h3{font-family:var(--display);font-size:1.45rem;font-weight:700;letter-spacing:-.02em;transform:translateZ(24px)}
.few p{color:var(--muted);margin-top:10px;transform:translateZ(12px)}
.few p strong{color:var(--ink)}

.ab-verify{padding:56px 24px}
.vcard{position:relative;display:grid;grid-template-columns:260px minmax(0,1fr);gap:46px;align-items:center;padding:52px 56px;border-radius:36px;color:#fff;overflow:hidden;isolation:isolate;background:linear-gradient(125deg,var(--night),#2a1a6e 55%,var(--purple-d))}
.vcard::after{content:"";position:absolute;width:520px;height:520px;right:-160px;bottom:-260px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,111,57,.5),transparent);z-index:-1}
.vart{position:relative;aspect-ratio:1;display:grid;place-items:center}
.vart .r{position:absolute;border-radius:50%;border:1.5px dashed rgba(255,255,255,.28);animation:rot 26s linear infinite}
.vart .r1{inset:0}
.vart .r2{inset:11%;animation-duration:20s;animation-direction:reverse;border-style:solid;border-color:rgba(255,255,255,.14)}
.vart .r3{inset:24%;animation-duration:14s;border-color:rgba(255,111,57,.55)}
.vart .r3::after,.vart .r1::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--orange);top:-7px;left:50%;box-shadow:0 0 18px rgba(255,111,57,.9)}
.vart .r1::after{background:#fff;width:10px;height:10px;top:auto;bottom:-5px;box-shadow:0 0 14px rgba(255,255,255,.8)}
.vf{position:relative;width:46%;aspect-ratio:1;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 20px 50px -10px rgba(0,0,0,.5),0 0 0 8px rgba(255,255,255,.12);animation:bobf 4.5s ease-in-out infinite}
.vf img{width:58%;height:auto}
@keyframes bobf{50%{transform:translateY(-8px) scale(1.03)}}
.vtxt h2{font-family:var(--display);font-size:clamp(1.6rem,3vw,2.5rem);font-weight:700;line-height:1.12;letter-spacing:-.025em}
.vtxt h2 em{font-style:normal;background:linear-gradient(100deg,#ffb494,var(--orange-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.vtxt p{color:#d9d1f4;margin-top:16px;max-width:560px}
.vtxt p strong{color:#fff}
.vtxt .btn{margin-top:26px}

.ab .banks{margin-top:34px}
.ab-oam{padding:54px 24px 40px}
.oamc{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;text-align:center;padding:30px 34px;border-radius:30px;background:var(--purple-xl);border:1px solid var(--line)}
.oamc img{height:84px;width:auto;border-radius:16px;background:#fff;padding:7px;box-shadow:0 14px 30px -18px rgba(76,47,168,.6);transition:transform .4s var(--ease)}
.oamc a:hover img{transform:rotate(-4deg) scale(1.05)}
.oamc p{color:var(--muted);font-weight:500;line-height:1.6;max-width:360px;text-align:left}
.oamc p span{color:var(--orange);font-weight:800}
.btn-ghost-o{background:#fff;color:var(--purple);border:2px solid var(--purple-l);padding:11px 20px;font-size:.88rem}
.btn-ghost-o:hover{border-color:var(--purple)}

@media(max-width:900px){
  .few-grid{grid-template-columns:1fr}
  .vcard{grid-template-columns:1fr;padding:38px 28px;gap:26px;text-align:left}
  .vart{width:min(200px,60%);margin:0 auto}
}
@media(max-width:560px){.oamc{padding:24px 20px}.oamc p{text-align:center}}