
:root{--bg:#05070b;--panel:#0b1220;--panel2:#0f172a;--text:#f8fafc;--muted:#a6b3c3;--cyan:#22d3ee;--blue:#3b82f6;--gold:#f59e0b;--border:rgba(255,255,255,.10);--shadow:0 20px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 20% 0%,rgba(34,211,238,.12),transparent 35%),var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,88%);margin:auto}.topbar{position:sticky;top:0;z-index:100;background:rgba(5,7,11,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:28px;font-weight:800;letter-spacing:.2px}.logo span{color:var(--cyan)}.menu{display:flex;gap:24px;align-items:center}.menu a{color:#dbe5ef;font-size:15px}.menu a:hover{color:var(--cyan)}.nav-cta{padding:11px 18px;border-radius:12px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#031018!important;font-weight:800}.burger{display:none;border:1px solid var(--border);background:rgba(255,255,255,.05);color:white;border-radius:12px;padding:10px 14px;font-size:22px}.mobile{display:none;flex-direction:column;border-top:1px solid var(--border);padding:12px 6%;background:#060911}.mobile a{padding:14px 0;color:#e5e7eb;border-bottom:1px solid rgba(255,255,255,.05)}.hero{min-height:86vh;display:flex;align-items:center;background:linear-gradient(90deg,rgba(5,7,11,.92),rgba(5,7,11,.67)),url('../..//images/dgnia-hero.jpg') center/cover}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid rgba(34,211,238,.25);background:rgba(34,211,238,.08);border-radius:999px;color:#a5f3fc;font-size:14px;margin-bottom:22px}.hero h1{font-size:clamp(42px,6vw,74px);line-height:1.04;margin-bottom:24px}.hero h1 span{color:var(--cyan)}.lead{font-size:20px;color:#c8d3df;max-width:760px;margin-bottom:32px}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:14px;font-weight:800;transition:.25s;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#031018}.btn-secondary{border-color:rgba(255,255,255,.18);color:white;background:rgba(255,255,255,.05)}.btn:hover{transform:translateY(-2px)}.hero-card{background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(15,23,42,.52));border:1px solid var(--border);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.metric{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}.metric div,.mini-card{padding:18px;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:18px}.metric strong{font-size:28px;color:var(--cyan);display:block}.section{padding:92px 0}.section.alt{background:rgba(255,255,255,.025);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.title{text-align:center;margin-bottom:52px}.title h2{font-size:clamp(32px,4vw,48px);line-height:1.12;margin-bottom:14px}.title p{color:var(--muted);max-width:780px;margin:auto}.grid{display:grid;gap:24px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:0 10px 30px rgba(0,0,0,.15)}.card:hover{border-color:rgba(34,211,238,.42)}.icon{width:48px;height:48px;border-radius:16px;background:rgba(34,211,238,.12);display:flex;align-items:center;justify-content:center;color:var(--cyan);font-size:24px;margin-bottom:18px}.card h3{font-size:22px;margin-bottom:12px}.card p,.card li{color:var(--muted)}.card ul{padding-left:18px;margin-top:10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.image-wrap{border-radius:28px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow)}.process{counter-reset:step}.process .card{position:relative}.process .card:before{counter-increment:step;content:'0' counter(step);color:var(--cyan);font-weight:900;font-size:15px;display:block;margin-bottom:14px}.band{padding:54px;border-radius:30px;background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(59,130,246,.12));border:1px solid rgba(34,211,238,.22);display:flex;align-items:center;justify-content:space-between;gap:30px}.band h2{font-size:34px;line-height:1.15}.form{max-width:820px;margin:auto;display:grid;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,textarea,select{width:100%;padding:16px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.055);color:white;outline:none}textarea{min-height:150px;resize:vertical}.hidden{display:none!important}.footer{padding:42px 0;border-top:1px solid var(--border);color:#9aa7b6}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer a{color:#cbd5e1;display:block;margin:8px 0}.page-hero{padding:90px 0 60px;background:linear-gradient(90deg,rgba(5,7,11,.93),rgba(5,7,11,.72)),url('../..//images/dgnia-services.jpg') center/cover}.page-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.08;max-width:900px}.page-hero p{font-size:20px;color:#cbd5e1;max-width:780px;margin-top:18px}.legal{max-width:900px;margin:auto}.legal h2{margin:28px 0 8px;color:var(--cyan)}.legal p,.legal li{color:#cbd5e1;margin:8px 0}.legal ul{padding-left:22px}@media(max-width:920px){.menu{display:none}.burger{display:block}.mobile.active{display:flex}.hero-grid,.split,.footer-grid{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:1fr 1fr}.hero{min-height:auto;padding:78px 0}.band{flex-direction:column;align-items:flex-start}.form-row{grid-template-columns:1fr}}@media(max-width:600px){.grid-3,.grid-4,.metric{grid-template-columns:1fr}.actions .btn{width:100%}.section{padding:70px 0}.nav{height:70px}.logo{font-size:24px}}

/* V3 Commerciale */
.pricing-card{position:relative;overflow:hidden}.pricing-card.featured{border-color:rgba(34,211,238,.55);box-shadow:0 0 45px rgba(34,211,238,.12)}.price{font-size:38px;font-weight:900;color:var(--cyan);margin:16px 0}.price small{font-size:14px;color:var(--muted);font-weight:600}.badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.25);font-size:13px;font-weight:800}.usecase{display:grid;grid-template-columns:80px 1fr;gap:20px;align-items:start}.usecase .icon{margin:0}.faq-item{border:1px solid var(--border);border-radius:18px;padding:22px;background:rgba(255,255,255,.04);margin-bottom:14px}.faq-item h3{color:white;margin-bottom:8px}.premium-form{background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(15,23,42,.48));border:1px solid rgba(34,211,238,.22);border-radius:30px;padding:34px;box-shadow:var(--shadow)}.calendar-box{border:1px dashed rgba(34,211,238,.45);border-radius:24px;padding:26px;background:rgba(34,211,238,.06);text-align:center}.local-seo{font-size:14px;color:#94a3b8;margin-top:16px}.checklist li{margin-bottom:8px}
@media(max-width:700px){.usecase{grid-template-columns:1fr}.premium-form{padding:22px}}


/* V4 SEO & conversion */
.notice{border-left:4px solid var(--cyan);padding:18px 20px;background:rgba(34,211,238,.07);border-radius:16px;color:#cbd5e1}.kpi{font-size:34px;font-weight:900;color:var(--cyan)}.table-like{display:grid;gap:12px}.table-like div{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:16px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.035)}@media(max-width:700px){.table-like div{grid-template-columns:1fr}}


/* V5 adresse & carte Google Maps */
.location-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:stretch}.location-card p{margin:12px 0;color:var(--muted)}.location-card a:not(.btn){color:#cbd5e1}.map-card{border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:var(--shadow);min-height:420px;background:rgba(255,255,255,.04)}.map-card iframe{display:block;filter:saturate(.95) contrast(1.02)}.footer-grid{grid-template-columns:1.7fr 1fr 1fr 1.1fr}.footer p{margin:8px 0}.footer strong{color:white}
@media(max-width:920px){.location-grid{grid-template-columns:1fr}.map-card{min-height:340px}.footer-grid{grid-template-columns:1fr}}

/* ================================
   DgnIA Chatbot V6
================================ */
.dgnia-chatbot-launcher{
  position:fixed;
  right:22px;
  bottom:22px;
  width:64px;
  height:64px;
  border-radius:24px;
  border:1px solid rgba(34,211,238,.45);
  background:linear-gradient(135deg,#22d3ee,#0f172a 70%);
  color:#fff;
  box-shadow:0 18px 55px rgba(34,211,238,.25),0 10px 25px rgba(0,0,0,.35);
  cursor:pointer;
  z-index:9998;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  transition:.25s ease;
}
.dgnia-chatbot-launcher:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 22px 70px rgba(34,211,238,.35)}
.dgnia-chatbot-badge{
  position:absolute;
  top:-7px;
  right:-7px;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#f97316;
  color:#fff;
  font-size:12px;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px solid #020617;
}
.dgnia-chatbot-panel{
  position:fixed;
  right:22px;
  bottom:98px;
  width:390px;
  max-width:calc(100vw - 28px);
  height:620px;
  max-height:calc(100vh - 130px);
  border-radius:28px;
  overflow:hidden;
  background:rgba(2,6,23,.96);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 50px rgba(34,211,238,.12);
  backdrop-filter:blur(18px);
  z-index:9999;
  display:none;
  flex-direction:column;
}
.dgnia-chatbot-panel.open{display:flex;animation:dgniaChatIn .22s ease-out}
@keyframes dgniaChatIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.dgnia-chatbot-header{
  padding:18px 18px 16px;
  background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(15,23,42,.75));
  border-bottom:1px solid rgba(255,255,255,.08);
  display:flex;
  gap:12px;
  align-items:center;
}
.dgnia-chatbot-avatar{
  width:44px;
  height:44px;
  border-radius:16px;
  background:rgba(34,211,238,.16);
  border:1px solid rgba(34,211,238,.45);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
}
.dgnia-chatbot-title{flex:1}
.dgnia-chatbot-title strong{display:block;color:#fff;font-size:16px;line-height:1.15}
.dgnia-chatbot-title span{display:block;color:#9ca3af;font-size:12px;margin-top:4px}
.dgnia-chatbot-close{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  color:#e5e7eb;
  width:34px;
  height:34px;
  border-radius:12px;
  cursor:pointer;
  font-size:18px;
}
.dgnia-chatbot-messages{
  flex:1;
  padding:18px;
  overflow-y:auto;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.dgnia-chatbot-message{
  max-width:86%;
  padding:12px 14px;
  border-radius:18px;
  font-size:14px;
  line-height:1.45;
  white-space:pre-wrap;
}
.dgnia-chatbot-message.bot{
  background:rgba(255,255,255,.07);
  color:#e5e7eb;
  border:1px solid rgba(255,255,255,.08);
  border-bottom-left-radius:6px;
  align-self:flex-start;
}
.dgnia-chatbot-message.user{
  background:#22d3ee;
  color:#020617;
  border-bottom-right-radius:6px;
  align-self:flex-end;
  font-weight:600;
}
.dgnia-chatbot-choices{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:0 18px 12px;
}
.dgnia-chatbot-choice{
  border:1px solid rgba(34,211,238,.32);
  background:rgba(34,211,238,.08);
  color:#e0faff;
  border-radius:999px;
  padding:9px 12px;
  cursor:pointer;
  font-size:13px;
  transition:.2s;
}
.dgnia-chatbot-choice:hover{background:rgba(34,211,238,.18);transform:translateY(-1px)}
.dgnia-chatbot-inputbar{
  padding:14px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  gap:10px;
  background:rgba(15,23,42,.78);
}
.dgnia-chatbot-inputbar input{
  flex:1;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  color:#fff;
  border-radius:15px;
  padding:13px 14px;
  outline:none;
}
.dgnia-chatbot-inputbar input:focus{border-color:rgba(34,211,238,.65);box-shadow:0 0 0 3px rgba(34,211,238,.1)}
.dgnia-chatbot-send{
  border:none;
  background:#22d3ee;
  color:#020617;
  border-radius:15px;
  padding:0 15px;
  font-weight:900;
  cursor:pointer;
}
.dgnia-chatbot-note{
  color:#94a3b8;
  font-size:11px;
  padding:0 18px 14px;
  text-align:center;
}
@media(max-width:560px){
  .dgnia-chatbot-panel{right:10px;bottom:86px;width:calc(100vw - 20px);height:calc(100vh - 110px);border-radius:22px}
  .dgnia-chatbot-launcher{right:14px;bottom:14px;width:58px;height:58px;border-radius:21px}
}


/* ================================
   DgnIA V7 - Intro premium & site en construction
================================ */
#dgnia-intro-overlay{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#020617;
  opacity:1;
  visibility:visible;
  transition:opacity .85s ease,visibility .85s ease;
}
#dgnia-intro-overlay.hide{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.dgnia-intro-visual{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(2,6,23,.86),rgba(2,6,23,.58),rgba(2,6,23,.92)),
    url('../../images/dgnia-site-construction.webp') center/cover;
  transform:scale(1.08);
  animation:dgniaIntroZoom 3.2s ease forwards;
}
.dgnia-intro-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 55%,rgba(34,211,238,.20),transparent 28%),
    radial-gradient(circle at 80% 20%,rgba(59,130,246,.16),transparent 28%);
  mix-blend-mode:screen;
}
.dgnia-intro-particles{
  position:absolute;
  inset:-20%;
  background:
    linear-gradient(90deg,transparent,rgba(34,211,238,.18),transparent),
    repeating-linear-gradient(90deg,transparent 0 78px,rgba(34,211,238,.05) 79px 80px),
    repeating-linear-gradient(0deg,transparent 0 78px,rgba(34,211,238,.04) 79px 80px);
  opacity:.75;
  transform:perspective(800px) rotateX(58deg) translateY(18%);
  animation:dgniaGridMove 2.8s linear infinite;
}
.dgnia-intro-content{
  position:relative;
  z-index:3;
  text-align:center;
  width:min(720px,88vw);
  padding:24px;
}
.dgnia-build-scene{
  width:290px;
  height:220px;
  margin:0 auto 28px;
  position:relative;
  filter:drop-shadow(0 0 24px rgba(34,211,238,.35));
  animation:dgniaFloat 2.4s ease-in-out infinite alternate;
}
.build-window{
  position:absolute;
  inset:28px 12px 8px;
  border:1px solid rgba(34,211,238,.50);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(15,23,42,.36));
  box-shadow:inset 0 0 28px rgba(34,211,238,.10),0 0 44px rgba(34,211,238,.20);
  backdrop-filter:blur(10px);
  overflow:hidden;
  animation:dgniaWindowBuild 1.25s cubic-bezier(.2,.8,.2,1) forwards;
}
.build-bar{
  height:36px;
  border-bottom:1px solid rgba(34,211,238,.22);
  display:flex;
  align-items:center;
  gap:7px;
  padding-left:18px;
}
.build-bar i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#22d3ee;
  opacity:.8;
  box-shadow:0 0 12px rgba(34,211,238,.75);
}
.build-layout{
  padding:18px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.build-layout span{
  height:34px;
  border-radius:12px;
  background:linear-gradient(90deg,rgba(34,211,238,.20),rgba(59,130,246,.06));
  border:1px solid rgba(34,211,238,.18);
  transform-origin:left;
  animation:dgniaBlockBuild .85s ease forwards;
  opacity:0;
}
.build-layout span:nth-child(1){grid-column:1/3;height:48px;animation-delay:.35s}.build-layout span:nth-child(2){animation-delay:.50s}.build-layout span:nth-child(3){animation-delay:.65s}.build-layout span:nth-child(4){animation-delay:.80s}.build-layout span:nth-child(5){animation-delay:.95s}.build-layout span:nth-child(6){animation-delay:1.10s}
.build-node{
  position:absolute;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#22d3ee;
  box-shadow:0 0 24px rgba(34,211,238,.95);
  animation:dgniaNodePulse 1.4s ease-in-out infinite alternate;
}
.build-node.n1{left:8px;top:22px}.build-node.n2{right:0;top:58px;animation-delay:.25s}.build-node.n3{left:52%;bottom:0;animation-delay:.45s}
.build-line{
  position:absolute;
  height:1px;
  background:linear-gradient(90deg,transparent,#22d3ee,transparent);
  box-shadow:0 0 12px rgba(34,211,238,.7);
  transform-origin:left;
  animation:dgniaLineBuild 1.1s ease forwards;
}
.build-line.l1{width:190px;left:20px;top:34px;transform:rotate(12deg) scaleX(0)}.build-line.l2{width:145px;right:30px;bottom:36px;transform:rotate(-24deg) scaleX(0);animation-delay:.35s}
.dgnia-intro-logo{
  font-size:clamp(42px,7vw,76px);
  line-height:1;
  font-weight:900;
  letter-spacing:.02em;
  color:#fff;
  text-shadow:0 0 28px rgba(34,211,238,.42);
  opacity:0;
  transform:translateY(18px);
  animation:dgniaFadeUp .85s ease forwards;
  animation-delay:.72s;
}
.dgnia-intro-logo span{color:#22d3ee}.dgnia-intro-subtitle{margin-top:16px;color:#cbd5e1;font-size:clamp(15px,2vw,20px);opacity:0;animation:dgniaFadeUp .85s ease forwards;animation-delay:1s}.dgnia-intro-progress{width:min(360px,70vw);height:4px;margin:28px auto 0;border-radius:999px;background:rgba(255,255,255,.10);overflow:hidden;opacity:0;animation:dgniaFadeUp .6s ease forwards;animation-delay:1.15s}.dgnia-intro-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#22d3ee,#3b82f6);box-shadow:0 0 18px rgba(34,211,238,.75);animation:dgniaProgress 2.1s ease forwards;animation-delay:.55s}
.hero{position:relative;background:linear-gradient(90deg,rgba(5,7,11,.94),rgba(5,7,11,.58),rgba(5,7,11,.80)),url('../../images/dgnia-site-construction.webp') center/cover!important;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 48%,rgba(34,211,238,.18),transparent 32%),linear-gradient(180deg,transparent,rgba(5,7,11,.30));z-index:-1;animation:dgniaHeroGlow 7s ease-in-out infinite alternate}.hero .eyebrow,.hero h1,.hero .lead,.hero .actions,.hero-card{opacity:0;transform:translateY(16px);animation:dgniaFadeUp .8s ease forwards}.hero .eyebrow{animation-delay:.12s}.hero h1{animation-delay:.24s}.hero .lead{animation-delay:.36s}.hero .actions{animation-delay:.48s}.hero-card{animation-delay:.62s}.card,.image-wrap,.band,.location-grid,.premium-form,.faq-item{transition:transform .55s ease,opacity .55s ease,border-color .25s ease}.reveal-on-scroll{opacity:0;transform:translateY(24px)}.reveal-on-scroll.visible{opacity:1;transform:translateY(0)}
@keyframes dgniaIntroZoom{from{transform:scale(1.10)}to{transform:scale(1.0)}}@keyframes dgniaGridMove{from{background-position:0 0,0 0,0 0}to{background-position:180px 0,80px 0,0 80px}}@keyframes dgniaFloat{from{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes dgniaWindowBuild{from{opacity:0;transform:scale(.82) rotateX(18deg)}to{opacity:1;transform:scale(1) rotateX(0)}}@keyframes dgniaBlockBuild{from{opacity:0;transform:scaleX(.08) translateY(8px)}to{opacity:1;transform:scaleX(1) translateY(0)}}@keyframes dgniaNodePulse{from{transform:scale(.82);opacity:.72}to{transform:scale(1.18);opacity:1}}@keyframes dgniaLineBuild{to{transform:rotate(var(--r,0deg)) scaleX(1)}}@keyframes dgniaFadeUp{to{opacity:1;transform:translateY(0)}}@keyframes dgniaProgress{to{width:100%}}@keyframes dgniaHeroGlow{from{opacity:.65}to{opacity:1}}
@media(max-width:700px){.dgnia-build-scene{width:230px;height:180px}.dgnia-intro-subtitle{max-width:300px;margin-left:auto;margin-right:auto}.dgnia-intro-progress{margin-top:22px}}
@media(prefers-reduced-motion:reduce){#dgnia-intro-overlay{display:none!important}.hero .eyebrow,.hero h1,.hero .lead,.hero .actions,.hero-card,.reveal-on-scroll{animation:none!important;opacity:1!important;transform:none!important}}


/* ================================
   DgnIA V8 - Design Premium & Animations commerciales
================================ */
.v8-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(5,7,11,.94),rgba(5,7,11,.62)),url('../..//images/dgnia-site-construction.webp') center/cover}.v8-hero #dgnia-particles{position:absolute;inset:0;width:100%;height:100%;opacity:.72;z-index:0}.v8-hero .container{position:relative;z-index:2}.v8-hero-glow{position:absolute;inset:auto -12% -28% auto;width:620px;height:620px;background:radial-gradient(circle,rgba(34,211,238,.22),transparent 62%);filter:blur(30px);animation:v8GlowFloat 8s ease-in-out infinite alternate;z-index:1}.v8-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(34,211,238,.08) 42%,transparent 55%);transform:translateX(-70%);animation:v8LightSweep 7s ease-in-out infinite;z-index:1}.v8-hero .hero-card{backdrop-filter:blur(18px);position:relative;overflow:hidden}.v8-hero .hero-card:before{content:"";position:absolute;inset:-1px;border-radius:28px;padding:1px;background:linear-gradient(135deg,rgba(34,211,238,.65),transparent 35%,rgba(59,130,246,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.v8-counters strong[data-count]::after{content:attr(data-suffix)}.v8-dashboard-mini{margin-top:22px;height:120px;border:1px solid rgba(34,211,238,.24);border-radius:22px;background:linear-gradient(135deg,rgba(34,211,238,.1),rgba(15,23,42,.58));position:relative;overflow:hidden}.v8-dashboard-mini span{position:absolute;height:8px;border-radius:999px;background:rgba(34,211,238,.65);left:22px;animation:v8MiniBar 3s ease-in-out infinite}.v8-dashboard-mini span:nth-child(1){top:24px;width:56%;animation-delay:.1s}.v8-dashboard-mini span:nth-child(2){top:52px;width:74%;animation-delay:.35s}.v8-dashboard-mini span:nth-child(3){top:80px;width:42%;animation-delay:.65s}.v8-dashboard-mini i{position:absolute;right:22px;top:25px;width:66px;height:66px;border-radius:50%;border:2px solid rgba(34,211,238,.5);box-shadow:inset 0 0 20px rgba(34,211,238,.25),0 0 24px rgba(34,211,238,.18);animation:v8Pulse 2.5s ease-in-out infinite}.card,.pricing-card,.faq-item,.location-card{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}.card:hover,.pricing-card:hover,.faq-item:hover,.location-card:hover{transform:translateY(-8px);box-shadow:0 24px 70px rgba(0,0,0,.25),0 0 45px rgba(34,211,238,.11);background:linear-gradient(180deg,rgba(34,211,238,.075),rgba(255,255,255,.032))}.card .icon{transition:transform .28s ease,box-shadow .28s ease}.card:hover .icon{transform:rotate(-5deg) scale(1.06);box-shadow:0 0 32px rgba(34,211,238,.15)}.v8-showcase-section{position:relative;overflow:hidden}.v8-showcase-section:before{content:"";position:absolute;left:-10%;top:20%;width:360px;height:360px;background:radial-gradient(circle,rgba(34,211,238,.13),transparent 65%);filter:blur(20px)}.v8-benefits{display:grid;gap:14px;margin-top:24px}.v8-benefits div{padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04)}.v8-benefits strong{display:block;color:#fff;margin-bottom:4px}.v8-benefits span{color:var(--muted);font-size:15px}.v8-demo-screen{min-height:430px;border:1px solid rgba(34,211,238,.28);border-radius:30px;background:linear-gradient(145deg,rgba(15,23,42,.72),rgba(2,6,23,.82));box-shadow:0 28px 90px rgba(0,0,0,.38),0 0 65px rgba(34,211,238,.12);overflow:hidden;position:relative;transform-style:preserve-3d;animation:v8ScreenFloat 4s ease-in-out infinite alternate}.v8-demo-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent,rgba(34,211,238,.10),transparent);transform:translateX(-80%);animation:v8LightSweep 6s ease-in-out infinite}.screen-top{height:58px;display:flex;align-items:center;gap:8px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08);color:#cbd5e1}.screen-top i{width:10px;height:10px;border-radius:50%;background:rgba(34,211,238,.65)}.screen-top span{margin-left:auto;font-size:13px;color:#94a3b8}.screen-body{padding:24px;display:grid;grid-template-columns:1.25fr 1fr;gap:16px}.screen-chart{grid-row:span 2;min-height:230px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(34,211,238,.08),rgba(255,255,255,.025));display:flex;align-items:end;justify-content:center;gap:13px;padding:24px}.screen-chart span{width:28px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#22d3ee,#3b82f6);box-shadow:0 0 24px rgba(34,211,238,.18);animation:v8Bars 2.2s ease-in-out infinite alternate}.screen-chart span:nth-child(1){height:46%;animation-delay:.1s}.screen-chart span:nth-child(2){height:72%;animation-delay:.25s}.screen-chart span:nth-child(3){height:58%;animation-delay:.4s}.screen-chart span:nth-child(4){height:88%;animation-delay:.55s}.screen-chart span:nth-child(5){height:64%;animation-delay:.7s}.screen-panel{border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:18px;background:rgba(255,255,255,.045)}.screen-panel b,.screen-panel em,.screen-panel small{display:block}.screen-panel b{color:#fff}.screen-panel em{font-style:normal;color:#a5f3fc;margin-top:6px}.screen-panel small{color:#94a3b8;margin-top:8px}.screen-panel.wide{grid-column:1 / -1}.v8-timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.v8-timeline:before{content:"";position:absolute;left:9%;right:9%;top:38px;height:2px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.65),transparent)}.v8-step{position:relative;padding:28px 22px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:rgba(255,255,255,.04);text-align:center;box-shadow:0 10px 35px rgba(0,0,0,.18)}.v8-step span{display:inline-flex;width:70px;height:70px;align-items:center;justify-content:center;border-radius:22px;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.34);color:#a5f3fc;font-weight:900;margin-bottom:18px;box-shadow:0 0 28px rgba(34,211,238,.12)}.v8-step h3{font-size:22px;margin-bottom:8px}.v8-step p{color:var(--muted);font-size:15px}.v8-before-after{display:grid;grid-template-columns:1fr 140px 1fr;gap:24px;align-items:center}.v8-column{padding:34px;border-radius:28px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));min-height:300px}.v8-column h3{font-size:30px;margin-bottom:12px}.v8-column p,.v8-column li{color:var(--muted)}.v8-column ul{margin-top:18px;padding-left:22px}.v8-column.before{border-color:rgba(248,113,113,.20)}.v8-column.after{border-color:rgba(34,211,238,.35);box-shadow:0 0 55px rgba(34,211,238,.08)}.v8-transform{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.v8-transform span{width:80px;height:80px;border-radius:28px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#06111f;font-size:44px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 0 38px rgba(34,211,238,.22)}.v8-transform small{color:#a5f3fc;font-weight:900;letter-spacing:.12em}.reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal-on-scroll.visible{opacity:1;transform:translateY(0)}@keyframes v8LightSweep{0%,18%{transform:translateX(-80%)}52%,100%{transform:translateX(80%)}}@keyframes v8GlowFloat{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-80px,-40px,0) scale(1.1)}}@keyframes v8MiniBar{from{opacity:.45;transform:scaleX(.72);transform-origin:left}to{opacity:1;transform:scaleX(1)}}@keyframes v8Pulse{0%,100%{transform:scale(.94);opacity:.65}50%{transform:scale(1.06);opacity:1}}@keyframes v8ScreenFloat{from{transform:translateY(0) rotateX(0) rotateY(-1deg)}to{transform:translateY(-10px) rotateX(1.5deg) rotateY(1.5deg)}}@keyframes v8Bars{from{transform:scaleY(.78);opacity:.75}to{transform:scaleY(1.04);opacity:1}}
@media(max-width:920px){.v8-timeline{grid-template-columns:1fr 1fr}.v8-timeline:before{display:none}.v8-before-after{grid-template-columns:1fr}.v8-transform span{transform:rotate(90deg)}.screen-body{grid-template-columns:1fr}.screen-chart{grid-row:auto}.screen-panel.wide{grid-column:auto}}
@media(max-width:600px){.v8-timeline{grid-template-columns:1fr}.v8-demo-screen{min-height:auto}.screen-chart{min-height:170px}.v8-column{min-height:auto;padding:24px}.v8-transform{padding:6px 0}.v8-transform span{width:64px;height:64px;font-size:34px}}
@media(prefers-reduced-motion:reduce){.v8-hero:before,.v8-hero-glow,.v8-demo-screen,.screen-chart span,.v8-dashboard-mini span,.v8-dashboard-mini i{animation:none!important}#dgnia-particles{display:none!important}}


/* ================================
   DgnIA V9 - Sections services complètes
================================ */
.service-pillar-grid .service-pillar{position:relative;overflow:hidden;min-height:245px}.service-pillar:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 20% 0%,rgba(34,211,238,.16),transparent 34%),radial-gradient(circle at 90% 100%,rgba(59,130,246,.12),transparent 34%);opacity:.8;pointer-events:none}.service-pillar>*{position:relative;z-index:1}.service-pillar ul{margin:18px 0 0;padding-left:18px;color:#cbd5e1;font-size:14px}.services-cta{margin-top:34px}.services-hero{background:linear-gradient(90deg,rgba(2,6,23,.96),rgba(2,6,23,.70)),url('../../images/dgnia-services.jpg') center/cover}.service-detail:nth-of-type(even){background:rgba(255,255,255,.025)}.service-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}.service-detail-card h2{font-size:clamp(32px,4vw,48px);margin-bottom:14px}.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0;padding:0;list-style:none}.service-list li{padding:13px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#e5e7eb}.service-list li:before{content:"✓";color:#22d3ee;font-weight:900;margin-right:8px}.service-benefit-panel{border:1px solid rgba(34,211,238,.18);border-radius:28px;background:linear-gradient(180deg,rgba(15,23,42,.86),rgba(15,23,42,.42));padding:30px;box-shadow:var(--shadow);position:relative;overflow:hidden}.service-benefit-panel:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(34,211,238,.11);filter:blur(55px);right:-80px;top:-80px}.service-benefit-panel h3{position:relative;color:#fff;margin-bottom:20px}.service-benefits{position:relative;display:grid;gap:14px}.service-benefits span{display:block;padding:16px 18px;border-radius:18px;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.18);color:#e0faff;font-weight:750}.service-mini-visual{position:relative;margin-top:30px;height:150px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(255,255,255,.03));overflow:hidden}.service-mini-visual i{position:absolute;bottom:24px;width:18%;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#22d3ee,rgba(34,211,238,.25));box-shadow:0 0 28px rgba(34,211,238,.22);animation:v9Bars 2.6s ease-in-out infinite alternate}.service-mini-visual i:nth-child(1){left:12%;height:48px}.service-mini-visual i:nth-child(2){left:34%;height:82px;animation-delay:.2s}.service-mini-visual i:nth-child(3){left:56%;height:62px;animation-delay:.4s}.service-mini-visual i:nth-child(4){left:78%;height:105px;animation-delay:.6s}@keyframes v9Bars{from{transform:scaleY(.75);opacity:.72}to{transform:scaleY(1.05);opacity:1}}@media(max-width:920px){.service-detail-grid{grid-template-columns:1fr}.service-list{grid-template-columns:1fr}.service-pillar-grid .service-pillar{min-height:auto}}


/* ================================
   DgnIA V11 - Illustrations services
================================ */
.service-card-thumb{display:block;width:100%;height:160px;object-fit:cover;border-radius:20px;margin:0 0 18px 0;border:1px solid rgba(34,211,238,.18);box-shadow:0 14px 38px rgba(0,0,0,.22)}
.service-pillar .icon{position:absolute;right:18px;top:18px;z-index:2;background:rgba(2,6,23,.72);backdrop-filter:blur(8px)}
.service-pillar h3{margin-top:4px}
.service-illustration{position:relative;margin:-4px 0 22px 0}
.service-illustration img{display:block;width:100%;height:260px;object-fit:cover;border-radius:22px;border:1px solid rgba(34,211,238,.20);box-shadow:0 18px 48px rgba(0,0,0,.28)}
.service-benefit-panel h3,.service-benefits,.service-mini-visual{position:relative;z-index:1}
@media(max-width:920px){.service-card-thumb{height:180px}.service-illustration img{height:220px}}
@media(max-width:600px){.service-card-thumb{height:150px}.service-pillar .icon{position:static;display:inline-flex;margin-bottom:12px}.service-illustration img{height:190px}}


/* ================================
   DgnIA V12 - Galerie premium services
================================ */
.service-card-thumb,
.service-illustration img{
  cursor:zoom-in;
  transition:transform .45s ease, filter .45s ease, box-shadow .45s ease, border-color .45s ease;
}

.service-card-thumb:hover,
.service-illustration img:hover{
  transform:scale(1.035);
  filter:saturate(1.12) contrast(1.05);
  border-color:rgba(34,211,238,.55);
  box-shadow:0 22px 70px rgba(0,0,0,.34),0 0 42px rgba(34,211,238,.18);
}

.service-illustration,
.service-pillar{
  isolation:isolate;
}

.service-illustration::after{
  content:"Agrandir";
  position:absolute;
  right:18px;
  bottom:18px;
  padding:9px 13px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.02em;
  color:#06111f;
  background:linear-gradient(135deg,#22d3ee,#67e8f9);
  box-shadow:0 10px 28px rgba(34,211,238,.18);
  opacity:0;
  transform:translateY(8px);
  transition:opacity .3s ease, transform .3s ease;
  pointer-events:none;
  z-index:2;
}

.service-illustration:hover::after{
  opacity:1;
  transform:translateY(0);
}

.dgnia-lightbox{
  position:fixed;
  inset:0;
  z-index:999999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:34px;
  background:
    radial-gradient(circle at 50% 20%,rgba(34,211,238,.16),transparent 42%),
    rgba(2,6,23,.92);
  backdrop-filter:blur(16px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .28s ease, visibility .28s ease;
}

.dgnia-lightbox.active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.dgnia-lightbox-inner{
  position:relative;
  width:min(1180px,94vw);
  max-height:88vh;
  border-radius:30px;
  border:1px solid rgba(34,211,238,.28);
  background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,6,23,.92));
  box-shadow:0 40px 120px rgba(0,0,0,.55),0 0 80px rgba(34,211,238,.14);
  overflow:hidden;
  transform:scale(.94) translateY(14px);
  transition:transform .28s ease;
}

.dgnia-lightbox.active .dgnia-lightbox-inner{
  transform:scale(1) translateY(0);
}

.dgnia-lightbox img{
  display:block;
  width:100%;
  max-height:76vh;
  object-fit:contain;
  background:#020617;
}

.dgnia-lightbox-caption{
  padding:16px 22px;
  color:#cbd5e1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-top:1px solid rgba(255,255,255,.08);
}

.dgnia-lightbox-caption strong{
  color:#fff;
}

.dgnia-lightbox-close{
  position:absolute;
  top:16px;
  right:16px;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(2,6,23,.72);
  color:#fff;
  font-size:26px;
  line-height:1;
  cursor:pointer;
  backdrop-filter:blur(10px);
  box-shadow:0 10px 28px rgba(0,0,0,.30);
  transition:transform .22s ease, background .22s ease, border-color .22s ease;
}

.dgnia-lightbox-close:hover{
  transform:scale(1.06);
  background:rgba(34,211,238,.18);
  border-color:rgba(34,211,238,.45);
}

body.dgnia-lightbox-open{
  overflow:hidden;
}

@media(max-width:700px){
  .dgnia-lightbox{
    padding:16px;
  }
  .dgnia-lightbox-inner{
    border-radius:22px;
  }
  .dgnia-lightbox-caption{
    font-size:14px;
    padding:14px 16px;
  }
  .dgnia-lightbox-close{
    top:10px;
    right:10px;
  }
}

@media(prefers-reduced-motion:reduce){
  .service-card-thumb,
  .service-illustration img,
  .dgnia-lightbox,
  .dgnia-lightbox-inner{
    transition:none!important;
  }
}

/* ================================
   DgnIA V13 - Performance visuelle
================================ */
.service-illustration img,.service-card-thumb{content-visibility:auto;}
img{max-width:100%;}
@media(prefers-reduced-data:reduce){
  .v8-hero #dgnia-particles{display:none!important;}
  .hero:before,.v8-hero:before{animation:none!important;}
}


/* ================================
   DgnIA V14 - IA Business prioritaire
================================ */
.ia-business-priority{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(34,211,238,.045),rgba(255,255,255,.018))}.ia-priority-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center}.ia-priority-visual{border-radius:30px;overflow:hidden;border:1px solid rgba(34,211,238,.24);box-shadow:0 28px 80px rgba(0,0,0,.34),0 0 60px rgba(34,211,238,.10);position:relative}.ia-priority-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(34,211,238,.10),transparent);transform:translateX(-80%);animation:v8LightSweep 6s ease-in-out infinite}.ia-priority-visual img{display:block;width:100%;height:390px;object-fit:cover}.ia-priority-content h2{font-size:clamp(34px,4vw,56px);line-height:1.05;margin:12px 0 18px}.ia-priority-content p{color:var(--muted);font-size:18px;max-width:760px}.ia-badges{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.ia-badges span{padding:11px 14px;border-radius:999px;background:rgba(34,211,238,.10);border:1px solid rgba(34,211,238,.22);color:#dffbff;font-weight:750;font-size:14px}.featured-ia-service{border-color:rgba(34,211,238,.50)!important;box-shadow:0 22px 70px rgba(34,211,238,.09),inset 0 0 0 1px rgba(34,211,238,.08)!important}.featured-ia-service:after{content:"Nouveau service";position:absolute;top:18px;left:18px;z-index:3;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,#22d3ee,#3b82f6);color:#06111f;font-weight:900;font-size:12px;box-shadow:0 0 24px rgba(34,211,238,.28)}.featured-ia-service .service-card-thumb{box-shadow:0 18px 48px rgba(34,211,238,.12)}.ia-business-focus-strip{padding-top:50px;padding-bottom:50px}.ia-focus-band{border-color:rgba(34,211,238,.30);background:linear-gradient(135deg,rgba(34,211,238,.10),rgba(255,255,255,.035));position:relative;overflow:hidden}.ia-focus-band:before{content:"";position:absolute;right:-80px;top:-90px;width:260px;height:260px;border-radius:50%;background:rgba(34,211,238,.15);filter:blur(45px)}.ia-focus-band>*{position:relative;z-index:1}.ia-business-page-hero{background:linear-gradient(90deg,rgba(2,6,23,.98),rgba(2,6,23,.68)),url('../../images/service-ia-business.webp') center/cover}.ia-business-page-hero h1 span{color:#22d3ee}.ia-hero-card{padding:0;overflow:hidden;border-radius:30px}.ia-hero-card img{display:block;width:100%;height:420px;object-fit:cover}.ia-business-offers .card{min-height:245px}@media(max-width:920px){.ia-priority-grid{grid-template-columns:1fr}.ia-priority-visual img,.ia-hero-card img{height:260px}.featured-ia-service:after{top:12px;left:12px}}
