/* ═══════════════════════════════════════════════════════════════
   INVESTOR RELATIONS — VERSIONE B (pagina-servizio, racconto del valore)
   Caricato solo su template-investor-relations-b.php. Scope .page-investor.
   Riusa hb-inner / hb-eyebrow / hb-btn da pages-b.css.
   ═══════════════════════════════════════════════════════════════ */

.page-investor{ --ir-line:rgba(0,0,0,.14); }

/* ─── HERO: usa il markup/stile condiviso hbp-hero (vedi pages-b.css),
       qui solo lo spacing dei bottoni nell'hero ─── */
.page-investor .hbp-hero__sub{max-width:600px}
.page-investor .ir-hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}

/* ─── MANIFESTO leggero (come hb-intro del sito) ─── */
.page-investor .ir-intro{background:#fff;padding:clamp(96px,12vw,170px) 0}
.page-investor .ir-manifesto{margin:0;max-width:76%;font-size:clamp(28px,3.2vw,52px);font-weight:300;line-height:1.28;letter-spacing:-.015em;color:var(--hb-text)}
.page-investor .ir-mark{font-style:normal;font-weight:400;background:linear-gradient(rgba(247,92,6,.35),rgba(247,92,6,.35)) no-repeat 0 90%;background-size:100% .18em}

/* ─── IL NOSTRO VANTAGGIO: testo + immagine su sfondo nero ─── */
.page-investor .ir-adv{background:var(--hb-ink);color:#fff;padding:0}
.page-investor .ir-adv__grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.page-investor .ir-adv__text{padding:clamp(60px,8vw,120px) clamp(28px,6vw,90px)}
.page-investor .ir-adv__title{font-size:clamp(28px,4vw,52px);font-weight:700;line-height:1.06;letter-spacing:-.02em;margin:0 0 18px}
.page-investor .ir-adv__lead{color:rgba(255,255,255,.72);max-width:46ch;font-size:clamp(16px,1.3vw,19px);line-height:1.6;margin:0 0 34px}
.page-investor .ir-adv__points{display:flex;flex-direction:column;gap:22px}
.page-investor .ir-pt{border-top:1px solid rgba(255,255,255,.2);padding-top:18px}
.page-investor .ir-pt h3{margin:0 0 7px;font-size:18px;font-weight:700}
.page-investor .ir-pt p{margin:0;font-size:15px;line-height:1.55;color:rgba(255,255,255,.66)}
.page-investor .ir-adv__media{position:relative;min-height:460px}
.page-investor .ir-adv__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ─── COSA OTTIENI: righe stile hb-services (hover riga nera + freccia) ─── */
.page-investor .ir-svcs{background:var(--color-bg-light,#F1F1F1);padding:clamp(80px,11vw,150px) 0}
.page-investor .ir-svcs__title{font-size:clamp(28px,4vw,52px);font-weight:700;line-height:1.06;letter-spacing:-.02em;margin:0 0 8px;color:var(--hb-text)}
.page-investor .ir-svcs__list{margin-top:40px;border-top:1px solid var(--ir-line)}
.page-investor .ir-svc{position:relative;
    margin-inline:-24px;padding:clamp(32px,4.5vw,60px) 24px;border-bottom:1px solid var(--ir-line);border-radius:14px;
    transition:background .35s var(--hb-ease)}
.page-investor .ir-svc:hover{background:var(--hb-ink)}
.page-investor .ir-svc__title{margin:0 0 14px;font-size:clamp(26px,3.4vw,52px);font-weight:700;line-height:1.05;letter-spacing:-.02em;color:var(--hb-text);transition:color .35s ease,transform .45s var(--hb-ease)}
.page-investor .ir-svc__desc{margin:0;max-width:58ch;font-size:clamp(16px,1.25vw,19px);line-height:1.6;color:var(--hb-muted);transition:color .35s ease}
.page-investor .ir-svc:hover .ir-svc__title{color:#fff;transform:translateX(10px)}
.page-investor .ir-svc:hover .ir-svc__desc{color:rgba(255,255,255,.65)}

/* ─── CTA arancione essenziale ─── */
.page-investor .ir-cta{position:relative;overflow:hidden;color:#fff;text-align:center;
    padding:clamp(90px,12vw,150px) 0;
    background:linear-gradient(135deg,var(--hb-orange) 0%,var(--hb-orange-2) 100%)}
.page-investor .ir-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(560px 380px at 18% 0%,rgba(255,255,255,.14),transparent 70%)}
.page-investor .ir-cta__content{position:relative}
.page-investor .ir-cta__title{margin:0 auto 14px;max-width:18ch;font-size:clamp(30px,4.5vw,64px);font-weight:700;line-height:1.05;letter-spacing:-.02em}
.page-investor .ir-cta__text{margin:0 auto 38px;max-width:40ch;font-size:clamp(17px,1.4vw,20px);color:rgba(255,255,255,.9)}

@media(max-width:860px){
    .page-investor .ir-adv__grid{grid-template-columns:1fr}
    .page-investor .ir-adv__media{min-height:300px;order:-1}
    .page-investor .ir-manifesto{max-width:100%}
}
@media(max-width:600px){
    .page-investor .ir-svc{margin-inline:-16px;padding-inline:16px}
    .page-investor .ir-svc:hover .ir-svc__title{transform:none}
}