:root {
      --font-display: 'Cabinet Grotesk', system-ui, sans-serif;
      --font-body: 'Switzer', system-ui, sans-serif;
      --bg: #fcfbf7; --bg-2: #f3ede0; --bg-3: #e9e0cc;
      --ink: #0a0c0e; --ink-soft: #4a5158; --ink-mute: #8a8580;
      --dark: #0a0c0e; --dark-2: #181b1f; --dark-3: #252a30;
      --on-d: #fcfbf7; --on-d-soft: rgba(252,251,247,0.72); --on-d-mute: rgba(252,251,247,0.45);
      --c: #d4783c; --c-bright: #ec8d56; --c-deep: #a35a30; --c-soft: #f5d4b3;
      --border: rgba(10,12,14,0.08); --border-2: rgba(10,12,14,0.14);
      --border-d: rgba(245,212,179,0.16);
      --r: 6px; --card-r: 10px;
      --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
      --shadow-cuivre: 0 1px 2px rgba(163,90,48,0.18), 0 4px 12px -3px rgba(163,90,48,0.28);
      --shadow-cuivre-lift: 0 1px 2px rgba(10,12,14,0.10), 0 10px 24px -4px rgba(163,90,48,0.38), 0 20px 40px -10px rgba(10,12,14,0.20);
    }
    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body { margin: 0; font-family: var(--font-body); background: var(--bg); color: var(--ink); -webkit-font-smoothing: antialiased; }
    p, h1, h2, h3, h4 { margin: 0; }
    a { color: inherit; text-decoration: none; }
    img, svg { display: block; max-width: 100%; }
    ol, ul { margin: 0; padding: 0; list-style: none; }
    button { font: inherit; border: 0; background: transparent; cursor: pointer; }

    
    .btn {
      display: inline-flex; align-items: center; justify-content: center;
      gap: 8px; height: 50px; padding: 0 26px; border-radius: var(--r);
      font-family: var(--font-body); font-weight: 600; font-size: 14.5px;
      letter-spacing: -0.005em; line-height: 1; border: 1px solid transparent;
      white-space: nowrap; cursor: pointer; color: white;
      transition: background-color 240ms var(--ease-out), transform 240ms var(--ease-out), box-shadow 240ms var(--ease-out);
      box-shadow: var(--shadow-cuivre);
    }
    .btn .icon { transition: transform 240ms var(--ease-out); flex-shrink: 0; }
    .btn:hover .icon { transform: translateX(3px); }
    .btn--primary { background: var(--c); }
    .btn--primary:hover { background: #c46a30; transform: translateY(-2px); box-shadow: var(--shadow-cuivre-lift); }
    .btn--primary:active { transform: translateY(0); box-shadow: var(--shadow-cuivre); }
    .btn--ghost { background: transparent; color: var(--ink); border: 1.5px solid var(--ink); box-shadow: none; }
    .btn--ghost:hover { background: var(--ink); color: var(--on-d); }
    .btn--ghost-d { background: rgba(252,251,247,0.06); color: var(--on-d); border: 1px solid rgba(252,251,247,0.14); backdrop-filter: blur(12px); box-shadow: none; }
    .btn--ghost-d:hover { background: rgba(252,251,247,0.12); border-color: rgba(245,212,179,0.4); transform: translateY(-1px); }

    .eyebrow {
      display: inline-flex; align-items: center; gap: 12px;
      font-family: var(--font-display); font-size: 11.5px; font-weight: 700;
      letter-spacing: 0.14em; text-transform: uppercase; color: var(--c-deep);
    }
    .eyebrow::before { content: ''; width: 24px; height: 1px; background: currentColor; flex-shrink: 0; }
    .eyebrow--light { color: var(--c-soft); }

    .niche-mark { font-style: italic; font-weight: 600; color: var(--c-deep); }
    .niche-mark--light { color: var(--c-bright); }
    .h-accent--light { color: var(--c-deep); }
    .h-accent { color: var(--c-bright); }
    
    .ital-accent { font-style: italic; color: var(--c-deep); font-weight: 600; }
    .ital-accent--light { font-style: italic; color: var(--c-bright); font-weight: 500; }

    .h2 {
      font-family: var(--font-display);
      font-size: clamp(32px, 3.6vw, 48px);
      font-weight: 700; line-height: 1.08;
      letter-spacing: -0.032em; color: var(--ink);
      text-wrap: balance;
    }
    .h2--dark { color: var(--on-d); }
    .lede {
      font-family: var(--font-body);
      font-size: clamp(16px, 1.4vw, 18px);
      line-height: 1.55; color: var(--ink-soft);
      max-width: 640px;
    }
    .lede--dark { color: var(--on-d-soft); }

    .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; }
    @media (max-width: 720px) { .container { padding: 0 22px; } }
    .section { padding: 112px 0; }
    @media (max-width: 720px) { .section { padding: 72px 0; } }
    .section-head {
      display: flex; flex-direction: column; gap: 18px;
      margin-bottom: 64px; max-width: 760px;
    }
    .section-head--center { margin-left: auto; margin-right: auto; align-items: center; text-align: center; }

    
    .header {
      position: sticky; top: 0; z-index: 40; width: 100%;
      background: rgba(252,251,247,0.86);
      backdrop-filter: blur(20px) saturate(180%);
      -webkit-backdrop-filter: blur(20px) saturate(180%);
      border-bottom: 1px solid var(--border);
    }
    .nav {
      width: 100%; max-width: 1280px; margin: 0 auto;
      height: 80px; padding: 0 36px;
      display: flex; align-items: center; justify-content: space-between; gap: 24px;
    }
    .nav__brand { display: flex; align-items: center; gap: 12px; color: var(--ink); }
    .nav__mark-svg { width: 44px; height: 44px; color: var(--ink); flex-shrink: 0; }
    .nav__name { font-family: var(--font-display); font-size: 16.5px; font-weight: 700; letter-spacing: -0.022em; }
    .nav__links { display: flex; gap: 28px; font-family: var(--font-body); font-size: 13.5px; font-weight: 500; color: var(--ink-soft); }
    .nav__links a { transition: color 180ms var(--ease-out); }
    .nav__links a:hover { color: var(--ink); }
    .nav__cta { height: 42px; padding: 0 18px; font-size: 13.5px; }
    .hamburger {
      display: none; width: 40px; height: 40px;
      align-items: center; justify-content: center;
      border: 1px solid var(--border-2); border-radius: 2px;
      transition: border-color 180ms var(--ease-out);
    }
    .hamburger:hover { border-color: var(--c); }
    .hamburger__icon { display: flex; flex-direction: column; gap: 3px; width: 16px; }
    .hamburger__icon span { display: block; height: 1.5px; background: var(--ink); width: 100%; transition: all 220ms var(--ease-out); }
    .hamburger[aria-expanded="true"] .hamburger__icon { gap: 0; position: relative; height: 14px; }
    .hamburger[aria-expanded="true"] .hamburger__icon span:nth-child(1) { position: absolute; top: 6px; transform: rotate(45deg); }
    .hamburger[aria-expanded="true"] .hamburger__icon span:nth-child(2) { opacity: 0; }
    .hamburger[aria-expanded="true"] .hamburger__icon span:nth-child(3) { position: absolute; top: 6px; transform: rotate(-45deg); }
    @media (max-width: 900px) {
      .nav { height: 64px; padding: 0 20px; }
      .nav__links, .nav__cta { display: none; }
      .hamburger { display: inline-flex; }
      .nav__mark-svg { width: 36px; height: 36px; }
    }
    .drawer {
      position: fixed; inset: 64px 0 0 0; z-index: 39;
      background: var(--bg);
      transform: translateX(100%);
      transition: transform 320ms var(--ease-out);
      display: flex; flex-direction: column;
      padding: 14px 22px 28px;
      overflow-y: auto;
    }
    .drawer[data-open="true"] { transform: translateX(0); }
    .drawer__links { display: flex; flex-direction: column; }
    .drawer__links a {
      display: flex; align-items: center; justify-content: space-between;
      padding: 18px 4px;
      border-bottom: 1px solid var(--border);
      font-family: var(--font-display); font-size: 17px; font-weight: 500;
      letter-spacing: -0.018em; color: var(--ink);
    }
    .drawer__links a:last-child { border-bottom: 0; }
    .drawer__links a::after {
      content: ''; width: 8px; height: 8px;
      border-right: 1.5px solid var(--c); border-top: 1.5px solid var(--c);
      transform: rotate(45deg);
    }
    .drawer__cta-block { margin-top: 28px; display: flex; flex-direction: column; gap: 12px; }
    .drawer__cta-block .btn { width: 100%; height: 54px; font-size: 15.5px; }
    .drawer__cta-note { font-family: var(--font-body); font-size: 12.5px; color: var(--ink-soft); text-align: center; }
    .drawer__contact { margin-top: auto; padding-top: 28px; display: flex; flex-direction: column; gap: 4px; }
    .drawer__contact-eyebrow {
      font-family: var(--font-display); font-size: 11px; font-weight: 700;
      letter-spacing: 0.16em; text-transform: uppercase; color: var(--c-deep);
    }
    .drawer__phone { font-family: var(--font-display); font-size: 22px; font-weight: 700; letter-spacing: -0.022em; color: var(--ink); margin-top: 4px; }

    
    .hero-wrap {
      height: calc(100vh - 80px);
      min-height: 580px; max-height: 900px;
      display: flex; flex-direction: column;
      background: var(--bg);
    }
    .hero {
      flex: 1; min-height: 0;
      display: grid; grid-template-columns: 1fr 1fr;
      align-items: stretch;
    }
    .hero__text {
      padding: 48px 64px 48px;
      display: flex; flex-direction: column; justify-content: center;
      max-width: 720px; margin-left: auto;
    }
    .hero__h1 {
      font-family: var(--font-display);
      font-size: clamp(38px, 4.6vw, 60px);
      font-weight: 700; line-height: 1.04;
      letter-spacing: -0.035em; color: var(--ink);
      margin: 20px 0 18px; text-wrap: balance;
    }
    .hero__sub {
      font-family: var(--font-body); font-size: 18px; line-height: 1.55;
      color: var(--ink-soft); margin-bottom: 28px; max-width: 540px;
    }
    .hero__actions { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 22px; }
    .hero__reassure { font-family: var(--font-body); font-size: 14px; color: var(--ink-soft); }
    .hero__reassure li {
      display: flex; align-items: center; gap: 9px;
      padding: 4px 0;
    }
    .hero__reassure svg { color: var(--c); flex-shrink: 0; }
    .hero__quote-panel { position: relative; background: var(--dark); overflow: hidden; }
    .hero__quote-panel img { width: 100%; height: 100%; object-fit: cover; opacity: 0.55; }
    .hero__quote {
      position: absolute; left: 40px; right: 40px; bottom: 48px;
      color: var(--on-d); font-family: var(--font-display);
      font-size: clamp(22px, 1.8vw, 26px); font-weight: 500; line-height: 1.25;
      letter-spacing: -0.022em; max-width: 400px;
    }
    .hero__quote::before { content: ''; display: block; width: 36px; height: 2px; background: var(--c-bright); margin-bottom: 18px; }
    .hero__quote-attrib { display: block; font-family: var(--font-body); font-size: 12.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--c-soft); font-weight: 600; margin-top: 16px; }

    
    .eyebrow--mobile-only { display: none; }
    .eyebrow--desktop-only { display: inline-flex; }

    @media (max-width: 980px) {
      .hero-wrap { height: auto; min-height: calc(100vh - 64px); max-height: none; }
      .hero { grid-template-columns: 1fr; display: flex; flex-direction: column; min-height: inherit; }
      .hero__text { padding: 22px 22px 18px; margin: 0; max-width: none; gap: 14px; }
      .hero__h1 { font-size: 36px; margin: 0; }
      .hero__sub { font-size: 15.5px; margin: 0; }
      .hero__actions { margin: 0; flex-direction: column; gap: 10px; }
      .hero__actions .btn { width: 100%; height: 54px; font-size: 15.5px; }
      .hero__reassure { display: flex; gap: 14px; flex-wrap: wrap; font-size: 12.5px; margin: 0; }
      .hero__reassure li { padding: 0; gap: 6px; }
      
      .hero__quote-panel { aspect-ratio: auto; flex: 1; min-height: 210px; margin-top: 4px; }
      .hero__quote { left: 22px; right: 22px; bottom: 22px; font-size: 22px; }
      .hero__quote::before { width: 32px; margin-bottom: 14px; }
      .eyebrow--desktop-only { display: none; }
      .eyebrow--mobile-only { display: inline-flex; }
    }

    
    .niches { background: var(--bg); }
    .niches__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
    .nichecard {
      background: var(--bg-2);
      border-radius: var(--card-r);
      overflow: hidden; display: flex; flex-direction: column;
      transition: transform 320ms var(--ease-out), box-shadow 320ms var(--ease-out);
    }
    .nichecard:hover { transform: translateY(-3px); box-shadow: 0 12px 32px -10px rgba(10,12,14,0.18); }
    .nichecard__photo { aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--card-r) var(--card-r) 0 0; }
    .nichecard__photo img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms var(--ease-out); }
    .nichecard:hover .nichecard__photo img { transform: scale(1.04); }
    .nichecard__body { padding: 32px 30px 32px; display: flex; flex-direction: column; gap: 16px; flex: 1; }
    .nichecard__h3 { font-family: var(--font-display); font-size: 26px; font-weight: 700; letter-spacing: -0.025em; color: var(--ink); }
    .nichecard__desc { font-family: var(--font-body); font-size: 15px; line-height: 1.55; color: var(--ink-soft); flex: 1; }
    .nichecard__link {
      font-family: var(--font-body); font-size: 14px; font-weight: 600;
      color: var(--c-deep);
      display: inline-flex; align-items: center; gap: 8px; padding-top: 4px;
    }
    .nichecard__link svg { transition: transform 240ms var(--ease-out); }
    .nichecard:hover .nichecard__link svg { transform: translateX(4px); }
    @media (max-width: 880px) { .niches__grid { grid-template-columns: 1fr; gap: 20px; } }

    
    .enjeu {
      position: relative;
      background: var(--dark); color: var(--on-d);
      padding: 120px 0 120px; overflow: hidden;
    }
    .enjeu::before {
      content: ''; position: absolute; inset: 0; z-index: 0;
      background-image: url('/assets/hero-atmosphere.webp');
      background-size: cover; background-position: center;
      opacity: 0.16;
    }
    .enjeu::after {
      content: ''; position: absolute; inset: 0; z-index: 0;
      background:
        radial-gradient(ellipse 60% 50% at 50% 30%, rgba(212,120,60,0.10) 0%, transparent 60%),
        linear-gradient(180deg, rgba(10,12,14,0.6) 0%, rgba(10,12,14,0.92) 100%);
    }
    .enjeu .container { position: relative; z-index: 1; }
    .enjeu__head { text-align: center; max-width: 820px; margin: 0 auto 64px; }
    .enjeu__h2 {
      font-family: var(--font-display);
      font-size: clamp(34px, 4vw, 52px);
      font-weight: 700; line-height: 1.08;
      letter-spacing: -0.032em; color: var(--on-d);
      text-wrap: balance;
    }
    .enjeu__lede {
      margin-top: 18px;
      font-family: var(--font-body); font-size: 17px; line-height: 1.55;
      color: var(--on-d-soft); max-width: 680px; margin-left: auto; margin-right: auto;
    }
    .enjeu__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
    .enjeu-card {
      position: relative;
      background: linear-gradient(180deg, rgba(252,251,247,0.04) 0%, rgba(252,251,247,0.01) 100%);
      border: 1px solid rgba(245,212,179,0.14);
      border-radius: var(--card-r);
      padding: 40px 36px 32px;
      display: flex; flex-direction: column; gap: 16px;
      backdrop-filter: blur(8px);
    }
    .enjeu-card__numeral {
      font-family: var(--font-display);
      font-style: italic; font-weight: 500;
      font-size: 44px; line-height: 1; color: var(--c-bright);
      letter-spacing: -0.02em;
      margin-bottom: 4px;
    }
    .enjeu-card__title { font-family: var(--font-display); font-size: 22px; font-weight: 700; line-height: 1.2; letter-spacing: -0.022em; color: var(--on-d); }
    .enjeu-card__body { font-family: var(--font-body); font-size: 15px; line-height: 1.6; color: var(--on-d-soft); }
    .enjeu-card__divider { height: 1px; background: rgba(245,212,179,0.20); margin: 6px 0 4px; }
    .enjeu-card__insight {
      font-family: var(--font-display); font-style: italic; font-weight: 500;
      font-size: 14px; line-height: 1.45; color: var(--c-soft);
      display: flex; gap: 8px; align-items: flex-start;
    }
    .enjeu-card__insight::before { content: '→'; font-style: normal; color: var(--c-bright); flex-shrink: 0; }
    .enjeu__close {
      margin-top: 64px; text-align: center;
      font-family: var(--font-display);
      font-size: clamp(22px, 2.4vw, 30px);
      font-weight: 600; line-height: 1.3; letter-spacing: -0.025em;
      color: var(--on-d); max-width: 820px; margin-left: auto; margin-right: auto;
    }
    .enjeu__close em {
      display: block; margin-top: 6px;
      font-style: italic; font-weight: 500; color: var(--c-soft);
    }
    @media (max-width: 880px) {
      .enjeu { padding: 80px 0; }
      .enjeu__grid { grid-template-columns: 1fr; gap: 18px; }
      .enjeu-card { padding: 32px 24px 26px; }
    }

    
    .approche { background: var(--bg); }
    .approche__twin {
      display: grid; grid-template-columns: 1fr 60px 1fr;
      gap: 0; align-items: stretch; margin-top: 8px;
    }
    .approche-card {
      border-radius: var(--card-r);
      padding: 36px 32px 32px;
      display: flex; flex-direction: column; gap: 18px;
    }
    .approche-card--them {
      background: var(--bg-2); color: var(--ink);
      border: 1px solid var(--border);
    }
    .approche-card--us {
      background: var(--ink); color: var(--on-d);
      border: 1px solid var(--ink);
    }
    .approche-card__tag {
      align-self: flex-start;
      display: inline-flex; align-items: center;
      height: 28px; padding: 0 12px;
      border-radius: 999px;
      font-family: var(--font-display); font-size: 11px; font-weight: 700;
      letter-spacing: 0.14em; text-transform: uppercase;
    }
    .approche-card--them .approche-card__tag { background: rgba(10,12,14,0.06); color: var(--ink-soft); }
    .approche-card--us .approche-card__tag { background: rgba(252,251,247,0.10); color: var(--on-d); }
    .approche-card__title {
      font-family: var(--font-display);
      font-size: clamp(22px, 2.2vw, 28px); font-weight: 700;
      letter-spacing: -0.025em; line-height: 1.18;
    }
    .approche-card--us .approche-card__title { color: var(--on-d); }
    .approche-card__list { display: flex; flex-direction: column; gap: 14px; margin-top: 4px; }
    .approche-card__list li {
      position: relative; padding-left: 22px;
      font-family: var(--font-body); font-size: 14.5px; line-height: 1.5;
    }
    .approche-card__list li::before {
      content: ''; position: absolute; left: 0; top: 11px;
      width: 12px; height: 1px;
    }
    .approche-card--them .approche-card__list li { color: var(--ink-soft); }
    .approche-card--them .approche-card__list li::before { background: var(--ink-mute); }
    .approche-card--us .approche-card__list li { color: var(--on-d-soft); }
    .approche-card--us .approche-card__list li::before { background: var(--c-bright); }
    .approche__arrow {
      display: flex; align-items: center; justify-content: center;
      color: var(--c);
    }
    .approche__arrow svg { width: 36px; height: 36px; }
    @media (max-width: 880px) {
      .approche__twin { grid-template-columns: 1fr; gap: 16px; }
      .approche__arrow { transform: rotate(90deg); padding: 8px 0; }
      .approche-card { padding: 30px 24px 26px; }
    }

    
    .processus { background: var(--bg); position: relative; overflow: hidden; }
    .timeline {
      position: relative;
      max-width: 1200px; margin: 0 auto;
      padding: 40px 16px;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      grid-template-rows: minmax(120px, auto) 56px minmax(110px, auto);
      align-items: center;
      column-gap: 12px;
    }
    
    .timeline__line {
      grid-column: 1 / -1; grid-row: 2;
      align-self: center;
      height: 1px;
      background: linear-gradient(90deg, transparent 0%, var(--c) 6%, var(--c) 94%, transparent 100%);
      transform: scaleX(0); transform-origin: left;
      transition: transform 900ms cubic-bezier(0.16, 1, 0.3, 1) 0ms;
      z-index: 0;
    }
    .timeline.is-visible .timeline__line { transform: scaleX(1); }
    
    .step { display: contents; }
    .step__above {
      grid-column: var(--col); grid-row: 1;
      align-self: end; text-align: center;
      padding: 0 8px 24px;
      opacity: 0; transform: translateY(14px);
      transition: opacity 600ms var(--ease-out), transform 600ms var(--ease-out);
      transition-delay: 0ms;
    }
    .step__node {
      grid-column: var(--col); grid-row: 2;
      justify-self: center; align-self: center;
      width: 56px; height: 56px; border-radius: 999px;
      background: var(--bg); border: 1.5px solid var(--c);
      display: flex; align-items: center; justify-content: center;
      font-family: var(--font-display); font-size: 16px; font-weight: 700;
      color: var(--c-deep); letter-spacing: 0.02em;
      position: relative; z-index: 2;
      opacity: 0; transform: scale(0.86);
      transition: opacity 600ms var(--ease-out), transform 600ms var(--ease-out);
      transition-delay: 0ms;
    }
    .step__node::before {
      content: ''; position: absolute; inset: -4px; border-radius: 999px;
      box-shadow: 0 0 0 0 rgba(212,120,60,0.45);
      animation: nodePulse 2.6s ease-out infinite;
      animation-delay: calc(var(--i) * 220ms);
    }
    @keyframes nodePulse {
      0% { box-shadow: 0 0 0 0 rgba(212,120,60,0.45); }
      70% { box-shadow: 0 0 0 18px rgba(212,120,60,0); }
      100% { box-shadow: 0 0 0 0 rgba(212,120,60,0); }
    }
    .step__below {
      grid-column: var(--col); grid-row: 3;
      align-self: start; justify-self: center;
      text-align: center; padding: 24px 8px 0;
      max-width: 220px;
      opacity: 0; transform: translateY(14px);
      transition: opacity 600ms var(--ease-out), transform 600ms var(--ease-out);
      transition-delay: 0ms;
    }
    .timeline.is-visible .step__above,
    .timeline.is-visible .step__below { opacity: 1; transform: translateY(0); }
    .timeline.is-visible .step__node { opacity: 1; transform: scale(1); }
    .timeline__time {
      font-family: var(--font-display); font-size: 11px; font-weight: 700;
      letter-spacing: 0.16em; text-transform: uppercase; color: var(--c-deep);
      margin-bottom: 6px;
    }
    .timeline__title {
      font-family: var(--font-display); font-size: 19px; font-weight: 700;
      letter-spacing: -0.022em; line-height: 1.22; color: var(--ink);
    }
    .timeline__body {
      font-family: var(--font-body); font-size: 13.5px; line-height: 1.5; color: var(--ink-soft);
    }
    .processus__foot { text-align: center; margin-top: 32px; }
    @media (max-width: 980px) {
      .timeline {
        display: flex; flex-direction: column; gap: 0;
        padding: 24px 16px 8px;
      }
      .timeline__line {
        position: absolute;
        left: 43px; top: 50px; bottom: 50px;
        width: 1px; height: auto;
        background: linear-gradient(180deg, transparent 0%, var(--c) 5%, var(--c) 95%, transparent 100%);
        transform: scaleY(0); transform-origin: top;
      }
      .timeline.is-visible .timeline__line { transform: scaleY(1); }
      .step {
        display: grid; grid-template-columns: 56px 1fr;
        column-gap: 22px; row-gap: 6px;
        padding-bottom: 32px;
      }
      .step__above {
        grid-column: 2; grid-row: 1;
        text-align: left; padding: 0; align-self: start;
      }
      .step__node {
        grid-column: 1; grid-row: 1 / span 2;
        align-self: start;
      }
      .step__below {
        grid-column: 2; grid-row: 2;
        text-align: left; padding: 0; max-width: none;
      }
    }

    
    .pourquoi { background: var(--bg-2); }
    .diff-list { display: flex; flex-direction: column; }
    .diff-row {
      display: grid; grid-template-columns: 130px 1.1fr 1.4fr;
      column-gap: 36px; align-items: baseline;
      padding: 32px 0 32px;
      border-bottom: 1px solid var(--border);
    }
    .diff-row:first-child { border-top: 1px solid var(--border); }
    .diff-row__num {
      font-family: var(--font-display); font-size: clamp(48px, 5vw, 72px);
      font-weight: 800; letter-spacing: -0.04em; color: var(--c-deep); line-height: 0.9;
    }
    .diff-row__title {
      font-family: var(--font-display); font-size: clamp(22px, 2.2vw, 28px);
      font-weight: 700; letter-spacing: -0.025em; line-height: 1.18; color: var(--ink);
      text-wrap: balance;
    }
    .diff-row__body {
      font-family: var(--font-body); font-size: 15px; line-height: 1.6;
      color: var(--ink-soft); max-width: 460px;
    }
    @media (max-width: 880px) {
      .diff-row { grid-template-columns: 80px 1fr; gap: 16px 22px; padding: 24px 0; }
      .diff-row__num { font-size: 44px; grid-row: 1 / span 2; }
      .diff-row__title { grid-column: 2; }
      .diff-row__body { grid-column: 2; }
    }

    
    .pricing-wrap { display: grid; place-items: center; padding: 32px 0; }
    .pricing {
      max-width: 1040px; width: 100%;
      display: grid; grid-template-columns: 1.05fr 1fr;
      border-radius: var(--card-r); overflow: hidden;
      box-shadow: 0 2px 6px rgba(0,0,0,0.04), 0 30px 70px -20px rgba(10,12,14,0.16);
    }
    .pricing__left {
      background: var(--dark); color: var(--on-d);
      padding: 56px 48px 48px;
      display: flex; flex-direction: column;
      position: relative;
    }
    .pricing__left::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 3px; background: var(--c); }
    .pricing__quote {
      font-family: var(--font-display);
      font-size: clamp(22px, 2.2vw, 28px); font-weight: 500;
      letter-spacing: -0.022em; line-height: 1.25;
      margin: 28px 0 24px; text-wrap: balance;
    }
    .pricing__price-block { margin-top: auto; padding-top: 32px; border-top: 1px solid rgba(245,212,179,0.18); }
    .pricing__price-label {
      font-family: var(--font-display); font-size: 11px; font-weight: 700;
      letter-spacing: 0.16em; text-transform: uppercase; color: var(--c-soft); margin-bottom: 10px;
    }
    .pricing__price { font-family: var(--font-display); font-size: clamp(64px, 7.5vw, 88px); font-weight: 800; letter-spacing: -0.04em; line-height: 0.9; color: var(--on-d); }
    .pricing__unit { font-family: var(--font-display); font-size: 18px; font-weight: 700; letter-spacing: 0.06em; color: var(--c-bright); margin-left: 6px; }
    .pricing__price-note { font-family: var(--font-body); font-size: 13px; color: var(--on-d-soft); margin-top: 12px; max-width: 300px; }
    .pricing__right { background: var(--bg); padding: 56px 48px 40px; display: flex; flex-direction: column; }
    .pricing__right-title {
      font-family: var(--font-display); font-size: 14px; font-weight: 700;
      letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink);
      padding-bottom: 18px; border-bottom: 1px solid var(--border);
    }
    .pricing__list { padding: 8px 0 24px; }
    .pricing__list li {
      display: grid; grid-template-columns: 32px 1fr; gap: 10px;
      padding: 14px 0; border-bottom: 1px solid var(--border);
      font-family: var(--font-body); font-size: 14px; line-height: 1.45;
    }
    .pricing__list li:last-child { border-bottom: 0; }
    .pricing__list-num { font-family: var(--font-display); font-size: 11.5px; font-weight: 700; letter-spacing: 0.14em; color: var(--c-deep); padding-top: 3px; }
    .pricing__cta { margin-top: auto; display: flex; flex-direction: column; gap: 10px; }
    .pricing__cta .btn { width: 100%; }
    .pricing__cta-note { font-family: var(--font-body); font-size: 12.5px; color: var(--ink-soft); text-align: center; }
    @media (max-width: 880px) {
      .pricing { grid-template-columns: 1fr; }
      .pricing__left { padding: 40px 24px; }
      .pricing__right { padding: 36px 24px 28px; }
    }

    
    .ownership {
      display: grid; grid-template-columns: 1.05fr 1fr;
      background: var(--dark); color: var(--on-d);
    }
    .ownership__text { padding: 112px 64px; max-width: 720px; margin-left: auto; display: flex; flex-direction: column; justify-content: center; }
    .ownership__h2 { font-family: var(--font-display); font-size: clamp(32px, 3.6vw, 48px); font-weight: 700; line-height: 1.08; letter-spacing: -0.032em; color: var(--on-d); margin: 22px 0 22px; text-wrap: balance; max-width: 520px; }
    .ownership__sub { font-family: var(--font-body); font-size: 17px; line-height: 1.55; color: var(--on-d-soft); margin-bottom: 28px; max-width: 540px; }
    .ownership__list { display: grid; gap: 12px; margin-bottom: 32px; }
    .ownership__list li {
      display: grid; grid-template-columns: 36px 1fr; gap: 12px;
      padding: 14px 0; border-bottom: 1px solid var(--border-d);
      font-family: var(--font-body); font-size: 14.5px; line-height: 1.5;
    }
    .ownership__list-num { font-family: var(--font-display); font-size: 12px; font-weight: 700; letter-spacing: 0.16em; color: var(--c-bright); padding-top: 3px; }
    .ownership__photo { position: relative; overflow: hidden; }
    .ownership__photo img { width: 100%; height: 100%; object-fit: cover; }
    @media (max-width: 980px) {
      .ownership { grid-template-columns: 1fr; }
      .ownership__text { padding: 64px 22px; margin: 0; }
      .ownership__photo { aspect-ratio: 16 / 11; }
    }

    
    .faq__list { max-width: 800px; margin: 0 auto; border-top: 1px solid var(--border); }
    .faq-item { border-bottom: 1px solid var(--border); }
    .faq-item summary {
      list-style: none; cursor: pointer; padding: 26px 0;
      display: flex; align-items: center; justify-content: space-between; gap: 24px;
      font-family: var(--font-display); font-size: 18px; font-weight: 600;
      letter-spacing: -0.018em; color: var(--ink);
    }
    .faq-item summary::-webkit-details-marker { display: none; }
    .faq-item summary::after {
      content: ''; width: 14px; height: 14px;
      border-right: 1.5px solid var(--c); border-bottom: 1.5px solid var(--c);
      transform: rotate(45deg); transition: transform 280ms var(--ease-out); flex-shrink: 0;
    }
    .faq-item[open] summary::after { transform: rotate(-135deg); }
    .faq-item__body {
      padding: 0 32px 28px 0;
      font-family: var(--font-body); font-size: 15px; line-height: 1.6; color: var(--ink-soft);
    }
    .faq-item__body p + p { margin-top: 12px; }

    
    .cta-final { position: relative; background: var(--dark); color: var(--on-d); overflow: hidden; padding: 120px 0; }
    .cta-final::before {
      content: ''; position: absolute; inset: 0;
      background:
        radial-gradient(ellipse 60% 80% at 50% 50%, rgba(212,120,60,0.22) 0%, transparent 65%),
        radial-gradient(ellipse 30% 30% at 80% 20%, rgba(232,141,86,0.12) 0%, transparent 70%);
      pointer-events: none;
    }
    .cta-final__inner { position: relative; z-index: 1; text-align: center; max-width: 760px; margin: 0 auto; padding: 0 32px; }
    .cta-final__h2 { font-family: var(--font-display); font-size: clamp(36px, 4.4vw, 56px); font-weight: 700; line-height: 1.06; letter-spacing: -0.035em; color: var(--on-d); margin: 22px 0 22px; text-wrap: balance; }
    .cta-final__sub { font-family: var(--font-body); font-size: 17px; line-height: 1.55; color: var(--on-d-soft); margin-bottom: 36px; max-width: 540px; margin-left: auto; margin-right: auto; }
    .cta-final__actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
    .cta-final__actions .btn { width: 264px; min-width: 0; }
    @media (max-width: 540px) { .cta-final__actions { flex-direction: column; align-items: center; } .cta-final__actions .btn { width: 100%; max-width: 360px; } }

    
    .footer { background: var(--dark-2); color: var(--on-d-soft); padding: 72px 0 28px; border-top: 1px solid var(--border-d); }
    .footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 56px; }
    .footer__brand { display: flex; align-items: center; gap: 14px; color: var(--on-d); margin-bottom: 18px; }
    .footer__brand svg { width: 56px; height: 56px; color: var(--on-d); }
    .footer__brand span { font-family: var(--font-display); font-size: 18px; font-weight: 700; letter-spacing: -0.022em; }
    .footer__manifesto { font-family: var(--font-body); font-size: 14px; line-height: 1.55; color: var(--on-d-soft); max-width: 320px; margin-bottom: 24px; }
    .footer__col-label { font-family: var(--font-display); font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--c-soft); margin-bottom: 18px; }
    .footer__col ul { display: flex; flex-direction: column; gap: 11px; font-family: var(--font-body); font-size: 14px; color: var(--on-d-soft); }
    .footer__col a { transition: color 180ms var(--ease-out); }
    .footer__col a:hover { color: var(--on-d); }
    .footer__phone { font-family: var(--font-display); font-size: 18px; font-weight: 700; letter-spacing: -0.022em; color: var(--on-d); margin-bottom: 8px; display: block; }
    .footer__bottom { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-top: 24px; border-top: 1px solid var(--border-d); font-family: var(--font-body); font-size: 12.5px; color: var(--on-d-mute); flex-wrap: wrap; }
    .footer__bottom a:hover { color: var(--on-d-soft); }
    @media (max-width: 880px) { .footer__grid { grid-template-columns: 1fr 1fr; gap: 36px; } }
    @media (max-width: 540px) { .footer__grid { grid-template-columns: 1fr; } }

    
    .situations { background: var(--bg); }
    .situations__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 8px; }
    .situation-card {
      background: var(--bg-2); border: 1px solid var(--border);
      border-radius: var(--card-r); padding: 42px 38px 38px;
      display: flex; flex-direction: column; gap: 16px;
    }
    .situation-card__tag {
      align-self: flex-start; display: inline-flex; align-items: center;
      height: 28px; padding: 0 13px; border-radius: 999px;
      background: rgba(212,120,60,0.10); color: var(--c-deep);
      font-family: var(--font-display); font-size: 11px; font-weight: 700;
      letter-spacing: 0.14em; text-transform: uppercase;
    }
    .situation-card__title { font-family: var(--font-display); font-size: 24px; font-weight: 700; letter-spacing: -0.024em; line-height: 1.18; color: var(--ink); }
    .situation-card__body { font-family: var(--font-body); font-size: 15px; line-height: 1.62; color: var(--ink-soft); }
    @media (max-width: 880px) { .situations__grid { grid-template-columns: 1fr; gap: 18px; } .situation-card { padding: 34px 26px 28px; } }

    
    .bigger { background: var(--bg); }
    .bigger__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 8px; }
    .bigger-card {
      position: relative; isolation: isolate; overflow: hidden;
      background:
        radial-gradient(120% 90% at 0% 0%, rgba(232,141,86,0.26) 0%, rgba(212,120,60,0.08) 34%, transparent 60%),
        linear-gradient(158deg, #1b1f24 0%, #0a0c0e 64%);
      border: 1px solid rgba(245,212,179,0.18);
      border-radius: var(--card-r); padding: 38px 32px 30px;
      color: var(--on-d);
      display: flex; flex-direction: column; gap: 14px;
      box-shadow: 0 1px 2px rgba(10,12,14,0.20), 0 14px 30px -16px rgba(10,12,14,0.6);
      transition: transform 320ms var(--ease-out), box-shadow 320ms var(--ease-out), border-color 320ms var(--ease-out);
    }
    .bigger-card::before {
      content: ''; position: absolute; inset: -1px; z-index: -1; border-radius: inherit;
      background: radial-gradient(80% 60% at 12% 0%, rgba(236,141,86,0.55) 0%, transparent 60%);
      opacity: 0; transition: opacity 360ms var(--ease-out);
    }
    .bigger-card:hover {
      transform: translateY(-4px);
      border-color: rgba(236,141,86,0.5);
      box-shadow: 0 1px 2px rgba(10,12,14,0.20), 0 20px 44px -16px rgba(212,120,60,0.45), 0 8px 22px -10px rgba(10,12,14,0.55);
    }
    .bigger-card:hover::before { opacity: 0.5; }
    .bigger-card__num { font-family: var(--font-display); font-size: 13px; font-weight: 700; letter-spacing: 0.16em; color: var(--c-bright); }
    .bigger-card__title { font-family: var(--font-display); font-size: 21px; font-weight: 700; letter-spacing: -0.022em; line-height: 1.22; color: var(--on-d); }
    .bigger-card__body { font-family: var(--font-body); font-size: 14.5px; line-height: 1.6; color: var(--on-d-soft); flex: 1; }
    .bigger-card__link {
      font-family: var(--font-body); font-size: 14px; font-weight: 600; color: var(--c-bright);
      display: inline-flex; align-items: center; gap: 8px; padding-top: 6px;
    }
    .bigger-card__link svg { transition: transform 240ms var(--ease-out); }
    .bigger-card:hover .bigger-card__link svg { transform: translateX(4px); }
    @media (max-width: 880px) { .bigger__grid { grid-template-columns: 1fr; gap: 18px; } .bigger-card { padding: 32px 26px 26px; } }

    
    .gestion { background: var(--bg-2); }
    .gestion__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 8px; align-items: stretch; }
    .gestion-card { border-radius: var(--card-r); padding: 42px 38px 38px; display: flex; flex-direction: column; gap: 14px; }
    .gestion-card--auto { background: var(--bg); border: 1px solid var(--border); color: var(--ink); }
    .gestion-card--managed { background: var(--dark); border: 1px solid var(--dark); color: var(--on-d); position: relative; overflow: hidden; }
    .gestion-card--managed::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 3px; background: var(--c); }
    .gestion-card__eyebrow { font-family: var(--font-display); font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--c-deep); }
    .gestion-card--managed .gestion-card__eyebrow { color: var(--c-soft); }
    .gestion-card__title { font-family: var(--font-display); font-size: 24px; font-weight: 700; letter-spacing: -0.024em; line-height: 1.18; }
    .gestion-card--managed .gestion-card__title { color: var(--on-d); }
    .gestion-card__price { font-family: var(--font-display); font-size: 30px; font-weight: 800; letter-spacing: -0.03em; color: var(--on-d); margin: 2px 0; }
    .gestion-card__price small { font-family: var(--font-display); font-size: 14px; font-weight: 700; letter-spacing: 0.04em; color: var(--c-bright); margin-left: 4px; }
    .gestion-card__body { font-family: var(--font-body); font-size: 15px; line-height: 1.62; color: var(--ink-soft); }
    .gestion-card--managed .gestion-card__body { color: var(--on-d-soft); }
    .gestion__note {
      margin-top: 28px; padding: 18px 22px; border-radius: var(--r);
      background: rgba(10,12,14,0.04); border: 1px solid var(--border);
      font-family: var(--font-body); font-size: 13.5px; line-height: 1.55; color: var(--ink-soft);
      display: flex; gap: 10px; align-items: flex-start;
    }
    .gestion__note svg { color: var(--c); flex-shrink: 0; margin-top: 2px; }
    @media (max-width: 880px) { .gestion__grid { grid-template-columns: 1fr; gap: 18px; } .gestion-card { padding: 34px 26px 28px; } }

    
    .fab { position: fixed; bottom: 22px; right: 22px; z-index: 60; width: 56px; height: 56px; background: #25D366; color: white; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 4px 16px rgba(37,211,102,0.32); transition: transform 220ms var(--ease-out), box-shadow 220ms var(--ease-out); }
    .fab:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(37,211,102,0.42); }
  
.nav__links{gap:26px;flex-wrap:nowrap;align-self:stretch;align-items:stretch}.nav__links>a,.nav__item>a{white-space:nowrap;display:inline-flex;align-items:center}@media(max-width:1180px){.nav__links{gap:18px}.nav__links a{font-size:13px}}@media(max-width:1000px){.nav__links{gap:14px}.nav__links a{font-size:12.5px}}.nav__item{position:relative;display:inline-flex;align-items:stretch}.nav__item>a{gap:5px}.nav__caret{flex-shrink:0;transition:transform 180ms var(--ease-out);color:var(--ink-mute)}.nav__item:hover>a .nav__caret,.nav__item:focus-within>a .nav__caret{transform:rotate(180deg);color:var(--c)}.nav__menu{position:absolute;top:calc(100% + 1px);left:-14px;padding:8px;min-width:246px;background:var(--bg);border:1px solid var(--border-2);border-radius:var(--card-r);box-shadow:0 1px 2px rgba(10,12,14,.08),0 14px 34px -8px rgba(10,12,14,.22);display:flex;flex-direction:column;gap:1px;z-index:60;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out),visibility 180ms}.nav__item::after{content:"";position:absolute;top:100%;left:0;right:0;height:10px}.nav__item:hover .nav__menu,.nav__item:focus-within .nav__menu{opacity:1;visibility:visible;transform:translateY(0)}.nav__menu a{display:block;padding:9px 12px;border-radius:var(--r);font-family:var(--font-body);font-size:13.5px;font-weight:500;color:var(--ink-soft);white-space:nowrap;transition:background 160ms var(--ease-out),color 160ms var(--ease-out)}.nav__menu a:hover,.nav__menu a:focus-visible{background:var(--bg-2);color:var(--ink)}.drawer__group{border-bottom:1px solid var(--border);padding:14px 4px 12px}.drawer__group-label{display:block;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c-deep);margin-bottom:4px}.drawer__group a{padding:11px 0!important;border-bottom:0!important;font-size:15.5px!important}.footer__grid{grid-template-columns:1.5fr 1fr 1fr .8fr .8fr;gap:40px}@media(max-width:1100px){.footer__grid{grid-template-columns:1.4fr 1fr 1fr;gap:36px}}@media(max-width:880px){.footer__grid{grid-template-columns:1fr 1fr;gap:34px}}@media(max-width:540px){.footer__grid{grid-template-columns:1fr;gap:30px}}.footer__legal{display:flex;gap:18px;flex-wrap:wrap}.footer__legal a{color:var(--on-d-mute)}.footer__legal a:hover{color:var(--on-d-soft)}