.itss-page {
  --navy:#163d6c; --navy-2:#0f2c50; --navy-soft:#3f5680;
  --blue:#4f78ab; --blue-soft:#5189cd;
  --coral:#ed8d73; --coral-2:#e07555; --coral-soft:#f4b6a6;
  --green:#b2ceae; --rose:#f5d8d2; --peau:#faebe6; --sable:#eadaca; --cyan:#79bad7; --ciel:#acd3e5;
  --ink:#33425c; --ink-soft:#5d6a82; --ink-faint:#94a0b4;
  --paper:#ffffff; --page:#ffffff; --cream:#f7f8fa; --mist:#f7f8fa; --nuage:#f7f8fa;
  --rule:#e7e7e1; --rule-2:#eef0ea; --tag-border:#d4d4cb; --tick:#163d6c; --gold:#bfa14a;
  --serif:"Fraunces", Georgia, serif;
  --sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --ui:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --display:"PP Eiko", "Fraunces", Georgia, serif;
}

/* Base */
.itss-page { box-sizing:border-box; margin:0; background:var(--page); color:var(--ink); font-family:var(--sans); font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased; }
.itss-page *, .itss-page *::before, .itss-page *::after { box-sizing:border-box; }
.itss-page img { max-width:100%; display:block; }
.itss-page .wrap { width:100%; max-width:1180px; margin:0 auto; padding-inline:40px; }
.itss-page h1, .itss-page h2, .itss-page h3 { font-family:var(--serif); color:var(--navy); font-weight:600; letter-spacing:-.003em; margin:0; }
.itss-page .kicker { font-family:var(--ui); color:var(--coral-2); font-weight:700; letter-spacing:.18em; }

/* Hero (navy split, icon dans un carré ciel) */
.itss-page .hero { position:relative; overflow:hidden; background:var(--navy); padding:96px 0; }
.itss-page .hero__grid { max-width:1180px; margin:0 auto; padding:0 40px; display:grid; grid-template-columns:1.1fr auto; gap:48px; align-items:center; }
.itss-page .hero .kicker { color:rgba(255,255,255,.82); margin-bottom:16px; }
.itss-page .hero h1 { font-size:clamp(38px,4.6vw,56px); line-height:1.05; color:#fff; }
.itss-page .hero p { max-width:48ch; margin:22px 0 0; color:rgba(255,255,255,.85); font-size:19px; line-height:1.6; }
.itss-page .hero__icon { flex:none; width:200px; height:200px; border-radius:32px; background:var(--ciel); display:flex; align-items:center; justify-content:center; }
.itss-page .hero__icon svg, .itss-page .hero__icon img { width:110px; height:110px; object-fit:contain; }
@media (max-width:820px){
  .itss-page .hero__grid { grid-template-columns:1fr; gap:32px; }
  .itss-page .hero__icon { width:150px; height:150px; border-radius:26px; }
  .itss-page .hero__icon svg, .itss-page .hero__icon img { width:84px; height:84px; }
}

/* Forfaits */
.itss-page .plans { padding:80px 0; background:var(--nuage); }
.itss-page .plans__head { text-align:center; margin-bottom:46px; }
.itss-page .plans__head .lead { max-width:64ch; margin:14px auto 0; color:var(--ink-soft); font-size:17px; line-height:1.6; }
.itss-page .plans__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; align-items:stretch; }
.itss-page .plans__grid--3 { grid-template-columns:repeat(2,1fr); }
.itss-page .plan { background:var(--paper); border:1px solid var(--rule); border-radius:16px; padding:32px 30px; display:flex; flex-direction:column; box-shadow:0 1px 2px rgba(22,61,108,.05); }
.itss-page .plan__name { font-size:23px; margin-bottom:10px; min-height:58px; }
.itss-page .plan__price { font-family:var(--serif); font-size:34px; font-weight:600; color:var(--navy); line-height:1; }
.itss-page .plan__price small { font-family:var(--ui); font-size:13px; font-weight:500; color:var(--ink-faint); }
.itss-page .plan__sub { font-family:var(--ui); font-size:13.5px; color:var(--ink-soft); margin:10px 0 0; line-height:1.5; }
.itss-page .plan__list { list-style:none; margin:20px 0 24px; padding:20px 0 0; border-top:1px solid var(--rule); display:flex; flex-direction:column; gap:11px; flex:1 1 0%; }
.itss-page .plan__list li { display:flex; gap:11px; align-items:flex-start; color:var(--ink); font-size:14.5px; line-height:1.5; }
.itss-page .plan__list .tk { flex:none; margin-top:3px; color:var(--coral-2); }
.itss-page .plan__add { font-family:var(--ui); font-size:13px; color:var(--coral-2); font-weight:600; margin:0 0 18px; }
.itss-page .btn-book { display:inline-flex; align-items:center; justify-content:center; height:50px; padding:0 26px; width:100%; font-family:var(--ui); font-size:12px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; border-radius:999px; border:1.5px solid var(--navy); background:var(--navy); color:#fff; text-decoration:none; transition:background .2s, transform .15s; }
.itss-page .btn-book:hover { background:var(--navy-2); transform:translateY(-1px); }
@media (max-width:820px){
  .itss-page .plans__grid, .itss-page .plans__grid--3 { grid-template-columns:1fr; }
  .itss-page .plan__name { min-height:0; }
}

/* Tests individuels */
.itss-page .testlist { max-width:900px; margin:48px auto 0; }
.itss-page .testlist__title { font-family:var(--serif); font-size:24px; color:var(--navy); margin:0 0 14px; }
.itss-page .testrow { display:grid; grid-template-columns:1fr auto auto; gap:24px; align-items:center; padding:22px 4px; border-top:1px solid var(--rule); }
.itss-page .testrow:last-child { border-bottom:1px solid var(--rule); }
.itss-page .testrow__name { font-family:var(--ui); font-size:17px; font-weight:600; color:var(--navy); display:flex; flex-direction:column; gap:5px; }
.itss-page .testrow__sub { font-weight:400; font-size:13.5px; color:var(--ink-soft); line-height:1.5; max-width:52ch; }
.itss-page .testrow__price { font-family:var(--serif); font-size:24px; font-weight:600; color:var(--navy); white-space:nowrap; }
.itss-page .testrow__btn { display:inline-flex; align-items:center; justify-content:center; height:42px; padding:0 20px; border-radius:999px; border:1.5px solid var(--navy); color:var(--navy); font-family:var(--ui); font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; text-decoration:none; white-space:nowrap; transition:background .2s, color .2s; }
.itss-page .testrow__btn:hover { background:var(--navy); color:#fff; }
@media (max-width:640px){
  .itss-page .testrow { grid-template-columns:1fr auto; gap:8px 16px; }
  .itss-page .testrow__btn { grid-column:1 / -1; justify-self:start; }
}

/* Note */
.itss-page .note { display:flex; gap:12px; align-items:flex-start; max-width:820px; margin:32px auto 0; padding:16px 20px; background:var(--peau); border-radius:12px; font-family:var(--ui); font-size:14px; line-height:1.55; color:var(--ink); }
.itss-page .note svg { flex:none; margin-top:1px; color:var(--coral-2); }

/* Infoband */
.itss-page .infoband { background:var(--navy); color:#fff; }
.itss-page .infoband .wrap { padding:80px 40px; }
.itss-page .infoband .kicker { color:rgba(255,255,255,.6); text-align:center; }
.itss-page .infoband h2 { color:#fff; text-align:center; font-size:clamp(30px,3.4vw,44px); margin:0 auto 18px; }
.itss-page .infoband__lead { max-width:62ch; margin:0 auto 52px; text-align:center; color:rgba(255,255,255,.74); font-size:18px; line-height:1.65; }
.itss-page .infoband__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.itss-page .stat { text-align:center; padding:14px; border-left:1px solid rgba(255,255,255,.12); }
.itss-page .stat:first-child { border-left:0; }
.itss-page .stat__big { font-family:var(--serif); font-size:24px; font-weight:600; color:#fff; line-height:1.15; margin-bottom:10px; }
.itss-page .stat__lbl { font-family:var(--ui); font-size:14px; color:rgba(255,255,255,.7); line-height:1.45; }
@media (max-width:760px){
  .itss-page .infoband__grid { grid-template-columns:1fr; gap:30px 18px; }
  .itss-page .stat { border-left:0; }
}

/* FAQ */
.itss-page .faq { padding:80px 0; background:var(--nuage); }
.itss-page .faq__head { text-align:center; margin-bottom:44px; }
.itss-page .faq__list { max-width:820px; margin:0 auto; }
.itss-page .faq__item { border-bottom:1px solid var(--rule); }
.itss-page .faq__item summary { list-style:none; cursor:pointer; padding:22px 4px; display:flex; align-items:center; justify-content:space-between; gap:20px; font-family:var(--serif); font-size:20px; color:var(--navy); font-weight:600; }
.itss-page .faq__item summary::-webkit-details-marker { display:none; }
.itss-page .faq__item summary::after { content:"+"; font-family:var(--ui); font-size:24px; font-weight:400; color:var(--coral-2); flex:none; }
.itss-page .faq__item[open] summary::after { content:"–"; }
.itss-page .faq__a { padding:0 4px 24px; color:var(--ink-soft); font-size:16px; line-height:1.65; max-width:72ch; }