/* ============================================================
   Allo Cantine — Identité CORPORATE (B2B)
   Surcouche de style.css : dominante bleu-nuit, formes nettes,
   animations sobres. Le corail est réservé aux boutons d'action.
   ============================================================ */

.corp{
  --navy:#16233A;
  --navy-2:#22334F;
  --navy-3:#33455F;
  --steel:#5A6B85;
  --line:#DDE3EC;
  --bg:#F5F7FA;
  --bg-2:#EDF1F6;
  --white:#FFFFFF;
  background:var(--bg);
  color:var(--navy);
}

/* ---------- Typographie plus sobre ---------- */
.corp h1,.corp h2,.corp h3,.corp h4{font-family:'Fredoka',sans-serif;font-weight:500;letter-spacing:-.01em}
.corp .sec-head h2{font-size:clamp(1.9rem,3.6vw,2.4rem);color:var(--navy)}
.corp .sec-head p{color:var(--steel)}
.corp .eyebrow{
  background:var(--white);border:1px solid var(--line);color:var(--navy-2);
  border-radius:6px;box-shadow:none;font-size:.78rem;letter-spacing:.08em;
  text-transform:uppercase;font-weight:800;padding:8px 14px}

/* ---------- En-tête ---------- */
.corp header{background:rgba(255,255,255,.92);border-bottom:1px solid var(--line)}
.corp .brand{color:var(--navy)}
.corp .brand img{border-radius:6px}
.corp .nav-links a{color:var(--navy-2)}
.corp .nav-links a:hover{color:var(--coral)}
.corp .btn-call{background:var(--navy);border-radius:8px}
.corp .btn-call:hover{background:var(--navy-2)}
@media(max-width:840px){.corp .nav-links{background:var(--white)}}

/* ---------- Hero ---------- */
.corp .hero{background:var(--navy);color:#fff;padding:76px 0 84px;position:relative;overflow:hidden}
.corp .hero::after{
  content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;
  background:
    radial-gradient(680px 320px at 88% 18%, rgba(92,184,92,.16), transparent 62%),
    radial-gradient(560px 300px at 6% 92%, rgba(240,85,78,.14), transparent 60%);
}
.corp .hero .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#CBD6E6}
.corp .hero h1{color:#fff;font-weight:600;letter-spacing:-.02em}
.corp .hero h1 .hl{color:#FF7A73}
.corp .hero .lead{color:#B9C5D8;max-width:46ch}
.corp .hero-photo{border:none;border-radius:14px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.corp .chips{gap:0;border:1px solid rgba(255,255,255,.16);border-radius:10px;overflow:hidden;
  display:grid;grid-template-columns:repeat(3,1fr);max-width:520px;background:rgba(255,255,255,.04)}
.corp .chip{background:transparent;box-shadow:none;border-radius:0;color:#DCE4F0;justify-content:center;
  padding:14px 8px;font-size:.85rem;border-right:1px solid rgba(255,255,255,.12)}
.corp .chip:last-child{border-right:none}
.corp .chip i{display:none}
@media(max-width:560px){.corp .chips{grid-template-columns:1fr}
  .corp .chip{border-right:none;border-bottom:1px solid rgba(255,255,255,.12)}}

/* ---------- Boutons ---------- */
.corp .btn{border-radius:8px;font-weight:500}
.corp .btn-coral{background:var(--coral);box-shadow:0 10px 24px -12px rgba(240,85,78,.8)}
.corp .btn-coral:hover{background:var(--coral-dark);transform:translateY(-1px)}
.corp .btn-wa{border-radius:8px;box-shadow:0 10px 24px -12px rgba(37,211,102,.7)}
.corp .btn-wa:hover{transform:translateY(-1px)}
.corp .btn-taste{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px}
.corp .btn-taste:hover{background:#fff;color:var(--navy);border-color:#fff;transform:translateY(-1px)}
.corp .btn-call2{border-radius:8px}

/* ---------- Bandeau chiffres / garanties ---------- */
.corp .guarantees{background:var(--white);border-bottom:1px solid var(--line);padding:44px 0}
.corp .gua .g-ic{background:var(--bg-2);border-radius:8px;font-size:22px;width:46px;height:46px;
  color:var(--navy-2);border:1px solid var(--line)}
.corp .gua h4{font-size:.98rem;color:var(--navy)}
.corp .gua p{color:var(--steel);font-size:.86rem}

/* ---------- Services ---------- */
.corp .card{
  background:var(--white);border:1px solid var(--line);border-radius:12px;
  box-shadow:0 12px 30px -24px rgba(22,35,58,.5);text-align:left;padding:32px 28px}
.corp .card:hover{transform:translateY(-4px);border-color:var(--navy-3);
  box-shadow:0 22px 44px -26px rgba(22,35,58,.5)}
.corp .card .ic{
  width:52px;height:52px;border-radius:10px;background:var(--navy);color:#fff;
  margin:0 0 18px;font-size:22px;border:none}
.corp .card:hover .ic{transform:none;background:var(--navy-2)}
.corp .card h3{font-size:1.2rem;color:var(--navy)}
.corp .card p{color:var(--steel);font-size:.93rem}
.corp .card .price{
  color:var(--navy);font-size:.82rem;font-weight:800;text-transform:uppercase;
  letter-spacing:.06em;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);
  font-family:'Nunito',sans-serif}

/* ---------- Process (étapes) ---------- */
.corp .process{background:var(--white)}
.corp .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:st}
.corp .step{position:relative;padding:26px 22px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.corp .step::before{
  counter-increment:st;content:counter(st,decimal-leading-zero);
  font-family:'Fredoka';font-size:1.6rem;font-weight:600;color:var(--coral);display:block;margin-bottom:10px}
.corp .step h4{font-size:1.02rem;margin-bottom:6px;color:var(--navy)}
.corp .step p{color:var(--steel);font-size:.88rem;line-height:1.6}
@media(max-width:900px){.corp .steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.corp .steps{grid-template-columns:1fr}}

/* ---------- Valeurs ---------- */
.corp .valeurs{background:var(--bg-2)}
.corp .valeurs-photo{border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 50px -30px rgba(22,35,58,.5)}
.corp .valeurs h2{color:var(--navy)}
.corp .valeurs p{color:var(--steel)}
.corp .vlist li{color:var(--navy-2);font-weight:600;font-size:.95rem;align-items:flex-start}
.corp .vlist .ck{background:var(--navy);border-radius:6px;font-size:12px;width:22px;height:22px;margin-top:2px}
.corp .sig .n{color:var(--navy)}
.corp .sig .r{color:var(--steel)}
.corp .script{color:var(--steel);font-family:'Nunito',sans-serif;font-weight:800;
  font-size:.78rem!important;text-transform:uppercase;letter-spacing:.12em}

/* ---------- Galerie ---------- */
.corp .gal figure{border-radius:12px;box-shadow:0 14px 32px -24px rgba(22,35,58,.6)}
.corp .gal figure:hover img{transform:scale(1.04)}

/* ---------- Bandeau CTA ---------- */
.corp .cta-band{
  background:var(--navy);border-radius:14px;padding:52px 40px;
  border:1px solid var(--navy-3);position:relative;overflow:hidden}
.corp .cta-band::after{
  content:"";position:absolute;inset:0;opacity:.55;pointer-events:none;
  background:radial-gradient(520px 240px at 82% 12%, rgba(240,85,78,.2), transparent 60%)}
.corp .cta-band h2{color:#fff;font-weight:600}
.corp .cta-band p{color:#B9C5D8}
.corp .cta-band .btn-wa{background:var(--coral);color:#fff}
.corp .cta-band .btn-wa:hover{background:var(--coral-dark)}
.corp .cta-band .btn-call2{border-radius:8px;border-color:rgba(255,255,255,.35)}

/* ---------- Pied de page ---------- */
.corp footer{background:var(--navy);margin-top:0}
.corp footer .foot-bottom{border-top-color:rgba(255,255,255,.12)}

/* ---------- Animations plus sobres ---------- */
.corp .reveal{transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.corp .apple-badge{animation:none;filter:none}
.corp .blob{display:none}