.iat-landing,
    .iat-landing * {
      box-sizing: border-box;
      text-align: left;
      word-spacing: normal;
      letter-spacing: 0;
    }

    .iat-landing {
      --paper: #f7eee7;
      --paper-deep: #ead8ca;
      --ink: #4e2b16;
      --muted: #7d5c49;
      --gold: #b88b54;
      --gold-dark: #7b542d;
      --cream: #fff8ed;
      --green: #2f6b5f;
      --red: #9a4737;
      --shadow: 0 18px 45px rgba(78, 43, 22, .16);
      --radius: 8px;
      color: var(--ink);
      background:
        radial-gradient(circle at 12% 8%, rgba(184, 139, 84, .14), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(47, 107, 95, .11), transparent 34%),
        linear-gradient(180deg, #fffaf3 0%, var(--paper) 48%, #fff9f0 100%);
      font-family: Georgia, "Times New Roman", serif;
      line-height: 1.45;
      text-align: left;
      word-spacing: normal;
      overflow: hidden;
      isolation: isolate;
    }

    .iat-landing a {
      color: inherit;
      text-decoration: none;
    }

    .iat-wrap {
      width: min(1160px, calc(100% - 32px));
      margin: 0 auto;
    }

    .iat-kicker {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 12px;
      border: 1px solid rgba(123, 84, 45, .24);
      border-radius: 999px;
      background: rgba(255, 248, 237, .16);
      color: #fff8ed;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .02em;
      text-transform: uppercase;
    }

    .iat-kicker::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--green);
      box-shadow: 0 0 0 5px rgba(47, 107, 95, .13);
    }

    .iat-title,
    .iat-section-title {
      margin: 0;
      color: var(--ink);
      font-weight: 900;
      line-height: .98;
      letter-spacing: 0;
      text-align: left !important;
      word-spacing: normal !important;
    }

    .iat-title {
      max-width: 850px;
      font-size: clamp(38px, 5vw, 78px) !important;
    }

    .iat-section-title {
      font-size: clamp(30px, 4vw, 52px) !important;
      text-align: left !important;
    }

    .iat-lead {
      max-width: 680px;
      margin: 18px 0 0;
      color: #5f3d2a;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(18px, 2vw, 23px);
      font-weight: 700;
      line-height: 1.35;
      text-align: left !important;
      word-spacing: normal !important;
    }

    .iat-text {
      margin: 0;
      color: var(--muted);
      font-family: Arial, Helvetica, sans-serif;
      font-size: 17px;
      line-height: 1.55;
      text-align: left !important;
      word-spacing: normal !important;
    }

    .iat-cta-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 14px;
      margin-top: 28px;
    }

    .iat-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 52px;
      padding: 14px 24px;
      border: 1px solid rgba(78, 43, 22, .35);
      border-radius: 999px;
      background:
        linear-gradient(135deg, rgba(255,255,255,.22), transparent 36%),
        linear-gradient(180deg, #c79b61 0%, #8a602f 100%);
      box-shadow: 0 10px 24px rgba(78, 43, 22, .22), inset 0 1px 0 rgba(255,255,255,.45);
      color: #fffaf1 !important;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 16px;
      font-weight: 900;
      text-align: center !important;
      transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
    }

    .iat-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 14px 28px rgba(78, 43, 22, .28), inset 0 1px 0 rgba(255,255,255,.5);
      filter: saturate(1.05);
    }

    .iat-btn-secondary {
      background: rgba(255, 248, 237, .92);
      color: var(--ink) !important;
      box-shadow: none;
      border-color: rgba(123, 84, 45, .22);
    }

    .iat-hero {
      position: relative;
      min-height: 660px;
      padding: 92px 0 76px;
      display: grid;
      align-items: center;
    }

    .iat-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -2;
      background:
        linear-gradient(90deg, rgba(78,43,22,.82) 0%, rgba(78,43,22,.50) 42%, rgba(78,43,22,.16) 100%),
        linear-gradient(180deg, rgba(78,43,22,.06), rgba(78,43,22,.34)),
        url("../img/ile-aux-tresors-hero.jpg") center / cover no-repeat,
        linear-gradient(130deg, #f7eadb 0%, #ecd2bc 44%, #d6ebea 78%, #f8efe4 100%);
    }

    .iat-hero::after {
      content: "";
      position: absolute;
      inset: auto -80px -90px auto;
      width: min(620px, 58vw);
      aspect-ratio: 1.25;
      z-index: -1;
      opacity: .08;
      background:
        radial-gradient(ellipse at 46% 82%, rgba(78,43,22,.24) 0 3%, transparent 4%),
        radial-gradient(ellipse at 38% 72%, #b77a35 0 8%, transparent 9%),
        radial-gradient(ellipse at 52% 66%, #d19a55 0 6%, transparent 7%),
        radial-gradient(ellipse at 28% 63%, #8b5b32 0 10%, transparent 11%),
        linear-gradient(12deg, transparent 0 26%, rgba(78,43,22,.78) 27% 31%, #a86d35 32% 54%, rgba(78,43,22,.82) 55% 60%, transparent 61%),
        radial-gradient(ellipse at 44% 57%, #d7a461 0 22%, #744521 23% 26%, transparent 27%);
      filter: drop-shadow(0 22px 30px rgba(78,43,22,.22));
      transform: rotate(-4deg);
    }

    .iat-hero-grid {
      max-width: 760px;
    }

    .iat-hero-content {
      padding: 0;
    }

    .iat-hero .iat-title {
      color: #fff8ed;
      text-shadow: 0 5px 22px rgba(44, 24, 12, .62);
    }

    .iat-hero .iat-lead {
      color: #fff8ed;
      text-shadow: 0 3px 14px rgba(44, 24, 12, .54);
    }

    .iat-section {
      padding: 76px 0;
    }

    .iat-section-intro {
      max-width: 760px;
      margin: 14px 0 0;
      text-align: left !important;
    }

    .iat-benefits {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 18px !important;
      margin-top: 36px;
    }

    .iat-panel {
      position: relative;
      display: block !important;
      float: none !important;
      width: auto !important;
      padding: 26px;
      border: 1px solid rgba(123, 84, 45, .19);
      border-radius: var(--radius);
      background: rgba(255, 248, 237, .72);
      box-shadow: 0 14px 35px rgba(78, 43, 22, .08);
    }

    .iat-card-img {
      display: block !important;
      width: 100%;
      aspect-ratio: 1.35 / 1;
      margin-bottom: 18px;
      border-radius: var(--radius);
      overflow: hidden;
      border: 1px solid rgba(123, 84, 45, .16);
      background: #fff8ed;
    }

    .iat-card-img img {
      display: block !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
    }

    .iat-panel strong,
    .iat-step h3,
    .iat-price-card h3,
    .iat-audience h3,
    .iat-faq summary {
      display: block;
      margin: 0 0 10px;
      color: var(--ink);
      font-size: 24px;
      line-height: 1.08;
    }

    .iat-steps {
      display: grid !important;
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
      gap: 0 !important;
      margin-top: 42px;
      border-top: 1px solid rgba(123,84,45,.22);
      border-bottom: 1px solid rgba(123,84,45,.22);
    }

    .iat-step {
      display: block !important;
      float: none !important;
      width: auto !important;
      min-height: 330px;
      padding: 28px 18px;
      border-right: 1px solid rgba(123,84,45,.22);
      text-align: left !important;
    }

    .iat-step:last-child {
      border-right: 0;
    }

    .iat-step-num {
      display: inline-grid;
      place-items: center;
      width: 44px;
      height: 44px;
      margin-bottom: 20px;
      border-radius: 50%;
      background: var(--gold);
      color: #fffaf1;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 17px;
      font-weight: 900;
      text-align: center !important;
    }

    .iat-step-mark {
      display: block;
      width: min(138px, 78%);
      aspect-ratio: 1 / 1;
      margin: 0 0 18px;
      border-radius: 50%;
      border: 1px solid rgba(123, 84, 45, .18);
      overflow: hidden;
      background: #fff8ed;
      box-shadow: 0 12px 26px rgba(78, 43, 22, .10);
    }

    .iat-step-mark img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .iat-step .iat-text {
      font-size: 15px;
    }

    .iat-step a {
      display: inline-flex;
      margin-top: 14px;
      color: var(--gold-dark);
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: 900;
      text-decoration: underline;
      text-underline-offset: 4px;
    }

    .iat-compare {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 22px !important;
      margin-top: 38px;
    }

    .iat-compare .iat-panel {
      background: #fff8ed;
    }

    .iat-compare-title {
      display: flex !important;
      align-items: center;
      gap: 12px;
    }

    .iat-compare-icon {
      display: inline-grid;
      place-items: center;
      flex: 0 0 auto;
      width: 42px;
      height: 42px;
      border-radius: 50%;
      background: rgba(154, 71, 55, .14);
      color: var(--red);
      font-family: Arial, Helvetica, sans-serif;
      font-size: 20px;
      font-weight: 900;
    }

    .iat-compare .iat-panel:last-child .iat-compare-icon {
      background: rgba(47, 107, 95, .14);
      color: var(--green);
    }

    .iat-compare ul {
      display: grid;
      gap: 12px;
      margin: 18px 0 0;
      padding: 0;
      list-style: none !important;
      font-family: Arial, Helvetica, sans-serif;
      color: var(--muted);
      font-size: 16px;
      line-height: 1.45;
    }

    .iat-compare li {
      position: relative;
      padding-left: 24px;
      list-style: none !important;
      text-align: left !important;
      word-spacing: normal !important;
    }

    .iat-compare li::marker {
      content: "";
    }

    .iat-compare li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 8px;
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: var(--red);
    }

    .iat-compare .iat-panel:last-child li::before {
      background: var(--green);
    }

    .iat-pricing {
      position: relative;
      padding: 86px 0;
      background:
        linear-gradient(90deg, rgba(247,238,231,.95), rgba(247,238,231,.72) 42%, rgba(247,238,231,.95)),
        url("../img/ile-aux-tresors-tarifs.jpg") center / cover no-repeat,
        linear-gradient(180deg, rgba(234,216,202,.48), rgba(255,248,237,.72));
    }

    .iat-price-grid {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) 320px !important;
      gap: 26px !important;
      align-items: stretch;
      margin-top: 38px;
    }

    .iat-price-card {
      padding: 34px;
      border: 2px solid rgba(123,84,45,.32);
      border-radius: var(--radius);
      background:
        linear-gradient(90deg, rgba(123,84,45,.14), transparent 18%, transparent 82%, rgba(123,84,45,.14)),
        #fff9f0;
      box-shadow: var(--shadow);
      text-align: left !important;
    }

    .iat-price-lines {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 16px !important;
      margin-top: 24px;
    }

    .iat-price {
      padding: 22px 16px;
      border: 1px solid rgba(123,84,45,.18);
      border-radius: var(--radius);
      background: rgba(247, 238, 231, .68);
    }

    .iat-price span {
      display: block;
      color: var(--muted);
      font-family: Arial, Helvetica, sans-serif;
      font-size: 15px;
      font-weight: 800;
    }

    .iat-price b {
      display: block;
      margin-top: 8px;
      color: #6b4935;
      font-size: clamp(58px, 9vw, 104px);
      line-height: .9;
      text-align: center !important;
    }

    .iat-example {
      margin: 24px 0 0;
      padding: 14px 16px;
      border-radius: var(--radius);
      background: rgba(184, 139, 84, .13);
      color: var(--ink);
      font-family: Arial, Helvetica, sans-serif;
      font-size: 17px;
      font-weight: 900;
    }

    .iat-limit {
      display: grid;
      align-content: center;
      padding: 26px;
      border-radius: var(--radius);
      background: var(--green);
      color: #fffaf1;
      box-shadow: var(--shadow);
    }

    .iat-limit b {
      display: block;
      margin-bottom: 8px;
      font-size: 28px;
      line-height: 1.05;
    }

    .iat-limit p {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 17px;
      font-weight: 800;
    }

    .iat-audience-grid {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 20px !important;
      margin-top: 38px;
    }

    .iat-audience {
      min-height: 230px;
      padding: 30px;
      border-radius: var(--radius);
      background:
        linear-gradient(135deg, rgba(255,255,255,.52), transparent 42%),
        rgba(255, 248, 237, .76);
      border: 1px solid rgba(123,84,45,.18);
      box-shadow: 0 14px 35px rgba(78, 43, 22, .08);
    }

    .iat-audience-wide {
      max-width: 860px;
    }

    .iat-audience-icon {
      position: relative;
      display: inline-grid;
      place-items: center;
      width: 68px;
      height: 68px;
      margin-bottom: 18px;
      border-radius: 50%;
      border: 1px solid rgba(123,84,45,.18);
      background:
        linear-gradient(135deg, rgba(255,255,255,.55), transparent 45%),
        rgba(184, 139, 84, .16);
      box-shadow: 0 12px 26px rgba(78, 43, 22, .10);
      color: var(--gold-dark);
      font-family: Arial, Helvetica, sans-serif;
      font-size: 30px;
      font-weight: 900;
    }

    .iat-audience-icon::after {
      content: "";
      position: absolute;
      inset: 9px;
      border-radius: 50%;
      border: 1px solid rgba(123,84,45,.16);
    }

    .iat-final {
      padding: 74px 0 92px;
      background:
        linear-gradient(90deg, rgba(78,43,22,.86), rgba(78,43,22,.48)),
        url("../img/ile-aux-tresors-reservation.jpg") center / cover no-repeat,
        linear-gradient(135deg, #bf9564, #ead8ca 48%, #6d9b96);
      color: #fff8ed;
      text-align: left !important;
    }

    .iat-final .iat-section-title,
    .iat-final .iat-text {
      color: #fff8ed;
    }

    .iat-final .iat-section-intro {
      color: #fff8ed;
      opacity: .95;
    }

    .iat-section .iat-cta-row,
    .iat-pricing .iat-cta-row,
    .iat-final .iat-cta-row {
      justify-content: center !important;
    }

    @media (max-width: 980px) {
      .iat-hero {
        min-height: auto;
        padding: 72px 0 52px;
      }

      .iat-hero-grid {
        max-width: 620px;
      }

      .iat-benefits,
      .iat-steps,
      .iat-price-grid,
      .iat-compare,
      .iat-price-lines,
      .iat-audience-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
      }

      .iat-steps {
        border: 0;
      }

      .iat-step {
        min-height: auto;
        border: 1px solid rgba(123,84,45,.20);
        border-radius: var(--radius);
        background: rgba(255,248,237,.68);
      }

    }

    @media (max-width: 620px) {
      .iat-wrap {
        width: min(100% - 24px, 1160px) !important;
      }

      .iat-landing {
        overflow-x: hidden;
      }

      .iat-hero {
        min-height: 560px;
        padding: 58px 0 46px;
      }

      .iat-hero::before {
        background:
          linear-gradient(90deg, rgba(78,43,22,.88) 0%, rgba(78,43,22,.62) 54%, rgba(78,43,22,.28) 100%),
          linear-gradient(180deg, rgba(78,43,22,.18), rgba(78,43,22,.44)),
          url("../img/ile-aux-tresors-hero.jpg") 38% center / cover no-repeat,
          linear-gradient(130deg, #f7eadb 0%, #ecd2bc 44%, #d6ebea 78%, #f8efe4 100%);
      }

      .iat-hero::after {
        opacity: .08;
        width: 430px;
        right: -180px;
        bottom: -40px;
      }

      .iat-title {
        max-width: 100%;
        font-size: clamp(36px, 13vw, 54px) !important;
        line-height: .95 !important;
      }

      .iat-lead {
        max-width: 100%;
        font-size: 18px !important;
        line-height: 1.35 !important;
      }

      .iat-section-title {
        font-size: clamp(31px, 10vw, 42px) !important;
        line-height: 1.02 !important;
      }

      .iat-section-intro {
        max-width: 100%;
      }

      .iat-benefits,
      .iat-steps,
      .iat-compare,
      .iat-price-grid,
      .iat-price-lines,
      .iat-audience-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 16px !important;
      }

      .iat-section {
        padding: 52px 0;
      }

      .iat-pricing {
        padding: 54px 0;
      }

      .iat-panel,
      .iat-step,
      .iat-price-card,
      .iat-limit,
      .iat-audience {
        width: 100% !important;
        max-width: 100% !important;
        padding: 20px !important;
      }

      .iat-card-img {
        aspect-ratio: 1.2 / 1;
      }

      .iat-step {
        border-right: 1px solid rgba(123,84,45,.20);
      }

      .iat-step-mark {
        width: 124px;
      }

      .iat-compare-title {
        align-items: flex-start;
      }

      .iat-price b {
        font-size: clamp(54px, 19vw, 78px) !important;
      }

      .iat-final {
        padding: 58px 0 86px;
      }

      .iat-btn {
        width: 100% !important;
      }
    }