<style>
  /* === RESET LÉGER (scopé à la page pour éviter de casser WP) === */
  .btp-page, .btp-page * { box-sizing: border-box; }
  .btp-page { margin: 0; padding: 0; }

  /* === IMPORT FONTS === */
  @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@300;400;500;600&display=swap');

  /* === VARIABLES === */
  .btp-page {
    --ink: #1a1a1a;
    --ink-soft: #3a3a3a;
    --ink-mute: #6b6b6b;
    --paper: #f5f1ea;
    --paper-warm: #ebe4d6;
    --paper-deep: #1f1d1a;
    --concrete: #2a2926;
    --accent: #b8864b;
    --accent-deep: #8a5e2a;
    --rule: #d9d0bf;

    font-family: 'Inter', -apple-system, sans-serif;
    color: var(--ink);
    background: var(--paper);
    line-height: 1.6;
    font-weight: 400;
    overflow-x: hidden;
  }

  /* === TEXTURE GRAIN (subtile) === */
  .btp-page .grain::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");
    opacity: 0.18;
    mix-blend-mode: multiply;
    pointer-events: none;
    z-index: 1;
  }

  /* === CONTAINER === */
  .btp-page .wrap {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 32px;
    position: relative;
    z-index: 2;
  }

  /* ============================================================
     HERO
     ============================================================ */
  .btp-page .hero {
    background: var(--paper);
    padding: 32px 0 120px;
    position: relative;
    overflow: hidden;
  }

  .btp-page .hero::after {
    content: "";
    position: absolute;
    right: -200px;
    top: 50%;
    transform: translateY(-50%);
    width: 700px;
    height: 700px;
    background: radial-gradient(circle, rgba(184,134,75,0.18) 0%, transparent 60%);
    pointer-events: none;
  }

  /* Top bar */
  .btp-page .topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0 80px;
    border-bottom: 1px solid var(--rule);
    margin-bottom: 80px;
    position: relative;
    z-index: 3;
  }

  .btp-page .logo {
    font-family: 'Fraunces', serif;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.02em;
  }
  .btp-page .logo span { color: var(--accent); }

  .btp-page .nav {
    display: flex;
    gap: 36px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.02em;
  }
  .btp-page .nav a {
    color: var(--ink-soft);
    text-decoration: none;
    transition: color 0.2s;
  }
  .btp-page .nav a:hover { color: var(--accent); }

  .btp-page .cta-top {
    background: var(--ink);
    color: var(--paper);
    padding: 12px 22px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 0.2s;
  }
  .btp-page .cta-top:hover { background: var(--accent-deep); }

  /* Hero content */
  .btp-page .hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: end;
    position: relative;
    z-index: 3;
  }

  .btp-page .eyebrow {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--accent-deep);
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    gap: 14px;
  }
  .btp-page .eyebrow::before {
    content: "";
    width: 32px;
    height: 1px;
    background: var(--accent);
  }

  .btp-page h1 {
    font-family: 'Fraunces', serif;
    font-size: clamp(48px, 6.5vw, 88px);
    line-height: 1.02;
    letter-spacing: -0.035em;
    font-weight: 400;
    margin: 0 0 36px;
    color: var(--ink);
  }
  .btp-page h1 em {
    font-style: italic;
    font-weight: 300;
    color: var(--accent-deep);
  }

  .btp-page .lead {
    font-size: 19px;
    line-height: 1.55;
    color: var(--ink-soft);
    max-width: 540px;
    margin-bottom: 44px;
    font-weight: 300;
  }

  .btp-page .hero-ctas {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
  }
  .btp-page .btn-primary {
    background: var(--ink);
    color: var(--paper);
    padding: 18px 32px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.25s;
    display: inline-flex;
    align-items: center;
    gap: 12px;
  }
  .btp-page .btn-primary::after {
    content: "→";
    transition: transform 0.25s;
  }
  .btp-page .btn-primary:hover { background: var(--accent-deep); }
  .btp-page .btn-primary:hover::after { transform: translateX(4px); }

  .btp-page .btn-ghost {
    color: var(--ink);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--ink);
    padding-bottom: 4px;
    transition: color 0.2s, border-color 0.2s;
  }
  .btp-page .btn-ghost:hover { color: var(--accent); border-color: var(--accent); }

  /* Hero side stats */
  .btp-page .hero-side {
    border-left: 1px solid var(--rule);
    padding-left: 56px;
  }
  .btp-page .stat {
    margin-bottom: 48px;
  }
  .btp-page .stat:last-child { margin-bottom: 0; }
  .btp-page .stat-num {
    font-family: 'Fraunces', serif;
    font-size: 72px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.04em;
    color: var(--ink);
    margin-bottom: 8px;
  }
  .btp-page .stat-num sup {
    font-size: 28px;
    color: var(--accent);
    vertical-align: super;
    margin-left: 4px;
  }
  .btp-page .stat-label {
    font-size: 13px;
    color: var(--ink-mute);
    letter-spacing: 0.04em;
    line-height: 1.5;
  }

  /* ============================================================
     BANDEAU CHIFFRES (logos / trust)
     ============================================================ */
  .btp-page .trust {
    background: var(--paper-warm);
    padding: 36px 0;
    border-top: 1px solid var(--rule);
    border-bottom: 1px solid var(--rule);
  }
  .btp-page .trust-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
  }
  .btp-page .trust-label {
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    font-weight: 500;
  }
  .btp-page .trust-item {
    font-family: 'Fraunces', serif;
    font-size: 20px;
    color: var(--ink-soft);
    font-weight: 400;
    letter-spacing: -0.01em;
  }

  /* ============================================================
     VALEUR — Proposition
     ============================================================ */
  .btp-page .value {
    padding: 140px 0;
    background: var(--paper);
    position: relative;
  }

  .btp-page .section-head {
    margin-bottom: 80px;
    max-width: 880px;
  }
  .btp-page .section-eyebrow {
    font-size: 12px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--accent-deep);
    margin-bottom: 24px;
    font-weight: 500;
  }
  .btp-page h2 {
    font-family: 'Fraunces', serif;
    font-size: clamp(36px, 4.5vw, 60px);
    line-height: 1.08;
    letter-spacing: -0.03em;
    font-weight: 400;
    margin: 0 0 28px;
    color: var(--ink);
  }
  .btp-page h2 em {
    font-style: italic;
    color: var(--accent-deep);
    font-weight: 300;
  }
  .btp-page .section-intro {
    font-size: 18px;
    line-height: 1.6;
    color: var(--ink-soft);
    font-weight: 300;
    max-width: 720px;
  }

  .btp-page .value-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 48px;
    margin-top: 40px;
  }
  .btp-page .value-card {
    border-top: 2px solid var(--ink);
    padding-top: 28px;
  }
  .btp-page .value-num {
    font-family: 'Fraunces', serif;
    font-size: 14px;
    color: var(--accent-deep);
    margin-bottom: 20px;
    font-style: italic;
    font-weight: 400;
  }
  .btp-page .value-card h3 {
    font-family: 'Fraunces', serif;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -0.02em;
    margin: 0 0 16px;
    line-height: 1.2;
  }
  .btp-page .value-card p {
    font-size: 15px;
    line-height: 1.65;
    color: var(--ink-soft);
    margin: 0;
  }

  /* ============================================================
     SERVICES
     ============================================================ */
  .btp-page .services {
    background: var(--paper-deep);
    color: var(--paper);
    padding: 140px 0;
    position: relative;
  }
  .btp-page .services h2 { color: var(--paper); }
  .btp-page .services .section-intro { color: rgba(245,241,234,0.7); }
  .btp-page .services .section-eyebrow { color: var(--accent); }

  .btp-page .services-list {
    margin-top: 60px;
    border-top: 1px solid rgba(245,241,234,0.12);
  }
  .btp-page .service-row {
    display: grid;
    grid-template-columns: 80px 1fr 2fr auto;
    gap: 48px;
    align-items: start;
    padding: 44px 0;
    border-bottom: 1px solid rgba(245,241,234,0.12);
    transition: background 0.3s;
    cursor: default;
  }
  .btp-page .service-row:hover {
    background: rgba(184,134,75,0.04);
  }
  .btp-page .service-row:hover .service-arrow {
    color: var(--accent);
    transform: translateX(8px);
  }

  .btp-page .service-num {
    font-family: 'Fraunces', serif;
    font-size: 18px;
    font-style: italic;
    color: var(--accent);
    padding-top: 6px;
  }
  .btp-page .service-row h3 {
    font-family: 'Fraunces', serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -0.02em;
    margin: 0;
    line-height: 1.15;
    color: var(--paper);
  }
  .btp-page .service-desc {
    font-size: 15px;
    line-height: 1.7;
    color: rgba(245,241,234,0.72);
    font-weight: 300;
  }
  .btp-page .service-desc ul {
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
  }
  .btp-page .service-desc li {
    padding-left: 18px;
    position: relative;
    margin-bottom: 6px;
    font-size: 14px;
    color: rgba(245,241,234,0.6);
  }
  .btp-page .service-desc li::before {
    content: "—";
    position: absolute;
    left: 0;
    color: var(--accent);
  }
  .btp-page .service-arrow {
    font-size: 28px;
    color: rgba(245,241,234,0.4);
    transition: all 0.3s;
    padding-top: 4px;
  }

  /* ============================================================
     EXPERTISE / POURQUOI NOUS
     ============================================================ */
  .btp-page .expertise {
    padding: 140px 0;
    background: var(--paper);
    position: relative;
    overflow: hidden;
  }
  .btp-page .expertise::before {
    content: "BTP";
    position: absolute;
    top: 60px;
    right: -40px;
    font-family: 'Fraunces', serif;
    font-size: 380px;
    font-weight: 300;
    color: var(--paper-warm);
    line-height: 1;
    letter-spacing: -0.05em;
    z-index: 1;
    pointer-events: none;
  }
  .btp-page .expertise .wrap { position: relative; z-index: 2; }

  .btp-page .expertise-grid {
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    gap: 100px;
    align-items: start;
  }
  .btp-page .expertise-list {
    list-style: none;
    padding: 0;
    margin: 30px 0 0;
  }
  .btp-page .expertise-list li {
    padding: 24px 0;
    border-bottom: 1px solid var(--rule);
    display: flex;
    align-items: baseline;
    gap: 20px;
  }
  .btp-page .expertise-list li:first-child { border-top: 1px solid var(--rule); }
  .btp-page .expertise-list .check {
    font-family: 'Fraunces', serif;
    color: var(--accent);
    font-size: 20px;
    font-style: italic;
    flex-shrink: 0;
    width: 24px;
  }
  .btp-page .expertise-list .txt {
    font-size: 17px;
    line-height: 1.5;
    color: var(--ink);
  }
  .btp-page .expertise-list .txt strong {
    font-family: 'Fraunces', serif;
    font-weight: 500;
    display: block;
    margin-bottom: 4px;
    font-size: 19px;
  }
  .btp-page .expertise-list .txt span {
    color: var(--ink-mute);
    font-size: 14px;
    font-weight: 300;
  }

  /* ============================================================
     SECTEURS
     ============================================================ */
  .btp-page .sectors {
    padding: 0 0 140px;
    background: var(--paper);
  }
  .btp-page .sectors-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: var(--rule);
    border: 1px solid var(--rule);
    margin-top: 60px;
  }
  .btp-page .sector {
    background: var(--paper);
    padding: 40px 32px;
    transition: background 0.3s;
  }
  .btp-page .sector:hover { background: var(--paper-warm); }
  .btp-page .sector-icon {
    font-family: 'Fraunces', serif;
    font-size: 32px;
    color: var(--accent-deep);
    font-style: italic;
    font-weight: 400;
    margin-bottom: 20px;
  }
  .btp-page .sector h4 {
    font-family: 'Fraunces', serif;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 10px;
    letter-spacing: -0.01em;
  }
  .btp-page .sector p {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: var(--ink-mute);
  }

  /* ============================================================
     PROCESS / MÉTHODE
     ============================================================ */
  .btp-page .process {
    background: var(--paper-warm);
    padding: 140px 0;
    position: relative;
  }
  .btp-page .process-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    margin-top: 70px;
    position: relative;
  }
  .btp-page .step {
    position: relative;
  }
  .btp-page .step-num {
    font-family: 'Fraunces', serif;
    font-size: 72px;
    font-weight: 300;
    line-height: 1;
    color: var(--accent);
    margin-bottom: 24px;
    letter-spacing: -0.04em;
  }
  .btp-page .step h4 {
    font-family: 'Fraunces', serif;
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 12px;
    letter-spacing: -0.01em;
  }
  .btp-page .step p {
    font-size: 14px;
    line-height: 1.6;
    color: var(--ink-soft);
    margin: 0;
  }

  /* ============================================================
     TÉMOIGNAGE
     ============================================================ */
  .btp-page .testimonial {
    padding: 140px 0;
    background: var(--paper);
  }
  .btp-page .quote-block {
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
    position: relative;
  }
  .btp-page .quote-mark {
    font-family: 'Fraunces', serif;
    font-size: 140px;
    line-height: 0.5;
    color: var(--accent);
    display: block;
    margin-bottom: 30px;
    font-style: italic;
  }
  .btp-page blockquote {
    font-family: 'Fraunces', serif;
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: var(--ink);
    margin: 0 0 40px;
    font-style: italic;
  }
  .btp-page .quote-author {
    font-size: 14px;
    color: var(--ink-mute);
    letter-spacing: 0.05em;
  }
  .btp-page .quote-author strong {
    color: var(--ink);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }

  /* ============================================================
     CTA FINAL
     ============================================================ */
  .btp-page .final-cta {
    background: var(--concrete);
    color: var(--paper);
    padding: 120px 0;
    position: relative;
    overflow: hidden;
  }
  .btp-page .final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at top right, rgba(184,134,75,0.25) 0%, transparent 60%);
    pointer-events: none;
  }
  .btp-page .final-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 80px;
    align-items: center;
    position: relative;
    z-index: 2;
  }
  .btp-page .final-cta h2 { color: var(--paper); margin-bottom: 24px; }
  .btp-page .final-cta p {
    font-size: 17px;
    line-height: 1.6;
    color: rgba(245,241,234,0.75);
    font-weight: 300;
    margin: 0 0 36px;
    max-width: 540px;
  }
  .btp-page .final-cta .btn-primary {
    background: var(--accent);
    color: var(--paper-deep);
  }
  .btp-page .final-cta .btn-primary:hover { background: var(--paper); }

  .btp-page .final-info {
    border-left: 1px solid rgba(245,241,234,0.2);
    padding-left: 48px;
  }
  .btp-page .info-block {
    margin-bottom: 32px;
  }
  .btp-page .info-block:last-child { margin-bottom: 0; }
  .btp-page .info-label {
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 8px;
    font-weight: 500;
  }
  .btp-page .info-value {
    font-family: 'Fraunces', serif;
    font-size: 22px;
    color: var(--paper);
    font-weight: 400;
  }
  .btp-page .info-value a { color: inherit; text-decoration: none; border-bottom: 1px solid rgba(184,134,75,0.4); }

  /* ============================================================
     RESPONSIVE
     ============================================================ */
  @media (max-width: 968px) {
    .btp-page .wrap { padding: 0 24px; }
    .btp-page .hero-grid,
    .btp-page .expertise-grid,
    .btp-page .final-grid { grid-template-columns: 1fr; gap: 60px; }
    .btp-page .hero-side { border-left: 0; padding-left: 0; border-top: 1px solid var(--rule); padding-top: 40px; }
    .btp-page .value-grid { grid-template-columns: 1fr; gap: 36px; }
    .btp-page .service-row { grid-template-columns: 1fr; gap: 12px; padding: 32px 0; }
    .btp-page .service-num { padding-top: 0; }
    .btp-page .service-arrow { display: none; }
    .btp-page .sectors-grid { grid-template-columns: repeat(2, 1fr); }
    .btp-page .process-steps { grid-template-columns: 1fr 1fr; gap: 36px; }
    .btp-page .final-info { border-left: 0; border-top: 1px solid rgba(245,241,234,0.2); padding-left: 0; padding-top: 36px; }
    .btp-page .nav { display: none; }
    .btp-page .expertise::before { font-size: 200px; top: 20px; right: -20px; }
    .btp-page .topbar { padding-bottom: 50px; margin-bottom: 50px; }
    .btp-page .hero { padding-bottom: 80px; }
    .btp-page .value, .btp-page .services, .btp-page .expertise, .btp-page .process, .btp-page .testimonial, .btp-page .final-cta { padding: 90px 0; }
  }

  @media (max-width: 560px) {
    .btp-page .sectors-grid, .btp-page .process-steps { grid-template-columns: 1fr; }
    .btp-page .hero-ctas { flex-direction: column; align-items: stretch; }
    .btp-page .btn-primary { justify-content: center; }
  }
</style>

<div class="btp-page">

  <!-- ========== HERO ========== -->
  <section class="hero grain">
    <div class="wrap">
      <header class="topbar">
        <div class="logo">Granit<span>&amp;</span>Co</div>
        <nav class="nav">
          <a href="#expertise">Expertise</a>
          <a href="#services">Services</a>
          <a href="#secteurs">Secteurs</a>
          <a href="#methode">Méthode</a>
          <a href="#contact">Contact</a>
        </nav>
        <a href="#contact" class="cta-top">Échanger</a>
      </header>

      <div class="hero-grid">
        <div>
          <div class="eyebrow">Conseil stratégique · BTP &amp; Construction</div>
          <h1>Bâtir la <em>croissance</em>, structurer le <em>capital</em>, réussir la <em>transaction</em>.</h1>
          <p class="lead">
            Nous accompagnons les dirigeants et actionnaires du BTP — entreprises générales, gros œuvre, second œuvre, TP, promotion, services techniques — dans leurs décisions de financement, de croissance externe et de cession.
          </p>
          <div class="hero-ctas">
            <a href="#contact" class="btn-primary">Demander un diagnostic</a>
            <a href="#services" class="btn-ghost">Découvrir nos services</a>
          </div>
        </div>

        <aside class="hero-side">
          <div class="stat">
            <div class="stat-num">+180<sup>M€</sup></div>
            <div class="stat-label">de transactions accompagnées dans le secteur BTP &amp; infrastructures</div>
          </div>
          <div class="stat">
            <div class="stat-num">15<sup>ans</sup></div>
            <div class="stat-label">d'expérience dédiée aux acteurs de la construction et des travaux publics</div>
          </div>
          <div class="stat">
            <div class="stat-num">40+</div>
            <div class="stat-label">dirigeants accompagnés sur des opérations stratégiques</div>
          </div>
        </aside>
      </div>
    </div>
  </section>

  <!-- ========== TRUST BAND ========== -->
  <section class="trust">
    <div class="wrap">
      <div class="trust-row">
        <div class="trust-label">Ils nous font confiance</div>
        <div class="trust-item">Entreprises générales</div>
        <div class="trust-item">ETI du gros œuvre</div>
        <div class="trust-item">Groupes de TP</div>
        <div class="trust-item">Promoteurs régionaux</div>
        <div class="trust-item">Services techniques</div>
      </div>
    </div>
  </section>

  <!-- ========== VALUE ========== -->
  <section class="value" id="proposition">
    <div class="wrap">
      <div class="section-head">
        <div class="section-eyebrow">Notre proposition</div>
        <h2>Un conseil qui <em>parle votre langage</em> — celui du chantier, du bilan et du carnet de commandes.</h2>
        <p class="section-intro">
          Le BTP n'est pas un secteur comme un autre. Cycles longs, BFR exigeant, exposition aux matières premières, réglementations RSE, transmission familiale… Nous parlons votre langue, nous lisons vos comptes comme vous, et nous structurons des opérations qui tiennent dans la durée.
        </p>
      </div>

      <div class="value-grid">
        <article class="value-card">
          <div class="value-num">— 01 / Spécialistes</div>
          <h3>Une expertise verticale BTP</h3>
          <p>Nous ne sommes pas généralistes. Chaque opération s'appuie sur une connaissance fine des sous-segments du BTP, de leurs cycles, de leurs marges et de leurs acquéreurs naturels.</p>
        </article>
        <article class="value-card">
          <div class="value-num">— 02 / Indépendants</div>
          <h3>Aux côtés du dirigeant</h3>
          <p>Cabinet indépendant, sans conflit d'intérêts. Nous défendons votre projet, votre valorisation et votre calendrier — pas ceux d'un fonds, d'une banque ou d'un acquéreur.</p>
        </article>
        <article class="value-card">
          <div class="value-num">— 03 / Opérationnels</div>
          <h3>Du diagnostic au closing</h3>
          <p>De la préparation stratégique à la signature, nous restons engagés à chaque étape — modélisation, mémorandum, négociation, due diligence, structuration juridique et fiscale.</p>
        </article>
      </div>
    </div>
  </section>

  <!-- ========== SERVICES ========== -->
  <section class="services" id="services">
    <div class="wrap">
      <div class="section-head">
        <div class="section-eyebrow">Nos services</div>
        <h2>Trois métiers, <em>une seule obsession</em> : la valeur long terme.</h2>
        <p class="section-intro">
          Nous intervenons aux moments charnières de la vie d'une entreprise du BTP. Croissance organique ou externe, refinancement, opérations capitalistiques : chaque mission est construite sur mesure autour de votre situation et de vos ambitions.
        </p>
      </div>

      <div class="services-list">

        <div class="service-row">
          <div class="service-num">01 —</div>
          <div>
            <h3>Croissance &amp; Stratégie</h3>
          </div>
          <div class="service-desc">
            Définir et exécuter le plan de croissance qui maximisera votre valeur d'entreprise dans 3, 5 ou 10 ans.
            <ul>
              <li>Diagnostic stratégique &amp; benchmark de marché</li>
              <li>Plan de croissance organique et build-up</li>
              <li>Pilotage de la performance (marge, BFR, carnet)</li>
              <li>Stratégie de différenciation &amp; positionnement</li>
            </ul>
          </div>
          <div class="service-arrow">→</div>
        </div>

        <div class="service-row">
          <div class="service-num">02 —</div>
          <div>
            <h3>Financement &amp; Structuration</h3>
          </div>
          <div class="service-desc">
            Sécuriser les ressources qui vous permettront de saisir vos opportunités sans fragiliser votre bilan.
            <ul>
              <li>Levée de dette senior, mezzanine, unitranche</li>
              <li>Restructuration financière &amp; refinancement</li>
              <li>Financement de croissance externe (LBO, MBI, MBO)</li>
              <li>Optimisation du BFR et des lignes court terme</li>
            </ul>
          </div>
          <div class="service-arrow">→</div>
        </div>

        <div class="service-row">
          <div class="service-num">03 —</div>
          <div>
            <h3>Transactions &amp; Cession</h3>
          </div>
          <div class="service-desc">
            Préparer, valoriser et exécuter votre opération avec la rigueur d'une banque d'affaires et la proximité d'un partenaire de confiance.
            <ul>
              <li>Cession majoritaire ou minoritaire</li>
              <li>Acquisitions ciblées &amp; build-up sectoriel</li>
              <li>Transmission familiale &amp; pacte d'actionnaires</li>
              <li>Ouverture de capital à un fonds ou un industriel</li>
            </ul>
          </div>
          <div class="service-arrow">→</div>
        </div>

      </div>
    </div>
  </section>

  <!-- ========== EXPERTISE ========== -->
  <section class="expertise" id="expertise">
    <div class="wrap">
      <div class="expertise-grid">
        <div>
          <div class="section-eyebrow">Pourquoi nous</div>
          <h2>Une expertise <em>sectorielle</em>, pas seulement financière.</h2>
          <p class="section-intro">
            Nos consultants ont opéré, financé et cédé des entreprises du BTP. Nous comprenons ce que veut dire un retard de chantier, une révision de prix, un appel d'offres perdu — et comment ça se traduit dans une valorisation.
          </p>
        </div>

        <ul class="expertise-list">
          <li>
            <span class="check">✦</span>
            <div class="txt">
              <strong>Lecture financière sectorielle</strong>
              <span>Retraitement des en-cours, lecture du carnet, normalisation EBITDA spécifique BTP</span>
            </div>
          </li>
          <li>
            <span class="check">✦</span>
            <div class="txt">
              <strong>Réseau d'acquéreurs qualifiés</strong>
              <span>Fonds spécialisés infra &amp; construction, majors, ETI consolidatrices, family offices</span>
            </div>
          </li>
          <li>
            <span class="check">✦</span>
            <div class="txt">
              <strong>Connaissance des risques métier</strong>
              <span>Garanties décennales, sous-traitance, contentieux chantier, qualification RGE/Qualibat</span>
            </div>
          </li>
          <li>
            <span class="check">✦</span>
            <div class="txt">
              <strong>Approche dirigeant</strong>
              <span>Disponibilité, confidentialité, accompagnement personnel sur des décisions de vie</span>
            </div>
          </li>
          <li>
            <span class="check">✦</span>
            <div class="txt">
              <strong>Vision transition &amp; ESG</strong>
              <span>Bas carbone, économie circulaire, rénovation énergétique — leviers de valeur 2025+</span>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </section>

  <!-- ========== SECTEURS ========== -->
  <section class="sectors" id="secteurs">
    <div class="wrap">
      <div class="section-head">
        <div class="section-eyebrow">Sous-secteurs couverts</div>
        <h2>Tous les <em>métiers</em> du BTP.</h2>
      </div>

      <div class="sectors-grid">
        <div class="sector">
          <div class="sector-icon">α</div>
          <h4>Gros œuvre &amp; structure</h4>
          <p>Entreprises générales, béton, fondations spéciales, ouvrages d'art</p>
        </div>
        <div class="sector">
          <div class="sector-icon">β</div>
          <h4>Second œuvre</h4>
          <p>Plomberie, électricité, CVC, menuiserie, cloisons, finitions</p>
        </div>
        <div class="sector">
          <div class="sector-icon">γ</div>
          <h4>Travaux publics</h4>
          <p>VRD, routes, terrassement, canalisations, génie civil</p>
        </div>
        <div class="sector">
          <div class="sector-icon">δ</div>
          <h4>Services techniques</h4>
          <p>Maintenance multi-technique, facility management, exploitation</p>
        </div>
        <div class="sector">
          <div class="sector-icon">ε</div>
          <h4>Rénovation énergétique</h4>
          <p>Isolation, pompes à chaleur, photovoltaïque, MaPrimeRénov'</p>
        </div>
        <div class="sector">
          <div class="sector-icon">ζ</div>
          <h4>Promotion &amp; aménagement</h4>
          <p>Promotion résidentielle, tertiaire, aménageurs, lotisseurs</p>
        </div>
        <div class="sector">
          <div class="sector-icon">η</div>
          <h4>Matériaux &amp; négoce</h4>
          <p>Négoce de matériaux, préfabrication, location de matériel</p>
        </div>
        <div class="sector">
          <div class="sector-icon">θ</div>
          <h4>Ingénierie &amp; MOE</h4>
          <p>Bureaux d'études, maîtrise d'œuvre, économistes, AMO</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ========== MÉTHODE ========== -->
  <section class="process" id="methode">
    <div class="wrap">
      <div class="section-head">
        <div class="section-eyebrow">Notre méthode</div>
        <h2>Une démarche <em>rigoureuse</em>, jamais standardisée.</h2>
        <p class="section-intro">
          Chaque mission suit un cadre éprouvé, mais s'adapte à votre rythme, à votre confidentialité et à votre projet. Quatre étapes pour transformer une intention en opération réussie.
        </p>
      </div>

      <div class="process-steps">
        <div class="step">
          <div class="step-num">01</div>
          <h4>Diagnostic</h4>
          <p>Compréhension de votre entreprise, de votre marché, de vos enjeux personnels et patrimoniaux. Cadrage de la mission.</p>
        </div>
        <div class="step">
          <div class="step-num">02</div>
          <h4>Préparation</h4>
          <p>Modélisation financière, normalisation des comptes, élaboration des supports stratégiques, identification des cibles ou des contreparties.</p>
        </div>
        <div class="step">
          <div class="step-num">03</div>
          <h4>Exécution</h4>
          <p>Approche du marché, négociation, gestion des due diligences, structuration juridique et fiscale, coordination des conseils.</p>
        </div>
        <div class="step">
          <div class="step-num">04</div>
          <h4>Closing &amp; suivi</h4>
          <p>Signature, accompagnement post-opération, conseil dans la phase de transition ou d'intégration. Une relation qui dure.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ========== TÉMOIGNAGE ========== -->
  <section class="testimonial">
    <div class="wrap">
      <div class="quote-block">
        <span class="quote-mark">"</span>
        <blockquote>
          Ils ont compris notre métier en deux réunions, là où d'autres cabinets nous demandaient des mois de pédagogie. La cession s'est faite dans nos conditions, au prix annoncé, sans abîmer l'équipe.
        </blockquote>
        <div class="quote-author">
          <strong>Dirigeant fondateur</strong> · ETI Gros œuvre — Cession à un industriel européen, 2024
        </div>
      </div>
    </div>
  </section>

  <!-- ========== CTA FINAL ========== -->
  <section class="final-cta grain" id="contact">
    <div class="wrap">
      <div class="final-grid">
        <div>
          <div class="section-eyebrow" style="color: var(--accent);">Premier échange confidentiel</div>
          <h2>Parlons de votre <em>projet</em>.</h2>
          <p>
            Un échange d'une heure, sans engagement, pour comprendre où vous en êtes et identifier vos options. Strictement confidentiel.
          </p>
          <a href="mailto:contact@granit-co.fr" class="btn-primary">Prendre rendez-vous</a>
        </div>

        <div class="final-info">
          <div class="info-block">
            <div class="info-label">Email</div>
            <div class="info-value"><a href="mailto:contact@granit-co.fr">contact@granit-co.fr</a></div>
          </div>
          <div class="info-block">
            <div class="info-label">Téléphone</div>
            <div class="info-value">+33 (0)1 00 00 00 00</div>
          </div>
          <div class="info-block">
            <div class="info-label">Bureau</div>
            <div class="info-value">Paris · Lyon</div>
          </div>
        </div>
      </div>
    </div>
  </section>

</div>
<!-- ========== FIN DE PAGE ========== -->