/* ============================================================
   IA POUR LE STUDIO FITNESS — 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, btn, go-next…).
   N'ajoute ici que ce qui est propre à la page :
     - fil d'Ariane + héros de page sombre + bloc « accueil ciblé »
     - cartes « quotidien » (ce qui fait le métier / ce qui prend le temps)
     - 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 (ce qui fait le métier / ce qui prend le temps)
   ============================================================ */
.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 SECTORIEL — studio fitness : émeraude énergie/bien-être
   (pilote Hanz) — ressort net sur fond sombre, distinct du bleu site
   ============================================================ */
:root{ --accent:#10B981; }

.sf-hero .hero-eyebrow,
.sf-hero .eyebrow{ color:#34D399; }
.sf-hero .grad-text{ background:linear-gradient(120deg,#34D399,#059669); -webkit-background-clip:text; background-clip:text; color:transparent; }
.sf-hero .btn-primary{ background:linear-gradient(120deg,#10B981,#059669); box-shadow:0 10px 34px -10px rgba(16,185,129,.55); }
.sf-hero .ph-badge{ background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(5,150,105,.08)); border-color:rgba(16,185,129,.35); color:#6EE7B7; }
.sf-hero .phw-tag,.sf-hero .phw-tag i{ color:#34D399; }
.sf-hero .page-hero-v3{}
.page-hero-v3.sf-hero{ background:radial-gradient(72% 60% at 50% -8%, rgba(16,185,129,.13),transparent 62%) }

/* accent émeraude sur les autres sections (grad-text, filets, puces) */
.grad-text{ background:linear-gradient(120deg,#34D399,#059669); -webkit-background-clip:text; background-clip:text; color:transparent; }
.daily-card.craft h3 .dch,.human-card.yours h3 .hch,.honesty-card.yes h3 .hoch{ background:linear-gradient(135deg,#34D399,#059669); box-shadow:0 0 20px -6px rgba(16,185,129,.6); }
.tool-card::before,.plus-card::before{ background:linear-gradient(90deg,#34D399,#059669); }

/* ============================================================
   HÉRO studio fitness en 2 colonnes (copie + schéma de flux)
   — calqué sur le héros sectoriel fleuriste/salon, adapté au
     gabarit page-hero-v3 (qui est mono-colonne par défaut)
   ============================================================ */
.sf-hero-in{ max-width:1080px; display:grid; grid-template-columns:1.12fr .88fr; gap:48px; align-items:center; }
.sf-hero-copy{ min-width:0; }
.sf-hero-copy .ph-welcome,.sf-hero-copy .hero-actions{ max-width:none; }
.sf-hero-art{ position:relative; z-index:1; opacity:0; animation:sfFade 1.1s var(--ease,cubic-bezier(.4,0,.2,1)) .5s forwards; }
.sf-hero-art svg{ width:100%; height:auto; overflow:visible; filter:drop-shadow(0 30px 60px rgba(16,185,129,.22)); }
@keyframes sfFade{ from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:none} }
@media(max-width:960px){ .sf-hero-in{ grid-template-columns:1fr; gap:30px } .sf-hero-art{ max-width:380px; margin:0 auto } }
@media(prefers-reduced-motion:reduce){ .sf-hero-art{ animation:none; opacity:1 } }

/* ============================================================
   SCHÉMA DE FLUX — héros studio fitness (pilote Hanz)
   4 signaux métier -> cœur IA -> du temps pour la pédagogie
   ============================================================ */
.flux-studio-fitness{ width:100%; height:auto; }
.flux-studio-fitness text{ text-anchor:middle; font-family:Inter,system-ui,sans-serif; }
.flux-studio-fitness .flux-line{ stroke:rgba(52,211,153,.28); stroke-width:1.4; }
.flux-studio-fitness .flux-line.out{ stroke:rgba(5,150,105,.42); stroke-width:1.7; }
.flux-studio-fitness .p{ fill:#6EE7B7; filter:drop-shadow(0 0 3px rgba(110,231,183,.8)); }
.flux-studio-fitness .p.out{ fill:#34D399; }
.flux-studio-fitness .fnode circle{ fill:rgba(52,211,153,.12); stroke:rgba(52,211,153,.6); stroke-width:1.4; }
.flux-studio-fitness .fnode text{ fill:#a7f3d0; font-size:13px; font-weight:600; }
.flux-studio-fitness .ia-core{ fill:#10B981; animation:sfIaPulse 2.8s ease-in-out infinite; transform-box:fill-box; transform-origin:center; }
.flux-studio-fitness .ia-label{ fill:#fff; font-size:17px; font-weight:800; }
.flux-studio-fitness .ia-sub{ fill:#6ee7b7; font-size:11px; letter-spacing:.04em; text-transform:uppercase; }
.flux-studio-fitness .vous{ fill:rgba(5,150,105,.18); stroke:#059669; stroke-width:1.7; }
.flux-studio-fitness .vous-label{ fill:#fff; font-size:14px; font-weight:700; }
.flux-studio-fitness .vous-sub{ fill:#6ee7b7; font-size:11px; }
@keyframes sfIaPulse{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.08); } }
@media (prefers-reduced-motion:reduce){ .flux-studio-fitness .ia-core{ animation:none; } }

/* ticker des temps forts du studio */
.flux-studio-fitness .ev{ fill:#6EE7B7; font-size:13px; font-weight:700; opacity:0; letter-spacing:.01em; }
.flux-studio-fitness .ev-cap{ fill:#047857; font-size:10.5px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; }

/* ============================================================
   MINI-SCHÉMA MID-PAGE — section "l'IA en plus" (sombre)
   signaux du studio -> brouillon IA -> vous validez
   ============================================================ */
.sf-flux-mid{ margin:6px auto 40px; max-width:680px; text-align:center; }
.flux-studio-fitness-mid{ width:100%; height:auto; max-width:640px; }
.flux-studio-fitness-mid text{ text-anchor:middle; font-family:Inter,system-ui,sans-serif; }
.flux-studio-fitness-mid .flux-line{ stroke:rgba(16,185,129,.34); stroke-width:1.5; }
.flux-studio-fitness-mid .flux-line.out{ stroke:rgba(5,150,105,.5); stroke-width:1.7; }
.flux-studio-fitness-mid .p{ fill:#34D399; filter:drop-shadow(0 0 3px rgba(110,231,183,.8)); }
.flux-studio-fitness-mid .p.out{ fill:#10B981; }
.flux-studio-fitness-mid .mid-src rect{ fill:rgba(16,185,129,.08); stroke:rgba(52,211,153,.34); stroke-width:1.3; }
.flux-studio-fitness-mid .mid-out rect{ fill:rgba(5,150,105,.12); stroke:rgba(5,150,105,.5); stroke-width:1.5; }
.flux-studio-fitness-mid .mid-t{ fill:var(--text-dim); font-size:13px; font-weight:600; }
.flux-studio-fitness-mid .mid-t-strong{ fill:var(--text); font-size:14px; font-weight:700; }
.flux-studio-fitness-mid .mid-cap{ fill:#34D399; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.flux-studio-fitness-mid .ia-core{ fill:#10B981; animation:sfIaPulse 2.8s ease-in-out infinite; transform-box:fill-box; transform-origin:center; }
.flux-studio-fitness-mid .ia-label{ fill:#fff; font-size:15px; font-weight:800; }
.flux-studio-fitness-mid .ia-sub2{ fill:#d1fae5; font-size:11px; font-weight:600; letter-spacing:.02em; }
@media (prefers-reduced-motion:reduce){ .flux-studio-fitness-mid .ia-core{ animation:none; } }
.sf-flux-cap{ margin:14px auto 0; max-width:580px; color:var(--text-dim); font-size:.92rem; line-height:1.5; }
.sf-flux-cap b{ color:var(--text); font-weight:600; }
@media(max-width:560px){ .sf-flux-mid{ margin-bottom:28px; } .sf-flux-cap{ font-size:.86rem; } }