/*
Theme Name: Twenty Twenty-Five child
Template: twentytwentyfive
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:where(.wp-site-blocks :focus){outline:none}
:root{
  --ink:#0D0D0D;--ink2:#2C2C2C;--muted:#6B7280;--subtle:#F4F3EF;--line:#E5E3DC;
  --white:#FFFFFF;--accent:#1A3C5E;--accent2:#2563EB;--gold:#C4933F;--green:#16A34A;
  --red:#DC2626;--orange:#EA580C;--orange-light:#fff7ed;--teal:#0D9488;--teal-light:#ccfbf1;
	--purple:#7C3AED;--purple-light:#c1a2f6;--coral:#E11D48;--coral-light:#E11D4878;--amber: #b45309;--amber-light:#fef3c7;
	--slate:#475569;--spring:#16803C;--node:#CA8A04;--poly:#0369A1;--maint:#0F766E;--maint-light:#78ede4;
	--indigo:#4F46E5;--bilan:#1E40AF;--gray-50:#f8f7f4;--gray-100:#f1f0ec;--gray-200:#e5e4e0;
	--gray-400:#9ca3af;--gray-600:#4b5563;--gray-800:#1f2937;--dark: #1a1a2e;
	--radius:4px;--radius-md:8px;--radius-lg:12px;--max-w:1200px;--pad-x:5%;
}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--white);line-height:1.6;overflow-x:hidden}
h1,h2,h3,h4{font-family:'Syne',sans-serif;line-height:1.15;letter-spacing:-0.02em}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* ============================================================
   NAVIGATION
   ============================================================ */
.itg-nav {height:64px;padding: 0 var(--pad-x); background: rgba(255,255,255,0.96); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px)}
.itg-nav__logo { font-family: 'Syne', sans-serif; font-size: 18px; font-weight: 700; color: var(--accent); text-decoration: none; letter-spacing: -0.01em; }
.itg-nav__logo span { color: var(--gold); }
.itg-nav__links { display: flex; align-items: center; gap: 28px; list-style: none; }
.itg-nav__links a { font-size: 14px; font-weight: 500; color: var(--ink2); text-decoration: none; transition: color 0.2s; }
.itg-nav__links a:hover { color: var(--accent2); }
.itg-nav__cta { background: var(--accent) !important; color: var(--white) !important; padding: 9px 20px !important; border-radius: var(--radius) !important; font-size: 13px !important; font-weight: 600 !important; transition: background 0.2s !important; }
.itg-nav__cta:hover { background: var(--accent2) !important; }
.itg-subnav > a:focus {outline-style:none !important}

/* ── PAGE SYSTEM ──────────────────────────────────── */
/*.page{display:none;padding-top:64px;min-height:100vh}
.page.active{display:block}*/

/* ── COMMON SECTION ───────────────────────────────── */
.section{padding:80px var(--pad-x);margin:0}
.section__inner{max-width:var(--max-w);margin:0 auto}
.label{font-size:11px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}
.section-title{font-size:clamp(1.8rem,2.8vw,2.6rem);font-weight:800;color:var(--ink);margin-bottom:14px;max-width:680px}
.section-desc{font-size:1rem;color:var(--muted);line-height:1.8;max-width:560px;margin-bottom:48px}
.section-end{font-size:1rem;color:var(--muted);line-height:1.8;max-width:560px;margin-top:48px}
.section-white{background:var(--white) !important}

/* ── BUTTONS ──────────────────────────────────────── */
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--white);
  padding:14px 28px;border-radius:var(--radius);font-size:14px;font-weight:600;font-family:'Syne',sans-serif;
  cursor:pointer;border:none;transition:all .2s}
.btn-primary:hover{background:var(--accent2);transform:translateY(-1px)}
.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--ink);
  padding:14px 28px;border-radius:var(--radius);font-size:14px;font-weight:500;
  border:1px solid var(--line);transition:all .2s;cursor:pointer}
.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}
.btn-outline{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--accent);color:var(--accent);
  padding:12px 22px;border-radius:var(--radius);font-size:13px;font-weight:600;font-family:'Syne',sans-serif;
  cursor:pointer;transition:all .2s}
.btn-outline:hover{background:var(--accent);color:white}

/* ── PAGE HERO (inner pages) ──────────────────────── */
.page-hero{background:var(--accent);padding:80px var(--pad-x) 60px;position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);
  top:-100px;right:-50px;pointer-events:none}
.page-hero__inner{max-width:var(--max-w);margin:0 auto}
.page-hero__label{font-size:11px;font-weight:600;color:rgba(255,255,255,.5);text-transform:uppercase;
  letter-spacing:.12em;margin-bottom:16px}
.page-hero__title{font-size:clamp(2rem,3.5vw,3rem);font-weight:800;color:white;margin-bottom:16px;max-width:640px}
.page-hero__sub{font-size:1.05rem;color:rgba(255,255,255,.65);max-width:520px;line-height:1.75}
.page-hero__cta{margin-top:36px;display:flex;gap:12px;flex-wrap:wrap}

/* ── BREADCRUMB ───────────────────────────────────── */
.breadcrumb{padding:16px var(--pad-x);background:var(--subtle);border-bottom:1px solid var(--line)}
.breadcrumb__inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;gap:8px;
  font-size:13px;color:var(--muted)}
.breadcrumb__sep{color:var(--line)}
.breadcrumb__current{color:var(--ink2);font-weight:500}

/* ── CARDS GRID ───────────────────────────────────── */
.cards-grid{display:grid;gap:24px}
.cards-grid--3{grid-template-columns:repeat(3,1fr)}
.cards-grid--2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;
  transition:all .3s}
.card:hover{border-color:var(--accent2);box-shadow:0 8px 32px rgba(37,99,235,.08);transform:translateY(-2px)}
.card__icon{width:44px;height:44px;background:var(--subtle);border-radius:var(--radius-md);
  display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:18px}
.card__tag{font-size:11px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.card__title{font-size:1.1rem;font-weight:700;color:var(--ink);margin-bottom:10px}
.card__desc{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:20px}
.card__price{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;color:var(--accent);margin-bottom:16px}
.card__link{font-size:13px;font-weight:600;color:var(--accent2);display:inline-flex;align-items:center;gap:6px;transition:gap .2s}
.card__link:hover{gap:10px}
.card__features{list-style:none;margin-bottom:20px;display:flex;flex-direction:column;gap:6px}
.card__features li{font-size:13px;color:var(--muted);display:flex;align-items:flex-start;gap:8px;line-height:1.5}
.card__features li::before{content:'';width:4px;height:4px;background:var(--accent2);border-radius:50%;flex-shrink:0;margin-top:8px}

/* ── PROCESS STEPS ────────────────────────────────── */
.steps{display:flex;flex-direction:column;gap:0}
.step{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}
.step:last-child{border-bottom:none}
.step__num{font-family:'Syne',sans-serif;font-size:13px;font-weight:800;color:var(--accent2);
  width:40px;height:40px;border:1.5px solid var(--line);border-radius:50%;
  display:flex;align-items:center;justify-content:center;flex-shrink:0}
.step__title{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:6px}
.step__desc{font-size:13px;color:var(--muted);line-height:1.65}

/* ── FAQ ──────────────────────────────────────────── */
.faq{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
.faq__item{padding:24px 28px;border-bottom:1px solid var(--line);background:var(--white);cursor:pointer;transition:background .2s}
.faq__item:last-child{border-bottom:none}
.faq__item:hover{background:#F8FAFF}
.faq__q{font-family:'Syne',sans-serif;font-size:15px;font-weight:700;color:var(--ink);
  display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq__q::after{content:'+';font-size:20px;color:var(--accent2);font-weight:400;flex-shrink:0;transition:transform .2s}
.faq__item.open .faq__q::after{transform:rotate(45deg)}
.faq__a{font-size:14px;color:var(--muted);line-height:1.7;margin-top:12px;display:none}
.faq__item.open .faq__a{display:block}

/* ── TABLE ────────────────────────────────────────── */
.compare-table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
.compare-table th{background:var(--accent);color:white;font-family:'Syne',sans-serif;font-size:inherit;
  font-weight:700;padding:14px 18px;text-align:center}
.compare-table th:first-child{text-align:left}
.compare-table td{padding:14px 18px;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink2);text-align:center}
.compare-table td:first-child{text-align:left;font-weight:500;color:var(--ink);background:var(--subtle)}
.compare-table tr:last-child td{border-bottom:none}
.compare-table tr:nth-child(even) td:not(:first-child){background:#FAFAFA}
.check{color:var(--green);font-size:16px;font-weight:700}
.cross{color:var(--red);font-size:16px}
.dash{color:var(--muted)}

/* ── TAGS ─────────────────────────────────────────── */
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tag{font-size:12px;font-weight:500;padding:5px 12px;border-radius:99px;border:1px solid var(--line);color:var(--muted)}
.tag--active{background:var(--accent);color:white;border-color:var(--accent)}
.tag--gold{background:rgba(196,147,63,.1);color:var(--gold);border-color:rgba(196,147,63,.3)}

/* ── INFO BOX ─────────────────────────────────────── */
.info-box{background:rgba(37,99,235,.04);border-left:3px solid var(--accent2);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:16px 20px}
.info-box p{font-size:13px;color:var(--muted);line-height:1.7;font-style:italic}
.info-box--gold{background:rgba(196,147,63,.06);border-left-color:var(--gold)}
.info-box--green{background:rgba(22,163,74,.06);border-left-color:var(--green)}

/* ── STAT BLOCK ───────────────────────────────────── */
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--accent)}
.stat{padding:32px 20px;border-right:1px solid rgba(255,255,255,.1);text-align:center}
.stat:last-child{border-right:none}
.stat__num{display:block;font-family:'Syne',sans-serif;font-size:2.2rem;font-weight:800;color:white}
.stat__label{font-size:12px;color:rgba(255,255,255,.55);margin-top:4px}

/* ── PRICING CARDS ────────────────────────────────── */
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pricing-card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px 24px;position:relative;transition:box-shadow .3s}
.pricing-card:hover{box-shadow:0 4px 24px rgba(0,0,0,.06)}
.pricing-card--featured{border-color:var(--accent2);border-width:2px}
.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:var(--accent2);color:white;font-size:11px;font-weight:700;padding:4px 14px;
  border-radius:99px;white-space:nowrap;font-family:'Syne',sans-serif}
.pricing-card__name{font-family:'Syne',sans-serif;font-size:12px;font-weight:700;color:var(--muted);
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.pricing-card__price{font-family:'Syne',sans-serif;font-size:1.9rem;font-weight:800;color:var(--ink);margin-bottom:4px}
.pricing-card__price span{font-size:13px;font-weight:400;color:var(--muted)}
.pricing-card__desc{font-size:13px;color:var(--muted);line-height:1.6;padding-bottom:16px;
  margin-bottom:16px;border-bottom:1px solid var(--line)}
.pricing-card__features{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:24px}
.pricing-card__features li{font-size:12px;color:var(--ink2);display:flex;align-items:flex-start;gap:7px;line-height:1.5}
.pricing-card__features li::before{content:'✓';color:var(--accent2);font-weight:700;flex-shrink:0;font-size:11px;margin-top:1px}
.pricing-card__cta{display:block;text-align:center;padding:11px;border-radius:var(--radius);
  font-size:13px;font-weight:600;font-family:'Syne',sans-serif;cursor:pointer;transition:all .2s;border:none}
.pricing-card__cta--outline{border:1.5px solid var(--accent);color:var(--accent);background:transparent}
.pricing-card__cta--outline:hover{background:var(--accent);color:white}
.pricing-card__cta--solid{background:var(--accent2);color:white}
.pricing-card__cta--solid:hover{background:var(--accent)}

/* ============================================================
   TARIFS
   ============================================================ */
.itg-tarifs { background: var(--subtle); }

.itg-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

.itg-pricing-card {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 36px 28px;
  position: relative;
  transition: box-shadow 0.3s;
  background: var(--white);
}
.itg-pricing-card:hover { box-shadow: 0 4px 24px rgba(0,0,0,0.06); }
.itg-pricing-card--featured { border-color: var(--accent2); border-width: 2px; }

.itg-pricing-card__badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--accent2);
  color: white;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 16px;
  border-radius: 99px;
  white-space: nowrap;
  font-family: 'Syne', sans-serif;
}

.itg-pricing-card__name {
  font-family: 'Syne', sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 8px;
}

.itg-pricing-card__price {
  font-family: 'Syne', sans-serif;
  font-size: 2rem;
  font-weight: 800;
  color: var(--ink);
  margin-bottom: 4px;
}
.itg-pricing-card__price span { font-size: 14px; font-weight: 400; color: var(--muted); }

.itg-pricing-card__desc {
  font-size: 13px;
  color: var(--muted);
  line-height: 1.65;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--line);
}

.itg-pricing-card__features {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
.itg-pricing-card__features li {
  font-size: 12px;
  color: var(--ink2);
  display: flex;
  align-items: flex-start;
  gap: 7px;
  line-height: 1.5;
}
.itg-pricing-card__features li::before {
  content: '✓';
  color: var(--accent2);
  font-weight: 700;
  flex-shrink: 0;
  font-size: 11px;
  margin-top: 1px;
}

.itg-pricing-card__cta {
  display: block;
  text-align: center;
  padding: 11px;
  border-radius: var(--radius);
  font-size: 13px;
  font-weight: 600;
  font-family: 'Syne', sans-serif;
  transition: all 0.2s;
  text-decoration: none;
}
.itg-pricing-card__cta--outline {
  border: 1.5px solid var(--accent);
  color: var(--accent);
}
.itg-pricing-card__cta--outline:hover { background: var(--accent); color: white; }
.itg-pricing-card__cta--solid {
  background: var(--accent2);
  color: white;
}
.itg-pricing-card__cta--solid:hover { background: var(--accent); }

/* ── PROJECT CARD ─────────────────────────────────── */
.project-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);
  overflow:hidden;transition:all .3s;cursor:pointer}
.project-card:hover{border-color:var(--accent2);box-shadow:0 8px 32px rgba(37,99,235,.08);transform:translateY(-2px)}
.project-card__img{height:200px;background:var(--subtle);display:flex;align-items:center;justify-content:center;
  font-size:48px;position:relative;overflow:hidden}
.project-card__img::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.3))}
.project-card__body{padding:24px}
.project-card__sector{font-size:11px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.project-card__title{font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:700;color:var(--ink);margin-bottom:8px}
.project-card__client{font-size:13px;color:var(--muted);margin-bottom:16px;line-height:1.5}
.project-card__result{display:flex;align-items:flex-start;gap:8px;padding:12px;background:var(--subtle);border-radius:6px;margin-bottom:16px}
.project-card__result-text{font-size:13px;color:var(--ink2);line-height:1.5;font-weight:500}
.project-card__cta{font-size:12px;font-weight:600;color:var(--accent2);display:flex;align-items:center;gap:5px;transition:gap .2s}
.project-card:hover .project-card__cta{gap:9px}
.project-card--personal{border-style:dashed}
.project-card--personal .project-card__sector{color:var(--accent)}

/* ── GEO ZONE CARDS ───────────────────────────────── */
.zone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.zone-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:24px;display:flex;flex-direction:column;gap:12px;transition:all .3s;cursor:pointer}
.zone-card:hover{border-color:var(--accent2);box-shadow:0 4px 20px rgba(37,99,235,.08)}
.zone-card__flag{font-size:28px}
.zone-card__name{font-family:'Syne',sans-serif;font-size:1rem;font-weight:700;color:var(--ink)}
.zone-card__note{font-size:12px;color:var(--muted);line-height:1.5}
.zone-card__aids{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.zone-card__aid{font-size:10px;font-weight:600;padding:2px 8px;border-radius:99px;
  background:rgba(196,147,63,.1);color:var(--gold);border:1px solid rgba(196,147,63,.2)}
.zone-card__status{width:8px;height:8px;border-radius:50%;flex-shrink:0;align-self:flex-start;margin-top:4px}
.zone-card__status--active{background:var(--green)}
.zone-card__status--available{background:var(--muted)}

/* ── GEO FRANCE METRO ─────────────────────────────── */
.metro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}

/* ── PROJET ─────────────────────────────── */
.projet-grid{display:grid;grid-template-columns:1fr 2fr;gap:60px;}
.projet-grid-bbr{display:grid;grid-template-columns:2fr 1fr;gap:60px;}

/* ── ABOUT ────────────────────────────────────────── */
.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:start}
.about-avatar{width:200px;height:200px;background:var(--subtle);border-radius:var(--radius-lg);
  display:flex;align-items:center;justify-content:center;font-size:72px;border:1px solid var(--line);
  margin-bottom:20px}
.about-name{font-family:'Syne',sans-serif;font-size:1.3rem;font-weight:700;color:var(--ink);margin-bottom:4px}
.about-title{font-size:14px;color:var(--muted);margin-bottom:16px}
.about-links{display:flex;flex-direction:column;gap:8px}
.about-link{font-size:13px;font-weight:500;color:var(--accent2);display:flex;align-items:center;gap:6px}
.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}
.tech-item{background:var(--subtle);border:1px solid var(--line);border-radius:var(--radius-md);
  padding:12px;text-align:center}
.tech-item__layer{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.tech-item__name{font-size:13px;font-weight:600;color:var(--ink2)}

/* ── CONTACT FORM ─────────────────────────────────── */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.calendly-placeholder{background:var(--subtle);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:48px 32px;text-align:center;min-height:400px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:16px}
.calendly-placeholder__icon{font-size:48px}
.calendly-placeholder__title{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:700;color:var(--ink)}
.calendly-placeholder__desc{font-size:14px;color:var(--muted);line-height:1.6;max-width:320px}
.form-group{margin-bottom:20px}
.form-label{display:block;font-size:13px;font-weight:600;color:var(--ink2);margin-bottom:6px}
.form-input,.form-select,.form-textarea{width:100%;padding:12px 14px;border:1px solid var(--line);
  border-radius:var(--radius-md);font-size:14px;font-family:'DM Sans',sans-serif;color:var(--ink);
  background:var(--white);transition:border-color .2s;outline:none}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent2);box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.form-textarea{resize:vertical;min-height:120px}
.form-note{font-size:12px;color:var(--muted);margin-top:8px;font-style:italic}

/* ── INFOS PRATIQUES ──────────────────────────────── */
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

/* ── SAAS INTRO ───────────────────────────────────── */
.saas-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}

/* ── SAAS STACK ───────────────────────────────────── */
.stack-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}

/* ── WEB SIGNAUX ──────────────────────────────────── */
.signaux-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;margin-bottom:16px;}

/* ── PROCESSUS TRAVAIL ────────────────────────────── */
.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}

/* ── TESTIMONIAL ──────────────────────────────────── */
.testimonial{background:var(--subtle);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px 32px}
.testimonial__quote{font-size:1.05rem;color:var(--ink2);line-height:1.7;font-style:italic;margin-bottom:16px}
.testimonial__author{display:flex;align-items:center;gap:12px}
.testimonial__avatar{width:40px;height:40px;background:var(--accent);border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:white;font-family:'Syne',sans-serif;font-weight:700;font-size:14px}
.testimonial__name{font-size:14px;font-weight:600;color:var(--ink)}
.testimonial__role{font-size:12px;color:var(--muted)}

/* ── SLA TABLE ────────────────────────────────────── */
.sla-table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;margin-top:24px}
.sla-table th{background:var(--subtle);color:var(--ink);font-family:'Syne',sans-serif;font-size:12px;
  font-weight:700;padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}
.sla-table td{padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink2)}
.sla-table tr:last-child td{border-bottom:none}
.sla-table tr:nth-child(even) td{background:#FAFAFA}
.sla-pill{display:inline-block;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:600;text-align:center}
.sla-pill--green{background:rgba(22,163,74,.1);color:var(--green)}
.sla-pill--orange{background:rgba(186,117,23,.1);color:var(--orange,#BA7517)}
.sla-pill--blue{background:rgba(37,99,235,.1);color:var(--accent2)}
.sla-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}

/* ── CTA BAND ─────────────────────────────────────── */
.cta-band{background:var(--ink);padding:80px var(--pad-x);text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;
  background:radial-gradient(circle,rgba(37,99,235,.12) 0%,transparent 70%);
  top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.cta-band__label{font-size:11px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px;position:relative}
.cta-band__title{font-family:'Syne',sans-serif;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;color:white;margin-bottom:14px;position:relative}
.cta-band__sub{font-size:.95rem;color:rgba(255,255,255,.5);max-width:400px;margin:0 auto 32px;line-height:1.7;position:relative}
.cta-band__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative}
.btn-white{display:inline-flex;align-items:center;gap:8px;background:white;color:var(--ink);
  padding:14px 28px;border-radius:var(--radius);font-size:14px;font-weight:600;font-family:'Syne',sans-serif;
  transition:all .2s;cursor:pointer;border:none}
.btn-white:hover{background:var(--subtle);transform:translateY(-1px)}
.btn-ghost{display:inline-flex;align-items:center;background:transparent;color:rgba(255,255,255,.65);
  padding:14px 28px;border-radius:var(--radius);font-size:14px;font-weight:500;
  border:1px solid rgba(255,255,255,.2);transition:all .2s;cursor:pointer}
.btn-ghost:hover{border-color:rgba(255,255,255,.5);color:white}

/* ============================================================
   FOOTER
   ============================================================ */
.itg-footer { background: #0A0A0A; padding: 60px var(--pad-x) 32px; }
.itg-footer__inner { max-width: var(--max-w); margin: 0 auto; }
.itg-footer__grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 48px; }
.itg-footer__brand { font-family: 'Syne', sans-serif; font-size: 20px; font-weight: 700; color: white; margin-bottom: 12px; }
.itg-footer__brand span { color: var(--gold); }
.itg-footer__tagline { font-size: 13px; color: rgba(255,255,255,0.45); line-height: 1.7; margin-bottom: 16px; }
.itg-footer__contact { font-size: 13px; color: rgba(255,255,255,0.35); line-height: 1.7; margin-bottom: 16px; }
.itg-footer__contact a { color: rgba(255,255,255,0.55); }
.itg-footer__contact a:hover { color: white; }
.itg-footer__social{display:flex; line-height: 1.7; flex-direction:column; flex-wrap:wrap;}
.itg-footer__social i{color:white; text-align:left}
.itg-footer__col-title { font-family: 'Syne', sans-serif; font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.6); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 16px; }
.itg-footer__links { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.itg-footer__links a { font-size: 13px; color: rgba(255,255,255,0.35); text-decoration: none; transition: color 0.2s; }
.itg-footer__links a:hover { color: rgba(255,255,255,0.8); }
.itg-footer__links .active { color: rgba(255,255,255,0.7); }
.itg-footer__bottom { padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.06); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.itg-footer__copy { font-size: 12px; color: rgba(255,255,255,0.3); }
.itg-footer__legal { display: flex; gap: 20px; }
.itg-footer__legal a { font-size: 12px; color: rgba(255,255,255,0.25); text-decoration: none; transition: color 0.2s; }
.itg-footer__legal a:hover { color: rgba(255,255,255,0.6); }

/* ── ANIMATIONS ───────────────────────────────────── */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

/* ── RESPONSIVE ───────────────────────────────────── */
@media(max-width:1024px){
	.itg-nav {height:50px;backdrop-filter:unset}
  .cards-grid--3,.pricing-grid,.projet-grid{grid-template-columns:1fr 1fr}
  .zone-grid{grid-template-columns:1fr 1fr}
  .about-grid,.contact-grid{grid-template-columns:1fr}
  .itg-footer__grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .stats-row{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
	footer nav.is-vertical {
		gap: 5px !important;
		margin: 0 !important;
	}
	footer nav.double-menu {
		margin: 0 !important;
	}
	footer .footer-haut {
		gap: 1.2rem !important;
	}
}
@media(max-width:640px){
  :root{--pad-x:4%}
  .section{padding:60px var(--pad-x)}
  .cards-grid--3,.cards-grid--2,.pricing-grid,.zone-grid,.metro-grid,.projet-grid,.info-grid,.saas-grid,.signaux-grid,.process-grid,.sla-grid{grid-template-columns:1fr;}
  .stats-row{grid-template-columns:1fr 1fr}
  .nav-links{display:none}
  .tech-grid{grid-template-columns:repeat(2,1fr)}
  .itg-footer__grid { grid-template-columns: 1fr; }
  .itg-footer__bottom { flex-direction: column; align-items: flex-start; }
  .projet-grid-bbr > div:first-child{order:2;}
  .stack-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:390px){
  .stack-grid{grid-template-columns:repeat(2,1fr)}
}

.itg-projet__result {
	align-items: center !important;
}

/*────────────── Maillage ──────────────*/
a.mesh{color:var(--wp--preset--color--accent-4) !important;text-decoration:none !important}
a.mesh:hover{color:var(--wp--preset--color--custom-color-4) !important;text-decoration:underline !important}
a > i.fa-solid{font-size:small}

/* ============================================================
   SECTIONS COMMUNES — homepage style
   ============================================================ */
.itg-section {
  padding: 88px var(--pad-x);
}
.itg-section__inner {
  max-width: var(--max-w);
  margin: 0 auto;
}
.itg-section-label {
  font-size: 11px;
  font-weight: 600;
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: 12px;
}
.itg-section-title {
  font-size: clamp(1.7rem, 2.8vw, 2.4rem);
  font-weight: 800;
  color: var(--ink);
  margin-bottom: 14px;
  max-width: 680px;
}
.itg-section-desc {
  font-size: 1rem;
  color: var(--muted);
  line-height: 1.8;
  max-width: 560px;
  margin-bottom: 48px;
}
.itg-encart{background: var(--subtle);border: 1px solid var(--line);border-radius: var(--radius-lg);padding: 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:28px 0;}
.itg-encart.clear{background:#ffffff}
.itg-encart-left{display:flex;align-items:flex-start;gap:14px;flex:1;min-width:200px;}
.itg-encart-url{display:inline-flex;align-items:center;gap:6px;background:#ffffff;border:1px solid #d1d5db;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;color:#1a1a2e;white-space:nowrap;flex-shrink:0;text-decoration:none;}
.itg-encart-url.dark{background:var(--subtle)}
.itg-encart-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.07em;margin:0 0 4px 0;}
.itg-encart-title{font-size:15px;font-weight:600;color:#1a1a2e;margin:0 0 4px 0;line-height:1.4;}
.itg-encart-desc{font-size:13px;color:#4b5563;margin:0;line-height:1.5;}

.mt-10{margin-top: 10px;}
a.td-none:hover{text-decoration:none}
.wp-block-query-pagination-numbers > span.page-numbers.current{color:var(--accent2)}