/**
 * Section « Par où commencer » de la page d'accueil.
 *
 * Ce CSS vivait dans une balise <style> collee au milieu du contenu de la page. Il en sort :
 * une feuille chargee par le plugin est versionnee, mise en cache, lisible et modifiable
 * sans passer par l'editeur WordPress.
 *
 * Aucune valeur en dur : tout vient des jetons du site. Fond plat, une seule famille de
 * bordure, un seul rayon, aucune ombre.
 */

.fcv-ai-gateway{
    position:relative;
    margin:0;
    padding:clamp(1.4rem,3vw,2.4rem);
    border:1px solid var(--f-line);
    border-radius:var(--radius-surface);
    background:var(--f-surface);
    color:var(--f-ink);
}
.fcv-ai-gateway__head{max-width:860px}
.fcv-ai-gateway h2{margin:.15rem 0 .7rem;color:var(--f-ink)}
.fcv-ai-gateway__lead{max-width:820px;margin:0;color:var(--f-body);font-size:var(--fs-lg);line-height:1.6}

.fcv-ai-gateway__form{margin-top:1.35rem}
.fcv-ai-gateway__label{display:block;margin-bottom:.45rem;font-weight:600;color:var(--f-ink)}
.fcv-ai-gateway textarea{
    width:100%;min-height:112px;resize:vertical;
    padding:1rem 1.1rem;
    border:1px solid var(--f-line-str);
    border-radius:var(--radius-surface);
    background:var(--f-raise);
    color:var(--f-ink);
    font:inherit;line-height:1.55;outline:none;box-sizing:border-box;
}
.fcv-ai-gateway textarea:focus{border-color:var(--f-petrol);box-shadow:var(--ring-focus)}
.fcv-ai-gateway textarea::placeholder{color:var(--f-muted)}

.fcv-ai-gateway__chips{display:flex;flex-wrap:wrap;gap:.55rem;margin:.8rem 0 1rem}
.fcv-ai-gateway__chips button{
    padding:.52rem .8rem;
    border:1px solid var(--f-line-str);
    border-radius:var(--radius-surface);
    background:var(--f-raise);
    color:var(--f-body);
    cursor:pointer;font:inherit;font-size:var(--fs-sm);
}
.fcv-ai-gateway__chips button:hover,
.fcv-ai-gateway__chips button:focus-visible{border-color:var(--f-petrol);color:var(--f-ink)}
.fcv-ai-gateway__chips button:focus-visible{outline:none;box-shadow:var(--ring-focus)}

.fcv-ai-gateway__actions{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}
.fcv-ai-gateway__actions .f-btn{border:0;cursor:pointer}
.fcv-ai-gateway__actions span{font-size:var(--fs-sm);color:var(--f-body)}
.fcv-ai-gateway__note{margin:.85rem 0 0;color:var(--f-muted);font-size:var(--fs-xs);line-height:1.5}

/**
 * Acces direct aux prestations.
 *
 * Remplace les neuf cartes qui occupaient 364 px sous cette section. Les huit destinations
 * sont conservees, aucune n'est perdue : elles tiennent desormais sur une ligne, comme un
 * sommaire, et laissent la section faire ce pour quoi elle existe.
 */
.fcv-ai-gateway__acces{
    display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .9rem;
    margin-top:1.3rem;padding-top:1rem;
    border-top:1px solid var(--f-line);
    font-size:var(--fs-sm);
}
.fcv-ai-gateway__acces > span{color:var(--f-muted)}
.fcv-ai-gateway__acces a{
    color:var(--f-body);
    text-decoration:none;
    border-bottom:1px solid transparent;
    padding-bottom:1px;
}
.fcv-ai-gateway__acces a:hover,
.fcv-ai-gateway__acces a:focus-visible{color:var(--f-ink);border-bottom-color:var(--f-petrol)}
.fcv-ai-gateway__acces a:focus-visible{outline:none;box-shadow:var(--ring-focus);border-radius:2px}

@media(max-width:640px){
    .fcv-ai-gateway__chips{gap:.45rem}
    .fcv-ai-gateway__actions .f-btn{width:100%;justify-content:center}
    .fcv-ai-gateway textarea{min-height:128px}
}