/* ============================================================
   IA POUR LA RESTAURATION GASTRONOMIQUE — page sectorielle · design v3
   "NEURAL · bleu pro". Réutilise au maximum les patterns de
   he-agence-ia-toulouse-v3.css (hero, sec-head, section-light/sombre,
   map-cta, about-cta, btn, go-next, mir-card, axis-card…).
   N'ajoute ici que ce qui est propre à la page :
     - fil d'Ariane + héros de page sombre + bloc « accueil ciblé »
     - cartes « quotidien » (P·O·H : métier / ce qui éloigne du piano)
     - grille « outils existants à garder »
     - cartes « ce que l'IA apporte » avec mini avant/après
     - colonnes « ce que l'IA prend / ce qui vous revient »
     - mirror honnêteté (du sens / ce qu'on ne promet pas)
     - guidage de fin (cran suivant → accompagnement, contact discret)
   Mêmes variables, mêmes codes visuels que la homepage.
   ============================================================ */

/* onglet de nav correspondant à la page courante */
.mega-here > .mega-trigger{color:var(--text)}
.mega-here > .mega-trigger::after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:2px;
  background:var(--accent);opacity:.75}
.mega-here{position:relative}

/* ============================================================
   FIL D'ARIANE — sobre
   ============================================================ */
.v3-crumb{position:relative;z-index:2;padding:96px 0 0}
.v3-crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  font-family:var(--font-mono);font-size:.76rem;color:var(--text-mute)}
.v3-crumb li{display:inline-flex;align-items:center;gap:8px}
.v3-crumb li:not(:last-child)::after{content:"/";color:var(--line-strong);margin-left:8px}
.v3-crumb a{color:var(--text-dim);transition:color .25s}
.v3-crumb a:hover{color:var(--accent)}
.v3-crumb li[aria-current]{color:var(--accent)}

/* ============================================================
   HÉRO de page (sombre) — accueil ciblé
   ============================================================ */
.page-hero-v3{position:relative;padding:48px 0 90px;overflow:hidden;
  background:radial-gradient(72% 60% at 50% -8%, rgba(37,99,235,.13),transparent 62%)}
.page-hero-v3 .ph-grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(120,150,200,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,150,200,.05) 1px,transparent 1px);
  background-size:58px 58px;
  -webkit-mask-image:radial-gradient(closest-side at 50% 0%,black,transparent 92%);
          mask-image:radial-gradient(closest-side at 50% 0%,black,transparent 92%)}
.page-hero-v3 .ph-in{position:relative;z-index:1;max-width:840px}
.page-hero-v3 .ph-badge{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:1.6rem;
  margin-bottom:22px;background:var(--grad-soft);border:1px solid var(--line-strong);color:var(--blue-300)}
.page-hero-v3 h1{font-size:clamp(2.3rem,5.4vw,4rem);margin:6px 0 0}
.page-hero-v3 .ph-sub{font-family:var(--font-display);font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:500;
  line-height:1.34;letter-spacing:-.01em;color:var(--text-dim);margin-top:18px}
.page-hero-v3 .ph-sub b{color:var(--text);font-weight:600}
.page-hero-v3 p.lede{font-size:clamp(1.05rem,1.7vw,1.22rem);color:var(--text-dim);max-width:700px;margin:22px 0 0}
.page-hero-v3 p.lede b{color:var(--text);font-weight:600}
.page-hero-v3 .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}

/* bloc accueil ciblé : « vous êtes venu pour X » */
.ph-welcome{position:relative;margin-top:34px;border-radius:var(--radius);overflow:hidden;
  padding:26px 28px;max-width:780px;
  background:linear-gradient(135deg,rgba(56,189,248,.10),rgba(37,99,235,.05));
  border:1px solid var(--line-strong)}
.ph-welcome::before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(56,189,248,.5),transparent)}
.phw-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.74rem;
  color:var(--accent);letter-spacing:.03em;margin-bottom:12px}
.phw-tag i{color:var(--blue-300)}
.ph-welcome p{color:var(--text-dim);font-size:1rem;margin:0}
.ph-welcome p b{color:var(--text);font-weight:600}

/* ============================================================
   LE QUOTIDIEN — sombre (P·O·H : métier / ce qui éloigne du piano)
   ============================================================ */
.daily{background:radial-gradient(60% 64% at 80% 0%, rgba(29,78,216,.08),transparent 60%)}
.daily-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.daily-card{position:relative;border-radius:var(--radius);padding:34px 32px;overflow:hidden;
  border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--ink-700))}
.daily-card.craft{border-color:rgba(37,99,235,.3);box-shadow:inset 0 0 50px -28px rgba(37,99,235,.5)}
.daily-card h3{display:flex;align-items:center;gap:12px;font-size:1.22rem;margin-bottom:22px}
.daily-card h3 .dch{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none;font-size:1.15rem}
.daily-card.craft h3 .dch{background:var(--grad-bright);color:#fff;box-shadow:0 0 20px -6px rgba(56,189,248,.6)}
.daily-card.away h3 .dch{background:rgba(120,150,200,.08);border:1px solid var(--line-strong);color:var(--accent)}
.daily-card ul{list-style:none;display:grid;gap:14px}
.daily-card li{display:flex;gap:12px;align-items:flex-start;font-size:.97rem;color:var(--text-dim)}
.daily-card li i{margin-top:4px;font-size:.85rem;flex:none}
.daily-card.craft li i{color:var(--accent)}
.daily-card.away li i{color:var(--blue-300)}
@media(max-width:820px){.daily-cols{grid-template-columns:1fr}}

/* ============================================================
   OUTILS EXISTANTS À GARDER — claire (4 cartes)
   ============================================================ */
.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.tool-card{position:relative;border-radius:var(--radius);padding:30px 26px;overflow:hidden;display:flex;flex-direction:column;
  background:var(--light-surface);border:1px solid var(--light-line);box-shadow:0 18px 40px -30px rgba(15,27,45,.4);
  transition:transform .5s var(--ease),border-color .5s,box-shadow .5s}
.tool-card::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--grad-bright);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.tool-card:hover{transform:translateY(-6px);border-color:var(--light-line-strong);box-shadow:0 36px 64px -34px rgba(15,27,45,.26)}
.tool-card:hover::before{transform:scaleX(1)}
.tool-card .tc-ico{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:1.3rem;margin-bottom:18px;
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(56,189,248,.08));border:1px solid var(--light-line-strong);color:var(--blue-600)}
.tool-card h3{font-size:1.12rem;margin-bottom:10px;color:var(--light-text)}
.tool-card p{font-size:.92rem;color:var(--light-dim);flex:1}
.tool-card .tc-keep{display:inline-flex;align-items:center;gap:7px;margin-top:16px;
  font-family:var(--font-mono);font-size:.72rem;color:var(--blue-600);align-self:flex-start}
.tool-card .tc-keep i{color:var(--blue)}
@media(max-width:980px){.tools-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.tools-grid{grid-template-columns:1fr}}

.tools-note{max-width:780px;margin:32px auto 0;text-align:center;font-family:var(--font-mono);font-size:.9rem;
  color:var(--light-mute);line-height:1.6}
.tools-note i{color:var(--blue)}
.tools-note b{color:var(--light-text);font-weight:600}

/* ============================================================
   CE QUE L'IA APPORTE EN PLUS — sombre (cartes + mini avant/après)
   ============================================================ */
.plus{background:radial-gradient(64% 60% at 22% 0%, rgba(37,99,235,.09),transparent 60%)}
.plus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.plus-card{position:relative;border-radius:var(--radius);padding:30px 28px;overflow:hidden;display:flex;flex-direction:column;
  background:linear-gradient(180deg,var(--surface),var(--ink-700));border:1px solid var(--line);
  transition:transform .45s var(--ease),border-color .45s,box-shadow .45s}
.plus-card::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--grad-bright);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.plus-card:hover{transform:translateY(-6px);border-color:var(--line-strong);box-shadow:0 36px 64px -34px rgba(0,0,0,.7)}
.plus-card:hover::before{transform:scaleX(1)}
.plus-card .pc-ico{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:1.3rem;margin-bottom:20px;
  background:var(--grad-soft);border:1px solid var(--line-strong);color:var(--blue-300)}
.plus-card h3{font-size:1.14rem;margin-bottom:10px;color:var(--text)}
.plus-card > p{color:var(--text-dim);font-size:.93rem}
.plus-card .ba-list{list-style:none;display:grid;gap:11px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.plus-card .ba-list li{display:flex;gap:11px;align-items:flex-start;font-size:.9rem;line-height:1.5}
.plus-card .ba-list li i{margin-top:4px;font-size:.85rem;flex:none}
.plus-card .ba-list .ba-before{color:var(--text-mute)}
.plus-card .ba-list .ba-before i{color:var(--text-mute)}
.plus-card .ba-list .ba-after{color:var(--text-dim)}
.plus-card .ba-list .ba-after i{color:var(--accent)}
.plus-card .ba-list b{color:var(--text);font-weight:600;font-family:var(--font-mono);font-size:.74rem}
@media(max-width:920px){.plus-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.plus-grid{grid-template-columns:1fr}}

/* ============================================================
   LA PLACE HUMAINE — claire (ce que l'IA prend / ce qui vous revient)
   ============================================================ */
.human-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.human-card{position:relative;border-radius:var(--radius);padding:34px 32px;overflow:hidden;
  background:var(--light-surface);border:1px solid var(--light-line);box-shadow:0 18px 40px -30px rgba(15,27,45,.4)}
.human-card h3{display:flex;align-items:center;gap:12px;font-size:1.2rem;margin-bottom:22px;color:var(--light-text)}
.human-card h3 .hch{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none;font-size:1.1rem;color:#fff}
.human-card.takes h3 .hch{background:var(--slate,#334155);background:linear-gradient(135deg,#334155,#1e293b)}
.human-card.yours h3 .hch{background:var(--grad-bright);box-shadow:0 0 20px -6px rgba(56,189,248,.6)}
.human-card ul{list-style:none;display:grid;gap:13px}
.human-card li{display:flex;gap:12px;align-items:flex-start;font-size:.96rem;color:var(--light-dim)}
.human-card li i{margin-top:4px;font-size:.9rem;flex:none}
.human-card.takes li i{color:var(--light-mute)}
.human-card.yours li i{color:var(--blue)}
.human-card.yours li b{color:var(--light-text);font-weight:600}
@media(max-width:820px){.human-cols{grid-template-columns:1fr}}
.human-foot{max-width:780px;margin:34px auto 0;text-align:center;color:var(--light-dim);font-size:1rem;line-height:1.7}
.human-foot b{color:var(--light-text);font-weight:600}

/* ============================================================
   NOTRE MÉTHODE — sombre (4 étapes)
   ============================================================ */
.method-sect{background:radial-gradient(60% 70% at 50% 0%,rgba(29,78,216,.08),transparent 60%)}
.ms-head{max-width:760px;margin-left:auto;margin-right:auto;text-align:center;margin-bottom:50px}
.ms-head .eyebrow{justify-content:center}
.ms-head p{margin-left:auto;margin-right:auto}
.ms-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ms-step{position:relative;padding:28px 26px;border-radius:var(--radius);
  background:linear-gradient(180deg,var(--surface),var(--ink-700));border:1px solid var(--line);
  transition:transform .45s var(--ease),border-color .45s,box-shadow .45s}
.ms-step:hover{transform:translateY(-6px);border-color:var(--line-strong);box-shadow:0 36px 64px -34px rgba(0,0,0,.7)}
.ms-step .ms-num{font-family:var(--font-mono);font-size:.78rem;color:var(--accent)}
.ms-step .ms-ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin:14px 0 16px;
  background:var(--grad-soft);border:1px solid var(--line-strong);color:var(--blue-300);font-size:1.25rem}
.ms-step :is(h3,h4),.ms-step h3{font-family:var(--font-display);font-size:1.12rem;font-weight:600;margin-bottom:8px}
.ms-step p{font-size:.9rem;color:var(--text-dim)}
@media(max-width:920px){.ms-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.ms-steps{grid-template-columns:1fr}}

/* ============================================================
   HONNÊTETÉ — noire (du sens / ce qu'on ne promet pas)
   ============================================================ */
.honesty-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.honesty-card{position:relative;border-radius:var(--radius);padding:34px 32px;overflow:hidden;
  background:linear-gradient(180deg,rgba(14,26,46,.55),rgba(6,9,18,.6));border:1px solid var(--line)}
.honesty-card.yes{border-color:rgba(37,99,235,.3);box-shadow:inset 0 0 50px -28px rgba(37,99,235,.5)}
.honesty-card h3{display:flex;align-items:center;gap:12px;font-size:1.22rem;margin-bottom:22px}
.honesty-card h3 .hoch{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none;font-size:1.1rem}
.honesty-card.yes h3 .hoch{background:var(--grad-bright);color:#fff;box-shadow:0 0 20px -6px rgba(56,189,248,.6)}
.honesty-card.no h3 .hoch{background:rgba(120,150,200,.06);border:1px solid var(--line-strong);color:var(--accent)}
.honesty-card ul{list-style:none;display:grid;gap:14px}
.honesty-card li{display:flex;gap:12px;align-items:flex-start;font-size:.96rem;color:var(--text-dim)}
.honesty-card li i{margin-top:4px;font-size:.85rem;flex:none}
.honesty-card.yes li i{color:var(--accent)}
.honesty-card.no li i{color:var(--text-mute)}
@media(max-width:820px){.honesty-cols{grid-template-columns:1fr}}

/* ============================================================
   GUIDAGE DE FIN — sombre (cran suivant, contact discret)
   ============================================================ */
.next-step{text-align:center}
.ns-shell{position:relative;max-width:880px;margin:0 auto;border-radius:28px;overflow:hidden;
  padding:clamp(40px,6vw,72px) clamp(26px,5vw,56px);
  background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(29,78,216,.05));border:1px solid var(--line-strong)}
.ns-shell::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(50% 70% at 50% 0%,rgba(56,189,248,.14),transparent 60%)}
.ns-shell .eyebrow{justify-content:center}
.ns-shell h2{position:relative;font-size:clamp(2rem,4.2vw,2.9rem);margin:16px 0 0}
.ns-lead{position:relative;max-width:660px;margin:22px auto 0;color:var(--text-dim);font-size:1.08rem}
.ns-lead b{color:var(--text);font-weight:600}
.ns-actions{position:relative;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:36px}
.ns-second{position:relative;list-style:none;display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:center;margin-top:30px}
.ns-second li{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-dim)}
.ns-second li i{color:var(--accent)}
.ns-second a{border-bottom:1px solid transparent;transition:color .25s,border-color .25s}
.ns-second a:hover{color:var(--text);border-color:rgba(56,189,248,.5)}
@media(max-width:620px){.ns-actions .btn{width:100%;justify-content:center}}

/* ============================================================
   ACCENT MÉTIER — or chaud / cuivre gastronomique (pilote Hanz)
   évoque le laiton, la bougie, la feuille d'or, le beurre/la sauce.
   Ressort sur fond sombre, reste premium et sobre.
   ============================================================ */
:root{
  --accent:#D9A441;            /* or cuivré gastronomique */
  --rg-gold:#E6B84C;
  --rg-gold-soft:#F0CF82;
  --rg-amber:#B8791F;
}
.hero-eyebrow,.page-hero-v3 .eyebrow{color:var(--rg-gold)}
.hero-sector .grad-text,.page-hero-v3 .grad-text,.grad-text{
  background:linear-gradient(120deg,var(--rg-gold-soft),var(--rg-gold) 55%,var(--rg-amber));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.btn-primary,.hero-sector .btn-primary{
  background:linear-gradient(120deg,var(--rg-gold),var(--rg-amber));
  box-shadow:0 10px 34px -10px rgba(217,164,65,.55)}
.page-hero-v3{background:radial-gradient(72% 60% at 50% -8%, rgba(217,164,65,.13),transparent 62%)}
.page-hero-v3 .ph-badge{background:linear-gradient(135deg,rgba(217,164,65,.16),rgba(184,121,31,.08));
  border-color:rgba(217,164,65,.32);color:var(--rg-gold)}
.eyebrow::before{color:var(--rg-gold)!important}

/* ============================================================
   HÉRO — passage en 2 colonnes pour loger le schéma de flux
   ============================================================ */
.ph-in-art{max-width:1140px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:48px;align-items:center}
.ph-in-art .ph-copy{max-width:680px}
.ph-art{position:relative;align-self:center}
@media(max-width:980px){
  .ph-in-art{grid-template-columns:1fr;gap:24px}
  .ph-art{max-width:380px;margin:8px auto 0}
}

/* ============================================================
   SCHÉMA DE FLUX — table gastronomique (vos signaux → IA → vous)
   couleurs natives or/cuivre, pas de hue-rotate
   ============================================================ */
.flux-restaurant-gastronomique{width:100%;height:auto}
.flux-restaurant-gastronomique text{text-anchor:middle;font-family:Inter,system-ui,sans-serif}
.flux-restaurant-gastronomique .flux-line{stroke:rgba(230,184,76,.28);stroke-width:1.4}
.flux-restaurant-gastronomique .flux-line.out{stroke:rgba(184,121,31,.46);stroke-width:1.7}
.flux-restaurant-gastronomique .p{fill:var(--rg-gold-soft);filter:drop-shadow(0 0 3px rgba(240,207,130,.8))}
.flux-restaurant-gastronomique .p.out{fill:var(--rg-gold)}
.flux-restaurant-gastronomique .fnode circle{fill:rgba(230,184,76,.12);stroke:rgba(230,184,76,.6);stroke-width:1.4}
.flux-restaurant-gastronomique .fnode text{fill:#f4dda8;font-size:13px;font-weight:600;line-height:1.4}
.flux-restaurant-gastronomique .ia-core{fill:var(--rg-gold);animation:rgIaPulse 2.8s ease-in-out infinite;
  transform-box:fill-box;transform-origin:center}
.flux-restaurant-gastronomique .ia-label{fill:#231703;font-size:17px;font-weight:800}
.flux-restaurant-gastronomique .ia-sub{fill:var(--rg-gold-soft);font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.flux-restaurant-gastronomique .vous{fill:rgba(184,121,31,.18);stroke:var(--rg-amber);stroke-width:1.7}
.flux-restaurant-gastronomique .vous-label{fill:#fff;font-size:13px;font-weight:700}
.flux-restaurant-gastronomique .vous-sub{fill:var(--rg-gold-soft);font-size:11px}
@keyframes rgIaPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

/* ticker événements marketing */
.flux-restaurant-gastronomique .ev{fill:var(--rg-gold-soft);font-size:13px;font-weight:700;opacity:0;letter-spacing:.01em}
.flux-restaurant-gastronomique .ev-cap{fill:#a9711a;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}

/* ============================================================
   MINI-SCHÉMA MID-PAGE (#ia-en-plus) — signaux → IA prépare → vous tranchez
   sobre, lisible, illustre le texte de la section
   ============================================================ */
.rg-mini{max-width:720px;margin:6px auto 44px;text-align:center}
.rg-mini-svg{width:100%;height:auto;max-width:680px}
.rg-mini-svg text{text-anchor:middle;font-family:var(--font-mono);fill:var(--text-dim)}
.rg-mini .rgm-line{stroke:rgba(230,184,76,.26);stroke-width:1.3}
.rg-mini .rgm-line.out{stroke:rgba(184,121,31,.46);stroke-width:1.6}
.rg-mini .rgm-p{fill:var(--rg-gold-soft);filter:drop-shadow(0 0 3px rgba(240,207,130,.85))}
.rg-mini .rgm-p.out{fill:var(--rg-gold)}
.rg-mini .rgm-node rect{fill:rgba(230,184,76,.08);stroke:rgba(230,184,76,.42);stroke-width:1.2}
.rg-mini .rgm-node text{font-size:13px;font-weight:600;fill:#f0ddb2;line-height:1.4}
.rg-mini .rgm-core{fill:var(--rg-gold);animation:rgMiniPulse 2.8s ease-in-out infinite;
  transform-box:fill-box;transform-origin:center}
.rg-mini .rgm-core-label{font-size:14px;font-weight:800;fill:#231703;font-family:Inter,system-ui,sans-serif}
.rg-mini .rgm-core-sub{font-size:11px;letter-spacing:.05em;text-transform:uppercase;fill:var(--rg-gold-soft)}
.rg-mini .rgm-you rect{fill:rgba(184,121,31,.16);stroke:var(--rg-amber);stroke-width:1.5}
.rg-mini .rgm-you-label{font-size:13px;font-weight:700;fill:#fff;font-family:Inter,system-ui,sans-serif}
.rg-mini .rgm-you-sub{font-size:11px;letter-spacing:.04em;text-transform:uppercase;fill:var(--rg-gold-soft)}
@keyframes rgMiniPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.rg-mini-cap{margin:6px auto 0;max-width:560px;font-family:var(--font-mono);font-size:.82rem;color:var(--text-mute);line-height:1.6}
.rg-mini-cap i{color:var(--accent)}
@media(max-width:560px){.rg-mini-cap{font-size:.76rem}}

/* prefers-reduced-motion : on coupe les cœurs IA (les particules restent discrètes) */
@media (prefers-reduced-motion:reduce){
  .flux-restaurant-gastronomique .ia-core{animation:none}
  .rg-mini .rgm-core{animation:none}
}