/* AkiraSocial: il globo che diventa gatto e i moduli della piattaforma */
.ak .pg-hero { min-height: min(94vh, 880px); }
.ak-cat canvas { filter: drop-shadow(0 0 28px rgba(47, 227, 122, .35)); }
.ak .pg-hero-copy { width: min(540px, 40%); }
.ak-group { display: flex; align-items: center; gap: 12px; margin: 46px 0 18px; font-size: 24px; font-weight: 700; letter-spacing: -.03em; color: var(--ds-ink); }
.ak-group > i { display: grid; place-items: center; width: 44px; height: 44px; font-size: 24px; color: #fff; background: linear-gradient(140deg, var(--ds-brand), #5fbf7a); border-radius: 14px; box-shadow: 0 10px 24px rgba(42, 132, 66, .28); }
.ak-areas .ld-area { transition: transform .3s cubic-bezier(.2, .8, .2, 1), border-color .3s, box-shadow .3s; }
.ak-areas .ld-area:hover { transform: translateY(-5px); border-color: rgba(42, 132, 66, .45); box-shadow: var(--ds-shadow-lift); }
.ak-link { color: var(--ds-ink); }
.ak-go { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font-size: 13px; font-weight: 700; color: var(--ds-brand-deep); transition: gap .2s; }
.ak-link:hover .ak-go { gap: 10px; }

.ak-future { display: grid; gap: 12px; max-width: 860px; margin: 0 auto 36px; padding: 0; list-style: none; counter-reset: f; }
.ak-future li { display: flex; align-items: center; gap: 18px; padding: 20px 24px; background: var(--ds-glass-strong); border: 1px solid var(--ds-line); border-radius: 22px; box-shadow: var(--ds-shadow); transition: transform .3s, border-color .3s; }
.ak-future li:hover { transform: translateX(6px); border-color: rgba(42, 132, 66, .45); }
.ak-future li > i { display: grid; place-items: center; flex: 0 0 auto; width: 54px; height: 54px; font-size: 28px; color: var(--ds-brand); background: var(--ds-brand-soft); border-radius: 16px; }
.ak-future h3 { margin: 0 0 2px; font-size: 18px; font-weight: 650; }
.ak-future p { margin: 0; font-size: 14.5px; color: var(--ds-ink-2); }
.ak-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; max-width: 980px; margin: 0 auto; }
.ak-stats > div { display: grid; gap: 4px; padding: 22px 16px; text-align: center; background: var(--ds-glass-strong); border: 1px solid var(--ds-line); border-radius: 22px; box-shadow: var(--ds-shadow); }
.ak-stats b { font-size: clamp(26px, 3vw, 36px); font-weight: 800; letter-spacing: -.04em; background: linear-gradient(110deg, var(--ds-brand), #22b8cf); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ak-stats span { font-size: 13px; line-height: 1.4; color: var(--ds-ink-2); }

@media (max-width: 991.98px) {
    .ak .pg-hero-copy { width: calc(100% - 40px); }
    .ak-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) { .ak-future li { flex-direction: column; align-items: flex-start; } }

/* La vera Akira: polaroid nella sezione "La visione" */
.ak-real { display: flex; justify-content: center; margin: 8px auto 40px; }
.ak-polaroid { width: min(300px, 78vw); margin: 0; padding: 14px 14px 18px; background: #fff; border-radius: 4px; box-shadow: 0 16px 40px rgba(11, 13, 18, .22); transform: rotate(-3deg); transition: transform .35s ease; }
.ak-polaroid:hover { transform: rotate(0) scale(1.03); }
.ak-polaroid img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.ak-polaroid figcaption { margin-top: 12px; font-size: 15px; line-height: 1.45; text-align: center; color: #1f2937; font-style: italic; }
@media (prefers-reduced-motion: reduce) { .ak-polaroid, .ak-polaroid:hover { transform: none; transition: none; } }