/* =========================================================
   AJORIS, fichier 2 sur 3, les pages publiques.
   Accueil, services, réalisations, contact, demande,
   statut, pages légales, 404, réinitialisation.
   ========================================================= */

/* ---------------------------------------------------------
   Décors colorés réutilisables
   --------------------------------------------------------- */
.blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}
.blob-violet{background:rgba(139,92,246,.32)}
.blob-cyan{background:rgba(11,179,201,.26)}
.blob-amber{background:rgba(249,115,22,.20)}
.blob-rose{background:rgba(230,57,88,.18)}

.dotgrid{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(rgba(108,76,241,.16) 1px,transparent 1px);
  background-size:26px 26px;
  -webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 0%,transparent 75%);
  mask-image:radial-gradient(70% 60% at 50% 30%,#000 0%,transparent 75%);
}

/* ---------------------------------------------------------
   Héros d'accueil
   --------------------------------------------------------- */
.hero{position:relative;overflow:hidden;padding:76px 0 110px;background:linear-gradient(180deg,#FFFFFF 0%,#F7F8FE 100%)}
.hero .blob-violet{width:520px;height:520px;top:-200px;left:-160px}
.hero .blob-cyan{width:440px;height:440px;top:-120px;right:-120px}
.hero .blob-amber{width:340px;height:340px;bottom:-180px;left:38%}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center}

.hero-copy h1{margin:20px 0 0}
.hero-lead{color:var(--muted);font-size:1.1rem;margin-top:20px;max-width:54ch}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}
.hero-trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:32px}
.hero-trust span{display:inline-flex;align-items:center;gap:9px;font-size:.87rem;font-weight:600;color:var(--muted)}
.hero-trust span i{
  width:19px;height:19px;border-radius:50%;flex:none;
  display:grid;place-items:center;font-style:normal;font-size:.62rem;
  background:var(--green-soft);color:var(--green-ink);
}
.hero-trust span i:after{content:"✓"}

.badge-free{
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 17px 8px 11px;border-radius:999px;
  background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);
  font-size:.83rem;font-weight:650;color:var(--text);
}
.badge-free b{
  display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;
  background:var(--grad-brand);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.02em;
}

/* --- visuel du héros, le trio site, application et bot --- */
.showcase{position:relative}
.showcase-window{
  position:relative;z-index:1;background:#fff;border:1px solid var(--line);
  border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lift);
}
.showcase-bar{
  display:flex;align-items:center;gap:8px;padding:12px 16px;
  background:var(--panel-2);border-bottom:1px solid var(--line);
}
.showcase-bar i{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}
.showcase-bar i:nth-child(1){background:#FF6058}
.showcase-bar i:nth-child(2){background:#FFBD2E}
.showcase-bar i:nth-child(3){background:#28C840}
.showcase-bar span{
  margin-left:8px;font-family:var(--font-mono);font-size:.72rem;color:var(--muted-dim);
  background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 12px;
}
.showcase-body{padding:20px 20px 70px}
.showcase-hero-row{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.showcase-avatar{
  width:44px;height:44px;border-radius:14px;flex:none;
  background:var(--grad-vivid);
}
.showcase-lines{flex:1;display:flex;flex-direction:column;gap:7px}
.showcase-lines b{display:block;height:9px;border-radius:999px;background:var(--panel-3)}
.showcase-lines b:first-child{width:62%;background:var(--indigo-soft)}
.showcase-lines b:last-child{width:40%}
.showcase-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.showcase-tile{
  border-radius:14px;padding:13px;border:1px solid var(--line);
  display:flex;flex-direction:column;gap:7px;
}
.showcase-tile small{
  font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);
}
.showcase-tile.t-1 small{color:var(--indigo-ink)}
.showcase-tile.t-2 small{color:var(--cyan-ink)}
.showcase-tile.t-3 small{color:var(--amber-ink)}
.showcase-tile strong{font-family:var(--font-display);font-size:1.02rem}
.showcase-tile i{display:block;height:5px;border-radius:999px;background:rgba(255,255,255,.75)}
.showcase-tile.t-1{background:var(--indigo-soft);border-color:transparent}
.showcase-tile.t-1 strong{color:var(--indigo-dark)}
.showcase-tile.t-2{background:var(--cyan-soft);border-color:transparent}
.showcase-tile.t-2 strong{color:var(--cyan-ink)}
.showcase-tile.t-3{background:var(--amber-soft);border-color:transparent}
.showcase-tile.t-3 strong{color:var(--amber-ink)}
.showcase-chart{
  display:flex;align-items:flex-end;gap:8px;height:84px;margin-top:20px;
  padding-top:14px;border-top:1px solid var(--line);
}
.showcase-chart span{flex:1;border-radius:5px 5px 2px 2px;background:#DCD3FD}
.showcase-chart span:nth-child(3n){background:#BFEAF0}
.showcase-chart span:nth-child(4n){background:#F6D9BC}
.showcase-chart span:last-child{background:var(--grad-vivid)}

.showcase-float{
  position:absolute;z-index:2;background:#fff;border:1px solid var(--line);
  border-radius:16px;padding:14px 16px;box-shadow:0 24px 50px -22px rgba(24,29,66,.35);
}
.float-bot{left:-38px;bottom:-30px;width:252px;display:flex;gap:12px;align-items:flex-start}
.float-bot .bot-avatar{
  width:36px;height:36px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:linear-gradient(135deg,#6C4CF1,#2FA8F5);color:#fff;font-weight:700;font-size:.9rem;
}
.float-bot .bot-copy{min-width:0}
.float-bot .bot-copy strong{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700}
.float-bot .bot-copy strong em{
  font-style:normal;background:var(--indigo);color:#fff;border-radius:5px;
  font-size:.55rem;padding:1px 5px;letter-spacing:.06em;text-transform:uppercase;
}
.float-bot .bot-copy code{
  display:block;font-family:var(--font-mono);font-size:.76rem;color:var(--indigo-dark);
  margin-top:4px;
}
.float-bot .bot-copy small{display:block;color:var(--muted-dim);font-size:.75rem;margin-top:3px}

.float-live{
  right:-22px;top:-22px;display:flex;align-items:center;gap:11px;
}
.float-live i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px var(--green-soft)}
.float-live small{display:block;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted-dim)}
.float-live strong{font-size:.88rem;font-weight:700}

.float-price{
  right:-26px;bottom:-24px;text-align:center;padding:16px 24px;
  background:var(--grad-brand);border-color:transparent;color:#fff;
  box-shadow:0 26px 50px -20px rgba(108,76,241,.7);
}
.float-price strong{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:800;line-height:1}
.float-price small{display:block;font-size:.72rem;opacity:.9;margin-top:4px;letter-spacing:.04em}

/* ---------------------------------------------------------
   Bandeau d'expertises
   --------------------------------------------------------- */
.marquee{border-block:1px solid var(--line);background:#fff;padding:20px 0}
.marquee-inner{
  display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;
  font-family:var(--font-mono);font-size:.74rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted-dim);font-weight:600;
}
.marquee-inner i{width:5px;height:5px;border-radius:50%;background:var(--line-strong)}

/* ---------------------------------------------------------
   Les trois piliers (bot / application / site web)
   --------------------------------------------------------- */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pillar{
  position:relative;overflow:hidden;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:30px;display:flex;flex-direction:column;
  box-shadow:var(--shadow-sm);
  transition:transform .25s ease,box-shadow .28s ease,border-color .25s ease;
}
.pillar:hover{transform:translateY(-6px);box-shadow:var(--shadow-lift);border-color:transparent}
.pillar:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--accent,var(--grad-brand))}
.pillar-icon{
  width:56px;height:56px;border-radius:18px;display:grid;place-items:center;
  background:var(--accent-soft,var(--indigo-soft));color:var(--accent-ink,var(--indigo));
  margin-bottom:20px;
}
.pillar-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pillar h3{font-size:1.35rem;font-weight:800}
.pillar>p{color:var(--muted);font-size:.94rem;margin-top:11px}
.pillar-list{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.pillar-list li{position:relative;padding-left:24px;font-size:.88rem;color:var(--muted)}
.pillar-list li:before{
  content:"";position:absolute;left:0;top:7px;width:13px;height:13px;border-radius:50%;
  background:var(--accent-soft,var(--indigo-soft));
  box-shadow:inset 0 0 0 3px var(--accent-ink,var(--indigo));
}
.pillar-foot{margin-top:auto;padding-top:22px}
.pillar-foot .text-link{color:var(--accent-ink,var(--indigo))}

.pillar.p-bot{--accent:linear-gradient(90deg,#6C4CF1,#8B5CF6);--accent-soft:var(--indigo-soft);--accent-ink:var(--indigo)}
.pillar.p-app{--accent:linear-gradient(90deg,#0BB3C9,#2FA8F5);--accent-soft:var(--cyan-soft);--accent-ink:var(--cyan-ink)}
.pillar.p-web{--accent:linear-gradient(90deg,#F97316,#E63958);--accent-soft:var(--amber-soft);--accent-ink:var(--amber-ink)}

/* ---------------------------------------------------------
   Grille de services
   --------------------------------------------------------- */
.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.svc{
  position:relative;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm);
  transition:transform .24s ease,box-shadow .26s ease,border-color .24s ease;
}
.svc:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--line-strong)}
.svc-icon{
  width:50px;height:50px;border-radius:16px;display:grid;place-items:center;
  background:var(--accent-soft,var(--indigo-soft));color:var(--accent-ink,var(--indigo));margin-bottom:18px;
}
.svc-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.svc-num{
  position:absolute;top:24px;right:26px;
  font-family:var(--font-mono);font-size:.74rem;font-weight:600;color:var(--muted-dim);
}
.svc h3{font-size:1.12rem}
.svc p{color:var(--muted);font-size:.9rem;margin-top:9px}

.svc.a-indigo{--accent-soft:var(--indigo-soft);--accent-ink:var(--indigo)}
.svc.a-cyan{--accent-soft:var(--cyan-soft);--accent-ink:var(--cyan-ink)}
.svc.a-amber{--accent-soft:var(--amber-soft);--accent-ink:var(--amber-ink)}
.svc.a-green{--accent-soft:var(--green-soft);--accent-ink:var(--green-ink)}
.svc.a-rose{--accent-soft:var(--rose-soft);--accent-ink:var(--rose-ink)}
.svc.a-fuchsia{--accent-soft:var(--fuchsia-soft);--accent-ink:var(--fuchsia-ink)}
.svc.a-blue{--accent-soft:var(--blue-soft);--accent-ink:var(--blue-ink)}

/* ---------------------------------------------------------
   Bandeau « gratuit »
   --------------------------------------------------------- */
.free-band{
  position:relative;overflow:hidden;border-radius:var(--radius-lg);
  background:var(--grad-brand);color:#fff;padding:52px;
  box-shadow:0 40px 80px -34px rgba(108,76,241,.65);
}
.free-band:before{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1px);
  background-size:22px 22px;opacity:.5;
}
.free-band-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.free-band .section-kicker{color:rgba(255,255,255,.9)}
.free-band .section-kicker:before{background:rgba(255,255,255,.7)}
.free-band h2{color:#fff}
.free-band>.free-band-inner>div>p{color:rgba(255,255,255,.86);margin-top:16px;font-size:1rem}
.free-points{display:grid;gap:14px}
.free-point{
  display:flex;gap:15px;align-items:flex-start;
  background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);
  border-radius:var(--radius-md);padding:18px 20px;
  backdrop-filter:blur(6px);
}
.free-point span{
  width:36px;height:36px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(255,255,255,.92);color:var(--indigo-dark);font-weight:800;font-size:.9rem;
}
.free-point strong{display:block;font-family:var(--font-display);font-size:1rem}
.free-point small{display:block;color:rgba(255,255,255,.82);font-size:.85rem;margin-top:3px;line-height:1.55}

/* ---------------------------------------------------------
   Réalisations
   --------------------------------------------------------- */
.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.work-card{
  display:flex;flex-direction:column;overflow:hidden;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);
  transition:transform .24s ease,box-shadow .26s ease;
}
.work-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.work-top{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 22px;border-bottom:1px solid var(--line);
  font-family:var(--font-mono);font-size:.68rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--muted-dim);font-weight:600;
}
.work-visual{
  height:172px;padding:18px;display:flex;flex-direction:column;justify-content:center;gap:10px;
  background:var(--accent-soft,var(--indigo-soft));
}
.work-visual .wv-row{display:flex;gap:9px;align-items:center}
.work-visual .wv-pill{
  background:#fff;border-radius:10px;padding:9px 12px;font-size:.76rem;font-weight:650;
  box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;gap:7px;
}
.work-visual .wv-pill b{width:7px;height:7px;border-radius:50%;background:var(--accent-ink,var(--indigo))}
.work-visual .wv-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.9)}
.work-visual .wv-bar.w-70{width:70%}
.work-visual .wv-bar.w-45{width:45%}
.work-visual .wv-bars{display:flex;align-items:flex-end;gap:6px;height:56px}
.work-visual .wv-bars span{flex:1;border-radius:5px 5px 2px 2px;background:var(--accent-ink,var(--indigo));opacity:.34}
.work-body{padding:22px;flex:1;display:flex;flex-direction:column}
.work-body h3{font-size:1.1rem}
.work-body p{color:var(--muted);font-size:.9rem;margin-top:9px}
.work-card.a-indigo{--accent-soft:var(--indigo-soft);--accent-ink:var(--indigo)}
.work-card.a-cyan{--accent-soft:var(--cyan-soft);--accent-ink:var(--cyan-ink)}
.work-card.a-amber{--accent-soft:var(--amber-soft);--accent-ink:var(--amber-ink)}
.work-card.a-green{--accent-soft:var(--green-soft);--accent-ink:var(--green-ink)}
.work-card.a-fuchsia{--accent-soft:var(--fuchsia-soft);--accent-ink:var(--fuchsia-ink)}

/* ---------------------------------------------------------
   Pourquoi / arguments
   --------------------------------------------------------- */
.why-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:start}
.why-copy p{color:var(--muted);margin-top:16px;font-size:1rem}
.why-copy .btn{margin-top:26px}
.why-list{display:grid;gap:14px}
.why-list article{
  display:flex;gap:18px;align-items:flex-start;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:22px;
  transition:border-color .2s ease,box-shadow .22s ease,transform .2s ease;
}
.why-list article:hover{border-color:transparent;box-shadow:var(--shadow);transform:translateX(4px)}
.why-list article>span{
  width:38px;height:38px;border-radius:12px;flex:none;display:grid;place-items:center;
  font-family:var(--font-mono);font-size:.8rem;font-weight:700;
  background:var(--indigo-soft);color:var(--indigo);
}
.why-list article:nth-child(2)>span{background:var(--cyan-soft);color:var(--cyan-ink)}
.why-list article:nth-child(3)>span{background:var(--amber-soft);color:var(--amber-ink)}
.why-list article:nth-child(4)>span{background:var(--green-soft);color:var(--green-ink)}
.why-list h3{font-size:1.02rem}
.why-list p{color:var(--muted);font-size:.88rem;margin-top:5px}

/* ---------------------------------------------------------
   Étapes / processus
   --------------------------------------------------------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.steps:before{
  content:"";position:absolute;top:29px;left:8%;right:8%;height:2px;
  background:linear-gradient(90deg,var(--indigo-soft),var(--cyan-soft),var(--amber-soft),var(--green-soft));
}
.step{position:relative;text-align:left}
.step-num{
  width:58px;height:58px;border-radius:20px;display:grid;place-items:center;
  background:#fff;border:2px solid var(--line);
  font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:var(--indigo);
  margin-bottom:20px;position:relative;z-index:1;box-shadow:var(--shadow-sm);
}
.step:nth-child(2) .step-num{color:var(--cyan-ink)}
.step:nth-child(3) .step-num{color:var(--amber-ink)}
.step:nth-child(4) .step-num{color:var(--green-ink)}
.step h3{font-size:1.05rem}
.step p{color:var(--muted);font-size:.89rem;margin-top:8px}

/* ---------------------------------------------------------
   Espace client (vitrine)
   --------------------------------------------------------- */
.space-grid{
  display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:48px;box-shadow:var(--shadow-sm);
}
.space-copy p{color:var(--muted);margin-top:16px}
.space-features{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:28px 0}
.space-features div{
  display:flex;align-items:center;gap:11px;
  background:var(--panel-2);border-radius:12px;padding:12px 14px;
  font-size:.87rem;font-weight:600;
}
.space-features div b{
  font-family:var(--font-mono);font-size:.72rem;color:var(--indigo);
}

.mock{
  background:var(--panel-2);border:1px solid var(--line);
  border-radius:var(--radius-md);padding:20px;
}
.mock-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.mock-top small{display:block;font-family:var(--font-mono);font-size:.63rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-dim)}
.mock-top strong{font-family:var(--font-display);font-size:.98rem}
.mock-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:11px;margin-bottom:16px}
.mock-stats div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px}
.mock-stats small{display:block;color:var(--muted-dim);font-size:.72rem}
.mock-stats strong{display:block;font-family:var(--font-display);font-size:1.15rem;margin-top:3px}
.mock-stats span{display:block;color:var(--muted-dim);font-size:.7rem;margin-top:2px}
.mock-progress{height:6px;border-radius:999px;background:var(--panel-3);overflow:hidden;margin-top:7px}
.mock-progress i{display:block;height:100%;width:82%;border-radius:999px;background:var(--grad-brand)}
.mock-feed{background:#fff;border:1px solid var(--line);border-radius:13px;padding:6px 0}
.mock-feed-head{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px 16px;border-bottom:1px solid var(--line);
}
.mock-feed-head strong{font-size:.88rem}
.mock-feed-head span{color:var(--indigo);font-size:.78rem;font-weight:650}
.mock-feed-row{display:flex;align-items:center;gap:12px;padding:11px 16px}
.mock-feed-row i{
  width:24px;height:24px;border-radius:8px;flex:none;display:grid;place-items:center;
  font-style:normal;font-size:.7rem;background:var(--green-soft);color:var(--green-ink);
}
.mock-feed-row i.now{background:var(--blue-soft);color:var(--blue-ink)}
.mock-feed-row b{display:block;font-size:.85rem;font-weight:650}
.mock-feed-row small{display:block;color:var(--muted-dim);font-size:.74rem}
.mock-feed-row span{flex:1;min-width:0}
.mock-feed-row time{color:var(--muted-dim);font-family:var(--font-mono);font-size:.72rem}

/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */
.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.faq-intro p{color:var(--muted);margin-top:14px}
.faq-intro .text-link{margin-top:20px}
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-list details,.faq-v2 details{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);
  padding:6px 22px;transition:border-color .2s ease,box-shadow .22s ease;
}
.faq-list details[open],.faq-v2 details[open]{border-color:transparent;box-shadow:var(--shadow)}
.faq-list summary,.faq-v2 summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 0;cursor:pointer;list-style:none;
  font-family:var(--font-display);font-weight:700;font-size:1rem;
}
.faq-list summary::-webkit-details-marker,.faq-v2 summary::-webkit-details-marker{display:none}
.faq-list summary span,.faq-v2 summary span{
  width:28px;height:28px;border-radius:9px;flex:none;display:grid;place-items:center;
  background:var(--indigo-soft);color:var(--indigo);font-size:1rem;font-weight:700;
  transition:transform .24s ease,background .2s ease,color .2s ease;
}
.faq-list details[open] summary span,.faq-v2 details[open] summary span{transform:rotate(45deg);background:var(--indigo);color:#fff}
.faq-list details p,.faq-v2 details p{color:var(--muted);font-size:.92rem;padding-bottom:20px;max-width:70ch}

/* ---------------------------------------------------------
   Appel à l'action final
   --------------------------------------------------------- */
.cta-band{
  position:relative;overflow:hidden;text-align:center;
  border-radius:var(--radius-lg);padding:64px 40px;
  background:linear-gradient(180deg,#FFFFFF,#F5F6FE);
  border:1px solid var(--line);box-shadow:var(--shadow);
}
.cta-band .blob-violet{width:360px;height:360px;top:-180px;left:-60px}
.cta-band .blob-cyan{width:320px;height:320px;bottom:-190px;right:-50px}
.cta-band>*{position:relative;z-index:1}
.cta-band .section-kicker{justify-content:center}
.cta-band p{color:var(--muted);margin:16px auto 0;max-width:60ch}
.cta-actions{display:flex;gap:13px;justify-content:center;flex-wrap:wrap;margin-top:30px}

/* ---------------------------------------------------------
   Héros des pages internes
   --------------------------------------------------------- */
.page-hero{
  position:relative;overflow:hidden;padding:66px 0 54px;
  background:linear-gradient(180deg,#FFFFFF,#F7F8FE);
  border-bottom:1px solid var(--line);
}
.page-hero .blob-violet{width:400px;height:400px;top:-220px;left:-120px}
.page-hero .blob-cyan{width:340px;height:340px;top:-160px;right:-100px}
.page-hero .container{position:relative;z-index:1;max-width:820px}
.page-hero h1{margin-top:18px}
.page-hero>.container>p{color:var(--muted);font-size:1.05rem;margin-top:18px;max-width:64ch}
.page-hero-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px}
.page-hero-meta span{display:inline-flex;align-items:center;gap:9px;font-size:.86rem;font-weight:600;color:var(--muted)}
.page-hero-meta span i{width:7px;height:7px;border-radius:50%;background:var(--indigo);flex:none}
.page-hero-meta span:nth-child(2) i{background:var(--cyan)}
.page-hero-meta span:nth-child(3) i{background:var(--amber)}

/* ---------------------------------------------------------
   Blocs propres à la page Réalisations
   --------------------------------------------------------- */
.caps{border-block:1px solid var(--line);background:#fff;padding:26px 0}
.caps-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.caps-inner div small{
  display:block;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted-dim);margin-bottom:5px;
}
.caps-inner div strong{font-family:var(--font-display);font-size:1rem}

.case{
  display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:38px;margin-bottom:22px;box-shadow:var(--shadow-sm);
}
.case-visual{
  border-radius:var(--radius-md);padding:26px;
  background:var(--accent-soft,var(--indigo-soft));
  display:flex;flex-direction:column;gap:14px;
}
.case-kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-mono);font-size:.68rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--accent-ink,var(--indigo));font-weight:650;
}
.case-copy h3{font-size:1.5rem;margin-top:12px}
.case-copy>p{color:var(--muted);margin-top:12px}
.case-points{display:grid;gap:12px;margin-top:22px}
.case-points div{display:flex;gap:13px;align-items:flex-start}
.case-points span{
  width:26px;height:26px;border-radius:9px;flex:none;display:grid;place-items:center;
  font-family:var(--font-mono);font-size:.7rem;font-weight:700;
  background:var(--indigo-soft);color:var(--indigo);
}
.case-points p{font-size:.9rem;color:var(--muted)}
.case-points p b{color:var(--text);font-weight:700}
.case.a-cyan{--accent-soft:var(--cyan-soft);--accent-ink:var(--cyan-ink)}
.case.a-amber{--accent-soft:var(--amber-soft);--accent-ink:var(--amber-ink)}

.chatmock{background:#fff;border-radius:14px;padding:16px;box-shadow:var(--shadow-sm)}
.chatmock-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.chatmock-head span{width:28px;height:28px;border-radius:9px;background:var(--grad-brand);color:#fff;display:grid;place-items:center;font-size:.8rem}
.chatmock-head b{font-size:.9rem}
.chatmock-head i{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--green)}
.chatmock-msg{display:flex;gap:11px;margin-top:14px}
.chatmock-msg .av{width:30px;height:30px;border-radius:10px;flex:none;background:var(--indigo-soft);color:var(--indigo);display:grid;place-items:center;font-weight:700;font-size:.8rem}
.chatmock-msg .body{flex:1;min-width:0}
.chatmock-msg .body b{display:block;font-family:var(--font-mono);font-size:.8rem;color:var(--indigo-dark)}
.chatmock-msg .body small{display:block;color:var(--muted);font-size:.8rem;margin-top:3px}
.chatmock-msg .body .btns{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}
.chatmock-msg .body .btns i{
  font-style:normal;font-size:.72rem;font-weight:650;padding:5px 11px;border-radius:8px;
  background:var(--panel-3);color:var(--muted);
}

.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kpis div{background:#fff;border-radius:12px;padding:12px;box-shadow:var(--shadow-sm)}
.kpis small{display:block;color:var(--muted-dim);font-size:.7rem}
.kpis b{display:block;font-family:var(--font-display);font-size:1.05rem;margin-top:2px}
.minibars{display:flex;align-items:flex-end;gap:6px;height:62px}
.minibars span{flex:1;border-radius:5px 5px 2px 2px;height:var(--h,50%);background:var(--accent-ink,var(--indigo));opacity:.34}

.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.module{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:24px;position:relative;box-shadow:var(--shadow-sm);
  transition:transform .22s ease,box-shadow .24s ease;
}
.module:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.module>span{
  position:absolute;top:22px;right:24px;font-family:var(--font-mono);
  font-size:.72rem;color:var(--muted-dim);
}
.module-icon{
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  font-size:1.05rem;margin-bottom:16px;
  background:var(--indigo-soft);color:var(--indigo);
}
.module:nth-child(2) .module-icon{background:var(--cyan-soft);color:var(--cyan-ink)}
.module:nth-child(3) .module-icon{background:var(--amber-soft);color:var(--amber-ink)}
.module:nth-child(4) .module-icon{background:var(--green-soft);color:var(--green-ink)}
.module:nth-child(5) .module-icon{background:var(--fuchsia-soft);color:var(--fuchsia-ink)}
.module:nth-child(6) .module-icon{background:var(--rose-soft);color:var(--rose-ink)}
.module h3{font-size:1.02rem}
.module p{color:var(--muted);font-size:.87rem;margin-top:8px}

.arch{
  display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:38px;box-shadow:var(--shadow-sm);
}
.arch-side{display:grid;gap:13px}
.arch-side div{
  display:flex;align-items:center;gap:13px;
  background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:14px 16px;
}
.arch-side i{
  width:34px;height:34px;border-radius:11px;flex:none;display:grid;place-items:center;
  font-style:normal;background:var(--indigo-soft);color:var(--indigo);
}
.arch-right i{background:var(--cyan-soft);color:var(--cyan-ink)}
.arch-side small{display:block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted-dim)}
.arch-side strong{font-size:.92rem}
.arch-core{
  width:190px;text-align:center;border-radius:24px;padding:28px 20px;
  background:var(--grad-brand);color:#fff;
  box-shadow:0 26px 50px -22px rgba(108,76,241,.7);
}
.arch-core small{display:block;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;opacity:.85;margin-top:10px}
.arch-core strong{display:block;font-family:var(--font-display);font-size:1.15rem;font-weight:800;margin-top:4px}
.arch-core span{display:block;font-size:.76rem;opacity:.85;margin-top:6px}
.arch-core .mark{width:46px;height:46px;border-radius:15px;margin:0 auto;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:1.2rem}

/* ---------------------------------------------------------
   Contact & formulaire de demande
   --------------------------------------------------------- */
.form-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:start}
.side-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:28px;box-shadow:var(--shadow-sm);
}
.side-card+.side-card{margin-top:20px}
.side-card h3{font-size:1.05rem}
.side-card>p{color:var(--muted);font-size:.9rem;margin-top:10px}
.side-list{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.side-item{display:flex;gap:13px;align-items:flex-start}
.side-icon{
  width:36px;height:36px;border-radius:12px;flex:none;display:grid;place-items:center;
  background:var(--indigo-soft);color:var(--indigo);font-size:.95rem;
}
.side-item:nth-child(2) .side-icon{background:var(--cyan-soft);color:var(--cyan-ink)}
.side-item:nth-child(3) .side-icon{background:var(--amber-soft);color:var(--amber-ink)}
.side-item:nth-child(4) .side-icon{background:var(--green-soft);color:var(--green-ink)}
.side-item strong{display:block;font-size:.92rem;font-weight:650}
.side-item small{display:block;color:var(--muted-dim);font-size:.82rem;margin-top:2px}

.free-note{
  display:flex;gap:13px;align-items:flex-start;
  background:var(--green-soft);border-radius:var(--radius-md);padding:18px 20px;
}
.free-note i{
  width:32px;height:32px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:#fff;color:var(--green-ink);font-style:normal;font-weight:700;
}
.free-note strong{display:block;font-size:.92rem;color:var(--green-ink)}
.free-note small{display:block;color:var(--green-ink);font-size:.83rem;margin-top:3px;line-height:1.55}

.journey{display:flex;flex-direction:column;gap:0;margin-top:20px}
.journey-item{display:flex;gap:15px;padding-bottom:22px;position:relative}
.journey-item:last-child{padding-bottom:0}
.journey-item:not(:last-child):before{
  content:"";position:absolute;left:15px;top:34px;bottom:6px;width:2px;background:var(--line);
}
.journey-item span{
  width:32px;height:32px;border-radius:11px;flex:none;display:grid;place-items:center;
  font-family:var(--font-mono);font-size:.72rem;font-weight:700;position:relative;z-index:1;
  background:var(--indigo-soft);color:var(--indigo);
}
.journey-item.is-done span{background:var(--green-soft);color:var(--green-ink)}
.journey-item strong{display:block;font-size:.92rem}
.journey-item small{display:block;color:var(--muted-dim);font-size:.82rem;margin-top:2px}

.form-section{margin-bottom:30px}
.form-section:last-of-type{margin-bottom:0}
.form-section-head{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.form-section-head span{
  font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--indigo);font-weight:650;
}
.form-section-head h3{font-size:1.08rem;margin-top:6px}
.form-section-head p{color:var(--muted);font-size:.87rem;margin-top:5px}

.auth-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:32px;box-shadow:var(--shadow);
  display:flex;flex-direction:column;gap:18px;
}
.auth-actions{display:flex;flex-direction:column;gap:14px;margin-top:4px}
.auth-links{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.85rem}
.auth-links a{color:var(--indigo);font-weight:600}
.auth-links a:hover{color:var(--indigo-dark)}
.auth-tabs,.order-auth-tabs{
  display:flex;gap:6px;background:var(--panel-2);border-radius:14px;padding:5px;
}
.auth-tabs button,.order-auth-tabs button{
  flex:1;padding:9px 14px;border-radius:10px;border:0;cursor:pointer;background:none;
  font-size:.88rem;font-weight:650;color:var(--muted);transition:background .18s ease,color .18s ease;
}
.auth-tabs button.active,.order-auth-tabs button.active{background:#fff;color:var(--indigo);box-shadow:var(--shadow-sm)}

.session-bar,.order-session-bar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  background:var(--indigo-soft);border-radius:var(--radius-md);padding:14px 20px;
  font-size:.9rem;margin-bottom:22px;
}
.order-session-user{display:flex;align-items:center;gap:11px;font-weight:600}
.order-session-user b{
  width:32px;height:32px;border-radius:11px;display:grid;place-items:center;
  background:var(--indigo);color:#fff;font-size:.85rem;
}

/* ---------------------------------------------------------
   Page de confirmation de commande
   --------------------------------------------------------- */
.confirm-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:40px;box-shadow:var(--shadow);text-align:center;max-width:720px;margin:0 auto;
}
.confirm-mark{
  width:74px;height:74px;border-radius:26px;margin:0 auto 24px;
  display:grid;place-items:center;font-size:1.9rem;
  background:var(--green-soft);color:var(--green-ink);
}
.confirm-ref{
  display:inline-flex;align-items:center;gap:11px;margin-top:22px;
  background:var(--panel-2);border:1px dashed var(--line-strong);border-radius:14px;
  padding:14px 22px;font-family:var(--font-mono);font-size:1rem;font-weight:600;
}
.confirm-ref small{font-family:var(--font-body);font-size:.75rem;color:var(--muted-dim);letter-spacing:.1em;text-transform:uppercase}
.confirm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;text-align:left}
.confirm-step{background:var(--panel-2);border-radius:var(--radius-md);padding:20px}
.confirm-step span{
  width:32px;height:32px;border-radius:11px;display:grid;place-items:center;margin-bottom:12px;
  font-family:var(--font-mono);font-size:.74rem;font-weight:700;background:#fff;color:var(--indigo);
}
.confirm-step strong{display:block;font-size:.94rem}
.confirm-step small{display:block;color:var(--muted);font-size:.83rem;margin-top:5px;line-height:1.55}

/* ---------------------------------------------------------
   Page Statut
   --------------------------------------------------------- */
.status-section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.status-section-head h2{font-size:1.4rem}
.status-auto-refresh{display:inline-flex;align-items:center;gap:10px;color:var(--muted-dim);font-size:.83rem}

.status-overall-card{
  display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:26px 30px;box-shadow:var(--shadow-sm);margin-bottom:28px;
}
.status-overall-card strong{font-family:var(--font-display);font-size:1.25rem;font-weight:800}
.status-overall-card.operational{background:var(--green-soft);border-color:transparent}
.status-overall-card.degraded{background:var(--amber-soft);border-color:transparent}
.status-overall-card.maintenance{background:var(--fuchsia-soft);border-color:transparent}
.status-overall-card.outage{background:var(--rose-soft);border-color:transparent}
.status-overall-light{width:16px;height:16px;border-radius:50%;flex:none;background:var(--muted-dim)}
.status-overall-light.operational{background:var(--green);box-shadow:0 0 0 6px rgba(15,169,104,.18)}
.status-overall-light.degraded{background:var(--amber);box-shadow:0 0 0 6px rgba(224,138,0,.18)}
.status-overall-light.maintenance{background:var(--fuchsia);box-shadow:0 0 0 6px rgba(217,70,239,.18)}
.status-overall-light.outage{background:var(--rose);box-shadow:0 0 0 6px rgba(230,57,88,.18)}
.status-overall-light.unknown{background:var(--muted-dim);box-shadow:0 0 0 6px rgba(137,144,172,.16)}

.status-component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.status-component-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);
  padding:20px;box-shadow:var(--shadow-sm);
}
.status-component-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.status-component-top>div{display:flex;align-items:center;gap:10px;min-width:0}
.status-component-top strong{font-size:.96rem;font-weight:650}
.status-component-dot{width:10px;height:10px;border-radius:50%;flex:none;background:var(--muted-dim)}
.status-component-dot.operational{background:var(--green)}
.status-component-dot.degraded{background:var(--amber)}
.status-component-dot.maintenance{background:var(--fuchsia)}
.status-component-dot.outage{background:var(--rose)}
.status-component-state{
  padding:4px 11px;border-radius:999px;font-size:.74rem;font-weight:650;
  background:var(--panel-3);color:var(--muted);white-space:nowrap;
}
.status-component-state.operational{background:var(--green-soft);color:var(--green-ink)}
.status-component-state.degraded{background:var(--amber-soft);color:var(--amber-ink)}
.status-component-state.maintenance{background:var(--fuchsia-soft);color:var(--fuchsia-ink)}
.status-component-state.outage{background:var(--rose-soft);color:var(--rose-ink)}
.status-uptime{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;color:var(--muted-dim);font-size:.8rem}
.status-uptime b{color:var(--text);font-weight:700}

.status-incidents{display:flex;flex-direction:column;gap:24px}
.status-incident-group{display:flex;flex-direction:column;gap:12px}
.status-incident-group-title{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted-dim);font-weight:600;
}
.status-incident-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);
  padding:20px;box-shadow:var(--shadow-sm);
}
.status-incident-line{display:flex;gap:15px;align-items:flex-start}
.status-incident-mark{width:10px;height:10px;border-radius:50%;flex:none;margin-top:6px;background:var(--muted-dim)}
.status-incident-mark.critical{background:var(--rose)}
.status-incident-mark.major{background:var(--amber)}
.status-incident-mark.minor{background:var(--blue)}
.status-incident-mark.maintenance{background:var(--fuchsia)}
.status-incident-mark.resolved{background:var(--green)}
.status-incident-main{flex:1;min-width:0}
.status-incident-head{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.status-incident-head span{display:block;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted-dim)}
.status-incident-head strong{display:block;font-family:var(--font-display);font-size:1rem;margin-top:3px}
.status-incident-state{
  padding:4px 11px;border-radius:999px;font-size:.73rem;font-weight:650;height:fit-content;
  background:var(--panel-3);color:var(--muted);
}
.status-incident-state.resolved{background:var(--green-soft);color:var(--green-ink)}
.status-incident-state.critical{background:var(--rose-soft);color:var(--rose-ink)}
.status-incident-state.major{background:var(--amber-soft);color:var(--amber-ink)}
.status-incident-state.maintenance{background:var(--fuchsia-soft);color:var(--fuchsia-ink)}
.status-incident-main p{color:var(--muted);font-size:.9rem;margin-top:10px}
.status-incident-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;color:var(--muted-dim);font-size:.79rem}

.status-empty-card{
  background:#fff;border:1px dashed var(--line-strong);border-radius:var(--radius-md);
  padding:38px 26px;text-align:center;
}
.status-empty-card strong{display:block;font-family:var(--font-display);font-size:1.05rem}
.status-empty-card p{color:var(--muted);font-size:.9rem;margin-top:7px}
.status-empty-icon{
  width:50px;height:50px;border-radius:17px;margin:0 auto 15px;
  display:grid;place-items:center;font-size:1.25rem;
  background:var(--panel-3);color:var(--muted);
}
.status-all-clear{border-color:transparent;background:var(--green-soft)}
.status-all-clear .status-empty-icon{background:#fff;color:var(--green-ink)}
.status-error-card{border-color:transparent;background:var(--rose-soft)}
.status-error-card .status-empty-icon{background:#fff;color:var(--rose)}
.status-loading-card{padding:34px;text-align:center;color:var(--muted-dim)}

.status-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.status-info-card{
  background:var(--panel-2);border:1px solid var(--line);
  border-radius:var(--radius-md);padding:22px;
}
.status-info-card h3{font-size:.98rem}
.status-info-card p{color:var(--muted);font-size:.87rem;margin-top:8px}

/* ---------------------------------------------------------
   Pages légales
   --------------------------------------------------------- */
.legal-layout{display:grid;grid-template-columns:250px 1fr;gap:52px;align-items:start}
.legal-layout>*{min-width:0}
.legal-toc{
  position:sticky;top:100px;
  background:var(--panel-2);border:1px solid var(--line);
  border-radius:var(--radius-md);padding:22px;
}
.legal-toc strong{
  display:block;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted-dim);margin-bottom:14px;
}
.legal-toc a{display:block;padding:7px 0;color:var(--muted);font-size:.88rem;transition:color .16s ease}
.legal-toc a:hover{color:var(--indigo)}
.legal-updated{color:var(--muted-dim);font-size:.83rem;margin-bottom:26px}
.legal-content{max-width:75ch}
.legal-block{margin-bottom:38px;scroll-margin-top:100px}
.legal-block h2{font-size:1.35rem;display:flex;align-items:center;gap:14px}
.legal-number{
  width:34px;height:34px;border-radius:11px;flex:none;display:grid;place-items:center;
  font-family:var(--font-mono);font-size:.76rem;font-weight:700;
  background:var(--indigo-soft);color:var(--indigo);
}
.legal-block p{color:var(--muted);margin-top:14px;font-size:.95rem}
.legal-block h3{font-size:1rem;margin-top:20px}
.legal-block code{
  font-family:var(--font-mono);font-size:.85em;
  background:var(--panel-3);border-radius:6px;padding:2px 6px;
}
.legal-list{margin:14px 0 0;padding-left:20px;color:var(--muted);font-size:.95rem}
.legal-list li{margin-bottom:8px}
.legal-callout{
  background:var(--indigo-soft);border-radius:var(--radius-md);
  padding:20px 24px;margin-top:20px;font-size:.92rem;color:var(--indigo-dark);
}
.legal-table-wrap{overflow-x:auto;margin-top:18px;border:1px solid var(--line);border-radius:var(--radius-md)}
.legal-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:520px}
.legal-table th,.legal-table td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line)}
.legal-table th{background:var(--panel-2);font-weight:650;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-dim)}
.legal-table td{color:var(--muted)}
.legal-table tr:last-child td{border-bottom:0}
.legal-purpose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px}
.legal-purpose-grid div{background:var(--panel-2);border-radius:14px;padding:18px}
.legal-purpose-grid strong{display:block;font-size:.92rem}
.legal-purpose-grid p{font-size:.86rem;margin-top:6px}
.legal-callout strong{display:block;font-size:.98rem;margin-bottom:6px}
.legal-callout p{color:var(--indigo-dark);font-size:.9rem;margin:0}

/* ---------------------------------------------------------
   404 & réinitialisation
   --------------------------------------------------------- */
.error-hero{position:relative;overflow:hidden;padding:96px 0;text-align:center}
.error-hero .blob-violet{width:460px;height:460px;top:-200px;left:50%;transform:translateX(-50%)}
.error-hero .container{position:relative;z-index:1;max-width:680px}
.error-code{
  font-family:var(--font-display);font-size:clamp(5rem,16vw,9rem);font-weight:800;
  line-height:1;letter-spacing:-.05em;
  background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.error-hero p{color:var(--muted);margin-top:18px;font-size:1.05rem}
.error-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:38px;text-align:left}
.error-link-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);
  padding:20px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .22s ease;
}
.error-link-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.error-link-card strong{display:block;font-size:.95rem}
.error-link-card small{display:block;color:var(--muted-dim);font-size:.83rem;margin-top:4px}

.reset-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.reset-copy p{color:var(--muted);margin-top:16px}
.reset-points{display:grid;gap:13px;margin-top:26px}
.reset-points div{display:flex;gap:13px;align-items:flex-start;font-size:.9rem;color:var(--muted)}
.reset-points div i{
  width:26px;height:26px;border-radius:9px;flex:none;display:grid;place-items:center;
  font-style:normal;font-size:.7rem;background:var(--indigo-soft);color:var(--indigo);
}
.reset-secure{
  display:flex;align-items:center;gap:11px;margin-top:26px;
  color:var(--muted-dim);font-size:.85rem;
}
.reset-secure i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}
.reset-password-hint{color:var(--muted-dim);font-size:.82rem}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */
@media (max-width:1080px){
  .hero-inner{grid-template-columns:1fr;gap:56px}
  .showcase{max-width:560px;min-height:auto}
  .pillars{grid-template-columns:1fr}
  .why-grid,.faq-layout,.space-grid,.reset-grid,.free-band-inner{grid-template-columns:1fr;gap:36px}
  .form-layout{grid-template-columns:1fr}
  .case{grid-template-columns:1fr;gap:30px}
  .legal-layout{grid-template-columns:1fr;gap:30px}
  .legal-toc{position:static}
  .steps{grid-template-columns:repeat(2,1fr);gap:30px}
  .steps:before{display:none}
  .arch{grid-template-columns:1fr;gap:24px;justify-items:center}
  .caps-inner{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .hero{padding:52px 0 64px}
  .space-grid{padding:28px}
  .free-band{padding:32px}
  .space-features{grid-template-columns:1fr}
  .confirm-steps{grid-template-columns:1fr}
  .confirm-card{padding:28px}
  .steps{grid-template-columns:1fr}
  .caps-inner{grid-template-columns:1fr}
  .case{padding:24px}
  .form-card{padding:24px}
  .cta-band{padding:44px 24px}
  .float-bot{left:-4px;bottom:-30px;width:206px}
  .float-price{right:-4px;bottom:-24px;padding:12px 16px}
  .float-live{right:-4px;top:-18px}
  .showcase-tiles{grid-template-columns:1fr 1fr}
  .showcase-tile.t-3{display:none}
}

/* Garde-fou de mise en page. Un enfant de grille ne doit jamais
   imposer une largeur minimale supérieure à celle de sa colonne. */
.hero-inner>*,.form-layout>*,.faq-layout>*,.why-grid>*,.case>*,
.space-grid>*,.free-band-inner>*,.reset-grid>*,.arch>*,
.caps-inner>*,.pillars>*,.svc-grid>*,.work-grid>*,.steps>*{min-width:0}