/* Intelli-SST — Mobile & tablette (astra-child). Sous media queries : aucun impact desktop. */
html{overflow-x:clip;}
body.dc-page{overflow-x:clip;}
#dc-main img,#site img{max-width:100%;height:auto;}
#mhVideos{scrollbar-width:none;-ms-overflow-style:none;}
#mhVideos::-webkit-scrollbar{display:none;}

@media (max-width:1024px){
  #dc-main [style*='repeat(3'],#dc-main [style*='repeat(4'],
  #dc-main [style*='repeat(5'],#dc-main [style*='repeat(6']{grid-template-columns:repeat(2,1fr)!important;}
  #planMain{grid-template-columns:1fr!important;}
}
@media (max-width:640px){
  #dc-main [style*='grid-template-columns']:not([style*='1.4fr 1fr 1fr 1fr 1fr']){grid-template-columns:1fr!important;}
  #dc-main section{padding-left:20px!important;padding-right:20px!important;}
  #dc-main h1{font-size:clamp(28px,8.4vw,38px)!important;line-height:1.08!important;}
  #dc-main h2{font-size:clamp(22px,6vw,29px)!important;line-height:1.16!important;}
  #dc-main h3{font-size:clamp(16px,4.6vw,20px)!important;}
}

@media (max-width:780px){#contactGrid{grid-template-columns:1fr!important;}}
@media (max-width:480px){#formRow{grid-template-columns:1fr!important;}}
@media (max-width:560px){#fGrid{grid-template-columns:1fr!important;}}
/* A propos — bande CTA : boutons qui debordaient (section 9) */
@media (max-width:640px){
  #ctaBox{flex-direction:column!important;gap:22px!important;align-items:stretch!important;}
  #ctaBox>div{max-width:100%!important;}
  #ctaBox>div:last-child{min-width:0!important;width:100%!important;}
  #ctaBox a{width:100%!important;max-width:100%!important;box-sizing:border-box!important;justify-content:center!important;}
}

/* ===== MENU HAMBURGER (mobile) ===== */
#dcBurger{display:none;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;background:rgba(255,255,255,.04);border:1px solid rgba(150,180,225,.28);border-radius:11px;cursor:pointer;padding:0;position:relative;z-index:120;-webkit-tap-highlight-color:transparent;}
#dcBurger .bl{display:block;width:20px;height:2px;background:#dbe6f6;border-radius:2px;transition:transform .3s ease,opacity .2s ease;}
/* bouton menu : 3 traits permanents, aucune transformation en X */
@media (max-width:980px){#shHdr .hscp1{display:none!important;}#shHdr #shNav{display:none!important;}#dcBurger{display:inline-flex!important;}}
@media (max-width:640px){#shHdr{padding:14px 20px!important;gap:14px!important;}}
#dcMobileNav{display:none;}#dcMobileNav.open{display:block;position:fixed;inset:0;z-index:200;}
#dcMobileNav .mn-backdrop{position:fixed;inset:0;background:rgba(4,8,16,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
#dcMobileNav .mn-panel{position:relative;background:rgba(9,15,26,.98);border-bottom:1px solid rgba(90,120,170,.22);padding:82px 24px 26px;box-shadow:0 24px 60px rgba(0,0,0,.5);animation:mnIn .28s ease;}
@keyframes mnIn{from{transform:translateY(-12px);opacity:0;}to{transform:translateY(0);opacity:1;}}
#dcMobileNav a{display:block;font-family:'Manrope';font-weight:600;font-size:18px;color:#dbe6f6;text-decoration:none;padding:14px 4px;border-bottom:1px solid rgba(110,140,190,.14);}
#dcMobileNav a.cta{margin-top:18px;text-align:center;color:#fff;background:linear-gradient(180deg,#3d8bff,#2c66cf);border:none;border-radius:11px;padding:15px;box-shadow:0 12px 28px rgba(47,111,214,.35);}
@media (min-width:981px){#dcMobileNav,#dcBurger{display:none!important;}}

/* ===== HERO MOBILE — composition premium ===== */
#mobileHero{text-align:center;padding:8px 22px 38px;}
#mobileHero .mh-sub{font-size:14.5px;line-height:1.55;color:#aebccf;margin:14px auto 0;max-width:360px;}
#mobileHero .mh-ctas{display:flex;gap:10px;justify-content:center;align-items:stretch;margin:22px auto 0;max-width:440px;}
#mobileHero .mh-cta-p{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:'Manrope';font-weight:700;font-size:15px;color:#fff;background:linear-gradient(180deg,#3d8bff,#2c66cf);padding:14px 16px;border-radius:12px;text-decoration:none;box-shadow:0 12px 30px rgba(47,111,214,.4);}
#mobileHero .mh-cta-s{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-family:'Manrope';font-weight:600;font-size:15px;color:#dbe6f6;background:rgba(255,255,255,.05);border:1px solid rgba(150,180,225,.3);padding:14px 18px;border-radius:12px;text-decoration:none;white-space:nowrap;}
@media (max-width:380px){#mobileHero .mh-ctas{flex-direction:column;}#mobileHero .mh-cta-s{width:100%;}}
#mhVideos{position:relative;height:296px;margin:22px -22px 46px;perspective:680px;perspective-origin:50% 48%;overflow:visible;-webkit-mask:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);}
#mobileHero .mh-cyl-tilt{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-3deg);}
#mobileHero .mh-band-track{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;animation:cylSpin 74s linear infinite;will-change:transform;}
#mobileHero #mhVideos:hover .mh-band-track,#mobileHero #mhVideos:active .mh-band-track{animation-play-state:paused;}
#mobileHero .mh-vid{position:absolute;left:50%;top:50%;width:96px;height:170px;margin:-85px 0 0 -48px;border-radius:17px;overflow:hidden;border:1px solid rgba(150,185,235,.5);box-shadow:0 22px 48px rgba(0,0,0,.6),0 0 26px rgba(70,140,255,.28),inset 0 0 0 1px rgba(255,255,255,.07);background:#16243c;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
#mobileHero .mh-sheen{position:absolute;inset:0;background:linear-gradient(125deg,transparent 36%,rgba(170,205,255,.18) 47%,transparent 58%);pointer-events:none;}
#mobileHero .mh-vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.96) brightness(.92);}
#mobileHero .mh-vid .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,16,30,.02) 55%,rgba(7,14,28,.7));pointer-events:none;}
#mh-scene{position:relative;width:300px;height:300px;margin:34px auto 4px;perspective:1100px;}
#mh-scene .mh-glow{position:absolute;left:50%;top:50%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;background:radial-gradient(circle,rgba(72,142,255,.42),rgba(40,90,200,.12) 42%,transparent 66%);filter:blur(8px);animation:glowPulse 5s ease-in-out infinite;}
#mh-scene .mh-orbits{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;}
#mh-scene .mh-ring{position:absolute;border-radius:50%;}
#mh-scene .mh-ring.r1{left:-150px;top:34px;width:300px;height:300px;border:1.5px solid rgba(150,190,255,.42);box-shadow:0 0 22px rgba(90,160,255,.2);transform:rotateX(76deg);animation:orbitSpin 26s linear infinite;}
#mh-scene .mh-ring.r2{left:-122px;top:46px;width:244px;height:244px;border:1.5px dashed rgba(170,205,255,.55);transform:rotateX(76deg);animation:orbitSpinRev 18s linear infinite;}
#mh-scene .mh-ring.r3{left:-96px;top:58px;width:192px;height:192px;border:1.5px solid rgba(200,224,255,.45);box-shadow:0 0 26px rgba(90,160,255,.24);transform:rotateX(76deg);animation:orbitSpin 34s linear infinite;}
#mh-scene .mh-beam{position:absolute;left:-138px;top:38px;width:276px;height:276px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 300deg,rgba(150,200,255,.5) 340deg,rgba(207,226,255,.82) 352deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 46%,#000 48%,#000 50%,transparent 52%);mask:radial-gradient(circle,transparent 46%,#000 48%,#000 50%,transparent 52%);transform:rotateX(76deg);animation:beamSpin 8s linear infinite;mix-blend-mode:screen;}
#mh-scene .mh-gyrowrap{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotateX(-12deg);transform-style:preserve-3d;}
#mh-scene .mh-gyro{position:absolute;width:0;height:0;transform-style:preserve-3d;animation:gyroSpin 42s linear infinite;}
#mh-scene .mh-gyro .g{position:absolute;left:-104px;top:-104px;width:208px;height:208px;border-radius:50%;}
#mh-scene .mh-gyro .g1{border:6px solid rgba(228,238,253,.95);box-shadow:inset 0 0 8px rgba(40,80,150,.5),inset 0 -5px 12px rgba(10,30,70,.5),0 0 22px rgba(150,190,255,.3);transform:rotateY(2deg);}
#mh-scene .mh-gyro .g2{border:5px solid rgba(196,214,244,.85);box-shadow:inset 0 -5px 12px rgba(10,30,70,.5);transform:rotateY(56deg);}
#mh-scene .mh-gyro .g3{border:5px solid rgba(150,196,255,.92);box-shadow:0 0 30px rgba(96,165,255,.6),inset 0 0 14px rgba(96,165,255,.4);transform:rotateX(82deg);}
#mh-scene .mh-gyro .gd{left:-94px;top:-94px;width:188px;height:188px;border:3px solid rgba(226,196,134,.78);box-shadow:0 0 18px rgba(220,188,124,.36);animation:rspinZ 18s linear infinite;}
#mh-scene .mh-halo{position:absolute;left:-54px;top:-54px;width:108px;height:108px;border-radius:50%;background:radial-gradient(circle,rgba(112,176,255,.5),rgba(70,130,240,.12) 50%,transparent 72%);filter:blur(8px);animation:haloBreath 6.5s ease-in-out infinite;}
#mh-scene .mh-core{position:absolute;left:-40px;top:-40px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#f6faff 0%,#bcd8ff 18%,#5e98ff 44%,#1f4da0 70%,#0a1d44 100%);box-shadow:0 0 60px 12px rgba(96,165,255,.85),0 0 110px 24px rgba(60,120,255,.4),inset -8px -9px 20px rgba(8,20,55,.7),inset 6px 6px 16px rgba(228,240,255,.6);animation:corePulse 5s ease-in-out infinite;}
#mh-scene .mh-spec{position:absolute;left:-16px;top:-22px;width:24px;height:18px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),transparent 70%);filter:blur(2px);}
#mh-scene .mh-textring{position:absolute;left:50%;top:50%;width:300px;height:300px;margin:-150px 0 0 -150px;animation:ringSpin 60s linear infinite;pointer-events:none;}
#mh-scene .mh-textring svg{overflow:visible;}
#mh-scene .mh-rt{font-family:'Manrope',sans-serif;font-weight:600;font-size:11px;letter-spacing:4.5px;fill:rgba(199,221,255,.8);text-transform:uppercase;filter:drop-shadow(0 0 5px rgba(110,165,255,.5));}
#mobileHero .mh-link{width:2px;height:40px;margin:10px auto 0;background:linear-gradient(180deg,rgba(96,165,255,0),rgba(96,165,255,.75));position:relative;}
#mobileHero .mh-link::after{content:'';position:absolute;left:50%;bottom:-3px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#7fb0ff;box-shadow:0 0 12px 2px rgba(96,165,255,.85);}
#mhCard{position:relative;margin:0 auto;max-width:440px;border-radius:16px;border:1px solid rgba(95,150,255,.34);background:linear-gradient(160deg,rgba(18,32,56,.92),rgba(9,15,28,.94));padding:18px 16px;box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 30px rgba(60,130,255,.12);text-align:left;transition:opacity .4s ease,transform .4s ease;}
#mobileHero .mh-card-row{display:flex;align-items:flex-start;gap:13px;}
#mhCardNum{flex:0 0 auto;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:17px;font-weight:700;color:#3d8bff;background:rgba(61,139,255,.14);border:1px solid rgba(61,139,255,.45);}
#mhCardNum.gold{color:#e9a93f;background:rgba(216,147,47,.14);border-color:rgba(216,147,47,.45);}
#mhCardTitle{font-family:'Spectral';font-weight:600;font-size:18px;line-height:1.18;color:#eef3fb;}
#mhCardDesc{font-size:13px;color:#9fb0c8;margin:7px 0 0;line-height:1.55;}
#mobileHero .mh-card-icon{flex:0 0 auto;color:#7fb0ff;opacity:.9;margin-top:2px;}
#mhDots{display:flex;justify-content:center;gap:7px;margin:16px auto 0;flex-wrap:wrap;max-width:440px;}
#mobileHero .mh-dot{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:#5d6f8c;background:transparent;border:1px solid rgba(110,140,190,.28);border-radius:9px;padding:7px 11px;cursor:pointer;transition:color .3s,background .3s,border-color .3s,box-shadow .3s;-webkit-tap-highlight-color:transparent;}
#mobileHero .mh-dot.active{color:#dbe9ff;background:rgba(61,139,255,.16);border-color:rgba(95,150,255,.6);box-shadow:0 0 0 1px rgba(95,150,255,.2),0 8px 20px rgba(47,111,214,.2);}
#mobileHero .mh-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px auto 0;font-size:12.5px;color:#7d93b4;}
#mh-scene .mh-node{position:absolute;left:50%;top:50%;width:13px;height:13px;margin:-6.5px;border-radius:50%;background:#cfe2ff;box-shadow:0 0 14px 3px rgba(120,180,255,.9),0 0 4px 1px rgba(255,255,255,.8);transition:transform .65s cubic-bezier(.45,0,.2,1),background .4s,box-shadow .4s;z-index:6;will-change:transform;}
#mh-scene .mh-node::after{content:'';position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(150,196,255,.55);animation:mhNodePulse 2.2s ease-out infinite;}
#mh-scene .mh-node.gold{background:#f4d49a;box-shadow:0 0 14px 3px rgba(233,169,63,.9),0 0 4px 1px rgba(255,240,210,.8);}
#mh-scene .mh-node.gold::after{border-color:rgba(233,169,63,.6);}
@keyframes mhNodePulse{0%{transform:scale(.6);opacity:.9;}100%{transform:scale(1.5);opacity:0;}}
@media (prefers-reduced-motion:reduce){#mh-scene .mh-node::after{animation:none;}#mh-scene .mh-node{transition:none;}}

/* ===== FONCTIONNALITES — mobile : conteneur image dedie (phones) ===== */
@media (max-width:920px){#aiVisual{display:none!important;}}
@media (max-width:680px){
  #fGrid>div{padding:15px 16px!important;}
  #fGrid>div .fg-chev{flex:0 0 auto;margin-left:auto;color:#8fb6ff;transition:transform .25s ease;display:inline-flex;align-items:center;}
  #fGrid>div.open .fg-chev{transform:rotate(180deg);}
  #fGrid>div:not(.open){background:linear-gradient(165deg,rgba(16,28,48,.4),rgba(10,16,28,.4))!important;}
  #fGrid .fg-body>p{margin-top:12px!important;}
}
/* --- conteneur plan mobile : image qui change au clic, sans animation --- */
#planMobile{display:none;}
@media (max-width:767px){
  #planTabs,#planMain,#planPanel{display:none!important;}
  #planMobile{display:block;}
}
#planMobile #pmTabs{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:16px;}
#planMobile .pm-tab{display:flex;flex-direction:column;gap:2px;text-align:left;padding:11px 12px;border-radius:12px;cursor:pointer;background:rgba(16,28,48,.5);border:1px solid rgba(110,140,190,.2);transition:background .2s,border-color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent;min-width:0;}
#planMobile .pm-tab b{font-family:'Spectral';font-weight:600;font-size:14px;color:#eef3fb;line-height:1.1;}
#planMobile .pm-tab i{font-family:'JetBrains Mono',monospace;font-style:normal;font-size:10.5px;letter-spacing:.04em;color:#8da1bd;}
#planMobile .pm-tab.active{background:rgba(61,139,255,.16);border-color:rgba(95,150,255,.55);box-shadow:0 8px 20px rgba(47,111,214,.18);}
#planMobile .pm-tab.active b{color:#fff;}
#planMobile .pm-tab.active i{color:#aecbff;}
#planMobile #pmCard{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(110,150,210,.28);background:#0a1220;aspect-ratio:16/9;box-shadow:0 20px 50px rgba(0,0,0,.5);}
#planMobile #pmImg{width:100%;height:100%;object-fit:contain;display:block;}
#planMobile #pmInfo{margin-top:16px;}
#planMobile #pmKicker{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#8fb6ff;}
#planMobile #pmTitle{font-family:'Spectral';font-size:20px;font-weight:600;color:#f4f7fc;margin-top:6px;}
#planMobile #pmList{margin-top:12px;}
#planMobile .pm-it{display:flex;flex-direction:column;gap:2px;padding:11px 0;border-bottom:1px solid rgba(120,150,200,.1);}
#planMobile .pm-it:last-child{border-bottom:none;}
#planMobile .pm-k{font-size:13.5px;font-weight:600;color:#eef3fb;line-height:1.25;}
#planMobile .pm-s{font-size:11.5px;color:#9aabc3;}

/* ===== TARIFS / PLANS — mobile : selecteur + carte active + details ===== */
#cmpMobile{display:none;}
#cmpToggle{display:none;}
@media (max-width:820px){
  #cmpMobile{display:block;margin:0 0 22px;}
  #cmpToggle{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:6px 0 16px;padding:14px;border-radius:12px;border:1px solid rgba(150,180,225,.32);background:rgba(255,255,255,.04);color:#cdd9ee;font-family:'Manrope';font-weight:700;font-size:13.5px;cursor:pointer;-webkit-tap-highlight-color:transparent;}
  #cmpToggle::after{content:'';width:8px;height:8px;border-right:2px solid #8fb6ff;border-bottom:2px solid #8fb6ff;transform:rotate(45deg);}
  #cmpHeadingDesk{display:none!important;}
  #cmpTableWrap{display:none;}
  #cmpTableWrap.show{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  #cmpTableWrap.show>div{min-width:680px;}
}
#tmTabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px;}
#tmTabs .tm-tab{font-family:'Manrope';font-weight:700;font-size:12.5px;color:#9aabc3;background:rgba(16,28,48,.5);border:1px solid rgba(110,140,190,.22);border-radius:11px;padding:11px 8px;cursor:pointer;transition:color .25s,background .25s,border-color .25s,box-shadow .25s;-webkit-tap-highlight-color:transparent;}
#tmTabs .tm-tab.active{color:#dbe9ff;background:rgba(61,139,255,.16);border-color:rgba(95,150,255,.55);box-shadow:0 8px 20px rgba(47,111,214,.2);}
#tmStage{position:relative;}
#tmStage .tm-panel{display:none;border-radius:16px;border:1px solid rgba(110,140,190,.24);background:linear-gradient(165deg,rgba(17,28,48,.62),rgba(10,16,28,.66));padding:20px 17px;animation:tmFade .35s ease;}
#tmStage .tm-panel.active{display:block;}
#tmStage .tm-panel.pop{border:1.5px solid rgba(95,150,255,.6);box-shadow:0 18px 50px rgba(20,60,140,.26),0 0 26px rgba(61,139,255,.13);}
@keyframes tmFade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
#tmStage .tm-phead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;row-gap:6px;}
#tmStage .tm-name{font-size:12px;font-weight:700;letter-spacing:.1em;color:#9fb0c8;text-transform:uppercase;}
#tmStage .tm-panel.pop .tm-name{color:#aecbff;}
#tmStage .tm-pop{margin-left:8px;font-size:9px;font-weight:800;letter-spacing:.06em;color:#fff;background:linear-gradient(180deg,#3d8bff,#2c66cf);padding:3px 9px;border-radius:20px;}
#tmStage .tm-price{display:flex;align-items:baseline;gap:5px;}
#tmStage .tm-price b{font-size:27px;font-weight:800;color:#f4f7fc;letter-spacing:-.02em;}
#tmStage .tm-price span{font-size:11.5px;color:#8ea3bf;}
#tmStage .tm-adv{font-size:13px;line-height:1.5;color:#aebccf;margin:12px 0 0;}
#tmStage .tm-specs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0 0;}
#tmStage .tm-spec{border-radius:11px;border:1px solid rgba(110,140,190,.18);background:rgba(10,18,32,.5);padding:11px 12px;}
#tmStage .tm-sk{display:block;font-size:10.5px;font-weight:600;letter-spacing:.05em;color:#8295af;text-transform:uppercase;}
#tmStage .tm-sv{display:block;font-size:14px;font-weight:700;color:#eef3fb;margin-top:4px;}
#tmStage .tm-sv.yes{color:#7fcf9f;}#tmStage .tm-sv.no{color:#8090a6;}
#tmStage .tm-more{margin:16px 0 0;border-top:1px solid rgba(110,140,190,.16);}
#tmStage .tm-more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 2px 4px;font-family:'Manrope';font-weight:700;font-size:13px;color:#cdd9ee;-webkit-tap-highlight-color:transparent;}
#tmStage .tm-more>summary::-webkit-details-marker{display:none;}
#tmStage .tm-chev{width:9px;height:9px;border-right:2px solid #8fb6ff;border-bottom:2px solid #8fb6ff;transform:rotate(45deg);transition:transform .25s ease;flex:none;margin-right:4px;}
#tmStage .tm-more[open] .tm-chev{transform:rotate(-135deg);}
#tmStage .tm-grp{margin-top:12px;}
#tmStage .tm-grp-h{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:#7f93b0;text-transform:uppercase;margin-bottom:2px;}
#tmStage .tm-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid rgba(110,140,190,.08);font-size:13px;}
#tmStage .tm-k{color:#9aabc3;}
#tmStage .tm-v{color:#eef3fb;font-weight:600;text-align:right;}
#tmStage .tm-v.no{color:#8090a6;font-weight:500;}#tmStage .tm-v.yes{color:#7fcf9f;}
#tmStage .tm-limits{margin:15px 0 0;padding:11px 12px;border-radius:10px;background:rgba(216,147,47,.08);border:1px solid rgba(216,147,47,.22);font-size:12px;line-height:1.45;color:#d9c08e;}
#tmStage .tm-limits b{color:#e9b860;}
#tmStage .tm-cta{display:block;width:100%;margin:16px 0 0;padding:13px;border-radius:11px;text-align:center;font-family:'Manrope';font-weight:700;font-size:14px;text-decoration:none;box-sizing:border-box;}
#tmStage .tm-cta.primary{background:linear-gradient(180deg,#3d8bff,#2c66cf);color:#fff;box-shadow:0 10px 26px rgba(47,111,214,.4);}
#tmStage .tm-cta.ghost{background:transparent;border:1px solid rgba(150,180,225,.4);color:#dbe6f6;}
#tmStage .tm-cta.gold{background:linear-gradient(180deg,#f0b652,#d8932f);color:#231603;box-shadow:0 10px 26px rgba(216,147,47,.32);}
@media (max-width:380px){#tmStage .tm-specs{grid-template-columns:1fr;}}
/* ===== A PROPOS — mobile : conteneurs uniformes (meme largeur) ===== */
@media (max-width:900px){
  #dc-main section:has(#cardRow),#dc-main section:has(#stepRow),#dc-main section:has(#diffGrid),#dc-main section:has(#aboutCta){padding-left:20px!important;padding-right:20px!important;}
  #heroGrid{padding:30px 20px 40px!important;}
  #aboutCta{padding:26px 22px!important;}
}

/* ===== CONTACT — mobile : padding interne reduit ===== */
@media (max-width:640px){
  #contactGrid{padding-left:18px!important;padding-right:18px!important;}
  #contactGrid>div:first-child{padding-left:20px!important;padding-right:20px!important;}
}

/* ===== BLOG — mobile : masquer fil d'Ariane ===== */
@media (max-width:820px){#blogCrumb{display:none!important;}}

/* ===== MOBILE — robustesse anti-debordement & overlays ===== */
@media (max-width:1040px){
  #stepRow .stepArrow{display:none!important;}
}
#dc-main{overflow-x:clip;max-width:100%;}
#dcMobileNav .mn-panel{max-height:100dvh;overflow-y:auto;}
/* header au-dessus de l'overlay menu : logo+nom+burger toujours visibles/cliquables */
@media (max-width:980px){#shHdr{z-index:250!important;}}

/* chaque section clippe son debordement horizontal (mobile) */
@media (max-width:1040px){#dc-main section{overflow-x:clip;}}


/* Sur mesure (mobile) : ecran "Nous contacter" a la place de l'image */
#planMobile #pmContact{display:none;}
#planMobile #pmCard.show-contact{aspect-ratio:auto;background:linear-gradient(160deg,rgba(16,28,48,.96),rgba(9,15,27,.97));border-color:rgba(95,150,255,.4);}
#planMobile #pmCard.show-contact #pmImg{display:none;}
#planMobile #pmCard.show-contact #pmContact{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 24px;}
#planMobile .pmc-kick{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#8fb6ff;}
#planMobile .pmc-title{font-family:'Spectral';font-size:21px;font-weight:600;color:#f4f7fc;margin-top:12px;}
#planMobile .pmc-text{font-size:13.5px;line-height:1.6;color:#aebccf;margin:12px 0 0;max-width:340px;}
#planMobile .pmc-btn{margin-top:20px;display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,#3d8bff,#2c66cf);color:#fff;text-decoration:none;border-radius:11px;padding:13px 24px;font-family:'Manrope';font-weight:700;font-size:14px;box-shadow:0 12px 30px rgba(47,111,214,.4);}
/* ===== HEADER FIXE sur tous les ecrans + compensation d'espace ===== */
#shHdr{position:fixed!important;top:0;left:0;right:0;}
#dc-main{padding-top:78px;}
@media (max-width:640px){#dc-main{padding-top:70px;}}
/* burger garanti visible partout en mobile, jamais reduit */
@media (max-width:980px){#shHdr #dcBurger{display:inline-flex!important;flex:none!important;}#shHdr .hscp1{display:none!important;}#shHdr #shNav{display:none!important;}}