.inner-page {
  color: #18191d;
  background: #faf8f5;
}

.inner-page .eyebrow { font-size: .72rem; }
.inner-page .button { font-size: .74rem; }
.inner-page .visual-marker { font-size: 1.05rem; font-weight: 800; line-height: 1; letter-spacing: 0; }

.inner-hero {
  position: relative;
  min-height: 760px;
  padding: 190px 0 90px;
  overflow: hidden;
}

.inner-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr);
  align-items: center;
  gap: clamp(70px, 10vw, 150px);
}

.inner-hero h1 {
  max-width: 760px;
  margin: 34px 0 28px;
  font-size: clamp(2.8rem, 4vw, 4.55rem);
  line-height: 1;
  letter-spacing: -.065em;
}

.inner-hero h1 em { color: #86227c; font-style: normal; }
.inner-hero-lead { max-width: 640px; margin: 0; color: #676970; font-size: 1.08rem; line-height: 1.78; }
.inner-hero-actions { display: flex; align-items: center; gap: 26px; margin-top: 38px; }
.inner-text-link { color: #86227c; font-size: .74rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.hero-aside {
  padding: 34px;
  border: 1px solid rgba(24, 25, 29, .12);
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 25px 70px rgba(53, 41, 51, .09);
}

.hero-aside-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 22px; border-bottom: 1px solid rgba(24, 25, 29, .13); }
.hero-aside-head span { color: #76787e; font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hero-aside-head strong { color: #86227c; font-size: 1.5rem; }
.hero-aside-list { margin: 0; padding: 18px 0 0; list-style: none; }
.hero-aside-list li { display: grid; grid-template-columns: 38px 1fr; gap: 14px; padding: 16px 0; border-bottom: 1px solid rgba(24, 25, 29, .1); }
.hero-aside-list li:last-child { border-bottom: 0; }
.hero-aside-list span { color: #86227c; font-size: .72rem; font-weight: 900; }
.hero-aside-list strong { display: block; margin-bottom: 5px; font-size: .96rem; }
.hero-aside-list p { margin: 0; color: #76787e; font-size: .84rem; line-height: 1.5; }

.approach-hero { min-height: 780px; padding-bottom: 0; background: linear-gradient(135deg,#fff 0%,#fbf8fa 54%,#f2e8f1 100%); }
.approach-hero::before { position:absolute; inset:120px auto auto 63%; width:1px; height:290px; content:""; background:linear-gradient(transparent,rgba(134,34,124,.28),transparent); transform:rotate(35deg); }
.approach-hero-layout { position:relative; z-index:1; }
.approach-hero-topline { display:flex; align-items:center; justify-content:space-between; padding-bottom:26px; border-bottom:1px solid rgba(24,25,29,.13); }
.approach-hero-topline .eyebrow { margin:0; }
.approach-hero-count { margin:0; color:#74767b; font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.approach-hero-count strong { margin-right:8px; color:#86227c; font-size:1.15rem; }
.approach-hero h1 { max-width:930px; margin:58px 0 42px; }
.approach-hero-bottom { display:grid; grid-template-columns:1fr auto; align-items:end; gap:80px; }
.approach-hero-bottom .inner-hero-actions { margin:0; }
.approach-hero-rail { display:grid; grid-template-columns:repeat(5,1fr); margin:76px 0 0; padding:0; border-top:1px solid rgba(24,25,29,.14); list-style:none; }
.approach-hero-rail li { position:relative; display:flex; min-height:105px; gap:14px; align-items:center; padding:0 22px; border-right:1px solid rgba(24,25,29,.12); }
.approach-hero-rail li:first-child { padding-left:0; }
.approach-hero-rail li:last-child { border-right:0; }
.approach-hero-rail li::before { position:absolute; top:-4px; left:22px; width:7px; height:7px; border-radius:50%; content:""; background:#86227c; }
.approach-hero-rail li:first-child::before { left:0; }
.approach-hero-rail span { color:#86227c; font-size:.7rem; font-weight:900; }
.approach-hero-rail strong { font-size:.88rem; }

.company-hero { min-height:800px; padding-bottom:70px; background:#fff; }
.company-hero-layout { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr); gap:clamp(70px,9vw,135px); align-items:center; }
.company-hero-copy h1 { max-width:680px; }
.company-hero-image { min-height:520px; margin:0; overflow:hidden; background:#edf1f2; box-shadow:0 30px 70px rgba(52,126,137,.18); }
.company-hero-image img { display:block; width:100%; height:520px; object-fit:cover; object-position:center; }

.contact-page-hero { min-height:690px; padding-bottom:70px; text-align:center; background:linear-gradient(180deg,#fff 0%,#faf7f9 100%); }
.contact-page-hero::before,.contact-page-hero::after { position:absolute; top:170px; width:250px; height:250px; border:1px solid rgba(134,34,124,.1); border-radius:50%; content:""; }
.contact-page-hero::before { left:-150px; }
.contact-page-hero::after { right:-150px; }
.contact-hero-layout { position:relative; z-index:1; }
.contact-hero-copy { display:flex; max-width:880px; flex-direction:column; align-items:center; margin:0 auto; }
.contact-hero-copy .eyebrow { justify-content:center; }
.contact-page-hero h1 { max-width:850px; margin-bottom:25px; }
.contact-page-hero .inner-hero-lead { max-width:670px; }
.contact-page-hero .inner-hero-actions { margin-top:32px; }
.contact-hero-direct { display:grid; grid-template-columns:repeat(3,1fr); margin-top:62px; border-top:1px solid rgba(24,25,29,.14); border-bottom:1px solid rgba(24,25,29,.14); text-align:left; }
.contact-hero-direct > * { display:grid; grid-template-columns:1fr auto; gap:6px 18px; padding:24px 28px; color:#1d1e22; border-right:1px solid rgba(24,25,29,.12); }
.contact-hero-direct > *:first-child { padding-left:0; }
.contact-hero-direct > *:last-child { padding-right:0; border-right:0; }
.contact-hero-direct small { grid-column:1/3; color:#8a8b90; font-size:.66rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.contact-hero-direct strong { font-size:.92rem; }
.contact-hero-direct span { color:#86227c; }

.section-heading-split {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: clamp(70px, 10vw, 150px);
  align-items: end;
  margin-bottom: 70px;
}

.section-heading-split h2,
.section-heading-center h2 {
  margin: 28px 0 0;
  font-size: clamp(2.2rem, 3vw, 3.4rem);
  line-height: 1.03;
  letter-spacing: -.055em;
}

.section-heading-split > p { margin: 0; color: #6b6d73; font-size: 1rem; line-height: 1.78; }
.section-heading-center { max-width: 790px; margin: 0 auto 75px; text-align: center; }
.section-heading-center .eyebrow { justify-content: center; }
.section-heading-center > p:last-child { max-width: 650px; margin: 22px auto 0; color: #6b6d73; font-size: 1rem; line-height: 1.75; }

/* Approche */
.approach-principles { background: #fff; }
.principle-row { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(24, 25, 29, .14); border-bottom: 1px solid rgba(24, 25, 29, .14); }
.principle-row article { min-height: 270px; padding: 36px; border-right: 1px solid rgba(24, 25, 29, .14); }
.principle-row article:first-child { padding-left: 0; }
.principle-row article:last-child { border-right: 0; }
.principle-row span { color: #86227c; font-size: .78rem; font-weight: 900; }
.principle-row h3 { margin: 52px 0 14px; font-size: 1.35rem; }
.principle-row p { margin: 0; color: #6e7076; font-size: .94rem; line-height: 1.7; }

.approach-path {
  background:
    radial-gradient(circle at 92% 10%, rgba(134, 34, 124, .07), transparent 28%),
    #f5f2ef;
}

.approach-steps { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); }
.approach-steps::before { position: absolute; top: 60px; right: 8%; left: 8%; height: 1px; content: ""; background: rgba(24, 25, 29, .18); }
.approach-steps::after { position: absolute; top: 60px; right: 8%; left: 8%; height: 2px; content: ""; background: linear-gradient(90deg, #86227c, #4a9daa); transform: scaleX(0); transform-origin: left; }
.js-ready .approach-steps.is-visible::after { transform: scaleX(1); transition: transform 1.25s cubic-bezier(.2,.75,.2,1) .15s; }
.approach-steps article { position: relative; padding: 0 18px; text-align: center; }
.approach-steps article > span { color: #777980; font-size: .74rem; font-weight: 900; }
.approach-steps i { position: relative; z-index: 1; display: block; width: 15px; height: 15px; margin: 31px auto 38px; border: 5px solid #f5f2ef; border-radius: 50%; background: #86227c; box-sizing: content-box; }
.approach-steps h3 { margin: 0 0 12px; font-size: 1.2rem; }
.approach-steps p { margin: 0 auto; color: #73757b; font-size: .9rem; line-height: 1.65; }
.js-ready .approach-steps article { opacity: 0; transform: translateY(22px); transition: opacity .5s ease, transform .6s cubic-bezier(.2,.75,.2,1); }
.js-ready .approach-steps.is-visible article { opacity: 1; transform: translateY(0); }
.js-ready .approach-steps.is-visible article:nth-child(1) { transition-delay: .15s; }
.js-ready .approach-steps.is-visible article:nth-child(2) { transition-delay: .32s; }
.js-ready .approach-steps.is-visible article:nth-child(3) { transition-delay: .49s; }
.js-ready .approach-steps.is-visible article:nth-child(4) { transition-delay: .66s; }
.js-ready .approach-steps.is-visible article:nth-child(5) { transition-delay: .83s; }

.approach-modes { background: #fff; }
.mode-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.mode-grid article { min-height: 420px; padding: 36px; border: 1px solid rgba(24,25,29,.12); background: #faf9f7; }
.mode-grid article:nth-child(2) { background: #eef6f6; }
.mode-grid article:nth-child(3) { background: #f7eef6; }
.mode-grid span { color: #86227c; font-size: .72rem; font-weight: 900; }
.mode-grid h3 { margin: 55px 0 18px; font-size: 1.55rem; }
.mode-grid p { color: #6c6e74; font-size: .94rem; line-height: 1.7; }
.mode-grid ul { margin: 28px 0 0; padding: 0; list-style: none; }
.mode-grid li { padding: 11px 0; border-top: 1px solid rgba(24,25,29,.1); font-size: .82rem; }

.deliverables { background: #eef6f6; }
.deliverables-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(75px,10vw,150px); align-items: center; }
.deliverables-copy h2 { margin: 28px 0 24px; font-size: clamp(2.2rem,3vw,3.4rem); line-height: 1.03; letter-spacing: -.055em; }
.deliverables-copy > p:not(.eyebrow) { color: #687174; font-size: 1rem; line-height: 1.8; }
.deliverables-list { border-top: 1px solid rgba(24,25,29,.15); }
.deliverables-list article { display: grid; grid-template-columns: 48px 1fr 34px; gap: 20px; align-items: center; padding: 26px 0; border-bottom: 1px solid rgba(24,25,29,.15); }
.deliverables-list > article > span { color: #347e89; font-size: .88rem; font-weight: 900; }
.deliverables-list strong { display: block; margin-bottom: 6px; font-size: 1.04rem; }
.deliverables-list p { margin: 0; color: #6a7477; font-size: .9rem; }
.deliverables-list i { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; color: #347e89; background: #fff; font-style: normal; }

/* Entreprise */
.company-intro { background: #fff; }
.company-statement { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(70px,10vw,150px); align-items: start; }
.company-statement h2 { margin: 0; font-size: clamp(2.35rem,3.3vw,3.8rem); line-height: 1.02; letter-spacing: -.06em; }
.company-statement h2 em { color: #347e89; font-style: normal; }
.company-statement-copy p { margin: 0 0 22px; color: #676970; font-size: 1.04rem; line-height: 1.83; }
.company-signature { display: flex; gap: 16px; align-items: center; margin-top: 34px; padding-top: 24px; border-top: 1px solid rgba(24,25,29,.14); }
.company-signature span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; color: #fff; background: #347e89; }
.company-signature strong { font-size: .96rem; }

.company-anchors { background: #f5f2ef; }
.company-anchor-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.company-anchor-grid article { min-height: 300px; padding: 32px; background: #fff; border: 1px solid rgba(24,25,29,.09); }
.company-anchor-grid span { color: #86227c; font-size: .78rem; font-weight: 900; }
.company-anchor-grid h3 { margin: 48px 0 14px; font-size: 1.25rem; }
.company-anchor-grid p { margin: 0; color: #6e7076; font-size: .9rem; line-height: 1.65; }

.company-way { background: #eef6f6; }
.company-way-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(75px,10vw,150px); align-items: center; }
.company-way-copy h2 { margin: 28px 0 24px; font-size: clamp(2.2rem,3vw,3.4rem); line-height: 1.03; letter-spacing: -.055em; }
.company-way-copy > p:not(.eyebrow) { color: #687174; font-size: 1rem; line-height: 1.8; }
.company-way-list { border-top: 1px solid rgba(24,25,29,.15); }
.company-way-list article { display: grid; grid-template-columns: 55px 1fr; gap: 18px; padding: 28px 0; border-bottom: 1px solid rgba(24,25,29,.15); }
.company-way-list span { grid-row: 1/3; color: #347e89; font-size: .95rem; font-weight: 900; }
.company-way-list strong { font-size: 1.08rem; }
.company-way-list p { margin: 6px 0 0; color: #6a7477; font-size: .91rem; line-height: 1.6; }

.company-location { background: #fff; }
.location-panel { display: grid; grid-template-columns: .9fr 1.1fr; min-height: 480px; border: 1px solid rgba(24,25,29,.12); }
.location-copy { padding: 55px; }
.location-copy h2 { margin: 24px 0 20px; font-size: clamp(2.1rem,2.8vw,3.2rem); line-height: 1.04; letter-spacing: -.05em; }
.location-copy p { color: #6c6e74; font-size: 1rem; line-height: 1.75; }
.location-copy address { margin-top: 35px; color: #86227c; font-size: 1rem; font-style: normal; font-weight: 800; line-height: 1.6; }
.location-map { position:relative; min-height:480px; overflow:hidden; background:#e9ecec; }
.location-map iframe { display:block; width:100%; height:100%; min-height:480px; border:0; filter:saturate(.82) contrast(.96); }
.location-map > a { position:absolute; right:22px; bottom:22px; display:inline-flex; align-items:center; gap:12px; padding:14px 18px; border:1px solid rgba(24,25,29,.12); color:#18191d; background:rgba(255,255,255,.94); box-shadow:0 14px 35px rgba(24,25,29,.12); font-size:.72rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.location-map > a span { color:#86227c; }

/* Contact */
.contact-main { background: #f5f2ef; }
.contact-main-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 18px; align-items: start; }
.contact-info-card,.contact-form-shell { border:1px solid rgba(24,25,29,.11); background:#fff; }
.contact-info-card { padding: 42px; }
.contact-info-card h2 { margin:26px 0 16px; font-size:clamp(2rem,2.7vw,3rem); line-height:1.04; letter-spacing:-.05em; }
.contact-info-card > p:not(.eyebrow) { color:#6c6e74; font-size:.98rem; line-height:1.75; }
.contact-detail-list { margin-top:38px; border-top:1px solid rgba(24,25,29,.12); }
.contact-detail-item { display:grid; grid-template-columns:42px 1fr auto; gap:16px; align-items:center; padding:24px 0; border-bottom:1px solid rgba(24,25,29,.12); color:#1d1e22; }
.contact-detail-item > span:first-child { display:grid; width:36px; height:36px; place-items:center; border-radius:50%; color:#86227c; background:#f7eef6; }
.contact-detail-item small { display:block; margin-bottom:5px; color:#85868b; font-size:.68rem; text-transform:uppercase; }
.contact-detail-item strong { font-size:.94rem; line-height:1.5; }
.contact-detail-item i { color:#86227c; font-style:normal; }

.contact-form-shell { padding: 42px; }
.contact-form-shell h2 { margin:0 0 10px; font-size:1.8rem; }
.contact-form-shell > p { margin:0 0 34px; color:#6c6e74; font-size:.94rem; }
.page-contact-form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.page-contact-form .form-field { display:flex; flex-direction:column; gap:8px; }
.page-contact-form .form-field-wide { grid-column:1/3; }
.page-contact-form label { font-size:.76rem; font-weight:800; }
.page-contact-form label span { color:#86227c; }
.page-contact-form input,.page-contact-form select,.page-contact-form textarea { width:100%; border:1px solid rgba(24,25,29,.16); border-radius:0; padding:14px 15px; color:#1d1e22; background:#faf9f7; font:inherit; font-size:.92rem; }
.page-contact-form textarea { resize:vertical; }
.page-contact-form input:focus,.page-contact-form select:focus,.page-contact-form textarea:focus { outline:2px solid rgba(134,34,124,.18); border-color:#86227c; }
.page-contact-form .field-error { min-height:16px; color:#a32121; font-size:.7rem; }
.page-contact-form .form-demo-note { display:flex; gap:10px; margin:26px 0 18px; color:#777980; font-size:.76rem; line-height:1.5; }
.page-contact-form .form-demo-note span { display:grid; width:20px; height:20px; flex:0 0 auto; place-items:center; border-radius:50%; color:#86227c; background:#f7eef6; font-weight:800; }
.page-contact-form .contact-submit { display:flex; width:100%; justify-content:center; align-items:center; gap:14px; border:0; padding:17px 22px; color:#fff; background:#86227c; font-weight:800; cursor:pointer; }
.page-contact-form .form-status { margin:14px 0 0; font-size:.82rem; }

.contact-prepare { background:#fff; }
.prepare-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.prepare-grid article { min-height:280px; padding:34px; border:1px solid rgba(24,25,29,.11); background:#faf9f7; }
.prepare-grid span { color:#86227c; font-size:.82rem; font-weight:900; }
.prepare-grid h3 { margin:48px 0 14px; font-size:1.25rem; }
.prepare-grid p { margin:0; color:#6e7076; font-size:.92rem; line-height:1.7; }

.page-cta { background:#faf8f5; }
.page-cta-panel { display:grid; grid-template-columns:1.2fr .8fr auto; align-items:center; gap:55px; padding:58px; border:1px solid rgba(24,25,29,.12); background:#fff; box-shadow:0 20px 60px rgba(53,41,51,.06); }
.page-cta-panel h2 { margin:20px 0 0; font-size:clamp(1.9rem,2.7vw,3rem); line-height:1.05; letter-spacing:-.05em; }
.page-cta-panel > p { margin:0; color:#6c6e74; font-size:.94rem; line-height:1.7; }
.page-cta-panel .button { min-width:210px; justify-content:center; }

@media (max-width: 1100px) {
  .inner-hero-grid { grid-template-columns:1fr .8fr; gap:60px; }
  .approach-hero-bottom { gap:45px; }
  .approach-hero-rail li { padding-right:12px; padding-left:12px; }
  .approach-hero-rail li::before { left:12px; }
  .company-hero-layout { gap:55px; }
  .approach-steps { grid-template-columns:repeat(3,1fr); gap:55px 0; }
  .approach-steps::before,.approach-steps::after { display:none; }
  .company-anchor-grid { grid-template-columns:repeat(2,1fr); }
  .page-cta-panel { grid-template-columns:1fr 1fr; }
  .page-cta-panel .button { grid-column:2; width:fit-content; }
}

@media (max-width: 900px) {
  .inner-hero { min-height:0; padding-top:155px; }
  .inner-hero-grid,.company-hero-layout,.section-heading-split,.deliverables-grid,.company-statement,.company-way-grid,.location-panel,.contact-main-grid { grid-template-columns:1fr; }
  .approach-hero { padding-bottom:0; }
  .approach-hero-bottom { grid-template-columns:1fr; align-items:start; }
  .approach-hero-rail { grid-template-columns:repeat(3,1fr); }
  .approach-hero-rail li:nth-child(3) { border-right:0; }
  .company-hero-image { min-height:440px; }
  .company-hero-image img { height:440px; }
  .contact-hero-direct { grid-template-columns:1fr; }
  .contact-hero-direct > *,.contact-hero-direct > *:first-child,.contact-hero-direct > *:last-child { padding:20px 0; border-right:0; border-bottom:1px solid rgba(24,25,29,.12); }
  .contact-hero-direct > *:last-child { border-bottom:0; }
  .hero-aside { max-width:560px; }
  .principle-row,.mode-grid,.prepare-grid { grid-template-columns:1fr; }
  .principle-row article,.principle-row article:first-child { min-height:0; padding:30px 0; border-right:0; border-bottom:1px solid rgba(24,25,29,.14); }
  .principle-row article:last-child { border-bottom:0; }
  .approach-steps { grid-template-columns:repeat(2,1fr); }
  .location-panel { min-height:0; }
  .location-map,.location-map iframe { min-height:400px; }
}

@media (max-width: 680px) {
  .inner-hero { padding-top:135px; }
  .inner-hero h1 { font-size:clamp(2.45rem,11vw,3.5rem); }
  .inner-hero-actions { align-items:flex-start; flex-direction:column; }
  .approach-hero-topline { align-items:flex-start; flex-direction:column; gap:18px; }
  .approach-hero h1 { margin:38px 0 30px; }
  .approach-hero-rail { grid-template-columns:1fr; margin-top:48px; }
  .approach-hero-rail li,.approach-hero-rail li:first-child { min-height:64px; padding:0; border-right:0; border-bottom:1px solid rgba(24,25,29,.1); }
  .approach-hero-rail li::before { display:none; }
  .company-hero-image { min-height:360px; }
  .company-hero-image img { height:360px; }
  .contact-page-hero { padding-bottom:45px; }
  .contact-page-hero h1 { font-size:clamp(2.25rem,10vw,3.15rem); }
  .contact-hero-direct { margin-top:45px; }
  .hero-aside { padding:25px; }
  .approach-steps,.company-anchor-grid { grid-template-columns:1fr; }
  .approach-steps article { padding:18px 10px; }
  .approach-steps i { margin:20px auto; }
  .mode-grid article { min-height:0; padding:28px 24px; }
  .location-copy { padding:35px 25px; }
  .contact-info-card,.contact-form-shell { padding:30px 24px; }
  .page-contact-form-grid { grid-template-columns:1fr; }
  .page-contact-form .form-field-wide { grid-column:auto; }
  .prepare-grid article { min-height:0; padding:28px 24px; }
  .page-cta-panel { grid-template-columns:1fr; gap:28px; padding:35px 25px; }
  .page-cta-panel .button { grid-column:auto; width:100%; min-width:0; }
}

@media (prefers-reduced-motion: reduce) {
  .js-ready .approach-steps article { opacity:1; transform:none; transition:none; }
  .js-ready .approach-steps::after { transform:scaleX(1); transition:none; }
}