/* assets/marketing/pagine/chi-siamo.css — stili della sola pagina chi-siamo.html
   TF-MKT-REFACTOR-2026-10-06 (passo meccanico): i blocchi <style> della pagina, byte per
   byte e nello stesso ordine. I blocchi stavano nel <body>: il <link> e' in fondo al <head>,
   dopo ../nav.css, che era il primo foglio del <body>: l'ordine fra fogli non cambia. */

/* ═══ [1] blocco per <section class="csb-hero" aria-labelledby="csb-h1"> (id="csb-css"; la sezione «6 · Mini-wall recensioni» e' ../../trustpilot.css) ═══ */
/* ── CS-B · impianto tipografico ─────────────────────────────── */
.csb-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#b45309}
.csb-kicker::before{content:"";display:block;width:26px;height:1.5px;background:#f59e0b;border-radius:1px}
.csb-kicker--center{justify-content:center}
.csb-kicker--center::after{content:"";display:block;width:26px;height:1.5px;background:#f59e0b;border-radius:1px}
.csb-kicker--light{color:#fbbf24}
.csb-kicker--light::before,.csb-kicker--light::after{background:rgba(251,191,36,.75)}
.csb-h2{margin:0 0 14px;font-size:clamp(26px,2.6vw,36px);line-height:1.15;letter-spacing:-.02em;font-weight:700;color:#0f172a}
.csb-serif{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:400}
/* ── 1 · Hero editoriale su bianco ───────────────────────────── */
.csb-hero{background:#fff;border-bottom:1px solid rgba(15,23,42,.06);padding:164px 0 96px}
.csb-hero-inner{max-width:880px;margin:0 auto;text-align:center}
.csb-h1{margin:0 0 24px;font-size:clamp(38px,4.6vw,58px);line-height:1.08;letter-spacing:-.025em;font-weight:700;color:#0f172a}
.csb-h1-accent{background:linear-gradient(120deg,#f59e0b 0%,#fb923c 45%,#ef4444 95%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;background-position:0% 50%;animation:tfHeroGradient 8s ease-in-out infinite}
@keyframes tfHeroGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.csb-lead{margin:0 auto;max-width:62ch;font-size:17.5px;line-height:1.65;color:rgba(15,23,42,.62)}
/* ── Scheda registro imprese (stile documento premium) ───────── */
.csb-reg{max-width:760px;margin:56px auto 0;text-align:left;background:#fff;border:1px solid rgba(15,23,42,.10);border-radius:20px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 18px 44px -22px rgba(15,23,42,.16);overflow:hidden}
.csb-reg-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 28px;border-bottom:1px solid rgba(15,23,42,.07);background:#fbfcfe}
.csb-reg-eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(15,23,42,.45)}
.csb-reg-flag{display:inline-flex;height:10px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(15,23,42,.08)}
.csb-reg-flag i{display:block;width:7px;height:100%}
.csb-reg-flag i:nth-child(1){background:#009246}
.csb-reg-flag i:nth-child(2){background:#fff}
.csb-reg-flag i:nth-child(3){background:#ce2b37}
.csb-reg-name{margin:0;padding:22px 28px 4px;font-size:19px;font-weight:700;letter-spacing:.012em;color:#0f172a}
.csb-reg-sub{margin:0;padding:0 28px 20px;font-size:13px;color:rgba(15,23,42,.5)}
.csb-reg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid rgba(15,23,42,.07)}
.csb-reg-grid>div{min-width:0;padding:16px 20px 18px;border-left:1px solid rgba(15,23,42,.07)}
.csb-reg-grid>div:first-child{border-left:0}
.csb-reg-grid dt{margin:0 0 4px;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(15,23,42,.42)}
.csb-reg-grid dd{margin:0;font-size:14.5px;font-weight:600;color:#0f172a;font-variant-numeric:tabular-nums}
/* ── 2 · Missione + valori ───────────────────────────────────── */
.csb-sec-head{max-width:660px;margin:0 auto 48px;text-align:center}
.csb-sec-head .csb-sub{margin:0 auto;max-width:58ch;font-size:16px;line-height:1.65;color:rgba(15,23,42,.6)}
.csb-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:880px;margin:0 auto}
/* ── 3 · Tecnologia (pannello scuro elegante) ────────────────── */
.csb-tech-card{position:relative;overflow:hidden;border-radius:36px;background:#0f172a;padding:64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:56px;align-items:center;box-shadow:0 30px 60px -30px rgba(15,23,42,.45)}
.csb-tech-card::before{content:"";position:absolute;top:-260px;right:-180px;width:620px;height:620px;background:radial-gradient(closest-side,rgba(245,158,11,.15),transparent 72%);pointer-events:none}
.csb-tech-h2{margin:0 0 16px;max-width:20ch;font-size:clamp(26px,2.6vw,36px);line-height:1.15;letter-spacing:-.02em;font-weight:700;color:#fff}
.csb-tech-p{margin:0 0 26px;max-width:56ch;font-size:15.5px;line-height:1.7;color:rgba(255,255,255,.66)}
.csb-tech-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}
.csb-tech-list li{display:flex;align-items:flex-start;gap:11px;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.82)}
.csb-tech-list svg{flex:none;width:17px;height:17px;margin-top:2px;color:#fbbf24}
.csb-tech-badge{position:relative;text-align:center;padding:38px 28px 34px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(255,255,255,.04)}
.csb-tech-badge img{display:block;width:76px;height:76px;margin:0 auto 18px;object-fit:contain;filter:brightness(0) invert(1);opacity:.92}
.csb-tech-badge-t{margin:0 0 4px;font-size:15px;font-weight:600;color:#fff}
.csb-tech-badge-s{margin:0;font-size:12px;line-height:1.55;color:rgba(255,255,255,.55)}
.csb-tech-badge-hr{width:44px;height:1px;margin:18px auto;background:rgba(255,255,255,.16)}
.csb-tech-badge-tls{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:rgba(255,255,255,.72)}
.csb-tech-badge-tls svg{flex:none;width:14px;height:14px}
/* ── 4 · Storia editoriale a due colonne ─────────────────────── */
.csb-story{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;max-width:1080px;margin:0 auto}
.csb-story-quote{margin:18px 0 0;font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:20px;line-height:1.45;color:#b45309}
.csb-story-prose p{margin:0 0 18px;font-size:15.5px;line-height:1.75;color:rgba(15,23,42,.68)}
.csb-story-prose p:last-child{margin-bottom:0}
/* ── 5 · Fondatori ───────────────────────────────────────────── */
.csb-founders{display:grid;grid-template-columns:repeat(2,minmax(0,300px));gap:20px;justify-content:center}
.csb-founder{background:#fff;border:1px solid var(--color-stroke-1,#e2e8f0);border-radius:20px;padding:34px 24px 30px;text-align:center;box-shadow:0 1px 3px rgba(15,23,42,.05)}
.csb-founder img{display:block;width:96px;height:96px;margin:0 auto 18px;border-radius:9999px;object-fit:cover;box-shadow:0 0 0 4px #fff,0 0 0 5px rgba(245,158,11,.4)}
.csb-founder-name{margin:0 0 2px;font-size:16px;font-weight:600;color:#0f172a}
.csb-founder-role{margin:0;font-size:13px;color:rgba(15,23,42,.5)}
/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width:1024px){
.csb-hero{padding:150px 0 72px}
.csb-tech-card{grid-template-columns:minmax(0,1fr);gap:40px;padding:52px 40px}
.csb-tech-badge{max-width:380px;margin:0 auto;width:100%}
.csb-story{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media (max-width:760px){
.csb-values{grid-template-columns:minmax(0,1fr)}
.csb-reg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.csb-reg-grid>div{border-left:0;border-top:1px solid rgba(15,23,42,.07)}
.csb-reg-grid>div:nth-child(even){border-left:1px solid rgba(15,23,42,.07)}
.csb-reg-grid>div:nth-child(-n+2){border-top:0}
}
@media (max-width:640px){
.csb-hero{padding:140px 0 60px}
.csb-reg-head,.csb-reg-name{padding-left:22px;padding-right:22px}
.csb-reg-sub{padding-left:22px;padding-right:22px}
.csb-reg-grid>div{padding:14px 22px 16px}
.csb-tech-card{border-radius:28px;padding:40px 24px}
.csb-founders{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
.csb-h1-accent{animation:none}
.tp-card{transition:none}
.tp-card:hover{transform:none}
}