/* ===== V6 multipage — pages internes ===== */
.inner-hero,.contact-hero{position:relative;overflow:hidden;background:#080b0d;color:#fff;padding:150px 0 90px;min-height:690px}
.inner-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}
.inner-hero h1,.contact-hero h1{font-size:clamp(58px,6vw,94px);line-height:.92;letter-spacing:-.065em;margin:0 0 25px}
.inner-hero h1 span,.contact-hero h1 span,.sticky-title h2 span,.internal-showcase h2 span,.contact-final h2 span{color:var(--blue)}
.inner-hero-copy>p:not(.eyebrow),.contact-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;color:#c6ccd0;max-width:650px}
.inner-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:38px;padding-top:25px;border-top:1px solid #303438}
.inner-proof span{font-size:12px;color:#aab0b4}.inner-proof b{font-size:18px;color:#fff;margin-right:5px}
.inner-visual{position:relative;min-height:460px;perspective:1200px}
.inner-device{position:absolute;margin:0;overflow:hidden;border-radius:18px;border:6px solid #1c1d1f;box-shadow:0 30px 75px rgba(0,0,0,.5);background:#111}
.inner-device img{width:100%;height:100%;object-fit:cover;filter:url(#waterRipple)}
.inner-device.main{width:72%;height:350px;left:0;top:55px;transform:rotateY(-9deg) rotateZ(-2deg)}
.inner-device.back{width:54%;height:280px;right:0;top:85px;transform:rotateY(7deg) rotateZ(4deg)}
.inner-device.phone{width:18%;height:270px;right:2%;bottom:0;border-radius:26px;transform:rotate(6deg)}
.crumb-strip{background:#f5f7f8;border-bottom:1px solid #e2e6e8}.crumb-strip .shell{display:flex;gap:10px;padding-top:15px;padding-bottom:15px;font-size:12px;color:#6d7377}.crumb-strip strong{color:#111}
.internal-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:80px;align-items:start}
.sticky-title{position:sticky;top:120px}.sticky-title h2{font-size:clamp(48px,4.5vw,74px);line-height:.96;letter-spacing:-.055em}
.internal-copy .lead{font-size:23px;line-height:1.55;color:#272b2e;margin-top:0}
.feature-lines{margin-top:40px;border-top:1px solid #ddd}
.feature-lines>div{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #ddd}
.feature-lines span{width:44px;height:44px;border:1px solid var(--blue);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:20px}
.feature-lines strong{font-size:20px}.feature-lines p{margin:6px 0 0;color:#666}
.process-section{padding:95px 0}.process-section .section-heading{max-width:760px;margin-bottom:48px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #303438;border-bottom:1px solid #303438}
.process-card{padding:34px 28px;border-right:1px solid #303438;min-height:260px}.process-card:last-child{border-right:0}.process-card span{color:var(--blue);font-size:11px;font-weight:900}.process-card h3{font-size:30px;margin:38px 0 13px}.process-card p{color:#aab0b4;line-height:1.55}
.offer-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1100px;margin:48px auto 0}
.offer-detail{border:1px solid #d7dcdf;padding:34px;min-height:520px;display:flex;flex-direction:column}.offer-detail.featured{background:#0c0c0c;color:#fff;border-color:#0c0c0c;box-shadow:0 25px 70px rgba(0,0,0,.18)}
.offer-top{display:flex;justify-content:space-between;align-items:start;gap:20px;border-bottom:1px solid #d7dcdf;padding-bottom:25px}.featured .offer-top{border-color:#333}
.offer-top span{font-size:11px;letter-spacing:.16em;font-weight:900;color:var(--blue)}.offer-top strong{font-size:50px;letter-spacing:-.06em}
.offer-detail>p{font-size:18px;line-height:1.55}.offer-detail ul{list-style:none;padding:0;margin:10px 0 30px;flex:1}.offer-detail li{padding:12px 0;border-bottom:1px solid #e4e7e9}.featured li{border-color:#303438;color:#c7cdd1}
.internal-showcase{background:#0b0d0f;color:#fff;padding:100px 0;overflow:hidden}.showcase-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.internal-showcase h2{font-size:clamp(48px,4.5vw,76px);line-height:.95;letter-spacing:-.055em}.internal-showcase .showcase-copy>p:not(.eyebrow){color:#b4bcc1;font-size:18px;line-height:1.6}
.mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:220px 220px;gap:15px;transform:rotate(2deg)}.mosaic img{width:100%;height:100%;object-fit:cover;border:5px solid #1c1e20;box-shadow:0 24px 60px rgba(0,0,0,.4)}.mosaic img:first-child{grid-row:1/3}.mosaic img:nth-child(2){transform:translateY(-14px)}.mosaic img:nth-child(3){transform:translateY(14px)}
.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.faq-heading h2{font-size:clamp(48px,4vw,68px)}.faq-list{border-top:1px solid #d8dddf}.faq-list details{border-bottom:1px solid #d8dddf;padding:21px 0}.faq-list summary{font-size:19px;font-weight:850;cursor:pointer;list-style:none}.faq-list summary:after{content:"+";float:right;color:var(--blue);font-size:24px}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:#666;line-height:1.6;padding-right:40px}
.contact-hero{padding-bottom:100px}.contact-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:start}
.contact-copy{padding-top:48px}.contact-direct{margin-top:40px;display:grid;gap:12px}.contact-direct>a,.contact-direct>div{display:flex;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid #303438}.contact-direct>*>span{width:46px;height:46px;border:1px solid var(--blue);color:var(--blue);border-radius:50%;display:grid;place-items:center;font-size:20px}.contact-direct small{display:block;color:#969da2;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.contact-direct strong{display:block;font-size:23px;margin-top:3px}.contact-note{font-size:13px!important;margin-top:28px}
.contact-form-wrap{background:#fff;color:#0c0c0c;padding:34px;border-radius:3px;box-shadow:0 35px 90px rgba(0,0,0,.36)}
.form-head{display:flex;gap:17px;align-items:center;padding-bottom:25px;border-bottom:1px solid #e0e4e6}.form-head>span{width:48px;height:48px;border-radius:50%;background:var(--blue);display:grid;place-items:center;font-weight:950}.form-head small{display:block;font-size:9px;letter-spacing:.15em;color:#777}.form-head strong{display:block;font-size:27px;margin-top:3px}
.contact-form{margin-top:28px;display:grid;gap:18px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{font-size:12px;font-weight:850;color:#2c3033;display:grid;gap:8px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #d4d9dc;background:#f8f9fa;padding:14px;font:inherit;font-size:15px;border-radius:0;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(46,203,255,.12)}.contact-form textarea{resize:vertical}.consent{grid-template-columns:auto 1fr!important;align-items:start;font-weight:400!important;line-height:1.45}.consent input{width:18px;height:18px;margin:1px 0 0}.consent a{text-decoration:underline}.form-submit{width:100%;border:0;cursor:pointer}.form-status{min-height:20px;margin:0;font-size:13px;color:#137346}
.contact-reassurance{background:#f6f8f9;border-bottom:1px solid #e0e4e6}.reassurance-grid{display:grid;grid-template-columns:repeat(3,1fr)}.reassure{padding:28px 35px;border-right:1px solid #dce1e3}.reassure:last-child{border-right:0}.reassure span{color:var(--blue);font-size:10px;font-weight:900}.reassure strong{display:block;font-size:20px;margin:10px 0 5px}.reassure p{margin:0;color:#666;font-size:13px}
.contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:45px}.contact-card{min-height:180px;border:1px solid #d9dddf;padding:25px;display:flex;flex-direction:column;transition:.25s}.contact-card:hover{border-color:var(--blue);transform:translateY(-4px);box-shadow:0 15px 40px rgba(0,0,0,.08)}.contact-card span{color:var(--blue);font-size:27px}.contact-card strong{font-size:22px;margin-top:auto}.contact-card small{margin-top:6px;color:#666}
.contact-final{padding:95px 0}.contact-final-grid{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}.contact-final h2{font-size:clamp(50px,5vw,82px);line-height:.92;letter-spacing:-.06em;margin:0}.contact-big-phone{min-width:350px;border-left:1px solid #34383b;padding:22px 0 22px 38px;position:relative}.contact-big-phone small{display:block;color:#8e969b;font-size:9px;letter-spacing:.15em}.contact-big-phone strong{display:block;font-size:34px;margin-top:5px}.contact-big-phone>span{position:absolute;right:0;top:50%;font-size:30px;color:var(--blue)}
@media(max-width:1050px){.inner-hero-grid,.internal-grid,.showcase-inner,.contact-hero-grid,.faq-grid,.contact-final-grid{grid-template-columns:1fr}.inner-visual{min-height:450px}.sticky-title{position:static}.process-grid,.contact-cards{grid-template-columns:1fr 1fr}.contact-copy{padding-top:0}.contact-big-phone{min-width:0}.contact-final-grid{align-items:start}}
@media(max-width:650px){.inner-hero,.contact-hero{padding:120px 0 65px;min-height:auto}.inner-hero-grid,.contact-hero-grid{gap:35px}.inner-hero h1,.contact-hero h1{font-size:50px}.inner-visual{min-height:340px}.inner-device.main{height:225px;top:35px}.inner-device.back{height:190px;top:75px}.inner-device.phone{height:175px}.inner-proof{gap:12px}.internal-grid,.showcase-inner,.faq-grid{gap:35px}.process-grid,.offer-detail-grid,.contact-cards,.reassurance-grid{grid-template-columns:1fr}.process-card{border-right:0;border-bottom:1px solid #303438;min-height:auto}.offer-detail{min-height:auto}.mosaic{grid-template-rows:160px 160px}.field-row{grid-template-columns:1fr}.contact-form-wrap{padding:25px 18px}.reassure{border-right:0;border-bottom:1px solid #dce1e3}.contact-final{padding:70px 0}.contact-big-phone{padding-left:0;border-left:0;border-top:1px solid #34383b}}


/* ===== Création de site : hero plein fond vidéo ===== */
.inner-hero-video-bg{
  position:relative;
  overflow:hidden;
  min-height:760px;
  padding:170px 0 110px;
  background:#080b0d;
}
.inner-hero-bg-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.inner-hero-video-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(5,7,8,.84) 0%, rgba(5,7,8,.68) 38%, rgba(5,7,8,.42) 62%, rgba(5,7,8,.58) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.28) 55%, rgba(0,0,0,.52) 100%);
  z-index:1;
}
.inner-hero-video-shell{
  position:relative;
  z-index:2;
}
.inner-hero-video-bg .inner-hero-copy{
  max-width:700px;
}
.inner-hero-video-bg .inner-hero-copy > p:not(.eyebrow){
  color:#d0d7db;
}
.inner-hero-video-bg .inner-proof{
  border-top-color:rgba(255,255,255,.18);
}
.inner-hero-video-bg .inner-proof span{
  color:#c6ced3;
}
@media(max-width:650px){
  .inner-hero-video-bg{
    min-height:640px;
    padding:135px 0 80px;
  }
  .inner-hero-video-shade{
    background:
      linear-gradient(180deg, rgba(5,7,8,.18) 0%, rgba(5,7,8,.44) 34%, rgba(5,7,8,.88) 100%);
  }
}
@media(prefers-reduced-motion:reduce){
  .inner-hero-bg-video{
    display:none;
  }
  .inner-hero-video-bg{
    background:#080b0d;
  }
}


/* ===== Ajustement hero vidéo page interne : plus compact et sobre ===== */
.inner-hero-video-bg{
  min-height:520px;
  padding:135px 0 72px;
}
.inner-hero-video-bg .inner-hero-copy{
  max-width:620px;
}
.inner-hero-video-bg .inner-hero-copy h1{
  font-size:clamp(44px,4.3vw,66px);
  line-height:.98;
  letter-spacing:-.05em;
  margin-bottom:20px;
}
.inner-hero-video-bg .inner-hero-copy > p:not(.eyebrow){
  max-width:590px;
  font-size:16px;
  line-height:1.6;
}
.inner-hero-video-bg .hero-actions{
  margin-top:24px;
}
.inner-hero-video-bg .inner-proof{
  margin-top:28px;
  padding-top:18px;
}
.inner-hero-video-bg .inner-proof span{
  font-size:11px;
}
.inner-hero-video-bg .inner-proof b{
  font-size:16px;
}
@media(max-width:650px){
  .inner-hero-video-bg{
    min-height:500px;
    padding:120px 0 60px;
  }
  .inner-hero-video-bg .inner-hero-copy h1{
    font-size:42px;
  }
  .inner-hero-video-bg .inner-hero-copy > p:not(.eyebrow){
    font-size:15px;
  }
}


/* ===== Ajustement hero vidéo page interne : format bannière comme l'exemple ===== */
.inner-hero-video-bg{
  min-height:430px;
  padding:92px 0 58px;
  display:flex;
  align-items:center;
}
.inner-hero-video-bg .hero-atmosphere{
  display:none;
}
.inner-hero-video-shade{
  background:
    linear-gradient(90deg, rgba(10,12,18,.64) 0%, rgba(10,12,18,.46) 42%, rgba(10,12,18,.26) 72%, rgba(10,12,18,.20) 100%),
    linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.20) 100%);
}
.inner-hero-video-bg .inner-hero-copy{
  max-width:720px;
}
.inner-hero-video-bg .inner-hero-copy .eyebrow{
  margin-bottom:14px;
  font-size:11px;
  letter-spacing:.08em;
}
.inner-hero-video-bg .inner-hero-copy h1{
  font-size:clamp(40px,3.8vw,64px);
  line-height:1.02;
  letter-spacing:-.045em;
  margin:0 0 16px;
}
.inner-hero-video-bg .inner-hero-copy > p:not(.eyebrow){
  max-width:620px;
  font-size:15px;
  line-height:1.62;
}
.inner-hero-video-bg .hero-actions{
  margin-top:20px;
}
.inner-hero-video-bg .hero-actions .btn{
  min-height:46px;
  padding:0 18px;
}
.inner-hero-video-bg .inner-proof{
  margin-top:20px;
  padding-top:14px;
  gap:18px;
}
.inner-hero-video-bg .inner-proof span{
  font-size:10px;
}
.inner-hero-video-bg .inner-proof b{
  font-size:15px;
}

@media(max-width:650px){
  .inner-hero-video-bg{
    min-height:380px;
    padding:88px 0 44px;
  }
  .inner-hero-video-shade{
    background:
      linear-gradient(180deg, rgba(10,12,18,.28) 0%, rgba(10,12,18,.52) 45%, rgba(10,12,18,.82) 100%);
  }
  .inner-hero-video-bg .inner-hero-copy h1{
    font-size:36px;
    line-height:1.04;
  }
  .inner-hero-video-bg .inner-hero-copy > p:not(.eyebrow){
    font-size:14px;
  }
  .inner-hero-video-bg .hero-actions{
    gap:10px;
  }
  .inner-hero-video-bg .hero-actions .btn{
    min-height:42px;
    padding:0 15px;
  }
}


/* ===== Hero vidéo page Création : composition décalée en deux blocs ===== */
.inner-hero-video-bg{
  min-height:470px;
  padding:86px 0 48px;
}
.inner-hero-video-shell{
  width:min(calc(100% - 56px),var(--shell));
  max-width:var(--shell);
  margin-inline:auto;
}
.inner-hero-composition{
  position:relative;
  max-width:none!important;
  min-height:330px;
}
.hero-title-panel{
  position:relative;
  width:min(720px,58vw);
  padding:34px 34px 26px;
  background:linear-gradient(90deg,rgba(8,13,17,.80),rgba(8,13,17,.58));
  backdrop-filter:blur(4px);
  border-left:1px solid rgba(46,203,255,.32);
}
.hero-title-panel::before,
.hero-title-panel::after{
  content:"";
  position:absolute;
  left:-26px;
  height:42px;
  background:linear-gradient(90deg,rgba(8,13,17,.64),rgba(8,13,17,.18));
  pointer-events:none;
}
.hero-title-panel::before{
  top:-48px;
  width:86%;
}
.hero-title-panel::after{
  bottom:-54px;
  width:66%;
}
.hero-title-panel .eyebrow{
  color:var(--blue);
  margin:0 0 14px;
}
.hero-title-panel h1{
  margin:0!important;
  font-size:clamp(44px,4.5vw,72px)!important;
  line-height:.98!important;
  letter-spacing:-.05em!important;
}
.hero-intro-panel{
  position:absolute;
  right:0;
  top:98px;
  width:min(620px,48vw);
  padding:16px 18px;
  background:linear-gradient(90deg,rgba(8,13,17,.82),rgba(8,13,17,.58));
  backdrop-filter:blur(4px);
  border-right:1px solid rgba(255,255,255,.14);
}
.hero-intro-panel p {
    margin: -50px 0 0 50px;
    color: #d4dbe0 !important;
    font-size: 16px !important;
    line-height: 1.58 !important;
    max-width: none !important;
}
.inner-hero-composition .inner-proof{
  position:absolute;
  left:0;
  bottom:0;
  width:min(780px,62vw);
  margin:0!important;
  padding-top:17px!important;
  border-top:1px solid rgba(255,255,255,.22);
}
.inner-hero-video-shade{
  background:
    linear-gradient(90deg,rgba(5,9,12,.54) 0%,rgba(5,9,12,.26) 46%,rgba(5,9,12,.12) 70%,rgba(5,9,12,.20) 100%),
    linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.24));
}
@media(max-width:950px){
  .inner-hero-video-bg{min-height:520px}
  .hero-title-panel{width:min(720px,72vw)}
  .hero-intro-panel{top:150px;width:min(580px,58vw)}
}
@media(max-width:650px){
  .inner-hero-video-bg{min-height:510px;padding:72px 0 40px}
  .inner-hero-video-shell{width:min(calc(100% - 28px),var(--shell))}
  .inner-hero-composition{min-height:390px}
  .hero-title-panel{width:100%;padding:24px 20px 20px}
  .hero-title-panel::before,.hero-title-panel::after{display:none}
  .hero-title-panel h1{font-size:40px!important}
  .hero-intro-panel{
    position:relative;top:auto;right:auto;width:92%;
    margin:14px 0 0 auto;padding:14px 16px
  }
  .hero-intro-panel p{font-size:14px!important}
  .inner-hero-composition .inner-proof{width:100%}
}


/* ===== Correction hero : suppression des rectangles derrière les textes ===== */
.hero-title-panel{
  background:none!important;
  backdrop-filter:none!important;
  border-left:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
.hero-title-panel::before,
.hero-title-panel::after{
  display:none!important;
}
.hero-intro-panel{
  background:none!important;
  backdrop-filter:none!important;
  border-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}


/* ===== Correction ciblée : éviter le chevauchement titre gauche / texte droite ===== */
.hero-intro-panel{
  top:132px !important;
  width:min(520px,34vw) !important;
}
@media(max-width:1200px){
  .hero-intro-panel{
    width:min(470px,32vw) !important;
  }
}
@media(max-width:950px){
  .hero-intro-panel{
    top:168px !important;
    width:min(520px,50vw) !important;
  }
}