/* KAVEVA EXPERIENCE SIGNATURE V2 — LOT 1 : Accueil PRO + identité ÉVA (espace artisan uniquement, body.sg)
   Couche visuelle posée PAR-DESSUS l'existant : aucun élément, identifiant ou comportement de l'application n'est retiré. */
@font-face{font-family:'Manrope';font-weight:700;font-display:swap;src:url(/fonts/manrope-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-weight:800;font-display:swap;src:url(/fonts/manrope-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:400;font-display:swap;src:url(/fonts/dm-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:500;font-display:swap;src:url(/fonts/dm-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:700;font-display:swap;src:url(/fonts/dm-sans-latin-700-normal.woff2) format('woff2')}

body.sg{--sg-bg:#011315;--sg-side:#00101a;--sg-line:#062a2b;--sg-card:#021719;--sg-card2:#03201f;--sg-tq:#22e6c8;--sg-tq2:#8ff5e3;--sg-txt:#f3fbfa;--sg-sub:#9ec9cf;--sg-up:#19d39a;
  background:radial-gradient(900px 600px at 85% -10%,#0b3b3a55,transparent),radial-gradient(700px 700px at -10% 110%,#073a3a55,transparent),var(--sg-bg);color:var(--sg-txt);font-family:'DM Sans',system-ui,sans-serif}
body.sg .orb{display:none}
body.sg main{max-width:none;padding:0;margin:0}
body.sg main>header{display:none}

/* ── Barre du haut ─────────────────────────────────────────────── */
.sg-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;height:84px;padding:0 26px;border-bottom:1px solid var(--sg-line);background:linear-gradient(180deg,#000f12f2,#011315e6);backdrop-filter:blur(14px)}
.sg-wm{font:800 38px/1 Manrope,system-ui;letter-spacing:-.02em;color:#fff;text-decoration:none;margin-right:auto;cursor:pointer;background:none;border:0;padding:0}
.sg-wm .ka{color:#4afcfc;text-shadow:0 0 14px rgba(74,252,252,.45)}
.sg-bell{position:relative;width:46px;height:46px;border-radius:14px;border:0;background:transparent;color:#e8f6f5;display:grid;place-items:center;cursor:pointer}
.sg-bell:hover{background:#062625}
.sg-bell i{position:absolute;top:9px;right:10px;width:9px;height:9px;border-radius:50%;background:var(--sg-tq);box-shadow:0 0 10px var(--sg-tq)}
.sg-acc{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 14px 8px 10px;border:1px solid #11403f;border-radius:16px;background:#021619;color:#fff;cursor:pointer;font:inherit;text-align:left;max-width:340px}
.sg-acc:hover{border-color:#1f6a66}
.sg-ini{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0d4a46,#08302e);color:var(--sg-tq2);font:800 16px Manrope}
.sg-acc b{display:block;font:700 15px 'DM Sans';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-acc small{display:block;color:#b9d4d6;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-acc span:nth-child(2){min-width:0}
.sg-acc>svg{flex:none;width:18px;height:18px;color:#cfe3e3}

/* ── Grille : navigation latérale + contenu ────────────────────── */
.sg-grid{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:calc(100vh - 84px)}
.sg-side{position:sticky;top:84px;height:calc(100vh - 84px);display:flex;flex-direction:column;border-right:1px solid var(--sg-line);background:linear-gradient(180deg,#00101a 0%,#011a1e 55%,#03302f 100%);overflow:hidden}
.sg-nav{display:grid;gap:6px;padding:16px 18px 8px}
.sg-nav button{display:flex;align-items:center;gap:16px;width:100%;min-height:48px;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:#eef8f7;font:500 16.5px 'DM Sans';text-align:left;cursor:pointer}
.sg-nav button svg{flex:none;width:24px;height:24px}
.sg-nav button:hover{background:#06292a}
.sg-nav button[aria-current=page]{background:linear-gradient(90deg,#2fe7c6,#3deac9);color:#02201c;font-weight:700;box-shadow:0 6px 24px #22e6c833}
.sg-nav .sg-badge{margin-left:auto;min-width:22px;height:22px;border-radius:99px;background:var(--sg-tq);color:#02201c;font:800 12px/22px Manrope;text-align:center;padding:0 6px}
.sg-eva{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;margin-top:6px}
.sg-eva-img{position:relative;flex:1 1 auto;min-height:170px;max-height:440px;overflow:hidden;margin-top:-34px}
.sg-eva-img img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:100%;width:auto;max-width:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 80%,transparent 100%),linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 80%,transparent 100%),linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-composite:intersect}
.sg-bubble{position:relative;z-index:2;margin:0 10px 0 88px;padding:14px 16px;border:1.5px solid #1f5a46;border-radius:22px;background:#020f17ee;color:#eaf4f7;font:400 14.5px/1.4 'DM Sans';box-shadow:0 0 28px #2af2b133}
.sg-bubble b{display:block;font:700 18px Manrope;margin-bottom:2px;color:#fff}
.sg-bubble::after{content:'';position:absolute;left:58%;bottom:-12px;width:20px;height:20px;background:#020f17;border-right:1.5px solid #1f5a46;border-bottom:1.5px solid #1f5a46;transform:skewX(-28deg) rotate(45deg);border-bottom-right-radius:4px}
.sg-heart{color:var(--sg-tq)}
.sg-talk{position:relative;display:grid;justify-items:center;gap:8px;padding:10px 0 18px;margin-top:-30px;background:linear-gradient(180deg,transparent,#021c1d 40%)}
@media (max-height:980px){.sg-nav{gap:2px;padding-top:12px}.sg-nav button{min-height:41px;padding:7px 12px;font-size:15.5px}.sg-bubble{padding:10px 14px;font-size:13.5px}.sg-bubble b{font-size:16px}.sg-talk{padding-bottom:12px}.sg-side .sg-mic{width:64px;height:64px}}
@media (max-height:800px){.sg-bubble{display:none}.sg-eva-img{margin-top:0}}
/* 08/10/2026 — ÉVA animée (vidéo en boucle) : image complète de la vidéo, posée au-dessus du micro, filigrane Kling visible ; la photo reste en secours */
.sg-eva-anim{position:absolute;left:0;right:0;top:0;bottom:30px;width:100%;height:calc(100% - 30px);object-fit:contain;object-position:50% 100%;display:none;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 98.5%,transparent 100%),linear-gradient(90deg,transparent 0,#000 6%,#000 98.5%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 98.5%,transparent 100%),linear-gradient(90deg,transparent 0,#000 6%,#000 98.5%,transparent 100%);mask-composite:intersect}
.sg-eva-img.sg-anime .sg-eva-anim{display:block}
.sg-eva-img.sg-anime picture{visibility:hidden}
.sg-talk small{display:flex;align-items:center;gap:6px;color:#e6f3f2;font-size:15px}
.sg-talk small svg{width:16px;height:16px;color:var(--sg-tq)}
.sg-mic{width:78px;height:78px;border-radius:50%;border:2px solid var(--sg-tq);background:#022321;color:var(--sg-tq);display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 6px #22e6c812,0 0 34px #22e6c844}
.sg-mic svg{width:30px;height:30px}
.sg-mic[aria-pressed=true]{background:var(--sg-tq);color:#02201c;animation:sgPulse 1.4s ease-in-out infinite}
@keyframes sgPulse{50%{box-shadow:0 0 0 14px #22e6c822,0 0 46px #22e6c866}}

/* ── Contenu de l'accueil (les blocs existants, mis en forme comme la maquette) ── */
body.sg main.sg-content{min-width:0;padding:34px 30px 60px}
.sg-content>.screen{max-width:790px}
body.sg #artisan .artisan-hero{text-align:left;margin:0 0 30px}
body.sg #artisan .artisan-hero .spark{display:none}
body.sg #artisan .artisan-hero h2{font:800 clamp(34px,4.6vw,54px)/1.06 Manrope,system-ui;letter-spacing:-.03em;margin:0 0 14px;color:#fff}
body.sg #artisan .artisan-hero h2 .sg-acc-w{color:var(--sg-tq)}
body.sg #artisan .artisan-hero p{margin:0;max-width:none;color:#e1eeee;font-size:clamp(16px,1.9vw,20px)}
body.sg .capture{gap:13px}
body.sg .cap{min-height:198px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #0f3433;background:linear-gradient(160deg,#03191b,#011214);border-radius:20px;padding:22px 10px}
body.sg .cap:hover{border-color:#27b9a4;transform:translateY(-2px)}
body.sg .cap .sg-ico{font-size:0;margin:0 0 18px;line-height:0}
body.sg .cap .sg-ico svg{width:52px;height:52px;color:#f2fbfa}
body.sg .cap b{font:700 18px 'DM Sans';color:#fff}
body.sg .cap small{color:#d3e4e5;font-size:16px;margin-top:8px}
body.sg .voice-orb{width:78px;height:78px;margin:0 auto 14px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#86f9e8,#22e6c8 62%,#14b9a1);display:grid;place-items:center;box-shadow:0 0 30px #22e6c866}
body.sg .voice-orb .voice-icon{font-size:0;line-height:0}
body.sg .voice-orb .voice-icon svg{width:32px;height:32px;color:#044a43}
body.sg .cap-tip{color:#e7f1f1;font-size:14.5px;margin:12px 0 26px}
body.sg .transcript{position:relative;margin:0 0 20px;padding:20px 22px 22px;border:1px solid #0c3a39;border-radius:20px;background:linear-gradient(160deg,#03191b,#011315);color:#cfe0e1}
body.sg .transcript label{color:#0bded1;font:700 16px 'DM Sans';letter-spacing:0;text-transform:none;margin-bottom:12px}
body.sg .transcript .voice-state{color:#c6d8da;font-size:14px;margin-bottom:10px}
body.sg #transcript{width:100%;min-height:96px;background:transparent;border:0;color:#fff;font:400 15.5px/1.6 'DM Sans';resize:vertical;padding:0 34px 0 0}
body.sg #transcript:focus{outline:none}
body.sg .transcript:focus-within{border-color:#22e6c8aa}
.sg-edit{position:absolute;right:14px;bottom:12px;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#d9eeee;display:grid;place-items:center;cursor:pointer}
.sg-edit:hover{background:#06302e}
.sg-edit svg{width:20px;height:20px}
.sg-fix{margin-top:12px;padding:12px 14px;border-radius:14px;background:#042624;border:1px solid #145a54;color:#e5f5f3;font-size:14px}
.sg-fix p{margin:0 0 8px}
.sg-fix q{display:block;quotes:none;color:#fff;margin:6px 0 10px;font-style:normal;line-height:1.5}
.sg-fix .sg-fix-b{display:flex;gap:8px;flex-wrap:wrap}
.sg-fix button{min-height:40px;padding:8px 14px;border-radius:12px;font:700 14px 'DM Sans';cursor:pointer;border:1px solid #1f6e66;background:transparent;color:#dff7f3}
.sg-fix button.ok{background:var(--sg-tq);border-color:var(--sg-tq);color:#02201c}
.sg-fix small{display:block;color:#a9cbcb;margin-top:8px}
body.sg #sendJob{min-height:68px;border-radius:20px;background:linear-gradient(90deg,#15e8c6,#3fe9c7 55%,#7ff1dc);color:#03241f;font:800 clamp(18px,2.2vw,22px) 'DM Sans';display:flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 10px 40px #22e6c844}
body.sg #sendJob>span:last-child{margin-left:auto;float:none;font-size:24px}
body.sg #sendJob .send-star{margin-left:auto}
/* Coach, « Ce que KAVEVA vous rapporte », cartes : la palette de la maquette */
body.sg .pro-coach,body.sg .pro-grow,body.sg .artisan-results,body.sg .artisan-networks,body.sg .my-jobs .mj-card{border-color:#0c3a39!important;background:linear-gradient(160deg,#03191b,#011315)!important;border-radius:20px}
body.sg .pro-coach .eyebrow,body.sg .pro-grow .eyebrow{color:#0bded1;letter-spacing:2.6px}
@media (min-width:980px){body.sg .pro-grow .roi{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}body.sg .pro-grow .roi div:last-child{grid-column:auto}}
body.sg .pc-push,body.sg .pro-coach .pc-push{background:linear-gradient(90deg,#2fe7c6,#9ef6e6)!important;color:#03241f!important}

/* Mise en évidence d'ÉVA quand on la choisit dans la navigation */
.sg-hi{animation:sgHi 1.4s ease}
@keyframes sgHi{30%{filter:drop-shadow(0 0 18px #22e6c8)}}
/* Accessibilité : focus visible, animations réduites */
body.sg button:focus-visible,body.sg .cap:focus-within{outline:3px solid #8ff5e3;outline-offset:2px}
@media (prefers-reduced-motion:reduce){body.sg *{animation:none!important;transition:none!important}}

/* ── Mobile : barre du haut compacte, ÉVA en tête, navigation en bas ── */
.sg-strip,.sg-bnav,.sg-sheet{display:none}
@media (max-width:979px){
  .sg-top{height:64px;padding:0 14px;gap:8px}
  .sg-wm{font-size:30px}
  .sg-acc{min-height:46px;padding:4px 10px 4px 4px;max-width:190px}
  .sg-acc .sg-ini{width:36px;height:36px;font-size:14px}
  .sg-acc b{font-size:13.5px}.sg-acc small{font-size:12px}
  .sg-acc>svg{display:none}
  .sg-grid{display:block;min-height:0}
  .sg-side{display:none}
  body.sg main.sg-content{padding:18px 16px 110px}
  .sg-strip{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:10px 12px;border:1px solid #11403f;border-radius:18px;background:linear-gradient(160deg,#03191b,#02262a)}
  .sg-strip img{flex:none;width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid #22e6c8aa}
  .sg-strip p{flex:1;margin:0;font-size:13.5px;line-height:1.35;color:#e3f0f0}
  .sg-strip p b{display:block;font:700 15px Manrope;color:#fff}
  .sg-strip .sg-mic{width:52px;height:52px;flex:none}
  .sg-strip .sg-mic svg{width:22px;height:22px}
  body.sg #artisan .artisan-hero h2{font-size:clamp(28px,8.4vw,40px)}
  body.sg .cap{min-height:138px;padding:16px 6px}
  body.sg .cap .sg-ico svg{width:38px;height:38px}
  body.sg .cap .sg-ico{margin-bottom:10px}
  body.sg .cap b{font-size:15.5px}
  body.sg .voice-orb{width:56px;height:56px;margin-bottom:8px}
  body.sg .voice-orb .voice-icon svg{width:24px;height:24px}
  body.sg #sendJob{min-height:60px;font-size:18px}
  .sg-bnav{position:fixed;z-index:45;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);padding:6px;border:1px solid #11403f;border-radius:20px;background:#011517f2;backdrop-filter:blur(14px)}
  .sg-bnav button{display:grid;justify-items:center;gap:3px;min-height:54px;padding:4px 0;border:0;border-radius:14px;background:none;color:#cfe3e3;font:500 11px 'DM Sans';cursor:pointer}
  .sg-bnav button svg{width:22px;height:22px}
  .sg-bnav button[aria-current=page]{color:var(--sg-tq)}
  .sg-bnav .sg-bn-eva img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid var(--sg-tq)}
  .sg-sheet[open]{display:block;position:fixed;inset:0;z-index:60;background:#000a}
  .sg-sheet>div{position:absolute;left:0;right:0;bottom:0;padding:18px 16px max(18px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#021619;border-top:1px solid #11403f}
  .sg-sheet .sg-nav{padding:0}
  body.sg .global-toast{bottom:92px}
  /* LOT 2.4 — téléphone : en-tête sous la barre d'état (heure, batterie), accueil plus compact, bandeau bas plus bas */
  .sg-top{height:calc(58px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
  body.sg main.sg-content{padding:12px 14px 88px}
  .sg-strip{margin:0 0 12px;padding:8px 10px;gap:10px}
  .sg-strip img{width:50px;height:50px}
  .sg-strip p{font-size:13px;line-height:1.3}
  .sg-strip p b{font-size:14.5px}
  .sg-strip .sg-mic{width:48px;height:48px}
  body.sg #artisan .artisan-hero{margin:0 0 16px}
  body.sg #artisan .artisan-hero h2{font-size:clamp(26px,7.6vw,36px);margin:0 0 8px}
  body.sg #artisan .artisan-hero p{font-size:15px;line-height:1.4}
  body.sg .capture{gap:10px}
  body.sg .cap{min-height:112px;padding:12px 6px}
  body.sg .cap .sg-ico svg{width:32px;height:32px}
  body.sg .cap .sg-ico{margin-bottom:6px}
  body.sg .voice-orb{width:50px;height:50px;margin-bottom:6px}
  .sg-bnav{bottom:max(8px,env(safe-area-inset-bottom));padding:4px;border-radius:18px}
  .sg-bnav button{min-height:46px;gap:2px;padding:3px 0;font-size:10.5px}   /* cible tactile ≥ 44 px conservée */
  .sg-bnav button svg{width:20px;height:20px}
  .sg-bnav .sg-bn-eva img{width:26px;height:26px}
  body.sg .global-toast{bottom:76px}
}
@media (max-width:380px){.sg-acc{max-width:150px}.sg-wm{font-size:26px}}

/* ═══ LOT 1 · corrections (largeur, espaces de navigation, DÉMO) ═══ */
/* Largeur : le contenu occupe l'espace et se centre ; accueil en deux colonnes sur grand écran */
body.sg main.sg-content>.screen{max-width:1240px;margin:0 auto}
body.sg main.sg-content>#artisan{max-width:1320px}
.sg-home{display:block}
@media (min-width:980px) and (max-width:1279px){body.sg main.sg-content>.screen{max-width:900px}}
@media (min-width:1280px){
  body.sg main.sg-content{padding:38px 44px 70px}
  .sg-home{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,1fr);gap:30px;align-items:start}
  .sg-col-side>*:first-child{margin-top:0}
  .sg-col-side .pro-grow .roi{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sg-col-side .pro-grow .roi div:last-child{grid-column:1/-1!important}
  .sg-col-side .as-nums{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1700px){.sg-home{grid-template-columns:minmax(0,1.6fr) minmax(420px,1fr)}}
/* Espaces (Mes publications, Mon mini-site, Mes demandes, Réseaux, ÉVA) et écrans existants : même en-tête, même retour */
.sg-head{margin:0 0 14px}
.sg-back,body.sg .screen>.back{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border:1px solid #11403f;border-radius:12px;background:#021619;color:#dff1f0;font:600 14px 'DM Sans';cursor:pointer}
.sg-back:hover,body.sg .screen>.back:hover{border-color:#22e6c8}
.sg-screen .eyebrow{color:#0bded1;letter-spacing:2.6px;margin:8px 0 6px;display:flex;align-items:center;gap:10px}
.sg-title,body.sg #resultats .res-page-title,body.sg #reglages .page-title,body.sg #billing .page-title{font:800 clamp(30px,3.6vw,46px)/1.08 Manrope,system-ui;letter-spacing:-.03em;margin:0 0 10px;color:#fff}
.sg-sub{color:#cfe2e3;font-size:16px;margin:0 0 18px;max-width:760px}
.sg-demo-note{display:inline-block;margin:0 0 20px;padding:8px 12px;border-radius:10px;background:#2a2410;border:1px solid #5a4a1a;color:#ffd166;font:600 13px 'DM Sans'}
.kd-badge{display:inline-block;vertical-align:middle;margin-left:6px;padding:2px 8px;border-radius:8px;background:#3a3112;color:#ffd166;font:800 11px/1.5 Manrope;letter-spacing:.06em}
.sg-card{border:1px solid #0c3a39;border-radius:20px;background:linear-gradient(160deg,#03191b,#011315);padding:20px}
.sg-card h3{font:800 18px Manrope;color:#fff;margin:0 0 12px}
.sg-card h3:not(:first-child){margin-top:22px}
.sg-two{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}
.sg-list{display:grid;gap:12px;margin:0 0 20px}
.sg-item{display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid #0c3a39;border-radius:18px;background:linear-gradient(160deg,#03191b,#011315)}
.sg-item img,.sg-thumb{flex:none;width:72px;height:72px;border-radius:14px;object-fit:cover;background:#06302e;display:grid;place-items:center;color:#22e6c8;font-size:26px}
.sg-item>div{flex:1;min-width:0}.sg-item b{display:block;color:#fff;font:700 16px 'DM Sans'}.sg-item small{display:block;color:#a9c6c8;font-size:13.5px;margin-top:4px}.sg-item p{margin:6px 0 0;color:#dbeaea;font-size:14.5px;line-height:1.45}
.sg-st{flex:none;font:700 12.5px 'DM Sans';font-style:normal;padding:6px 10px;border-radius:99px;border:1px solid #1f5a54;color:#bfe9e3}
.sg-st.st-published,.sg-st.st-approved{color:#19d39a;border-color:#145a43}.sg-st.st-scheduled{color:#8ff5e3;border-color:#1f6e66}.sg-st.st-ready,.sg-st.st-needs_info{color:#ffd166;border-color:#5a4a1a}.sg-st.st-failed{color:#ff8a7a;border-color:#6a2a24}
.sg-empty{padding:22px;border:1px dashed #1f5a54;border-radius:18px;color:#cfe2e3;margin:0 0 20px}.sg-empty b{color:#fff;font:700 17px 'DM Sans'}.sg-empty p{margin:6px 0 0}
.sg-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;width:100%;margin-top:10px;padding:12px 18px;border:0;border-radius:16px;background:linear-gradient(90deg,#15e8c6,#3fe9c7 55%,#7ff1dc);color:#03241f;font:800 16px 'DM Sans';text-decoration:none;cursor:pointer}
.sg-cta.ghost{background:transparent;border:1px solid #1f6e66;color:#dff7f3}
.sg-kv{display:flex;justify-content:space-between;gap:12px;margin:0;padding:10px 0;border-bottom:1px solid #0c3a39;color:#a9c6c8}.sg-kv b,.sg-kv a{color:#fff;text-align:right}.sg-kv a{color:#8ff5e3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sg-site-prev{padding:0;overflow:hidden}.sg-site-hero:not([style]){background:linear-gradient(135deg,#06302e,#011315)}.sg-site-hero{min-height:170px;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;background-size:cover;background-position:center;box-shadow:inset 0 -120px 80px -40px #011315}.sg-site-hero span{font:800 24px Manrope;color:#fff}.sg-site-hero small{color:#dff1f0}
.sg-site-body{padding:16px 18px 18px}.sg-site-body b{color:#fff}.sg-site-ph{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 14px}.sg-site-ph img{width:100%;height:110px;object-fit:cover;border-radius:12px}
.sg-site-btn{display:inline-block;margin:0 8px 0 0;padding:9px 14px;border-radius:12px;background:#22e6c8;color:#03241f;font:700 14px 'DM Sans'}.sg-site-btn.ghost{background:transparent;border:1px solid #1f6e66;color:#dff7f3}
.sg-site-prev .sg-demo-note{margin:0 18px 16px}
.sg-nets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px}
.sg-net{display:flex;align-items:center;gap:14px}.sg-net>div{flex:1}.sg-net b{display:block;color:#fff;font:700 16px 'DM Sans'}.sg-net small{color:#a9c6c8}.sg-net .sg-cta{width:auto;margin:0;min-height:42px}
.sg-net-i{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#06302e;color:#8ff5e3;font:800 20px Manrope}
.sg-eva-card{padding:0;overflow:hidden;max-height:560px}.sg-eva-card img{display:block;width:100%;height:auto}
.sg-ul{margin:0 0 6px;padding-left:20px;color:#dbeaea;line-height:1.7}
/* En ligne : l'écran réel ouvert depuis la navigation prend place dans l'espace de contenu */
@media (min-width:980px){
  body.sg .live-sheet.sg-dock{position:fixed;left:252px;top:84px;right:0;bottom:0;z-index:35;display:block;overflow:auto;background:var(--sg-bg);backdrop-filter:none;padding:38px 44px 60px}
  body.sg .live-sheet.sg-dock>.live-sheet-card{position:static;max-width:1100px!important;width:100%!important;margin:0 auto;max-height:none;transform:none;border-radius:20px}
  body.sg .live-sheet.sg-dock .m-close{display:none}
}
@media (max-width:979px){
  body.sg .live-sheet.sg-dock{z-index:44}
  .sg-two{grid-template-columns:1fr}
  .sg-item{align-items:flex-start;flex-wrap:wrap}.sg-item img,.sg-thumb{width:56px;height:56px}
  .sg-item>div{flex:1 1 calc(100% - 80px)}
  .sg-st{margin-left:72px}
  .sg-eva-card{max-height:340px}.sg-eva-card img{height:340px;object-fit:cover;object-position:50% 20%}
  .sg-title,body.sg #resultats .res-page-title{font-size:clamp(28px,8vw,36px)}
}

.sg-dock-title{margin:14px 0 4px!important}
@media (max-width:979px){.sg-dock-title{font-size:26px!important}}