/* ===========================================================
   DIGIGROUPE • V2.1 / HOME CONTRAST & LEGACY-BACKGROUND FIX
   22 Oct 2026 — scoped ONLY to main public homepage.
   Removes obsolete black WebGL/Chrono canvas & transparent
   layers without hiding actual photos, videos or form controls.
   =========================================================== */
body:has(#hero.dg-editorial-hero){
  background:var(--dg-paper) !important;
  background-image:none !important;
  --brand-pink:var(--dg-blue);
  --bg:var(--dg-paper);
}
body:has(#hero.dg-editorial-hero)::before,
body:has(#hero.dg-editorial-hero)::after{background:none!important;box-shadow:none!important;filter:none!important}
body:has(#hero.dg-editorial-hero) :is(#chrono-overlay,#webgl-container,.chrono-scan,.chrono-vignette,.chrono-axis,.chrono-chapter,.chrono-label){
  display:none!important;visibility:hidden!important;pointer-events:none!important
}
body:has(#hero.dg-editorial-hero) #content-wrapper{
  background:var(--dg-paper)!important;
  background-image:none!important
}
/* Keep the masthead and hero on their own intentional cream surface. */
body #hero.dg-editorial-hero{background:var(--dg-paper)!important}
body #hero.dg-editorial-hero .hero-title,
body #hero.dg-editorial-hero .hero-subtitle{opacity:1!important;filter:none!important}

/* A — "Notre réponse" : flat Klein chapter, white gallery cards. */
body #our-response.response-section{
  background:#063BFA!important;background-image:none!important;
  color:#fff!important;isolation:isolate;
}
body #our-response::before,body #our-response::after{
  content:none!important;display:none!important
}
body #our-response .response-shell>.growth-kicker{
  color:#FFD900!important;opacity:1!important
}
body #our-response .response-shell>h2{
  color:#fff!important;
  font-family:'Newsreader',Georgia,serif!important;
  text-transform:none!important;letter-spacing:-.055em!important;
  text-shadow:none!important;opacity:1!important
}
body #our-response .response-shell>h2 span{
  background:none!important;color:#FFD900!important;
  -webkit-text-fill-color:#FFD900!important;-webkit-text-stroke:0!important
}
body #our-response .response-lead{
  color:#E3ECFF!important;opacity:1!important
}
body #our-response .response-spectrum{
  background:none!important;box-shadow:none!important;
  border:0!important;gap:15px!important;overflow:visible!important
}
body #our-response .response-spectrum article.response-step{
  background:#fff!important;background-image:none!important;
  border:1px solid #D8E1FF!important;border-radius:19px!important;
  box-shadow:none!important;overflow:hidden!important;color:#0B1744!important
}
body #our-response .response-step::before,body #our-response .response-step::after{
  content:none!important;display:none!important
}
body #our-response .response-step-visual{
  background:#E9EEFC!important;box-shadow:none!important;min-height:0
}
body #our-response .response-step-visual img{
  opacity:1!important;filter:none!important;object-fit:cover
}
body #our-response .response-step-copy span{color:#063BFA!important;opacity:1!important}
body #our-response .response-step-copy strong{
  color:#0B1744!important;opacity:1!important;
  font-family:'Newsreader',Georgia,serif!important;
  font-size:clamp(27px,2.7vw,38px)!important;letter-spacing:-.035em!important;
  text-transform:none!important;margin:1rem 0 .65rem!important
}
body #our-response .response-step-copy p{
  color:#485878!important;opacity:1!important;line-height:1.6
}

/* B — Agents IA: remove old dark cards and pink UI.
   The immersive VIDEO remains intentionally dark for contrast. */
body #agents-story.agentic-section{
  background:#F3F6FF!important;background-image:none!important;color:#0B1744!important
}
body #agents-story::before,body #agents-story::after{
  display:none!important;content:none!important
}
body #agents-story :is(.agent-os-head,.agentic-head) .growth-kicker{
  color:#063BFA!important;opacity:1!important
}
body #agents-story .agent-os-head h2,
body #agents-story .agentic-head h3{
  color:#0B1744!important;text-shadow:none!important;opacity:1!important;
  font-family:'Newsreader',Georgia,serif!important;font-weight:500!important;
  text-transform:none!important;letter-spacing:-.055em!important
}
body #agents-story .agent-os-head h2 span,
body #agents-story .agentic-head h3 strong,
body #agents-story .agent-os-copy h3 strong{
  background:none!important;color:#063BFA!important;
  -webkit-text-fill-color:#063BFA!important;-webkit-text-stroke:0!important;
  text-shadow:none!important
}
body #agents-story :is(.agent-os-head,.agentic-head,.agent-os-copy)>p,
body #agents-story .agent-os-copy p{color:#485878!important;opacity:1!important}
body #agents-story .agent-catalog{background:transparent!important;border:0!important;gap:14px!important}
body #agents-story .agent-tile{
  background:#fff!important;background-image:none!important;
  border:1px solid #CFDAFA!important;border-radius:18px!important;
  box-shadow:none!important;color:#0B1744!important;transform:translateZ(0)
}
body #agents-story .agent-tile::before,
body #agents-story .agent-tile::after{
  content:none!important;display:none!important
}
body #agents-story .agent-tile:hover{border-color:#063BFA!important}
body #agents-story .agent-tile .agent-kind{
  color:#063BFA!important;opacity:1!important;font-weight:700
}
body #agents-story .agent-tile>strong{
  color:#0B1744!important;font-family:'Newsreader',Georgia,serif!important;
  text-transform:none!important;font-size:31px!important;opacity:1!important
}
body #agents-story .agent-tile>p{color:#485878!important;opacity:1!important}
body #agents-story .agent-tile>small{
  color:#063BFA!important;opacity:1!important;font-weight:700
}
body #agents-story .agent-tile .agent-visual{
  background:#EAF0FF!important;border-color:#CFDAFA!important
}
body #agents-story .agent-tile .agent-visual img{
  filter:none!important;opacity:1!important
}
/* The four workflow steps in the supplied screenshot. */
body #agents-story .agentic-flow{
  background:#fff!important;border:1px solid #CDD9F5!important;
  border-radius:22px!important;gap:0!important;overflow:hidden!important;
}
body #agents-story .agentic-flow article{
  background:#fff!important;background-image:none!important;
  border-right:1px solid #CDD9F5!important;color:#0B1744!important;
  box-shadow:none!important;backdrop-filter:none!important
}
body #agents-story .agentic-flow article:last-child{border-right:0!important}
body #agents-story .agentic-flow article::before,
body #agents-story .agentic-flow article::after{content:none!important;display:none!important}
body #agents-story .agentic-flow .agent-step{
  color:#063BFA!important;opacity:1!important;font-weight:700!important
}
body #agents-story .agentic-flow .agent-step::after{
  background:#FFD900!important;box-shadow:none!important
}
body #agents-story .agentic-flow h4{
  color:#0B1744!important;opacity:1!important;
  font:500 clamp(23px,2.15vw,32px)/1.1 'Newsreader',Georgia,serif!important;
  text-transform:none!important;letter-spacing:-.025em
}
body #agents-story .agentic-flow p{color:#485878!important;opacity:1!important}
body #agents-story .agent-os-copy a{color:#063BFA!important;border-color:#063BFA!important}
body #agents-story .agents-home-cta a{
  background:#063BFA!important;color:#fff!important;border-color:#063BFA!important
}
body #agents-story .agent-os-video-frame{
  background:#0A1B52!important;
  border-color:#799AF1!important
}
body #agents-story .agent-os-video-labels .os-video-label{color:#F8F9FF!important}

/* C — Mobile service cards: remove inherited midnight / pink treatment. */
body #projects-wrapper{
  background:#F8F7F1!important;background-image:none!important;
  color:#0B1744!important
}
body #projects-wrapper::before,body #projects-wrapper::after{
  content:none!important;display:none!important
}
body #projects-wrapper .neon-text{
  color:#063BFA!important;-webkit-text-fill-color:#063BFA!important;
  text-shadow:none!important;filter:none!important
}
body #projects-wrapper .project-card{
  background:#fff!important;background-image:none!important;
  border:1px solid #D8E1F8!important;border-radius:24px!important;
  box-shadow:0 12px 32px rgba(6,59,250,.06)!important;
  backdrop-filter:none!important;color:#0B1744!important
}
body #projects-wrapper .project-card::before,
body #projects-wrapper .project-card::after{content:none!important;display:none!important}
body #projects-wrapper .project-card .project-img{
  background:#EDF2FF!important;background-image:none!important;
  filter:none!important;opacity:1!important
}
body #projects-wrapper .project-card .project-cat{color:#063BFA!important}
body #projects-wrapper .project-card .project-title{
  color:#0B1744!important;opacity:1!important;
  font-family:'Newsreader',Georgia,serif!important;
  text-transform:none!important
}
body #projects-wrapper .project-card .project-desc{color:#485878!important;opacity:1!important}
body #projects-wrapper .project-card .tag{
  color:#123B9B!important;background:#EDF2FF!important;
  border-color:#C6D5FC!important;box-shadow:none!important
}
body #projects-wrapper .project-card .project-info>a{
  color:#063BFA!important;font-weight:700!important
}

/* D — Calculator: light surfaces, readable labels and accessible checkboxes. */
body #estimate.diagnostic-section{
  background:#EDF2FF!important;background-image:none!important;
  color:#0B1744!important
}
body #estimate::before,body #estimate::after{
  display:none!important;content:none!important
}
body #estimate .diagnostic-head>.growth-kicker{color:#063BFA!important;opacity:1!important}
body #estimate .diagnostic-head h2{
  color:#0B1744!important;opacity:1!important;
  font-family:'Newsreader',Georgia,serif!important;font-weight:500!important;
  text-transform:none!important;letter-spacing:-.055em!important
}
body #estimate .diagnostic-head h2 span{
  background:none!important;color:#063BFA!important;
  -webkit-text-fill-color:#063BFA!important;-webkit-text-stroke:0!important
}
body #estimate .diagnostic-head p{color:#485878!important;opacity:1!important}
body #estimate .diagnostic-board{
  background:#fff!important;background-image:none!important;
  border:1px solid #CEDAF7!important;box-shadow:none!important
}
body #estimate .diagnostic-controls{background:#fff!important}
body #estimate .diagnostic-result{
  background:#063BFA!important;background-image:none!important;
  border-color:#C7D8FF!important;color:#fff!important
}
body #estimate .diagnostic-result::before{display:none!important;content:none!important}
body #estimate .diagnostic-step-title>strong{
  color:#0B1744!important;opacity:1!important;
  font:600 clamp(15px,1.7vw,20px)/1.3 'Space Grotesk',sans-serif!important;
  text-transform:none!important
}
body #estimate .diagnostic-step-title>span{
  color:#063BFA!important;border-color:#BFCDF6!important;background:#EEF2FF!important
}
body #estimate .diagnostic-step-title>b{
  color:#063BFA!important;font-weight:700!important
}
body #estimate .diagnostic-task-step,
body #estimate .diagnostic-slider{border-bottom-color:#DDE5F8!important}
body #estimate .diagnostic-task-grid label{
  background:#F6F8FF!important;background-image:none!important;
  border:1px solid #CDDAF8!important;border-radius:12px!important;
  color:#0B1744!important;box-shadow:none!important
}
body #estimate .diagnostic-task-grid label span{
  color:#344567!important;opacity:1!important;
  font-size:clamp(13px,1.2vw,16px)!important
}
body #estimate .diagnostic-task-grid label:has(input:checked){
  background:#FFF6C2!important;border:2px solid #063BFA!important
}
body #estimate .diagnostic-task-grid label:has(input:checked) span{
  color:#0B1744!important;font-weight:700!important
}
body #estimate .diagnostic-task-grid label:focus-within{
  outline:3px solid #063BFA!important;outline-offset:2px
}
body #estimate .diagnostic-slider small{color:#566582!important;opacity:1!important}
body #estimate .diagnostic-slider input[type=range]{
  background:linear-gradient(90deg,#063BFA,#FFD900)!important
}
body #estimate .diagnostic-slider input[type=range]::-webkit-slider-thumb{
  background:#FFD900!important;border:4px solid #063BFA!important;box-shadow:none!important
}
body #estimate .diagnostic-slider input[type=range]::-moz-range-thumb{
  background:#FFD900!important;border:4px solid #063BFA!important;box-shadow:none!important
}
body #estimate .diagnostic-result .diagnostic-status{
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.45)!important;
  color:#fff!important
}
body #estimate .diagnostic-result :is(.diagnostic-time small,.diagnostic-time em,.diagnostic-value span,
  .diagnostic-result>p,.calculator-note){
  color:#E3ECFF!important;opacity:1!important
}
body #estimate .diagnostic-result :is(.diagnostic-time strong,.diagnostic-value strong){
  color:#fff!important;opacity:1!important
}
body #estimate .diagnostic-result .diagnostic-gauge{
  background:rgba(255,255,255,.22)!important
}
body #estimate .diagnostic-result .diagnostic-gauge i{
  background:linear-gradient(90deg,#FFD900,#fff)!important;box-shadow:none!important
}
body #estimate .diagnostic-result .growth-cta{
  background:#FFD900!important;color:#0B1744!important;border:0!important;
  box-shadow:none!important;font-weight:700!important
}
body #estimate .diagnostic-selection{
  color:#344567!important;background:#F5F8FF!important;
  border-color:#CDD9F5!important
}

/* Responsive legibility while preserving interaction. */
@media(max-width:900px){
  body #agents-story .agentic-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body #agents-story .agentic-flow article:nth-child(2){border-right:0!important}
  body #agents-story .agentic-flow article{border-bottom:1px solid #CDD9F5!important}
  body #agents-story .agentic-flow article:nth-last-child(-n+2){border-bottom:0!important}
}
@media(max-width:700px){
  body #our-response .response-shell>h2,
  body #agents-story :is(.agent-os-head h2,.agentic-head h3),
  body #estimate .diagnostic-head h2{
    text-align:left!important;margin-left:0!important;margin-right:0!important
  }
  body #our-response :is(.response-lead,.growth-kicker),
  body #agents-story :is(.agent-os-head p,.agentic-head p,.growth-kicker),
  body #estimate :is(.diagnostic-head p,.growth-kicker){
    text-align:left!important;margin-left:0!important;margin-right:0!important
  }
  body #our-response .response-spectrum{grid-template-columns:1fr!important;gap:12px!important}
  body #our-response .response-step-copy{padding:22px!important}
  body #agents-story .agentic-flow{grid-template-columns:1fr!important}
  body #agents-story .agentic-flow article{
    border-right:0!important;border-bottom:1px solid #CDD9F5!important;
    padding:23px!important
  }
  body #agents-story .agentic-flow article:nth-last-child(2){border-bottom:1px solid #CDD9F5!important}
  body #agents-story .agentic-flow article:last-child{border-bottom:0!important}
  body #agents-story .agentic-flow h4{font-size:27px!important}
  body #estimate .diagnostic-board{border-radius:18px!important}
  body #estimate .diagnostic-controls,body #estimate .diagnostic-result{padding:23px!important}
  body #estimate .diagnostic-task-grid{grid-template-columns:1fr!important}
  body #estimate .diagnostic-step-title>strong{font-size:16px!important}
  body #projects-wrapper .project-img{object-fit:cover!important;padding:0!important}
}

/* V2.1 / Native, readable project collection. The obsolete GSAP-pinned
   600%-width corridor is replaced with accessible cards on every device. */
body #projects-wrapper{
  height:auto!important;min-height:0!important;overflow:visible!important;
  padding:clamp(64px,8vw,115px) clamp(20px,6vw,90px)!important
}
body #projects-wrapper .horizontal-section{
  display:grid!important;width:min(1300px,100%)!important;height:auto!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;transform:none!important;
  margin:0 auto!important;align-items:stretch!important
}
body #projects-wrapper .horizontal-section>.panel{
  display:flex!important;align-items:stretch!important;justify-content:stretch!important;
  position:relative!important;width:100%!important;max-width:100%!important;
  height:auto!important;min-height:0!important;padding:0!important;
  opacity:1!important;transform:none!important;overflow:visible!important
}
body #projects-wrapper .horizontal-section>.panel:first-child,
body #projects-wrapper .horizontal-section>.panel:last-child{
  grid-column:1/-1!important;justify-content:center!important
}
body #projects-wrapper .horizontal-section>.panel:first-child{
  padding-bottom:30px!important
}
body #projects-wrapper .project-card{
  width:100%!important;max-width:100%!important;height:auto!important;
  max-height:none!important;min-height:100%!important;
  display:flex!important;flex-direction:column!important;
  transform:none!important;opacity:1!important;overflow:hidden!important
}
body #projects-wrapper .project-img{
  width:100%!important;height:clamp(210px,23vw,320px)!important;
  min-height:0!important;object-fit:cover!important;
  padding:0!important;position:relative!important
}
body #projects-wrapper .project-info{
  padding:clamp(20px,2.5vw,34px)!important;
  overflow:visible!important;flex:1!important
}
body #projects-wrapper .project-title{
  font-size:clamp(28px,3vw,43px)!important;line-height:1.03!important
}
body #projects-wrapper .tech-tags{gap:7px!important;margin-top:auto!important}
body #projects-wrapper .horizontal-section .neon-text{
  text-transform:none!important;font-family:'Newsreader',Georgia,serif!important;
  font-weight:500!important;letter-spacing:-.055em!important;max-width:950px
}
body #projects-wrapper .horizontal-section>.panel:last-child p{
  color:#485878!important;opacity:1!important
}
/* Modal remains accessible after removing the obsolete 3D script. */
body.dg-modal-open{overflow:hidden!important}
body #contact-modal.active{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
body #contact-modal:not(.active){visibility:hidden!important;opacity:0!important;pointer-events:none!important}
body #contact-modal .close-modal{
  cursor:pointer!important;color:#fff!important;background:transparent!important;
  border:0!important;padding:9px!important;font-size:27px!important
}
@media(max-width:700px){
  body #projects-wrapper .horizontal-section{
    grid-template-columns:1fr!important;gap:18px!important
  }
  body #projects-wrapper .horizontal-section>.panel{
    width:100%!important;max-width:100%!important;padding:0!important
  }
  body #projects-wrapper .project-img{height:230px!important}
  body #projects-wrapper .horizontal-section>.panel:first-child{
    padding-bottom:0!important
  }
}