/* ==========================================================================
   /contatti/ — sopra bmup-home.css e bmup-blog.css, stessi token.
   Non ridefinisce nulla: aggiunge solo le classi .ct-*.
   ========================================================================== */

.ct-hero{padding:clamp(56px,8vw,104px) 0 clamp(28px,4vw,44px)}
.ct-hero h1{font-family:var(--f-disp);font-weight:800;letter-spacing:-.02em;
  font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.06;margin-top:14px;
  color:var(--ink)}
.ct-hero .lead{margin-top:18px;max-width:60ch}

/* --- Le tre vie -----------------------------------------------------------
   Tre card pari fra loro: l'ordine e' quello dell'impegno richiesto al
   lettore, non quello che conviene a noi. */
.ct-vie{padding-top:clamp(18px,3vw,34px);padding-bottom:clamp(34px,5vw,64px)}
.ct-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,2vw,24px)}
@media (max-width:900px){.ct-grid{grid-template-columns:1fr}}

.ct-card{position:relative;display:flex;flex-direction:column;
  padding:clamp(22px,2.4vw,30px);border-radius:var(--r-l);
  background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-1)}
.ct-card h2{font-size:clamp(1.15rem,1.7vw,1.4rem);margin-top:12px;
  color:var(--ink)}
.ct-card p{margin-top:12px;color:var(--muted);font-size:.95rem;line-height:1.62;
  flex:1}
.ct-card .btn,.ct-card .ct-mail{margin-top:22px;align-self:flex-start}

.ct-num{display:inline-block;font-size:.7rem;letter-spacing:.08em;
  color:var(--azure);background:rgba(0,170,255,.09);
  border:1px solid rgba(0,170,255,.22);border-radius:999px;padding:4px 10px}

/* L'indirizzo e' il pulsante: farne un bottone finto lo renderebbe meno
   copiabile, e la prima cosa che uno fa con una email e' copiarla. */
.ct-mail{font-family:var(--f-mono);font-size:.95rem;font-weight:500;
  color:var(--navy);text-decoration:none;
  border-bottom:2px solid rgba(0,170,255,.4);padding-bottom:2px;
  transition:border-color .18s ease,color .18s ease}
.ct-mail:hover{color:var(--azure-d);border-bottom-color:var(--azure)}

/* --- Due scorciatoie prima della chiusura ---------------------------------
   I dati aziendali qui non ci stanno: farebbero leggere BMup come un progetto
   collaterale di qualcun altro invece che come un prodotto. Stanno gia' nel
   footer, che e' anche il posto in cui la legge se li aspetta. */
.ct-info{background:var(--paper);padding-top:clamp(38px,5vw,66px)}
.ct-info-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(16px,2vw,24px);align-items:stretch}
@media (max-width:760px){.ct-info-in{grid-template-columns:1fr}}

.ct-box{padding:clamp(22px,2.4vw,28px);border-radius:var(--r-l);
  background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-1)}
.ct-box h3{font-size:1.02rem;color:var(--ink)}
.ct-box p{margin-top:10px;color:var(--muted);font-size:.9rem;line-height:1.6}
.ct-box-row{margin-top:18px}
.ct-box hr{border:0;border-top:1px solid var(--line);margin:26px 0 22px}