/* N2M Intelligence - Main CSS v2.0 */

/* ===== RESET & BASE ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

/* ===== SKIP LINK — WCAG 2.1 niveau A (A11Y-01 v3.5.5) ===== */
.skip-link {
  position: absolute;
  top: -100px;
  left: 1rem;
  z-index: 99999;
  padding: 10px 20px;
  background: var(--primary, #03B5FF);
  color: #fff;
  font-weight: 800;
  font-size: 0.9rem;
  border-radius: 0 0 8px 8px;
  text-decoration: none;
  transition: top 0.2s ease;
  white-space: nowrap;
}
.skip-link:focus {
  top: 0;
  outline: 3px solid #fff;
  outline-offset: 2px;
}
body { font-family: 'Inter', sans-serif; background: #ffffff; color: #111827; line-height: 1.6; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }

/* ===== CSS VARIABLES ===== */
:root {
  --primary: #03B5FF;
  --primary-dark: #0292cc;
  --secondary: #03B5FF;
  --bg: #ffffff;
  --bg-card: #F9FAFB;
  --dark: #001424;
  --dark-2: #111827;
  --border: #E5E7EB;
  --text: #111827;
  --text-muted: #6B7280;
  --success: #22C55E;
  --warning: #F59E0B;
  --danger: #EF4444;
  --critical: #DC2626;
  --radius: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --shadow: 0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg: 0 10px 40px rgba(0,0,0,0.12);
  --shadow-primary: 0 8px 30px rgba(3,181,255,0.3);
}

/* ===== UTILITIES ===== */
.container { max-width: 1280px; margin: 0 auto; padding: 0 1.5rem; }
@media (min-width: 640px) { .container { padding: 0 2rem; } }
@media (min-width: 1024px) { .container { padding: 0 2.5rem; } }
.section { padding: 80px 0; }
@media (max-width: 768px) { .section { padding: 56px 0; } }

/* Gradient text */
.gradient-text {
  background: linear-gradient(135deg, var(--primary), var(--primary-dark));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
/* Tech grid background */
.tech-grid {
  background-image: linear-gradient(rgba(3,181,255,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(3,181,255,0.06) 1px, transparent 1px);
  background-size: 40px 40px;
}
/* Glass panel */
.glass-panel {
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: var(--radius-lg);
}
/* Scanline effect for terminal */
.scanline::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.03) 2px, rgba(0,0,0,0.03) 4px);
}

/* ===== HEADER ===== */
#site-header {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  background: rgba(255,255,255,0.97); backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border);
  transition: box-shadow 0.3s;
}
#site-header.scrolled { box-shadow: 0 4px 24px rgba(0,0,0,0.08); }

.header-inner {
  display: flex; align-items: center; justify-content: space-between;
  max-width: 1280px; margin: 0 auto;
  padding: 16px 1.5rem;
}
@media (min-width: 640px) { .header-inner { padding: 16px 2rem; } }
@media (min-width: 1024px) { .header-inner { padding: 16px 2.5rem; } }

.logo img { height: 44px; width: auto; object-fit: contain; }
.logo:hover { opacity: 0.85; transition: opacity 0.2s; }

/* Desktop nav */
.primary-nav { display: none; align-items: center; gap: 16px; flex-shrink: 1; min-width: 0; }
@media (min-width: 1024px) { .primary-nav { display: flex; } }
@media (min-width: 1280px) { .primary-nav { gap: 24px; } }

.nav-link {
  font-size: 0.875rem; font-weight: 600; color: #374151;
  transition: color 0.2s; padding: 6px 0; position: relative;
  background: none; border: none; cursor: pointer; font-family: inherit;
  display: flex; align-items: center; gap: 4px;
}
.nav-link:hover, .nav-link.active { color: var(--primary); }
.nav-link.active::after {
  content: ''; position: absolute; bottom: -2px; left: 0; right: 0;
  height: 2px; background: var(--primary); border-radius: 2px;
}

/* ===== PROFILE INDICATOR (header capsule) ===== */
.profile-indicator {
  display: flex; align-items: center; gap: 7px;
  padding: 5px 10px 5px 8px; border-radius: 999px;
  background: var(--pi-bg, rgba(3,181,255,0.08));
  border: 1.5px solid var(--pi-border, rgba(3,181,255,0.22));
  font-size: 0.75rem; font-weight: 700;
  color: var(--pi-color, var(--primary));
  transition: background 0.3s, border-color 0.3s, color 0.3s;
}
.profile-indicator-icon { font-size: 0.95rem; line-height: 1; }
.profile-indicator-change {
  font-size: 0.68rem; font-weight: 700;
  color: var(--pi-change, #9CA3AF);
  background: none; border: none; cursor: pointer;
  padding: 0; font-family: inherit;
  border-left: 1px solid var(--pi-border, rgba(3,181,255,0.22));
  padding-left: 7px; margin-left: 2px;
  transition: color 0.2s;
}
.profile-indicator-change:hover { color: var(--pi-color, var(--primary)); }

/* Dropdown */
.nav-dropdown { position: relative; }
.dropdown-menu {
  position: absolute; top: calc(100% + 8px); left: 0; width: 272px;
  background: #fff; border: 1px solid var(--border);
  border-radius: var(--radius-lg); box-shadow: var(--shadow-lg);
  padding: 6px; opacity: 0; visibility: hidden;
  transform: translateY(8px); transition: all 0.2s;
}
.nav-dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.dropdown-item {
  display: flex; align-items: center; gap: 10px; padding: 10px 12px;
  border-radius: var(--radius); font-size: 0.875rem; font-weight: 600;
  color: #1F2937; transition: all 0.15s;
}
.dropdown-item:hover { background: #F9FAFB; color: var(--primary); }
.dropdown-item-icon {
  width: 30px; height: 30px; border-radius: 8px;
  background: rgba(3,181,255,0.08); color: var(--primary);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.dropdown-divider { height: 1px; background: var(--border); margin: 4px 0; }

/* Header actions */
.header-actions { display: none; align-items: center; gap: 8px; flex-shrink: 0; }
@media (min-width: 1024px) { .header-actions { display: flex; } }
.header-actions a, .header-actions button { pointer-events: auto; position: relative; z-index: 1; }

/* Burger */
.burger { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background: #F9FAFB; border: 1px solid var(--border); cursor: pointer; }
.burger:hover { background: #F3F4F6; }
@media (min-width: 1024px) { .burger { display: none; } }

/* Mobile menu */
#mobile-menu { display: none; background: #fff; border-top: 1px solid var(--border); }
#mobile-menu.open { display: block; }
.mobile-menu-inner { max-width: 1280px; margin: 0 auto; padding: 16px 1.5rem 20px; }
.mobile-link { display: block; padding: 10px 0; font-size: 0.9rem; font-weight: 600; color: #1F2937; border-bottom: 1px solid #F3F4F6; transition: color 0.2s; }
.mobile-link:hover { color: var(--primary); }
.mobile-sub { padding: 6px 0 6px 16px; border-left: 2px solid #F3F4F6; }
.mobile-sub-link { display: block; padding: 6px 0; font-size: 0.8rem; font-weight: 600; color: #6B7280; transition: color 0.2s; }
.mobile-sub-link:hover { color: var(--primary); }
.mobile-section-label { font-size: 0.68rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.07em; color: #9CA3AF; margin: 12px 0 4px; }

/* Header spacer */
.header-spacer { height: 77px; }

/* ===== PROFILE SELECTION BAR — supprimée, gardée pour compatibilité ===== */
#profile-bar, #profile-bar-show { display: none !important; }

/* ===== PROFILE BUTTONS (modal de sélection uniquement) ===== */
.profile-btn {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 16px; border-radius: 999px; border: 2px solid var(--border);
  background: #fff; font-size: 0.8rem; font-weight: 700; color: #374151;
  cursor: pointer; white-space: nowrap; flex-shrink: 0;
  transition: all 0.2s; font-family: inherit;
}
.profile-btn:hover { border-color: var(--primary); color: var(--primary); }
.profile-btn.active {
  background: var(--primary); border-color: var(--primary); color: #fff;
  box-shadow: 0 0 15px rgba(3,181,255,0.3);
}
.profile-btn svg { width: 16px; height: 16px; flex-shrink: 0; }

/* ===== BUTTONS ===== */
.btn {
  display: inline-flex; align-items: center; gap: 8px; font-weight: 700;
  border-radius: var(--radius); border: none; cursor: pointer;
  font-family: inherit; font-size: 1rem; transition: all 0.2s; text-decoration: none;
}
.btn-lg { padding: 14px 32px; font-size: 1rem; }
.btn-md { padding: 10px 22px; font-size: 0.9rem; }
.btn-sm { padding: 7px 14px; font-size: 0.8rem; }

.btn-primary { background: var(--primary); color: #fff; box-shadow: var(--shadow-primary); }
.btn-primary:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: 0 12px 40px rgba(3,181,255,0.4); }
.btn-outline-light { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,0.3); }
.btn-outline-light:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.6); }
.btn-outline-primary { background: transparent; color: var(--primary); border: 2px solid var(--primary); }
.btn-outline-primary:hover { background: rgba(3,181,255,0.06); }
.btn-white { background: #fff; color: var(--primary); font-weight: 800; box-shadow: 0 8px 30px rgba(0,0,0,0.12); }
.btn-white:hover { background: #F9FAFB; transform: translateY(-2px); }
.btn-dark { background: var(--dark); color: #fff; }
.btn-dark:hover { background: var(--dark-2); }

/* ===== HERO — WHITE BG ===== */
.hero-white {
  position: relative; min-height: 88vh; display: flex; align-items: center;
  background: #ffffff; overflow: hidden;
}
.hero-white-img {
  position: absolute; inset: 0;
  background-image: var(--hero-img, none);
  background-size: cover; background-position: center;
  opacity: 0.08;
}
.hero-white-gradient {
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 80% 40%, rgba(3,181,255,0.08) 0%, transparent 65%),
              radial-gradient(ellipse at 20% 80%, rgba(3,181,255,0.05) 0%, transparent 50%);
}
/* Animated circles behind hero */
.hero-circle-1 {
  position: absolute; top: -120px; right: -120px;
  width: 500px; height: 500px; border-radius: 50%;
  background: radial-gradient(circle, rgba(3,181,255,0.07) 0%, transparent 70%);
  animation: floatCircle 8s ease-in-out infinite;
  will-change: transform; /* PERF-03 v3.5.5 */
}
.hero-circle-2 {
  position: absolute; bottom: -80px; left: -80px;
  width: 350px; height: 350px; border-radius: 50%;
  background: radial-gradient(circle, rgba(3,181,255,0.05) 0%, transparent 70%);
  animation: floatCircle 10s ease-in-out infinite reverse;
  will-change: transform; /* PERF-03 v3.5.5 */
}
@keyframes floatCircle { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(20px, -20px); } }

/* Dot grid pattern */
.hero-dots {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(3,181,255,0.12) 1px, transparent 1px);
  background-size: 32px 32px;
  opacity: 0.5;
}

.hero-white-content { position: relative; z-index: 2; padding: 80px 0 60px; width: 100%; }

/* Hero title on white — dark text */
.hero-white h1 { color: #111827; line-height: 1.08; font-weight: 900; font-size: clamp(2.4rem, 5vw, 4.2rem); overflow-wrap: break-word; }
.hero-white h1 .accent { color: var(--primary); }
.hero-white .hero-sub { font-size: 1.1rem; color: #4B5563; max-width: 560px; margin-bottom: 36px; line-height: 1.7; }
.hero-badge {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 14px; border-radius: 999px;
  background: rgba(3,181,255,0.07); border: 1px solid rgba(3,181,255,0.2);
  margin-bottom: 24px; font-size: 0.78rem; font-weight: 700;
  color: #374151; letter-spacing: 0.04em; text-transform: uppercase;
}
.hero-badge img { width: 22px; height: 22px; border-radius: 4px; object-fit: contain; }

.hero-ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 52px; }

.hero-stats { display: flex; flex-wrap: wrap; gap: 24px; }
.hero-stat { text-align: left; }
.hero-stat-num { font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 900; color: var(--profile-accent, var(--primary)); line-height: 1; transition: color 0.5s ease; }
.hero-stat-label { font-size: 0.65rem; font-weight: 700; color: #9CA3AF; text-transform: uppercase; letter-spacing: 0.07em; margin-top: 3px; }

/* Profile-specific hero background — sélecteurs corrigés (data-profile lowercase) */
body[data-profile="banque"]          .hero-white { background: linear-gradient(135deg, #fff 65%, rgba(29,78,216,0.025) 100%); }
body[data-profile="industrie"]       .hero-white { background: linear-gradient(135deg, #fff 70%, rgba(249,115,22,0.02) 100%); }
body[data-profile="haut-de-gamme"]   .hero-white { background: linear-gradient(135deg, #fdfcff 0%, #fff 100%); }
body[data-profile="ports-aeroports"] .hero-white { background: linear-gradient(135deg, #fff 65%, rgba(220,38,38,0.02) 100%); }

/* ===== SECURITY DASHBOARD ===== */
.dashboard-section { background: #ffffff; padding: 80px 0; }
.dashboard-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media (min-width: 1024px) { .dashboard-grid { grid-template-columns: repeat(4, 1fr); } }

.dashboard-widget {
  background: #F9FAFB; border: 1px solid var(--border);
  border-radius: var(--radius-lg); padding: 18px 20px;
  min-height: 130px; display: flex; flex-direction: column;
  transition: box-shadow 0.2s, border-color 0.2s;
}
.dashboard-widget:hover { box-shadow: var(--shadow); border-color: #D1D5DB; }
.dashboard-widget.wide { grid-column: span 2; }
/* A11Y-03 v3.5.5 : font-size augmenté 0.68→0.72rem, couleur assombrie #9CA3AF→#6B7280 (ratio 4.6:1 sur blanc) */
.widget-label { font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.07em; color: #6B7280; margin-bottom: 8px; }
.widget-status {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 0.65rem; font-weight: 800; text-transform: uppercase;
  padding: 3px 8px; border-radius: 999px; margin-left: auto;
}
.widget-status.success { background: rgba(34,197,94,0.1); color: #16A34A; }
.widget-status.warning { background: rgba(245,158,11,0.1); color: #D97706; }
.widget-status.danger  { background: rgba(239,68,68,0.1); color: #DC2626; }
.widget-value { font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: 900; color: #111827; line-height: 1.1; margin-top: auto; }
.widget-value.text-success { color: var(--success); }
.widget-unit { font-size: 0.8rem; font-weight: 600; color: #6B7280; }
.widget-top { display: flex; align-items: center; justify-content: space-between; }

/* Sparkline placeholder */
.sparkline { height: 48px; margin-top: 8px; position: relative; overflow: hidden; }
.sparkline svg { width: 100%; height: 100%; }

/* Gauge */
.gauge-wrap { display: flex; align-items: center; gap: 12px; margin-top: 8px; }
.gauge-ring { width: 56px; height: 56px; flex-shrink: 0; }

/* ===== REAL TIME DETECTION ===== */
.detection-section { background: #ffffff; padding: 80px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.terminal-window {
  background: #0D1117; border-radius: var(--radius-lg);
  overflow: hidden; border: 1px solid #30363D; height: 360px;
  display: flex; flex-direction: column;
}
.terminal-titlebar {
  background: #161B22; padding: 10px 16px;
  display: flex; align-items: center; justify-content: space-between;
  border-bottom: 1px solid #30363D;
}
.terminal-dots { display: flex; gap: 8px; }
.terminal-dot { width: 12px; height: 12px; border-radius: 50%; }
.terminal-body { flex: 1; padding: 12px 16px; overflow-y: auto; overflow-x: hidden; font-family: 'Courier New', monospace; font-size: 0.72rem; color: #58A6FF; }
.terminal-line { line-height: 1.8; opacity: 0.85; }
.terminal-line.warn { color: #F59E0B; }
.terminal-line.sec  { color: #22C55E; }
.terminal-line.sys  { color: #9CA3AF; }

.threat-card {
  background: #F9FAFB; border: 1px solid var(--border);
  border-radius: var(--radius-lg); padding: 20px;
  height: 360px; display: flex; flex-direction: column;
}
.threat-title { font-size: 0.9rem; font-weight: 800; color: #111827; margin-bottom: 16px; }
.threat-step { display: flex; gap: 10px; align-items: start; margin-bottom: 12px; }
.threat-step-time { font-size: 0.68rem; font-weight: 800; color: var(--primary); font-family: monospace; white-space: nowrap; margin-top: 2px; }
.threat-step-text { font-size: 0.8rem; color: #374151; font-weight: 500; }
.threat-step-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--primary); flex-shrink: 0; margin-top: 5px;
}

/* ===== POLES SECTION ===== */
.poles-section { background: #F9FAFB; padding: 80px 0; border-top: 1px solid var(--border); }
.pole-card {
  background: #fff; border: 2px solid var(--border); border-radius: var(--radius-xl);
  padding: 28px; transition: all 0.3s; cursor: default; display: flex; flex-direction: column;
  overflow: hidden;
}
.pole-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(3,181,255,0.12); border-color: rgba(3,181,255,0.4); }
.pole-icon { width: 52px; height: 52px; border-radius: 14px; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }
.pole-card h3 { font-size: 1.05rem; font-weight: 800; color: #111827; margin-bottom: 8px; }
.pole-card p { font-size: 0.875rem; color: #6B7280; line-height: 1.6; flex: 1; }
.pole-link { font-size: 0.8rem; font-weight: 700; color: var(--primary); margin-top: 16px; display: flex; align-items: center; gap: 4px; }

/* Variante avec image */
.pole-card-with-img { padding: 0; }
.pole-card-with-img .pole-icon { margin: 0 0 14px; }
.pole-card-with-img h3 { margin-bottom: 8px; }
.pole-card-with-img p { font-size: 0.82rem; }
.pole-card-with-img .pole-link { margin-top: 14px; }
.pole-card-img-wrap { position: relative; height: 160px; overflow: hidden; border-radius: var(--radius-xl) var(--radius-xl) 0 0; }
.pole-card-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }
.pole-card-with-img:hover .pole-card-img-wrap img { transform: scale(1.05); }
.pole-card-img-overlay { position: absolute; inset: 0; }
.pole-card-with-img > .pole-icon,
.pole-card-with-img > h3,
.pole-card-with-img > p,
.pole-card-with-img > ul,
.pole-card-with-img > .pole-link { margin-left: 24px; margin-right: 24px; }
.pole-card-with-img > .pole-icon { margin-top: 20px; }
.pole-card-with-img > .pole-link { padding-bottom: 24px; }

/* ===== CASE STUDIES ===== */
.case-card {
  border-radius: var(--radius-xl); overflow: hidden; background: #fff;
  border: 1px solid var(--border); cursor: pointer;
  transition: all 0.3s;
}
.case-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.case-card-img { height: 200px; overflow: hidden; position: relative; }
.case-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.case-card:hover .case-card-img img { transform: scale(1.05); }
.case-card-body { padding: 20px 24px 24px; }
/* Secteur correspondant au profil actif — mis en avant dynamiquement */
.case-card.profile-match {
  border: 2px solid var(--profile-accent, var(--primary));
  box-shadow: 0 0 0 4px rgba(var(--profile-accent-rgb, 3,181,255), 0.10), var(--shadow-lg);
  transform: translateY(-6px);
}
.case-card.profile-match .case-card-img::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,0.45));
  pointer-events: none;
}
.case-card.profile-match .case-card-img::before {
  content: '✦ Votre secteur';
  position: absolute; top: 10px; right: 10px; z-index: 2;
  font-size: 0.65rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em;
  color: #fff; background: var(--profile-accent, var(--primary));
  padding: 3px 9px; border-radius: 999px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);
}

/* ===== RISK MAP ===== */
.risk-section { background: #F9FAFB; padding: 80px 0; border-top: 1px solid var(--border); }
.risk-map-container {
  background: #fff; border: 1px solid var(--border); border-radius: var(--radius-xl);
  padding: 24px; min-height: 380px; position: relative; overflow: hidden;
}

/* Risk zone popup */
.risk-popup {
  position: absolute; background: #fff; border: 1px solid var(--border);
  border-radius: var(--radius-lg); padding: 16px; width: 260px;
  box-shadow: var(--shadow-lg); z-index: 10;
}

/* ===== FOOTER ===== */
#site-footer {
  background: linear-gradient(135deg, #001424, #111827);
  color: #fff; border-top: 1px solid rgba(255,255,255,0.06);
}
.footer-grid {
  display: grid; grid-template-columns: 1fr; gap: 36px; padding: 60px 0 40px;
}
@media (min-width: 640px) {
  .footer-grid { grid-template-columns: 1fr 1fr; align-items: start; gap: 40px 48px; }
}
@media (min-width: 1024px) { .footer-grid { grid-template-columns: 2.2fr 1fr 1.4fr 1.4fr; gap: 36px; } }

.footer-col h4 { font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; color: #fff; margin-bottom: 18px; }
.footer-col ul li + li { margin-top: 10px; }
.footer-col a { font-size: 0.85rem; color: rgba(255,255,255,0.45); font-weight: 500; transition: color 0.2s; }
.footer-col a:hover { color: var(--primary); }
/* Description marque : pleine largeur en mobile/tablet, contrainte sur desktop */
.footer-brand p { font-size: 0.85rem; color: rgba(255,255,255,0.45); line-height: 1.7; margin-top: 16px; max-width: 100%; }
@media (min-width: 1024px) { .footer-brand p { max-width: 260px; } }
.footer-logo-wrap { background: #fff; padding: 10px 14px; border-radius: 12px; display: inline-block; }
.footer-logo-wrap img { height: 34px; width: auto; }
.footer-contact-item { display: flex; align-items: start; gap: 10px; margin-bottom: 12px; font-size: 0.85rem; color: rgba(255,255,255,0.45); }
.footer-contact-item svg { width: 15px; height: 15px; color: var(--primary); flex-shrink: 0; margin-top: 2px; }
.footer-contact-item a { color: inherit; }
.footer-contact-item a:hover { color: #fff; }
.footer-socials { display: flex; gap: 8px; margin-top: 18px; }
.social-btn {
  width: 36px; height: 36px; border-radius: 50%;
  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,0.4); transition: all 0.2s;
}
.social-btn:hover { background: var(--primary); color: #fff; border-color: var(--primary); transform: translateY(-2px); }
.social-btn svg { width: 15px; height: 15px; }
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.06); padding: 20px 0;
  display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center;
}
@media (min-width: 768px) {
  .footer-bottom { flex-direction: row; justify-content: space-between; text-align: left; }
  .footer-bottom-links { justify-content: flex-end; }
}
.footer-bottom p { font-size: 0.8rem; color: rgba(255,255,255,0.3); }
.footer-bottom-links { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; }
.footer-bottom-links a { font-size: 0.8rem; color: rgba(255,255,255,0.3); transition: color 0.2s; }
.footer-bottom-links a:hover { color: var(--primary); }
.live-badge { display: inline-flex; align-items: center; gap: 6px; background: rgba(34,197,94,0.08); border: 1px solid rgba(34,197,94,0.2); border-radius: 999px; padding: 5px 10px; margin-top: 14px; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: #22C55E; animation: pulse 1.5s infinite; }
.live-badge span { font-size: 0.72rem; font-weight: 700; color: #22C55E; }
@keyframes pulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.5; transform:scale(1.4); } }

/* ===== MODAL ===== */
.modal-overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,0.6); backdrop-filter: blur(6px);
  z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 20px;
  opacity: 0; visibility: hidden; transition: all 0.3s;
}
.modal-overlay.open { opacity: 1; visibility: visible; }
.modal-box {
  background: #fff; border-radius: var(--radius-xl); padding: 36px;
  max-width: 520px; width: 100%; max-height: 90vh; overflow-y: auto;
  position: relative; transform: translateY(16px) scale(0.98);
  transition: transform 0.3s;
}
.modal-overlay.open .modal-box { transform: translateY(0) scale(1); }
.modal-close {
  position: absolute; top: 14px; right: 14px; width: 34px; height: 34px;
  border-radius: 50%; background: #F3F4F6; border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center; color: #6B7280;
}
.modal-close:hover { background: #E5E7EB; }

/* ===== FORMS ===== */
.form-label { display: block; font-size: 0.8rem; font-weight: 700; color: #374151; margin-bottom: 5px; }
.form-control {
  width: 100%; padding: 11px 14px; border: 2px solid var(--border);
  border-radius: var(--radius); font-size: 0.9rem; font-family: inherit;
  outline: none; transition: border-color 0.2s, box-shadow 0.2s; background: #fff;
}
.form-control:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(3,181,255,0.1); }
textarea.form-control { resize: vertical; min-height: 120px; }
.form-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
@media (min-width: 640px) { .form-grid { grid-template-columns: 1fr 1fr; } }

/* Alert messages */
.alert { padding: 12px 16px; border-radius: var(--radius); font-size: 0.875rem; font-weight: 600; margin-bottom: 16px; display: none; align-items: start; gap: 10px; }
.alert.show { display: flex; }
.alert-success { background: #ECFDF5; border: 1px solid #A7F3D0; color: #065F46; }
.alert-error { background: #FEF2F2; border: 1px solid #FECACA; color: #991B1B; }

/* ===== FLOATING BUTTONS & SCROLL TOP — définis dans le bloc v2.2 ci-dessous ===== */

/* ===== PAGE TEMPLATES ===== */
.page-hero {
  background: linear-gradient(135deg, #001424, #111827);
  padding: 80px 0 60px; border-bottom: 1px solid rgba(255,255,255,0.06); text-align: center;
}
.page-hero h1 { color: #fff; font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 900; margin-bottom: 12px; }
.page-hero p { color: rgba(255,255,255,0.6); font-size: 1.05rem; max-width: 560px; margin: 0 auto 24px; }

/* Breadcrumb */
.breadcrumb { display: flex; align-items: center; justify-content: center; gap: 6px; flex-wrap: wrap; margin-bottom: 16px; }
.breadcrumb a { font-size: 0.8rem; color: rgba(255,255,255,0.4); transition: color 0.2s; }
.breadcrumb a:hover { color: var(--primary); }
.breadcrumb .sep { font-size: 0.8rem; color: rgba(255,255,255,0.2); }
.breadcrumb .cur { font-size: 0.8rem; color: rgba(255,255,255,0.7); font-weight: 600; }

/* ===== MISC COMPONENTS ===== */
.section-tag { display: inline-block; font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.07em; color: var(--pt-accent, var(--primary)); background: var(--pt-accent-soft, rgba(3,181,255,0.08)); padding: 5px 12px; border-radius: 999px; margin-bottom: 12px; }
.section-heading { font-size: clamp(1.7rem, 3.5vw, 2.8rem); font-weight: 900; color: #111827; margin-bottom: 12px; }
.section-sub { font-size: 1.05rem; color: #6B7280; max-width: 580px; }

/* Check list */
.check-item { display: flex; align-items: center; gap: 10px; font-size: 0.9rem; font-weight: 600; color: rgba(255,255,255,0.8); }
.check-circle { width: 22px; height: 22px; border-radius: 50%; background: var(--primary); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.check-circle svg { width: 12px; height: 12px; color: #fff; }
/* Icône check inline (updateChecklist JS) */
.check-icon { flex-shrink: 0; color: var(--profile-accent, var(--primary)); }
/* Conteneur checklist — transition opacity gérée par JS */
#why-n2m-checklist { transition: opacity 0.25s ease; }

/* Steps */
.step-item { display: flex; gap: 16px; align-items: start; background: #F9FAFB; border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 18px 20px; position: relative; z-index: 1; transition: border-color 0.2s; }
.step-item:hover { border-color: rgba(3,181,255,0.3); }
.step-num { width: 50px; height: 50px; border-radius: 50%; background: #fff; border: 2px solid var(--primary); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--primary); flex-shrink: 0; font-size: 0.95rem; }
.step-body h4 { font-weight: 800; color: #111827; margin-bottom: 4px; font-size: 0.95rem; }
.step-body p { font-size: 0.82rem; color: #6B7280; }
.step-duration { display: inline-flex; align-items: center; gap: 4px; font-size: 0.72rem; font-weight: 700; color: var(--primary); background: rgba(3,181,255,0.08); padding: 3px 8px; border-radius: 999px; margin-top: 6px; }

/* Stat box dark */
.stat-dark { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); border-radius: var(--radius-lg); padding: 24px; text-align: center; transition: border-color 0.2s; }
.stat-dark:hover { border-color: rgba(3,181,255,0.3); }
.stat-dark .num { font-size: clamp(2rem, 4vw, 3rem); font-weight: 900; color: var(--primary); line-height: 1; }
.stat-dark .lbl { font-size: 0.75rem; color: rgba(255,255,255,0.45); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; margin-top: 6px; }

/* CTA banner */
.cta-banner { padding: 80px 0; text-align: center; position: relative; overflow: hidden; }
.cta-banner > * { position: relative; z-index: 1; }
.cta-banner h2 { color: #fff; font-weight: 900; margin-bottom: 12px; }
.cta-banner p { color: rgba(255,255,255,0.78); font-size: 1.1rem; max-width: 520px; margin: 0 auto 32px; }

/* Prose */
.prose p { margin-bottom: 1.25rem; line-height: 1.8; color: #4B5563; }
.prose h2 { font-size: 1.5rem; font-weight: 900; color: #111827; margin: 2rem 0 1rem; }
.prose h3 { font-size: 1.2rem; font-weight: 800; color: #374151; margin: 1.5rem 0 0.75rem; }
.prose ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1.25rem; }
.prose li { margin-bottom: 0.5rem; color: #4B5563; }
.prose strong { color: #111827; }
.prose a { color: var(--primary); text-decoration: underline; }

/* Scrollbar */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #F1F5F9; }
::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 3px; }

/* Focus */
a:focus-visible, button:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }

/* AOS */
[data-aos] { pointer-events: none; }
[data-aos].aos-animate { pointer-events: auto; }

/* Pagination */
.page-numbers { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 10px; border: 2px solid var(--border); font-weight: 700; font-size: 0.85rem; color: #374151; transition: all 0.2s; margin: 0 3px; }
.page-numbers:hover, .page-numbers.current { background: var(--primary); color: #fff; border-color: var(--primary); }
.nav-links { display: flex; justify-content: center; margin-top: 40px; flex-wrap: wrap; gap: 4px; }

/* Line clamp */
.clamp-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* ===== BLOG CARDS ===== */
.n2m-post-card {
  background: #fff; border: 1px solid var(--border); border-radius: var(--radius-xl);
  overflow: hidden; transition: all 0.3s; display: flex; flex-direction: column;
}
.n2m-post-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.post-thumb { height: 200px; overflow: hidden; }
.post-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.n2m-post-card:hover .post-thumb img { transform: scale(1.05); }
.post-body { padding: 20px 24px 24px; display: flex; flex-direction: column; flex: 1; }
.post-meta { display: flex; align-items: center; gap: 10px; font-size: 0.75rem; color: #9CA3AF; font-weight: 600; margin-bottom: 10px; flex-wrap: wrap; }
.post-cat a { font-size: 0.72rem; font-weight: 800; padding: 3px 8px; border-radius: 999px; background: rgba(3,181,255,0.08); color: var(--primary); text-decoration: none; }
.post-title { font-size: 1rem; font-weight: 800; color: #111827; margin-bottom: 10px; line-height: 1.4; }
.post-title a { color: inherit; transition: color 0.2s; }
.post-title a:hover { color: var(--primary); }
.post-excerpt { font-size: 0.85rem; color: #6B7280; line-height: 1.6; flex: 1; margin-bottom: 14px; }
.post-more { display: inline-flex; align-items: center; gap: 4px; font-size: 0.8rem; font-weight: 700; color: var(--primary); margin-top: auto; transition: gap 0.2s; }
.post-more:hover { gap: 8px; }

/* ===== CONTACT CARDS ===== */
.contact-card-link {
  display: flex; gap: 14px; padding: 16px 18px;
  background: #fff; border: 2px solid #E5E7EB; border-radius: 16px;
  transition: all 0.2s; text-decoration: none;
}
.contact-card-link:hover { border-color: rgba(3,181,255,0.4); box-shadow: 0 4px 16px rgba(0,0,0,0.08); }

/* ===== SOLUTION RELATED ===== */
.sol-related-card {
  display: flex; align-items: center; gap: 12px;
  background: #fff; border: 2px solid #E5E7EB; border-radius: 14px;
  padding: 14px 16px; transition: all 0.25s; text-decoration: none;
}
.sol-related-card:hover { border-color: rgba(3,181,255,0.4); box-shadow: 0 4px 16px rgba(0,0,0,0.08); transform: translateY(-2px); }

/* ===== POST NAVIGATION ===== */
.post-nav-link {
  display: block; font-size: 0.85rem; font-weight: 700; color: #374151;
  transition: color 0.2s; text-decoration: none; line-height: 1.4;
}
.post-nav-link:hover { color: var(--primary); }

/* ===== DÉTECTION GRID RESPONSIVE ===== */
@media (min-width: 1024px) {
  .detection-grid { grid-template-columns: 1fr 1fr !important; }
}
@media (min-width: 1024px) {
  .single-solution-grid { grid-template-columns: 1fr 360px !important; }
}

/* ===== RESPONSIVE AMÉLIORATIONS ===== */
@media (max-width: 768px) {
  .hero-stats { gap: 16px; }
  .hero-stat-num { font-size: 1.6rem; }
  .dashboard-grid { grid-template-columns: 1fr 1fr !important; }
  .dashboard-widget.wide { grid-column: span 2; }
  /* Modal profiles mobile */
  .modal-overlay { padding: 0 !important; align-items: flex-end !important; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .modal-box { max-height: 85vh; border-radius: 20px 20px 0 0; }
  .modal-profiles-inner { border-radius: 20px 20px 0 0 !important; max-height: 88vh; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  /* Splash mobile */
  .splash-inner { padding: 32px 16px; justify-content: flex-start; min-height: 100vh; min-height: 100svh; }
  .splash-header { margin-bottom: 24px; }
  /* Floating stack mobile (splash context) */
  .floating-stack { bottom: 16px; right: 14px; gap: 8px; }
  .fab { width: 48px; height: 48px; }
  /* General sections */
  .poles-section { padding: 48px 0; }
  .detection-section { padding: 48px 0; }
}
@media (max-width: 480px) {
  .hero-white { min-height: 75vh; }
  .profiles-modal-grid { grid-template-columns: 1fr !important; }
  .hero-ctas { flex-direction: column; align-items: flex-start; }
  .hero-ctas .btn { width: 100%; justify-content: center; }
}

/* ============================================================
   THEMING SECTORIEL PAR PROFIL — body[data-profile="..."]
   Zones adaptatives uniquement : textes, accents, widgets,
   fonds de sections. Header/Footer/CTA = intouchables.
   ============================================================ */

/* --- Tokens par défaut (Entreprise / N2M blue) ------------ */
body {
  --pt-accent:        #03B5FF;
  --pt-accent-soft:   rgba(3,181,255,0.08);
  --pt-accent-mid:    rgba(3,181,255,0.15);
  --pt-border:        rgba(3,181,255,0.2);
  --pt-glow:          rgba(3,181,255,0.18);
  --pt-section-tint:  transparent;
  --pt-dark-from:     #001424;
  --pt-dark-to:       #111827;
  --pi-bg:            rgba(3,181,255,0.08);
  --pi-border:        rgba(3,181,255,0.22);
  --pi-color:         #03B5FF;
  --pi-change:        #9CA3AF;
}

/* --- Banque & Finance (bleu institutionnel profond) --------- */
body[data-profile="banque"] {
  --pt-accent:        #1D4ED8;
  --pt-accent-soft:   rgba(29,78,216,0.07);
  --pt-accent-mid:    rgba(29,78,216,0.14);
  --pt-border:        rgba(29,78,216,0.22);
  --pt-glow:          rgba(29,78,216,0.15);
  --pt-section-tint:  rgba(29,78,216,0.018);
  --pt-dark-from:     #030e2a;
  --pt-dark-to:       #0f1c3f;
  --pi-bg:            rgba(29,78,216,0.09);
  --pi-border:        rgba(29,78,216,0.3);
  --pi-color:         #1D4ED8;
}

/* --- Industrie (orange technique / HSE) -------------------- */
body[data-profile="industrie"] {
  --pt-accent:        #F97316;
  --pt-accent-soft:   rgba(249,115,22,0.07);
  --pt-accent-mid:    rgba(249,115,22,0.14);
  --pt-border:        rgba(249,115,22,0.22);
  --pt-glow:          rgba(249,115,22,0.15);
  --pt-section-tint:  rgba(249,115,22,0.016);
  --pt-dark-from:     #1a0c00;
  --pt-dark-to:       #1f1408;
  --pi-bg:            rgba(249,115,22,0.09);
  --pi-border:        rgba(249,115,22,0.3);
  --pi-color:         #EA6B00;
}

/* --- Haut de gamme / Résidences (violet luxe) -------------- */
body[data-profile="haut-de-gamme"] {
  --pt-accent:        #7C3AED;
  --pt-accent-soft:   rgba(124,58,237,0.07);
  --pt-accent-mid:    rgba(124,58,237,0.14);
  --pt-border:        rgba(124,58,237,0.22);
  --pt-glow:          rgba(124,58,237,0.15);
  --pt-section-tint:  rgba(124,58,237,0.016);
  --pt-dark-from:     #0d0120;
  --pt-dark-to:       #180930;
  --pi-bg:            rgba(124,58,237,0.09);
  --pi-border:        rgba(124,58,237,0.3);
  --pi-color:         #7C3AED;
}

/* --- Ports & Aéroports (rouge alerte sécurité nationale) --- */
body[data-profile="ports-aeroports"] {
  --pt-accent:        #DC2626;
  --pt-accent-soft:   rgba(220,38,38,0.07);
  --pt-accent-mid:    rgba(220,38,38,0.13);
  --pt-border:        rgba(220,38,38,0.22);
  --pt-glow:          rgba(220,38,38,0.14);
  --pt-section-tint:  rgba(220,38,38,0.014);
  --pt-dark-from:     #1a0303;
  --pt-dark-to:       #1f0808;
  --pi-bg:            rgba(220,38,38,0.09);
  --pi-border:        rgba(220,38,38,0.3);
  --pi-color:         #DC2626;
}

/* ---- APPLICATION DES TOKENS AUX ZONES ADAPTATIVES -------- */

/* Section-tag dans les sections claires */
.poles-section .section-tag,
.dashboard-section .section-tag {
  background: var(--pt-accent-soft);
  color: var(--pt-accent);
}

/* Pôles : fond légèrement teinté + hover accent */
.poles-section { background: var(--pt-section-tint, #F9FAFB); }
.pole-card:hover {
  border-color: var(--pt-border);
  box-shadow: 0 8px 32px var(--pt-glow), var(--shadow-lg);
}
.pole-card:hover .pole-link { color: var(--pt-accent); }
.pole-icon { transition: background 0.3s, color 0.3s; }

/* Pourquoi N2M (section sombre) — gradient teinté */
.why-dark-section {
  background: linear-gradient(135deg, var(--pt-dark-from), var(--pt-dark-to)) !important;
}
.why-dark-section .section-tag { color: var(--pt-accent); background: var(--pt-accent-mid); }

/* Check items dans section Pourquoi N2M */
.check-icon { color: var(--pt-accent, var(--primary)); }

/* Timeline (déploiement sur-mesure) */
.step-item:hover { border-color: var(--pt-border); }
.step-num { border-color: var(--pt-accent); color: var(--pt-accent); }
.step-duration { color: var(--pt-accent); background: var(--pt-accent-soft); }

/* Stats sombres */
.stat-dark:hover { border-color: var(--pt-border); }
.stat-dark .num { color: var(--pt-accent); }

/* Dashboard — fond + widgets */
.dashboard-section { background: var(--pt-section-tint, transparent); }
.dashboard-widget:hover {
  border-color: var(--pt-border);
  box-shadow: 0 0 0 1px var(--pt-accent-soft), var(--shadow);
}

/* Hero stats */
.hero-stat-num { color: var(--pt-accent); transition: color 0.4s; }

/* Secteur actif dans la grille des cas */
.case-card.profile-match {
  border: 2px solid var(--pt-accent);
  box-shadow: 0 0 0 4px var(--pt-accent-soft), var(--shadow-lg);
  transform: translateY(-6px);
}
.case-card.profile-match .case-card-img::before {
  background: var(--pt-accent);
}
.case-card:hover { box-shadow: 0 8px 32px var(--pt-glow), var(--shadow-lg); }

/* ================================================================
   PROFIL SECTORIEL — DIFFÉRENCIATION VISUELLE PAR AMBIANCE
   Pure CSS via body[data-profile="X"], aucun JS ni DOM ajouté.
================================================================ */

/* ── Gradient text par profil (section headings) ── */
body[data-profile="banque"]          .gradient-text { background-image: linear-gradient(90deg, #1D4ED8, #3B82F6); }
body[data-profile="industrie"]       .gradient-text { background-image: linear-gradient(90deg, #EA580C, #F97316, #FBA944); }
body[data-profile="haut-de-gamme"]   .gradient-text { background-image: linear-gradient(90deg, #5B21B6, #7C3AED, #A78BFA); }
body[data-profile="ports-aeroports"] .gradient-text { background-image: linear-gradient(90deg, #B91C1C, #DC2626, #EF4444); }

/* ── Hero radial gradient — teint par profil ── */
body[data-profile="banque"] .hero-white-gradient {
  background: radial-gradient(ellipse at 80% 40%, rgba(29,78,216,0.09) 0%, transparent 65%),
              radial-gradient(ellipse at 20% 80%, rgba(29,78,216,0.05) 0%, transparent 50%);
}
body[data-profile="industrie"] .hero-white-gradient {
  background: radial-gradient(ellipse at 80% 40%, rgba(249,115,22,0.10) 0%, transparent 65%),
              radial-gradient(ellipse at 20% 80%, rgba(249,115,22,0.06) 0%, transparent 50%);
}
body[data-profile="haut-de-gamme"] .hero-white-gradient {
  background: radial-gradient(ellipse at 50% 90%, rgba(124,58,237,0.10) 0%, transparent 65%),
              radial-gradient(ellipse at 80% 20%, rgba(124,58,237,0.05) 0%, transparent 50%);
}
body[data-profile="ports-aeroports"] .hero-white-gradient {
  background: radial-gradient(ellipse at 80% 40%, rgba(220,38,38,0.08) 0%, transparent 65%),
              radial-gradient(ellipse at 20% 80%, rgba(220,38,38,0.04) 0%, transparent 50%);
}

/* ── Hero dot grid — teint par profil ── */
body[data-profile="banque"]          .hero-dots { background-image: radial-gradient(circle, rgba(29,78,216,0.14) 1px, transparent 1px); }
body[data-profile="industrie"]       .hero-dots { background-image: radial-gradient(circle, rgba(249,115,22,0.15) 1px, transparent 1px); }
body[data-profile="haut-de-gamme"]   .hero-dots { background-image: radial-gradient(circle, rgba(124,58,237,0.12) 1px, transparent 1px); }
body[data-profile="ports-aeroports"] .hero-dots { background-image: radial-gradient(circle, rgba(220,38,38,0.12) 1px, transparent 1px); }

/* ── Hero overlay pattern — signature visuelle par secteur ── */
/* z-index: 1 = au-dessus des déco (dots/gradient/circles), en-dessous du contenu (z:2) */
body[data-profile="banque"] .hero-white::after {
  content: ''; position: absolute; top: 0; right: 0; width: 52%; height: 100%;
  background:
    repeating-linear-gradient(0deg,  transparent, transparent 47px, rgba(29,78,216,0.04) 47px, rgba(29,78,216,0.04) 48px),
    repeating-linear-gradient(90deg, transparent, transparent 47px, rgba(29,78,216,0.03) 47px, rgba(29,78,216,0.03) 48px);
  pointer-events: none; z-index: 1;
}
body[data-profile="industrie"] .hero-white::after {
  content: ''; position: absolute; inset: 0;
  background: repeating-linear-gradient(-52deg, transparent, transparent 26px, rgba(249,115,22,0.045) 26px, rgba(249,115,22,0.045) 27px);
  pointer-events: none; z-index: 1;
}
body[data-profile="haut-de-gamme"] .hero-white::after {
  content: ''; position: absolute; bottom: -10%; left: 50%; transform: translateX(-50%);
  width: 80%; height: 65%;
  background: radial-gradient(ellipse at center, rgba(124,58,237,0.09) 0%, transparent 68%);
  pointer-events: none; z-index: 1;
}
body[data-profile="ports-aeroports"] .hero-white::after {
  content: ''; position: absolute; inset: 0;
  background: repeating-linear-gradient(0deg, transparent, transparent 19px, rgba(220,38,38,0.035) 19px, rgba(220,38,38,0.035) 20px);
  pointer-events: none; z-index: 1;
}

/* ── Hero CTA principal — couleur par profil ── */
body[data-profile="banque"]          #hero-cta-primary { background: #1D4ED8; box-shadow: 0 6px 24px rgba(29,78,216,0.35); }
body[data-profile="banque"]          #hero-cta-primary:hover { background: #1e40af; box-shadow: 0 10px 36px rgba(29,78,216,0.45); }
body[data-profile="industrie"]       #hero-cta-primary { background: #EA580C; box-shadow: 0 6px 24px rgba(234,88,12,0.35); }
body[data-profile="industrie"]       #hero-cta-primary:hover { background: #c2410c; box-shadow: 0 10px 36px rgba(234,88,12,0.45); }
body[data-profile="haut-de-gamme"]   #hero-cta-primary { background: #7C3AED; box-shadow: 0 6px 24px rgba(124,58,237,0.35); }
body[data-profile="haut-de-gamme"]   #hero-cta-primary:hover { background: #5B21B6; box-shadow: 0 10px 36px rgba(124,58,237,0.45); }
body[data-profile="ports-aeroports"] #hero-cta-primary { background: #DC2626; box-shadow: 0 6px 24px rgba(220,38,38,0.35); }
body[data-profile="ports-aeroports"] #hero-cta-primary:hover { background: #B91C1C; box-shadow: 0 10px 36px rgba(220,38,38,0.45); }

/* ── CTA Banner — gradient par profil (inline style supprimé du PHP) ── */
.cta-banner { background: linear-gradient(135deg, #03B5FF, #0292cc); }
body[data-profile="banque"]          .cta-banner { background: linear-gradient(135deg, #1D4ED8, #1e40af); }
body[data-profile="industrie"]       .cta-banner { background: linear-gradient(135deg, #EA580C, #9a3412); }
body[data-profile="haut-de-gamme"]   .cta-banner { background: linear-gradient(135deg, #7C3AED, #4C1D95); }
body[data-profile="ports-aeroports"] .cta-banner { background: linear-gradient(135deg, #DC2626, #7f1d1d); }

/* ── Bordure accent sur section sombre "Pourquoi N2M" ── */
body[data-profile="banque"]          .why-dark-section { border-top: 3px solid rgba(29,78,216,0.55); }
body[data-profile="industrie"]       .why-dark-section { border-top: 3px solid rgba(249,115,22,0.55); }
body[data-profile="haut-de-gamme"]   .why-dark-section { border-top: 3px solid rgba(124,58,237,0.55); }
body[data-profile="ports-aeroports"] .why-dark-section { border-top: 3px solid rgba(220,38,38,0.55); }

/* ===== OVERLAY SECTORIEL PLEIN ÉCRAN ===== */
#sector-overlay {
  position: fixed; inset: 0; z-index: 10001;
  background: #000; opacity: 0; pointer-events: none;
  transition: opacity 0.35s ease;
  overflow-y: auto;
}
#sector-overlay.open {
  opacity: 1; pointer-events: all;
}
.sector-overlay-inner {
  min-height: 100vh;
  background: #fff;
  transform: translateY(32px);
  transition: transform 0.35s ease;
}
#sector-overlay.open .sector-overlay-inner { transform: translateY(0); }

/* Close button */
.sector-overlay-close {
  position: sticky; top: 0; z-index: 10;
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 24px;
  background: rgba(255,255,255,0.96); backdrop-filter: blur(10px);
  border-bottom: 1px solid #E5E7EB;
}
.sector-overlay-close-btn {
  display: flex; align-items: center; gap: 8px;
  font-size: 0.82rem; font-weight: 700; color: #374151;
  background: none; border: 1px solid #E5E7EB; border-radius: 999px;
  padding: 6px 14px; cursor: pointer; font-family: inherit;
  transition: all 0.2s;
}
.sector-overlay-close-btn:hover { background: #F3F4F6; }

/* Hero de l'overlay */
.sector-hero {
  position: relative; min-height: 340px;
  display: flex; align-items: flex-end;
  overflow: hidden;
}
.sector-hero-img {
  position: absolute; inset: 0;
  background-size: cover; background-position: center;
}
.sector-hero-gradient {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 40%, rgba(0,0,0,0.3) 100%);
}
.sector-hero-content {
  position: relative; z-index: 1;
  padding: 32px 32px 36px;
  max-width: 1280px; width: 100%;
}
.sector-hero-tag {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 0.7rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: .07em; color: #fff;
  background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2);
  padding: 4px 12px; border-radius: 999px; margin-bottom: 14px;
}
.sector-hero-title {
  font-size: clamp(1.8rem,4vw,2.8rem); font-weight: 900; color: #fff; line-height: 1.15;
  margin-bottom: 12px;
}
.sector-hero-sub { font-size: 1rem; color: rgba(255,255,255,0.8); max-width: 560px; }

/* Body de l'overlay */
.sector-body { max-width: 1280px; margin: 0 auto; padding: 40px 24px 64px; }
.sector-grid { display: grid; grid-template-columns: 1fr; gap: 32px; }
@media (min-width: 768px) { .sector-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .sector-grid { grid-template-columns: 1.5fr 1fr; } }

.sector-block {
  background: #F9FAFB; border: 1px solid #E5E7EB;
  border-radius: 16px; padding: 28px;
}
.sector-block h3 {
  font-size: 0.72rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: .07em; margin-bottom: 16px;
  color: var(--pt-accent, var(--primary));
}
.sector-block-white {
  background: #fff; border: 1px solid #E5E7EB;
  border-radius: 16px; padding: 28px;
}

.sector-kpi-row { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 32px; }
.sector-kpi {
  flex: 1; min-width: 130px;
  background: #fff; border: 1px solid var(--pt-border, rgba(3,181,255,0.2));
  border-radius: 12px; padding: 18px 16px; text-align: center;
}
.sector-kpi-num { font-size: 1.7rem; font-weight: 900; color: var(--pt-accent, var(--primary)); }
.sector-kpi-label { font-size: 0.75rem; font-weight: 600; color: #6B7280; margin-top: 4px; }

.sector-solution-item {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 12px 0; border-bottom: 1px solid #F3F4F6;
}
.sector-solution-item:last-child { border-bottom: none; }
.sector-sol-icon {
  width: 36px; height: 36px; border-radius: 8px; flex-shrink: 0;
  background: var(--pt-accent-soft, rgba(3,181,255,0.08));
  color: var(--pt-accent, var(--primary));
  display: flex; align-items: center; justify-content: center;
  font-size: 1rem;
}
.sector-sol-title { font-size: 0.9rem; font-weight: 700; color: #111827; }
.sector-sol-desc { font-size: 0.8rem; color: #6B7280; margin-top: 2px; }

.sector-challenge-pill {
  display: inline-flex; align-items: center; gap: 6px;
  background: #FEF2F2; border: 1px solid #FCA5A5;
  color: #991B1B; font-size: 0.78rem; font-weight: 700;
  padding: 5px 12px; border-radius: 999px;
}
body[data-profile="banque"] .sector-challenge-pill { background:#EFF6FF;border-color:#93C5FD;color:#1E3A8A; }
body[data-profile="industrie"] .sector-challenge-pill { background:#FFF7ED;border-color:#FDBA74;color:#9A3412; }
body[data-profile="haut-de-gamme"] .sector-challenge-pill { background:#F5F3FF;border-color:#C4B5FD;color:#4C1D95; }
body[data-profile="ports-aeroports"] .sector-challenge-pill { background:#FEF2F2;border-color:#FCA5A5;color:#991B1B; }

.sector-cta-bar {
  background: linear-gradient(135deg, var(--pt-dark-from,#001424), var(--pt-dark-to,#111827));
  border-radius: 16px; padding: 32px 28px;
  display: flex; flex-direction: column; gap: 16px; align-items: flex-start;
}
@media (min-width: 640px) {
  .sector-cta-bar { flex-direction: row; align-items: center; justify-content: space-between; }
}
.sector-cta-bar h3 { color: #fff; font-size: 1.15rem; font-weight: 800; margin-bottom: 4px; }
.sector-cta-bar p { color: rgba(255,255,255,0.65); font-size: 0.88rem; }

/* ============================================================
   OVERLAY SECTORIEL — Classes so-* (8 sections mini-site)
   ============================================================ */

/* ─── Layout global ─────────────────────────────────────────── */
.so-section { border-bottom: 1px solid #F3F4F6; }
.so-section-light { background: #FAFAFA; }
.so-section-danger { background: #FFF8F8; }
.so-section-inner {
  max-width: 1100px; margin: 0 auto;
  padding: 52px 24px;
}
@media (min-width: 768px) { .so-section-inner { padding: 64px 40px; } }

/* Section header */
.so-section-header {
  margin-bottom: 36px; padding-bottom: 20px;
  border-bottom: 1px solid #F3F4F6;
  display: flex; flex-direction: column; gap: 6px;
}
.so-sec-num {
  font-size: 0.7rem; font-weight: 900; letter-spacing: .1em;
  text-transform: uppercase; opacity: 0.7;
}
.so-sec-title {
  font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 900; color: #111827;
  line-height: 1.2; margin: 0;
}
.so-section-sub {
  font-size: 0.95rem; color: #6B7280; margin: 4px 0 0; max-width: 640px;
}
.so-body-text {
  font-size: 0.97rem; color: #374151; line-height: 1.8; margin: 0;
}
.so-block-label {
  font-size: 0.68rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: .07em; margin-bottom: 12px;
}

/* ─── Hero overlay ───────────────────────────────────────────── */
.so-hero-tag {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 0.72rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: .06em; padding: 5px 14px; border-radius: 999px;
  margin-bottom: 16px;
}
.so-hero-title {
  font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 900; color: #fff;
  line-height: 1.15; margin: 0 0 14px; max-width: 700px;
}
.so-hero-sub {
  font-size: 1rem; color: rgba(255,255,255,0.82); line-height: 1.7;
  max-width: 620px; margin: 0 0 28px;
}
.so-kpis-row {
  display: flex; gap: 12px; flex-wrap: wrap; margin-top: 8px;
}
.so-kpi {
  background: rgba(255,255,255,0.1); backdrop-filter: blur(8px);
  border: 1px solid transparent; border-radius: 12px;
  padding: 12px 18px; text-align: center; min-width: 100px;
  transition: background 0.2s;
}
.so-kpi:hover { background: rgba(255,255,255,0.18); }
.so-kpi-num { font-size: 1.4rem; font-weight: 900; }
.so-kpi-lbl { font-size: 0.7rem; font-weight: 600; color: rgba(255,255,255,0.7); margin-top: 2px; }

/* ─── Section 2 — Contexte ───────────────────────────────────── */
.so-ctx-grid {
  display: grid; grid-template-columns: 1fr; gap: 32px;
}
@media (min-width: 768px) { .so-ctx-grid { grid-template-columns: 1.5fr 1fr; gap: 48px; } }
.so-enjeu {
  display: flex; align-items: flex-start; gap: 10px;
  font-size: 0.88rem; color: #374151; padding: 6px 0;
  border-bottom: 1px solid #F3F4F6; line-height: 1.5;
}
.so-enjeu:last-child { border-bottom: none; }
.so-enjeu-dot {
  width: 7px; height: 7px; border-radius: 50%; margin-top: 6px;
  flex-shrink: 0;
}

/* ─── Section 3 — Risques ────────────────────────────────────── */
.so-risks-grid {
  display: grid; grid-template-columns: 1fr; gap: 14px;
}
@media (min-width: 640px) { .so-risks-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .so-risks-grid { grid-template-columns: 1fr 1fr 1fr; } }
.so-risk {
  display: flex; align-items: flex-start; gap: 12px;
  background: #fff; border: 1px solid #FCA5A5; border-left: 3px solid #EF4444;
  border-radius: 0 10px 10px 0; padding: 14px 16px;
}
.so-risk-icon { font-size: 1.2rem; flex-shrink: 0; margin-top: 1px; }
.so-risk-title { font-size: 0.85rem; font-weight: 800; color: #111827; margin-bottom: 3px; }
.so-risk-desc { font-size: 0.78rem; color: #6B7280; line-height: 1.55; }

/* ─── Section 4 — Solutions ──────────────────────────────────── */
.so-sols-grid {
  display: grid; grid-template-columns: 1fr; gap: 14px;
  margin-bottom: 28px;
}
@media (min-width: 640px) { .so-sols-grid { grid-template-columns: 1fr 1fr; } }
.so-sol {
  display: flex; align-items: flex-start; gap: 12px;
  background: #F9FAFB; border: 1px solid #E5E7EB; border-radius: 12px;
  padding: 16px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.so-sol:hover { border-color: var(--pt-border); box-shadow: 0 4px 16px var(--pt-glow); }
.so-sol-icon {
  width: 40px; height: 40px; border-radius: 10px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center; font-size: 1.15rem;
}
.so-sol-title { font-size: 0.88rem; font-weight: 800; color: #111827; margin-bottom: 4px; }
.so-sol-desc { font-size: 0.78rem; color: #6B7280; line-height: 1.55; }
.so-certs-row {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
  padding-top: 20px; border-top: 1px solid #F3F4F6;
}
.so-cert {
  display: inline-block; font-size: 0.72rem; font-weight: 800;
  padding: 4px 12px; border-radius: 999px;
  background: #F3F4F6; color: #374151; border: 1px solid #E5E7EB;
}

/* ─── Section 5 — Cas d'usage ────────────────────────────────── */
.so-cas-grid {
  display: grid; grid-template-columns: 1fr; gap: 20px;
}
@media (min-width: 900px) { .so-cas-grid { grid-template-columns: 1fr 1fr 1fr; } }
.so-cas {
  background: #fff; border: 1px solid #E5E7EB; border-radius: 14px;
  overflow: hidden; display: flex; flex-direction: column;
  transition: box-shadow 0.2s;
}
.so-cas:hover { box-shadow: 0 8px 32px rgba(0,0,0,0.08); }
.so-cas-top { padding: 16px 16px 12px; }
.so-cas-top strong { display: block; font-size: 0.88rem; font-weight: 800; color: #111827; margin-bottom: 5px; }
.so-cas-ctx { font-size: 0.78rem; color: #6B7280; margin: 0; line-height: 1.5; }
.so-cas-steps { padding: 0 16px 12px; flex: 1; }
.so-step {
  display: flex; align-items: flex-start; gap: 8px;
  font-size: 0.75rem; color: #374151; padding: 4px 0;
  border-bottom: 1px solid #F9FAFB;
}
.so-step:last-child { border-bottom: none; }
.so-step-dot {
  width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; margin-top: 5px;
}
.so-cas-result {
  padding: 10px 16px; font-size: 0.78rem; font-weight: 800;
  background: #F9FAFB; border-top: 1px solid #F3F4F6;
}

/* ─── Section 6 — Technologies ───────────────────────────────── */
.so-tech-grid {
  display: grid; grid-template-columns: 1fr; gap: 24px;
}
@media (min-width: 640px) { .so-tech-grid { grid-template-columns: 1fr 1fr; } }
.so-tech-cat-name {
  font-size: 0.72rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: .07em; color: #374151; margin-bottom: 10px;
}
.so-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.so-chip {
  font-size: 0.75rem; font-weight: 700;
  padding: 5px 12px; border-radius: 999px;
}

/* ─── Section 7 — Valeur ajoutée (fond sombre) ───────────────── */
.so-vals-grid {
  display: grid; grid-template-columns: repeat(2,1fr); gap: 16px;
}
@media (min-width: 640px) { .so-vals-grid { grid-template-columns: repeat(3,1fr); } }
@media (min-width: 1024px) { .so-vals-grid { grid-template-columns: repeat(6,1fr); } }
.so-val {
  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px; padding: 20px 14px; text-align: center;
  transition: background 0.2s;
}
.so-val:hover { background: rgba(255,255,255,0.09); }
.so-val-icon { font-size: 1.4rem; margin-bottom: 6px; }
.so-val-num { font-size: 1.3rem; font-weight: 900; margin-bottom: 4px; }
.so-val-lbl { font-size: 0.72rem; font-weight: 600; color: rgba(255,255,255,0.55); line-height: 1.4; }

/* ─── Section 8 — CTA Final ──────────────────────────────────── */
.so-cta-inner {
  display: flex; flex-direction: column; gap: 24px; align-items: flex-start;
}
@media (min-width: 640px) {
  .so-cta-inner { flex-direction: row; align-items: center; justify-content: space-between; }
}
.so-cta-btns { display: flex; gap: 12px; flex-wrap: wrap; }
.so-cta-btn-primary {
  background: rgba(255,255,255,0.15); color: #fff; border: 2px solid rgba(255,255,255,0.5);
  padding: 12px 24px; border-radius: 8px; font-size: 0.9rem; font-weight: 800;
  cursor: pointer; font-family: inherit; text-decoration: none;
  transition: background 0.2s;
  backdrop-filter: blur(8px);
}
.so-cta-btn-primary:hover { background: rgba(255,255,255,0.25); }
.so-cta-btn-secondary {
  background: rgba(0,0,0,0.2); color: rgba(255,255,255,0.85);
  border: 1.5px solid rgba(255,255,255,0.25);
  padding: 12px 24px; border-radius: 8px; font-size: 0.9rem; font-weight: 700;
  text-decoration: none; transition: background 0.2s;
}
.so-cta-btn-secondary:hover { background: rgba(0,0,0,0.35); color: #fff; }

/* ─── Tag générique ──────────────────────────────────────────── */
.so-tag {
  display: inline-flex; align-items: center; font-size: 0.72rem; font-weight: 800;
  padding: 4px 12px; border-radius: 999px; border: 1px solid transparent;
}

/* ===== PRINT ===== */
@media print {
  #site-header, #profile-bar, .floating-stack, #n2m-chat-window, .modal-overlay { display: none !important; }
  .hero-white { min-height: auto; padding: 40px 0; }
  a[href]:after { content: " (" attr(href) ")"; }
}

/* ===== ADMIN BAR OFFSET ===== */
.admin-bar #site-header { top: 32px; }
@media (max-width: 782px) {
  .admin-bar #site-header { top: 46px; }
}

/* ===== DARK MODE (préférence système) ===== */
@media (prefers-color-scheme: dark) {
  /* Respect du design blanc intentionnel du thème — pas de dark mode automatique */
}

/* ===== ANIMATIONS ===== */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
.fade-in-up { animation: fadeInUp 0.6s ease forwards; }

/* ===== RGPD CONSENT ===== */
.rgpd-consent-label {
  display: flex;
  align-items: flex-start;
  gap: 0;
  cursor: pointer;
  padding: 12px 14px;
  background: rgba(3,181,255,0.04);
  border: 1px solid rgba(3,181,255,0.18);
  border-radius: 10px;
  transition: background 0.2s;
}
.rgpd-consent-label:hover { background: rgba(3,181,255,0.08); }
.rgpd-consent-label input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

/* ===== GROUPE N2M CARDS ===== */
.group-entity-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 32px 28px;
  background: #fff;
  border: 2px solid #E5E7EB;
  border-radius: 24px;
  text-decoration: none;
  transition: all 0.3s;
}
.group-entity-card:hover {
  border-color: var(--primary);
  box-shadow: 0 12px 36px rgba(3,181,255,0.12);
  transform: translateY(-5px);
}
.group-entity-icon {
  width: 60px; height: 60px;
  border-radius: 16px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.group-entity-tag {
  display: inline-flex;
  font-size: 0.7rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .07em;
  padding: 4px 10px;
  border-radius: 999px;
  align-self: flex-start;
}
.group-entity-name {
  font-size: 1.2rem;
  font-weight: 900;
  color: #111827;
  margin: 0;
}
.group-entity-desc {
  font-size: 0.875rem;
  color: #6B7280;
  line-height: 1.6;
  flex: 1;
  margin: 0;
}
.group-entity-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--primary);
  margin-top: 4px;
  transition: gap 0.2s;
}
.group-entity-card:hover .group-entity-link { gap: 9px; }

/* ===== PROFILE SELECTOR MODAL ===== */
.modal-profiles { background: rgba(0,0,0,0.55); backdrop-filter: blur(6px); }
.modal-profiles-inner {
  position: relative;
  background: #fff;
  border-radius: 24px;
  width: 100%;
  max-width: 1100px;
  margin: 40px auto;
  box-shadow: 0 24px 80px rgba(0,0,0,0.25);
}
.profiles-modal-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 16px;
  padding: 0 24px 8px;
}
/* A11Y-03 v3.5.5 : button natif — reset des styles browser, conserve l'apparence d'une carte */
button.profiles-modal-card {
  appearance: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  width: 100%;
}
.profiles-modal-card {
  border: 2px solid #E5E7EB;
  border-radius: 18px;
  padding: 18px 16px;
  cursor: pointer;
  transition: border-color 0.25s, box-shadow 0.25s, transform 0.2s;
  background: #fff;
  text-align: left;
}
/* Focus visible pour la navigation clavier */
.profiles-modal-card:focus-visible {
  outline: 3px solid var(--primary);
  outline-offset: 3px;
  border-color: var(--primary);
}
.profiles-modal-card:hover {
  border-color: var(--primary);
  box-shadow: 0 8px 24px rgba(3,181,255,0.15);
  transform: translateY(-3px);
}
.profiles-modal-cta {
  display: flex; align-items: center; gap: 5px;
  font-size: 0.8rem; font-weight: 800; color: var(--primary);
  margin-top: auto;
}
@media (max-width: 600px) {
  .profiles-modal-grid { grid-template-columns: 1fr 1fr; }
  .modal-profiles-inner { margin: 0; border-radius: 20px 20px 0 0; }
  .modal-profiles { align-items: flex-end !important; }
}

/* ===== GROUPE N2M GRID ===== */
.n2m-group-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
  gap: 24px;
}

/* ===== CONTACT LAYOUT ===== */
.n2m-contact-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}
@media (min-width: 768px) {
  .n2m-contact-layout { grid-template-columns: 1fr 1.4fr; }
}

/* ===== RESPONSIVE — CORRECTIONS COMPLEMENTAIRES ===== */

/* Hero stats : 2 colonnes max sur très petits écrans */
@media (max-width: 479px) {
  .hero-stat { flex: 1 1 42%; min-width: 120px; }
}

/* Dashboard : colonnes adaptatives entre 480px et 768px */
@media (min-width: 480px) and (max-width: 767px) {
  .dashboard-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (min-width: 768px) {
  .dashboard-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
}

/* Solutions dropdown : click-outside géré en JS — fermeture au focus lost */
.nav-dropdown.open .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); }

/* prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
  [data-aos] { opacity: 1 !important; transform: none !important; }
}

/* ===== FAQ ACCORDION ===== */
.faq-item:hover { border-color: rgba(3,181,255,.35); }
.faq-trigger:focus-visible { outline: 2px solid var(--primary); outline-offset: -2px; border-radius: 14px; }
.faq-body { transition: max-height .35s ease, padding .25s; }

/* ===== BLOG CATEGORY FILTER ===== */
.cat-filter-btn { transition: background .2s, color .2s, border-color .2s; }
.cat-filter-btn:hover { background: var(--primary) !important; color: #fff !important; border-color: var(--primary) !important; }

/* ===== PAGINATE LINKS (blog) ===== */
.page-numbers { display: inline-flex; align-items: center; padding: 8px 14px; border-radius: 8px; font-size: 0.85rem; font-weight: 700; text-decoration: none; color: #374151; border: 1px solid #E5E7EB; background: #fff; margin: 0 3px; transition: all .2s; }
.page-numbers:hover, .page-numbers.current { background: var(--primary); color: #fff; border-color: var(--primary); }
.page-numbers.dots { border: none; background: none; color: #9CA3AF; }
.page-numbers.prev, .page-numbers.next { padding: 8px 18px; }

/* ===== TAILWIND HELPERS (fallback si CDN indispo) ===== */
.text-white { color: #fff; }
.text-primary { color: var(--primary); }
.bg-primary { background: var(--primary); }
.w-3 { width: 0.75rem; } .h-3 { height: 0.75rem; }
.w-4 { width: 1rem; }   .h-4 { height: 1rem; }
.w-5 { width: 1.25rem; }.h-5 { height: 1.25rem; }
.w-6 { width: 1.5rem; } .h-6 { height: 1.5rem; }
.w-7 { width: 1.75rem; }.h-7 { height: 1.75rem; }


/* ===== PILE FLOTTANTE UNIFIÉE (droite) v2.4 ===== */
/*
 * Ordre visuel de bas en haut :
 *   Flèche haut → Google → WhatsApp → Chat
 * En HTML flex-column avec bottom ancré = dernier item le plus bas.
 * Ordre HTML : Chat (1er=haut) → WhatsApp → Google → Flèche (dernier=bas)
 */
.floating-stack {
  position: fixed;
  bottom: 28px;
  right: 24px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

/* Bouton générique de la pile */
.fab {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 4px 18px rgba(0,0,0,0.22);
  transition: transform .2s ease, box-shadow .2s ease;
  position: relative;
  flex-shrink: 0;
  pointer-events: auto; /* Toujours cliquable — même si un parent a data-aos */
}
.fab:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 26px rgba(0,0,0,0.28);
}
.fab:active { transform: translateY(-1px); }

/* Chat */
.fab-chat {
  background: #001424;
  color: #fff;
}
.fab-chat:hover { background: #03B5FF; }

/* Démo */
.fab-demo {
  background: #03B5FF;
  color: #fff;
}
.fab-demo:hover { background: #0292cc; }

/* Appel */
.fab-call {
  background: #16A34A;
  color: #fff;
}
.fab-call:hover { background: #15803d; }

/* WhatsApp */
.fab-whatsapp {
  background: #25D366;
  color: #fff;
}
.fab-whatsapp:hover { background: #1ebe5d; }

/* Google */
.fab-google {
  background: #fff;
  color: #4285F4;
  border: 1.5px solid #E5E7EB;
}
.fab-google:hover { background: #f8f9fa; }

/* Scroll top — invisible jusqu'au scroll */
.fab-scroll-top {
  background: #001424;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.5) translateY(0);
  transition: opacity .3s ease, transform .3s ease, box-shadow .2s ease;
}
.fab-scroll-top.visible {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}
.fab-scroll-top.visible:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 26px rgba(0,0,0,0.28);
}

/* Badge non-lu sur le bouton chat */
.chat-unread-badge {
  position: absolute;
  top: -3px;
  right: -3px;
  width: 18px;
  height: 18px;
  background: #ef4444;
  color: #fff;
  border-radius: 50%;
  font-size: 0.62rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  animation: chatBadgePulse 1.8s ease-in-out infinite;
}
@keyframes chatBadgePulse {
  0%, 100% { transform: scale(1); }
  50%       { transform: scale(1.18); }
}

/* ===== SPLASH PREMIÈRE VISITE ===== */
.splash-overlay {
  position: fixed;
  inset: 0;
  z-index: 2000;
  background: #fff;
  overflow-y: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.splash-overlay.visible {
  opacity: 1;
  pointer-events: auto;
}
.splash-overlay.closing {
  opacity: 0;
  pointer-events: none;
}
.splash-inner {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
}
.splash-header {
  text-align: center;
  margin-bottom: 40px;
  max-width: 560px;
}
.splash-profiles-grid {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 560px;
}
@media (min-width: 640px) {
  .splash-profiles-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
}
.splash-profile-card {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #F9FAFB;
  border: 2px solid #E5E7EB;
  border-radius: 16px;
  padding: 16px 18px;
  cursor: pointer;
  text-align: left;
  transition: border-color 0.2s, background 0.2s, transform 0.15s, box-shadow 0.2s;
}
.splash-profile-card:hover {
  border-color: var(--card-color, #03B5FF);
  background: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.splash-card-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.splash-card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.splash-card-body strong {
  font-size: 0.9rem;
  font-weight: 800;
  color: #111827;
}
.splash-card-body span {
  font-size: 0.75rem;
  color: #6B7280;
}
.splash-card-arrow {
  font-size: 1.1rem;
  font-weight: 700;
  flex-shrink: 0;
  opacity: 0;
  transition: opacity 0.2s, transform 0.2s;
}
.splash-profile-card:hover .splash-card-arrow {
  opacity: 1;
  transform: translateX(3px);
}
.splash-skip {
  margin-top: 24px;
  font-size: 0.8rem;
  color: #9CA3AF;
  background: none;
  border: none;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.splash-skip:hover { color: #6B7280; }

/* ===== AUDIT SÉCURITÉ ===== */
.audit-option.selected {
  border-color: #03B5FF !important;
  background: rgba(3,181,255,.08) !important;
  color: #03B5FF !important;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ===== w-8 h-8 utilitaire manquant ===== */
.w-8 { width: 2rem; }
.h-8 { height: 2rem; }
.w-2\.5 { width: 0.625rem; }
.h-2\.5 { height: 0.625rem; }

/* ===== MOBILE FIXES COMPLETS v2.3 ===== */

/* Fix scroll iOS — ne jamais bloquer le html */
html, body {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: auto;
}

/* Splash — scrollable sur mobile */
.splash-overlay {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

/* Dashboard grid mobile — forcer scroll horizontal si besoin */
@media (max-width: 600px) {
  .dashboard-grid {
    grid-template-columns: 1fr !important;
  }
  .dashboard-widget.wide {
    grid-column: span 1 !important;
  }
  /* Empêcher overflow horizontal */
  .detection-grid, .terminal-window, .threat-card {
    max-width: 100%;
    overflow-x: hidden;
  }
  .terminal-body {
    font-size: 0.65rem;
  }
  /* Hero mobile */
  .hero-white { min-height: 100vh; min-height: 100svh; }
  .hero-ctas { flex-direction: column; gap: 12px; }
  .hero-ctas .btn { width: 100%; justify-content: center; }
  /* Poles grid */
  .poles-section .container > div[style*="grid"] {
    grid-template-columns: 1fr !important;
  }
  /* Profile bar scroll */
  .profile-bar-inner {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .profile-bar-inner::-webkit-scrollbar { display: none; }
  /* Splash profiles grid on very small */
  .splash-profiles-grid {
    grid-template-columns: 1fr !important;
  }
  /* Modal mobile */
  .modal-overlay {
    align-items: flex-end !important;
    padding: 0 !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .modal-box {
    border-radius: 20px 20px 0 0 !important;
    max-height: 92vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .modal-profiles-inner {
    border-radius: 20px 20px 0 0 !important;
    max-height: 90vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  /* Floating stack mobile */
  .floating-stack { bottom: 14px; right: 12px; gap: 8px; }
  .fab { width: 46px; height: 46px; }
  /* Audit responsive */
  .audit-question .btn { width: 100%; justify-content: center; }
}

/* Profil indicator desktop — toujours visible après sélection */
.profile-indicator {
  display: none; /* caché par défaut, affiché via JS */
}
@media (min-width: 1024px) {
  /* S'affiche uniquement si JS a activé display:flex via style inline */
}

/* Mobile profile indicator dans le menu */
#mobile-profile-indicator {
  display: none; /* affiché via JS */
  background: rgba(3,181,255,.06);
  border: 1px solid rgba(3,181,255,.15);
  border-radius: 12px;
  padding: 10px 14px;
  margin-top: 8px;
}
#mobile-profile-indicator .mp-label {
  font-size: 0.68rem;
  color: #9CA3AF;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 5px;
}
#mobile-profile-indicator .mp-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#mobile-profile-name {
  font-size: 0.875rem;
  font-weight: 800;
  color: #111827;
}
.mp-change-btn {
  font-size: 0.78rem;
  color: var(--primary);
  font-weight: 700;
  background: rgba(3,181,255,.08);
  border: 1px solid rgba(3,181,255,.2);
  border-radius: 8px;
  padding: 4px 10px;
  cursor: pointer;
}

/* Empêcher tout overflow horizontal sur le site */
.container, section, main, article {
  max-width: 100%;
  overflow-x: clip;
}

/* ================================================================
   SECTION CERTIFICATIONS — ISO 9001:2015 + MASE
================================================================ */
.cert-section {
  background: linear-gradient(135deg, #001424 0%, #0f2744 50%, #001424 100%);
  padding: 80px 0 70px;
  position: relative;
  overflow: hidden;
}
.cert-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 10% 50%, rgba(3,181,255,.08) 0%, transparent 55%),
    radial-gradient(ellipse at 90% 20%, rgba(3,181,255,.05) 0%, transparent 50%);
  pointer-events: none;
}

/* Header */
.cert-header {
  text-align: center;
  margin-bottom: 48px;
}
.cert-main-title {
  font-size: clamp(1.4rem, 3vw, 2rem);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: .04em;
  margin-bottom: 10px;
}
.cert-main-sub {
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255,255,255,.55);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.cert-underline {
  width: 48px;
  height: 3px;
  background: #C0392B;
  margin: 0 auto;
  border-radius: 2px;
}

/* Carte principale */
.cert-card {
  background: #ffffff;
  border-radius: 24px;
  padding: 40px 48px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 0;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
  position: relative;
}
@media (max-width: 900px) {
  .cert-card {
    grid-template-columns: 1fr;
    padding: 32px 24px;
  }
  .cert-hsep-red {
    width: 48px !important;
    height: 3px !important;
    margin: 24px auto !important;
  }
}

/* Séparateur rouge central */
.cert-hsep-red {
  width: 2px;
  height: 160px;
  background: linear-gradient(to bottom, transparent, #C0392B, transparent);
  margin: 0 40px;
  flex-shrink: 0;
}

/* Blocs ISO et MASE */
.cert-block {
  display: flex;
  align-items: center;
  gap: 28px;
}
@media (max-width: 640px) {
  .cert-block {
    flex-direction: column;
    text-align: center;
  }
  .cert-vsep { display: none !important; }
}

/* Séparateur vertical interne (entre logo BV et texte ISO) */
.cert-vsep {
  width: 1px;
  height: 120px;
  background: #E5E7EB;
  flex-shrink: 0;
}

/* Bureau Veritas */
.bv-logo-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.bv-seal {
  width: 100px;
  height: 100px;
}
.bv-name-plate {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: .12em;
  color: #C0392B;
  line-height: 1.3;
  background: #C0392B;
  color: #fff;
  padding: 4px 12px;
  border-radius: 3px;
}

/* ISO 9001:2015 */
.iso-content {
  flex: 1;
}
.iso-label {
  font-size: 0.65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #6B7280;
  margin-bottom: 2px;
}
.iso-number {
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 900;
  color: #C0392B;
  line-height: 1.1;
  margin-bottom: 10px;
}
.iso-hsep {
  width: 40px;
  height: 2px;
  background: #C0392B;
  margin-bottom: 10px;
}
.iso-subtitle {
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #1F2937;
  margin-bottom: 8px;
}
.iso-list li {
  font-size: 0.78rem;
  color: #374151;
  font-weight: 600;
  padding: 2px 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.iso-list li::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #C0392B;
  flex-shrink: 0;
}

/* MASE */
.mase-logo-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.mase-logo {
  width: 90px;
  height: 80px;
}
.mase-label {
  font-size: 1.1rem;
  font-weight: 900;
  color: #1565C0;
  letter-spacing: .1em;
}
.mase-content {
  flex: 1;
}
.mase-title {
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #1F2937;
  margin-bottom: 4px;
}
.mase-subtitle {
  font-size: 0.85rem;
  font-weight: 700;
  color: #374151;
  margin-bottom: 16px;
}
.mase-pillars {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.mase-pillar {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #374151;
}
.mase-pillar-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: rgba(21,101,192,.08);
  color: #1565C0;
  flex-shrink: 0;
}

/* Barre de garanties (bas) */
.cert-bottom-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  background: #111827;
  border-radius: 16px;
  margin-top: 24px;
  overflow: hidden;
}
@media (max-width: 640px) {
  .cert-bottom-bar { grid-template-columns: 1fr 1fr; }
}
.cert-guarantee {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 22px 16px;
  color: rgba(255,255,255,.85);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  text-align: center;
  border-right: 1px solid rgba(255,255,255,.07);
  transition: background .2s;
}
.cert-guarantee:last-child { border-right: none; }
.cert-guarantee:hover { background: rgba(3,181,255,.08); }
.cert-g-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(3,181,255,.12);
  color: #03B5FF;
}


/* ================================================================
   SECTION CLIENTS / PARTENAIRES
================================================================ */
.clients-section {
  background: #F9FAFB;
  padding: 80px 0 70px;
  border-top: 1px solid #E5E7EB;
}
.clients-header {
  text-align: center;
  margin-bottom: 40px;
}

/* Onglets filtre */
.clients-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin-bottom: 40px;
}
.clients-tab {
  font-size: 0.78rem;
  font-weight: 700;
  padding: 7px 16px;
  border-radius: 999px;
  border: 1.5px solid #E5E7EB;
  background: #fff;
  color: #4B5563;
  cursor: pointer;
  transition: all .2s;
}
.clients-tab:hover,
.clients-tab.active {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
  box-shadow: 0 4px 14px rgba(3,181,255,.3);
}

/* Grille logos */
.clients-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 16px;
}
@media (max-width: 640px) {
  .clients-grid { grid-template-columns: repeat(3, 1fr); gap: 10px; }
}

/* Carte client */
.client-card {
  background: var(--card-bg, #fff);
  border: 1.5px solid #E5E7EB;
  border-radius: 14px;
  padding: 20px 12px 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  cursor: default;
  transition: transform .2s, box-shadow .2s, border-color .2s;
  min-height: 110px;
}
.client-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,.10);
  border-color: var(--card-color, #03B5FF);
}
.client-logo-img {
  width: auto;
  max-width: 100px;
  height: 44px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
.client-logo-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 44px;
}
.client-abbr {
  font-size: clamp(0.75rem, 2.5vw, 1.1rem);
  font-weight: 900;
  color: var(--card-color, #1F2937);
  text-transform: uppercase;
  letter-spacing: .03em;
  line-height: 1;
  text-align: center;
}
.client-name {
  font-size: 0.68rem;
  font-weight: 600;
  color: #6B7280;
  text-align: center;
  line-height: 1.35;
  max-width: 120px;
}

/* Compteur */
.clients-count {
  text-align: center;
  font-size: 0.9rem;
  color: #6B7280;
  margin-top: 36px;
}
.clients-count strong {
  color: #111827;
  font-weight: 800;
}

/* Animation filtre */
@keyframes clientFadeIn {
  from { opacity: 0; transform: scale(.95); }
  to   { opacity: 1; transform: scale(1); }
}

/* ================================================================
   NAV — Lien Audit Gratuit (mis en valeur dans la navigation)
================================================================ */
.nav-link-audit {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px !important;
  border-radius: 999px;
  background: rgba(3, 181, 255, 0.08);
  border: 1.5px solid rgba(3, 181, 255, 0.25);
  color: var(--primary) !important;
  font-weight: 700 !important;
  font-size: 0.8rem !important;
  transition: background .2s, border-color .2s, box-shadow .2s;
}
.nav-link-audit:hover,
.nav-link-audit.active {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(3, 181, 255, 0.35);
}

/* ================================================================
   BUILDERS SECTORIELS v3.5.0 — Styles partagés + spécifiques
   sob-* = Banque  |  soc-* = Entreprise  |  soi-* = Industrie
   sor-* = Résidences  |  sop-* = Ports & Aéroports
================================================================ */

/* ── SHARED CTA classes (réutilisées par les 5 builders) ──── */
.sob-cta-eyebrow { font-size:.65rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:rgba(255,255,255,.7); margin-bottom:8px; }
.sob-cta-h2 { font-size:clamp(1.3rem,3vw,1.9rem); font-weight:900; color:#fff; margin-bottom:8px; }
.sob-cta-desc { color:rgba(255,255,255,.8); font-size:.95rem; max-width:520px; }
.sob-cta-btns { display:flex; gap:12px; flex-wrap:wrap; margin-top:20px; }
.sob-cta-inner { display:flex; flex-direction:column; gap:24px; }
@media(min-width:768px){ .sob-cta-inner { flex-direction:row; align-items:center; justify-content:space-between; } }

/* ── BUILDER 1 : BANQUE ─────────────────────────────────── */

/* Section containers */
.sob-section { padding:48px 0; }
.sob-section-white { background:#fff; }
.sob-section-blue-dark { background:linear-gradient(135deg,#020d1f,#0a1e3d); }
.sob-section-terminal { background:#060d14; }
.sob-inner { max-width:1100px; margin:0 auto; padding:0 24px; }
@media(min-width:768px){ .sob-inner { padding:0 40px; } }
.sob-section-label { font-size:.62rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; margin-bottom:8px; }
.sob-section-h2 { font-size:clamp(1.3rem,2.5vw,1.85rem); font-weight:900; color:#111827; margin-bottom:12px; line-height:1.2; }
.sob-section-intro { color:#4B5563; font-size:.95rem; line-height:1.7; max-width:800px; margin-bottom:28px; }

/* Split hero */
.sob-split-hero { display:grid; grid-template-columns:1fr; min-height:520px; background:#020d1f; }
@media(min-width:768px){ .sob-split-hero { grid-template-columns:1fr 1fr; } }
.sob-split-left { padding:56px 32px 48px; display:flex; flex-direction:column; justify-content:center; }
@media(min-width:768px){ .sob-split-left { padding:64px 48px 64px 56px; } }
.sob-hero-eyebrow { font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; margin-bottom:16px; }
.sob-hero-h1 { font-size:clamp(1.6rem,3vw,2.6rem); font-weight:900; color:#fff; line-height:1.15; margin-bottom:16px; }
.sob-hero-sub { color:rgba(255,255,255,.65); font-size:.95rem; line-height:1.7; margin-bottom:24px; }
.sob-certs-row { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.sob-cert { font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; border:1px solid; border-radius:4px; padding:3px 8px; }
.sob-hero-kpis { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
@media(min-width:480px){ .sob-hero-kpis { grid-template-columns:repeat(4,1fr); } }
.sob-hero-kpi { background:rgba(255,255,255,.06); border-radius:8px; padding:12px; }
.sob-hero-kpi-num { font-size:1.15rem; font-weight:900; }
.sob-hero-kpi-lbl { font-size:.62rem; color:rgba(255,255,255,.55); margin-top:2px; }
.sob-split-right { position:relative; min-height:260px; }
.sob-split-img { position:absolute; inset:0; background-size:cover; background-position:center; }

/* CyberStats bar */
.sob-cyberstats-bar { background:#0c0c0e; border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06); padding:28px 0; }
.sob-cyberstats-inner { max-width:1100px; margin:0 auto; padding:0 24px; }
@media(min-width:768px){ .sob-cyberstats-inner { padding:0 40px; } }
.sob-cyberstats-title { font-size:.65rem; font-weight:800; text-transform:uppercase; letter-spacing:.09em; color:#EF4444; margin-bottom:16px; }
.sob-cyberstats-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
@media(min-width:600px){ .sob-cyberstats-grid { grid-template-columns:repeat(4,1fr); } }
.sob-cyberstat { border-right:1px solid rgba(255,255,255,.07); padding-right:16px; }
.sob-cyberstat:last-child { border-right:none; }
.sob-cyberstat-num { font-size:1.5rem; font-weight:900; color:#fff; }
/* A11Y-04 v3.5.5 : .45→.65 pour ratio WCAG AA sur fond sombre */
.sob-cyberstat-lbl { font-size:.68rem; color:rgba(255,255,255,.65); margin-top:3px; }

/* Risks + badges */
.sob-badge { font-size:.55rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; border-radius:4px; padding:2px 7px; margin-right:8px; white-space:nowrap; }
.sob-risks-list { display:flex; flex-direction:column; gap:16px; }
.sob-risk-row { display:flex; gap:16px; align-items:flex-start; background:#F9FAFB; border-radius:10px; padding:16px; border:1px solid #E5E7EB; }
.sob-risk-icon-wrap { width:44px; height:44px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1.3rem; flex-shrink:0; }
.sob-risk-body { flex:1; }
.sob-risk-header { display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin-bottom:4px; }
.sob-risk-title { font-size:.9rem; font-weight:700; color:#111827; }
.sob-risk-desc { font-size:.82rem; color:#6B7280; line-height:1.55; }

/* Compliance timeline */
.sob-tl-wrap { display:flex; align-items:flex-start; gap:0; flex-wrap:wrap; margin-top:24px; }
.sob-tl-item { flex:1; min-width:120px; text-align:center; padding:0 8px; }
.sob-tl-dot { width:14px; height:14px; border-radius:50%; margin:0 auto 8px; }
.sob-tl-line { height:2px; flex:1; background:rgba(255,255,255,.12); align-self:center; margin-bottom:32px; min-width:16px; }
.sob-tl-label { font-size:.75rem; font-weight:800; margin-bottom:3px; }
/* A11Y-04 v3.5.5 : .45→.65 / .4→.65 ratio WCAG AA */
.sob-tl-year { font-size:.65rem; font-weight:600; color:rgba(255,255,255,.65); margin-bottom:4px; }
.sob-tl-desc { font-size:.65rem; color:rgba(255,255,255,.65); line-height:1.4; }

/* Terminal */
.sob-terminal { background:#0b0f14; border:1px solid rgba(255,255,255,.1); border-radius:10px; overflow:hidden; margin-bottom:16px; }
.sob-term-header { background:#1a2030; padding:10px 16px; display:flex; align-items:center; gap:12px; }
.sob-term-dots { display:flex; gap:5px; }
.sob-term-dots span { width:10px; height:10px; border-radius:50%; background:#374151; }
.sob-term-dots span:nth-child(1){ background:#EF4444; }
.sob-term-dots span:nth-child(2){ background:#F59E0B; }
.sob-term-dots span:nth-child(3){ background:#10B981; }
.sob-term-title { font-size:.65rem; color:rgba(255,255,255,.4); font-family:monospace; }
.sob-term-body { padding:20px 20px; display:flex; flex-direction:column; gap:8px; }
.sob-term-line { font-family:'Courier New',Courier,monospace; font-size:.8rem; color:#d1fae5; display:flex; gap:8px; }
.sob-term-prompt { color:rgba(255,255,255,.3); flex-shrink:0; }
.sob-term-result { padding:12px 16px; border-radius:6px; font-size:.85rem; font-weight:700; }

/* Solutions grid */
.sob-sol-grid { display:grid; grid-template-columns:1fr; gap:16px; margin-top:8px; }
@media(min-width:600px){ .sob-sol-grid { grid-template-columns:repeat(2,1fr); } }
@media(min-width:900px){ .sob-sol-grid { grid-template-columns:repeat(3,1fr); } }
.sob-sol-card { background:#F9FAFB; border-radius:10px; padding:20px; border:1px solid #E5E7EB; }
.sob-sol-icon { font-size:1.6rem; margin-bottom:10px; }
.sob-sol-title { font-size:.9rem; font-weight:800; color:#111827; margin-bottom:6px; }
.sob-sol-desc { font-size:.8rem; color:#6B7280; line-height:1.55; }

/* Valeurs dark strip */
.sob-vals-strip { background:linear-gradient(135deg,#001424,#0f1f3d); padding:40px 0; }
.sob-vals-intro { color:rgba(255,255,255,.55); font-size:.88rem; line-height:1.6; max-width:700px; margin-bottom:28px; }
.sob-vals-row { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
@media(min-width:600px){ .sob-vals-row { grid-template-columns:repeat(3,1fr); } }
@media(min-width:900px){ .sob-vals-row { grid-template-columns:repeat(6,1fr); } }
.sob-val { text-align:center; }
.sob-val-num { font-size:1.4rem; font-weight:900; }
/* A11Y-04 v3.5.5 : .45→.65 */ .sob-val-lbl { font-size:.65rem; color:rgba(255,255,255,.65); margin-top:4px; }
.sob-cta-section { padding:48px 0; }

/* ── BUILDER 2 : ENTREPRISE ─────────────────────────────── */

.soc-section { padding:52px 0; }
.soc-section-light { background:#F8FAFC; }
.soc-section-white { background:#fff; }
.soc-section-dark { background:linear-gradient(135deg,#0a1628,#0f2040); }
.soc-inner { max-width:1100px; margin:0 auto; padding:0 24px; }
@media(min-width:768px){ .soc-inner { padding:0 40px; } }
.soc-section-label { font-size:.62rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; margin-bottom:8px; }
.soc-section-h2 { font-size:clamp(1.3rem,2.5vw,1.85rem); font-weight:900; color:#111827; margin-bottom:12px; line-height:1.2; }
.soc-body-text { color:#4B5563; font-size:.95rem; line-height:1.7; margin-bottom:16px; }

/* Hero */
.soc-hero { position:relative; min-height:500px; display:flex; align-items:center; background-size:cover; background-position:center; }
.soc-hero-overlay { position:absolute; inset:0; }
.soc-hero-content { position:relative; z-index:1; max-width:1100px; margin:0 auto; padding:64px 24px; width:100%; }
@media(min-width:768px){ .soc-hero-content { padding:80px 40px; } }
.soc-hero-eyebrow { display:block; font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; margin-bottom:14px; }
.soc-hero-h1 { font-size:clamp(1.7rem,3.5vw,2.8rem); font-weight:900; color:#fff; line-height:1.12; margin-bottom:14px; max-width:680px; }
.soc-hero-sub { color:rgba(255,255,255,.7); font-size:.95rem; line-height:1.7; max-width:540px; margin-bottom:28px; }
.soc-kpis-row { display:flex; flex-wrap:wrap; gap:12px; }
.soc-kpi { background:rgba(255,255,255,.08); backdrop-filter:blur(4px); border:1px solid; border-radius:10px; padding:14px 20px; min-width:120px; }
.soc-kpi-num { font-size:1.2rem; font-weight:900; }
.soc-kpi-lbl { font-size:.62rem; color:rgba(255,255,255,.5); margin-top:2px; }

/* Journey flow */
.soc-journey-wrap { display:grid; grid-template-columns:1fr; gap:20px; margin-top:16px; }
@media(min-width:600px){ .soc-journey-wrap { grid-template-columns:repeat(3,1fr); } }
@media(min-width:900px){ .soc-journey-wrap { grid-template-columns:repeat(5,1fr); } }
.soc-journey-step { text-align:center; }
.soc-journey-icon { width:52px; height:52px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.4rem; margin:0 auto 8px; }
.soc-journey-line { display:none; }
.soc-journey-title { font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; margin-bottom:4px; }
.soc-journey-desc { font-size:.72rem; color:#6B7280; line-height:1.5; }

/* Contexte split */
.soc-split-ctx { display:grid; grid-template-columns:1fr; gap:40px; }
@media(min-width:768px){ .soc-split-ctx { grid-template-columns:1fr 1fr; } }
.soc-enjeux-list { list-style:none; padding:0; margin:12px 0 0; display:flex; flex-direction:column; gap:8px; }
.soc-enjeux-list li { padding:8px 12px; background:#F3F4F6; border-radius:6px; font-size:.82rem; color:#374151; }
.soc-risks-grid { display:flex; flex-direction:column; gap:10px; }
.soc-risk-card { display:flex; gap:12px; align-items:flex-start; padding:12px; background:#F9FAFB; border-radius:8px; border:1px solid #E5E7EB; }
.soc-risk-icon { font-size:1.2rem; flex-shrink:0; }
.soc-risk-title { font-size:.85rem; font-weight:700; color:#111827; }
.soc-risk-desc { font-size:.75rem; color:#6B7280; margin-top:2px; line-height:1.45; }

/* Hypervision panel */
.soc-hyper-panel { background:#06101e; border:1px solid rgba(255,255,255,.1); border-radius:12px; overflow:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.soc-hyper-header { display:flex; align-items:center; gap:16px; padding:12px 20px; background:rgba(255,255,255,.04); border-bottom:1px solid rgba(255,255,255,.08); }
.soc-hyper-logo { font-size:.8rem; font-weight:900; color:#fff; letter-spacing:.06em; }
.soc-hyper-live { font-size:.65rem; font-weight:700; color:#10B981; letter-spacing:.06em; }
.soc-hyper-ts { font-size:.65rem; color:rgba(255,255,255,.35); margin-left:auto; font-family:monospace; }
.soc-hyper-cols { display:grid; grid-template-columns:2fr 1.5fr 1fr; padding:8px 20px; border-bottom:1px solid rgba(255,255,255,.06); min-width:360px; }
.soc-hyper-col-head { font-size:.55rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:rgba(255,255,255,.3); }
.soc-hyper-row { display:grid; grid-template-columns:2fr 1.5fr 1fr; padding:10px 20px; border-bottom:1px solid rgba(255,255,255,.04); min-width:360px; }
.soc-hyper-row:last-child { border-bottom:none; }
.soc-hyper-zone { font-size:.78rem; font-weight:600; color:rgba(255,255,255,.8); font-family:monospace; }
.soc-hyper-status { font-size:.72rem; font-weight:700; }
.soc-hyper-events { font-size:.72rem; }

/* Solutions cards */
.soc-sol-grid { display:grid; grid-template-columns:1fr; gap:16px; margin-top:8px; }
@media(min-width:600px){ .soc-sol-grid { grid-template-columns:repeat(2,1fr); } }
@media(min-width:900px){ .soc-sol-grid { grid-template-columns:repeat(3,1fr); } }
.soc-sol-card { border:1px solid #E5E7EB; border-radius:12px; overflow:hidden; }
.soc-sol-top { padding:20px; display:flex; align-items:center; justify-content:center; min-height:64px; }
.soc-sol-icon { font-size:1.8rem; }
.soc-sol-body { padding:16px; }
.soc-sol-title { font-size:.88rem; font-weight:800; margin-bottom:6px; }
.soc-sol-desc { font-size:.78rem; color:#6B7280; line-height:1.55; }

/* ROI strip */
.soc-roi-strip { padding:40px 0; }
.soc-roi-intro { color:rgba(255,255,255,.6); font-size:.88rem; line-height:1.6; max-width:700px; margin-bottom:28px; }
.soc-roi-row { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
@media(min-width:600px){ .soc-roi-row { grid-template-columns:repeat(3,1fr); } }
@media(min-width:900px){ .soc-roi-row { grid-template-columns:repeat(6,1fr); } }
.soc-roi-item { text-align:center; }
.soc-roi-icon { font-size:1.5rem; margin-bottom:4px; }
.soc-roi-num { font-size:1.35rem; font-weight:900; }
.soc-roi-lbl { font-size:.62rem; color:rgba(255,255,255,.4); margin-top:3px; }
.soc-cta { padding:48px 0; }

/* ── BUILDER 3 : INDUSTRIE ──────────────────────────────── */

.soi-section { padding:52px 0; }
.soi-section-dark { background:#0a0a0f; }
.soi-section-mid { background:#111116; }
.soi-section-white { background:#fff; }
.soi-inner { max-width:1100px; margin:0 auto; padding:0 24px; }
@media(min-width:768px){ .soi-inner { padding:0 40px; } }
.soi-section-label { font-size:.62rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; margin-bottom:8px; }
.soi-section-h2 { font-size:clamp(1.3rem,2.5vw,1.85rem); font-weight:900; line-height:1.2; margin-bottom:12px; }
/* A11Y-04 v3.5.5 : #9CA3AF→#6B7280 ratio WCAG AA (4.6:1 sur blanc) */
.soi-intro-text { color:#6B7280; font-size:.9rem; line-height:1.7; max-width:800px; margin-bottom:24px; }

/* Industrial hero */
.soi-hero { position:relative; min-height:520px; display:flex; align-items:center; }
.soi-hero-bg { position:absolute; inset:0; background-size:cover; background-position:center; filter:brightness(.4) saturate(1.1); }
.soi-hero-overlay { position:absolute; inset:0; background:linear-gradient(135deg,rgba(0,0,0,.7) 50%,rgba(249,115,22,.08)); }
.soi-hero-content { position:relative; z-index:1; max-width:1100px; margin:0 auto; padding:64px 24px; }
@media(min-width:768px){ .soi-hero-content { padding:80px 40px; } }
.soi-hero-badge { display:inline-block; font-size:.65rem; font-weight:800; text-transform:uppercase; letter-spacing:.09em; border-radius:4px; padding:4px 10px; margin-bottom:20px; }
.soi-hero-h1 { font-size:clamp(1.7rem,3.5vw,2.8rem); font-weight:900; color:#fff; line-height:1.12; margin-bottom:14px; max-width:720px; }
.soi-hero-sub { color:rgba(255,255,255,.65); font-size:.95rem; line-height:1.7; max-width:560px; margin-bottom:28px; }
.soi-hero-kpis { display:flex; flex-wrap:wrap; gap:16px; }
.soi-hero-kpi { background:rgba(255,255,255,.07); border-radius:8px; padding:12px 18px; min-width:100px; }
.soi-kpi-num { font-size:1.1rem; font-weight:900; }
/* A11Y-04 v3.5.5 : .45→.65 */ .soi-kpi-lbl { font-size:.6rem; color:rgba(255,255,255,.65); margin-top:2px; }

/* Zone risk map — scroll horizontal sur mobile */
.soi-zone-map { border:1px solid rgba(255,255,255,.1); border-radius:10px; overflow:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch; }
@media (max-width: 640px) {
  .soi-zone-header, .soi-zone-row { min-width: 520px; }
}
.soi-zone-header { display:grid; grid-template-columns:60px 1.5fr 1fr 2fr; gap:12px; padding:10px 16px; background:rgba(255,255,255,.04); border-bottom:1px solid rgba(255,255,255,.08); }
.soi-zone-header div { font-size:.55rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:rgba(255,255,255,.3); }
.soi-zone-row { display:grid; grid-template-columns:60px 1.5fr 1fr 2fr; gap:12px; padding:12px 16px; border-bottom:1px solid rgba(255,255,255,.05); align-items:center; }
.soi-zone-row:last-child { border-bottom:none; }
.soi-zone-badge { width:36px; height:36px; display:flex; align-items:center; justify-content:center; border-radius:8px; font-size:.9rem; font-weight:900; }
.soi-zone-name { font-size:.82rem; font-weight:600; color:rgba(255,255,255,.8); }
.soi-zone-level { font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; border-radius:4px; padding:3px 8px; width:fit-content; }
.soi-zone-desc { font-size:.7rem; color:rgba(255,255,255,.4); line-height:1.45; }

/* Risks large cards */
.soi-risks-grid { display:grid; grid-template-columns:1fr; gap:16px; }
@media(min-width:600px){ .soi-risks-grid { grid-template-columns:repeat(2,1fr); } }
.soi-risk-card { border-radius:12px; overflow:hidden; border:1px solid rgba(255,255,255,.07); }
.soi-risk-top { padding:20px; display:flex; align-items:flex-start; gap:12px; }
.soi-risk-emoji { font-size:2rem; }
.soi-risk-title { font-size:.92rem; font-weight:800; color:#fff; line-height:1.3; margin-top:4px; }
.soi-risk-desc { padding:14px 20px 20px; font-size:.8rem; color:#9CA3AF; line-height:1.6; border-top:1px solid rgba(255,255,255,.06); }

/* Thermal comparison */
.soi-therm-grid { display:grid; grid-template-columns:1fr; gap:20px; }
@media(min-width:600px){ .soi-therm-grid { grid-template-columns:1fr 1fr; } }
.soi-therm-col { padding:24px; border-radius:10px; border:1px solid rgba(255,255,255,.07); }
.soi-therm-before { background:rgba(255,255,255,.03); }
.soi-therm-after { background:rgba(255,255,255,.05); }
.soi-therm-header { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.soi-therm-icon { font-size:1.4rem; }
.soi-therm-label { font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
.soi-therm-item { font-size:.82rem; line-height:1.5; padding:6px 0; border-bottom:1px solid rgba(255,255,255,.05); }
.soi-therm-bad { color:#6B7280; }
.soi-therm-good { font-weight:600; }

/* Drones banner */
.soi-drones-banner { padding:52px 0; border-top:1px solid rgba(255,255,255,.06); }
.soi-drones-inner { display:grid; grid-template-columns:1fr; gap:40px; align-items:center; }
@media(min-width:768px){ .soi-drones-inner { grid-template-columns:1.5fr 1fr; } }
.soi-drones-tag { font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; margin-bottom:12px; }
.soi-drones-h2 { font-size:clamp(1.3rem,2.5vw,1.8rem); font-weight:900; margin-bottom:12px; line-height:1.2; }
.soi-drones-desc { color:rgba(255,255,255,.55); font-size:.88rem; line-height:1.7; margin-bottom:20px; }
.soi-drones-specs { display:flex; flex-direction:column; gap:8px; }
.soi-drones-spec { font-size:.8rem; color:rgba(255,255,255,.55); display:flex; gap:8px; align-items:center; }
.soi-drones-right { display:flex; align-items:center; justify-content:center; position:relative; min-height:200px; }
.soi-drone-icon { font-size:4rem; position:absolute; z-index:2; animation:soiDroneFloat 3s ease-in-out infinite; will-change:transform; }
@keyframes soiDroneFloat { 0%,100%{ transform:translateY(0) rotate(-5deg); } 50%{ transform:translateY(-12px) rotate(5deg); } }
.soi-drone-radar { width:180px; height:180px; border-radius:50%; border:2px solid; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.soi-drone-radar-inner { width:100px; height:100px; border-radius:50%; border:1px solid; position:absolute; }
.soi-drone-sweep { position:absolute; inset:0; border-radius:50%; animation:soiSweep 3s linear infinite; }
@keyframes soiSweep { from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }

/* Solutions list */
.soi-sol-list { display:flex; flex-direction:column; gap:12px; }
.soi-sol-item { display:flex; gap:14px; align-items:flex-start; padding:16px; border-radius:10px; border:1px solid; background:#F9FAFB; }
.soi-sol-icon { font-size:1.4rem; flex-shrink:0; margin-top:2px; }
.soi-sol-title { font-size:.9rem; font-weight:700; color:#111827; margin-bottom:4px; }
.soi-sol-desc { font-size:.78rem; color:#6B7280; line-height:1.55; }

/* Vals strip */
.soi-vals-strip { padding:40px 0; }
.soi-vals-intro { color:rgba(255,255,255,.55); font-size:.88rem; line-height:1.6; max-width:700px; margin-bottom:24px; }
.soi-vals-row { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
@media(min-width:600px){ .soi-vals-row { grid-template-columns:repeat(4,1fr); } }
.soi-val { text-align:center; }
.soi-val-icon { font-size:1.3rem; margin-bottom:4px; }
.soi-val-num { font-size:1.3rem; font-weight:900; }
.soi-val-lbl { font-size:.62rem; color:rgba(255,255,255,.4); margin-top:3px; }
.soi-cta { padding:48px 0; }

/* ── BUILDER 4 : RÉSIDENCES ─────────────────────────────── */

.sor-section { padding:56px 0; }
.sor-section-white { background:#fff; }
.sor-section-cream { background:#FAFAF8; }
.sor-section-dark { background:#0d0f14; }
.sor-inner { max-width:1100px; margin:0 auto; padding:0 24px; }
@media(min-width:768px){ .sor-inner { padding:0 40px; } }
.sor-section-eyebrow { font-size:.62rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; margin-bottom:8px; display:block; }
.sor-section-h2 { font-size:clamp(1.4rem,2.5vw,2rem); font-weight:900; color:#111827; line-height:1.2; margin-bottom:16px; }

/* Minimalist hero */
.sor-hero { position:relative; min-height:580px; display:flex; align-items:center; }
.sor-hero-bg { position:absolute; inset:0; background-size:cover; background-position:center; }
.sor-hero-veil { position:absolute; inset:0; background:linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,.7) 80%); }
.sor-hero-content { position:relative; z-index:1; max-width:1100px; margin:0 auto; padding:80px 24px; width:100%; }
@media(min-width:768px){ .sor-hero-content { padding:100px 40px; } }
.sor-hero-eyebrow { font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:rgba(255,255,255,.7); margin-bottom:20px; }
.sor-hero-h1 { font-size:clamp(2rem,4vw,3.2rem); font-weight:900; color:#fff; line-height:1.1; margin-bottom:18px; max-width:680px; }
.sor-hero-sub { color:rgba(255,255,255,.65); font-size:1rem; line-height:1.7; max-width:520px; }

/* 3 Pillars */
.sor-pillars-row { display:grid; grid-template-columns:1fr; gap:24px; margin-top:24px; }
@media(min-width:600px){ .sor-pillars-row { grid-template-columns:repeat(3,1fr); } }
.sor-pillar { text-align:center; padding:32px 24px; border:1px solid #E5E7EB; border-radius:14px; }
.sor-pillar-icon { font-size:2rem; margin-bottom:12px; }
.sor-pillar-title { font-size:.95rem; font-weight:800; color:#111827; margin-bottom:10px; }
.sor-pillar-desc { font-size:.8rem; color:#6B7280; line-height:1.6; }

/* Editorial context */
.sor-ctx-editorial { display:grid; grid-template-columns:1fr; gap:32px; }
@media(min-width:768px){ .sor-ctx-editorial { grid-template-columns:80px 1fr; } }
.sor-ctx-num { font-size:5rem; font-weight:900; line-height:1; opacity:.15; }
.sor-ctx-body { }
.sor-ctx-text { color:#4B5563; font-size:.95rem; line-height:1.75; margin-bottom:16px; }
.sor-enjeux-list { list-style:none; padding:0; display:flex; flex-direction:column; gap:10px; }
.sor-enjeux-list li { font-size:.85rem; color:#374151; padding:8px 12px; background:#fff; border-radius:6px; }

/* Night timeline */
.sor-tl-wrap { display:flex; flex-direction:column; gap:0; }
.sor-tl-item { display:grid; grid-template-columns:56px 28px 1fr; gap:12px; align-items:flex-start; }
.sor-tl-time { font-size:.75rem; font-weight:800; color:rgba(255,255,255,.5); padding-top:2px; text-align:right; font-family:monospace; }
.sor-tl-connector { display:flex; flex-direction:column; align-items:center; }
.sor-tl-dot { width:12px; height:12px; border-radius:50%; flex-shrink:0; }
.sor-tl-bar { width:2px; flex:1; min-height:32px; margin:4px 0; }
.sor-tl-content { display:flex; gap:10px; align-items:flex-start; padding-bottom:24px; }
.sor-tl-event-icon { font-size:1.1rem; flex-shrink:0; margin-top:1px; }
.sor-tl-event-title { font-size:.9rem; font-weight:700; color:#fff; margin-bottom:3px; }
.sor-tl-event-detail { font-size:.78rem; color:rgba(255,255,255,.5); line-height:1.5; }

/* Privacy grid */
.sor-privacy-grid { display:grid; grid-template-columns:1fr; gap:24px; margin-top:16px; }
@media(min-width:600px){ .sor-privacy-grid { grid-template-columns:repeat(2,1fr); } }
.sor-privacy-item { padding:24px; border:1px solid rgba(255,255,255,.08); border-radius:12px; }
.sor-privacy-icon { font-size:1.6rem; margin-bottom:10px; }

/* Solutions grid */
.sor-sol-grid { display:grid; grid-template-columns:1fr; gap:14px; }
@media(min-width:600px){ .sor-sol-grid { grid-template-columns:repeat(2,1fr); } }
.sor-sol-item { display:flex; gap:14px; align-items:flex-start; padding:16px; border:1px solid #E5E7EB; border-radius:10px; }
.sor-sol-icon { font-size:1.4rem; flex-shrink:0; margin-top:2px; }
.sor-sol-title { font-size:.88rem; font-weight:700; color:#111827; margin-bottom:4px; }
.sor-sol-desc { font-size:.78rem; color:#6B7280; line-height:1.55; }

/* Vals strip */
.sor-vals-strip { background:linear-gradient(135deg,#1a0533,#2d1057); padding:40px 0; }
.sor-vals-intro { color:rgba(255,255,255,.55); font-size:.88rem; line-height:1.6; max-width:700px; margin-bottom:24px; }
.sor-vals-row { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
@media(min-width:600px){ .sor-vals-row { grid-template-columns:repeat(4,1fr); } }
.sor-val-item { text-align:center; }
.sor-val-num { font-size:1.35rem; font-weight:900; }
.sor-val-lbl { font-size:.62rem; color:rgba(255,255,255,.4); margin-top:3px; }
.sor-cta { padding:48px 0; }
.sor-cta-inner { display:flex; flex-direction:column; gap:24px; }
@media(min-width:768px){ .sor-cta-inner { flex-direction:row; align-items:center; justify-content:space-between; } }
.sor-cta-eyebrow { font-size:.65rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:rgba(255,255,255,.7); margin-bottom:6px; }
.sor-cta-h2 { font-size:clamp(1.3rem,3vw,1.9rem); font-weight:900; color:#fff; margin-bottom:8px; }
.sor-cta-desc { color:rgba(255,255,255,.8); font-size:.9rem; }

/* ── BUILDER 5 : PORTS & AÉROPORTS ─────────────────────── */

.sop-section { padding:52px 0; }
.sop-section-light { background:#F8FAFC; }
.sop-section-white { background:#fff; }
.sop-section-dark { background:#08080e; }
.sop-section-mid { background:#F1F5F9; }
.sop-inner { max-width:1100px; margin:0 auto; padding:0 24px; }
@media(min-width:768px){ .sop-inner { padding:0 40px; } }
.sop-section-label { font-size:.62rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; margin-bottom:8px; }
.sop-section-h2 { font-size:clamp(1.3rem,2.5vw,1.85rem); font-weight:900; line-height:1.2; margin-bottom:12px; }
.sop-body-text { color:#4B5563; font-size:.95rem; line-height:1.7; margin-bottom:14px; }

/* ISPS hero */
.sop-hero { position:relative; min-height:520px; display:flex; align-items:center; }
.sop-hero-bg { position:absolute; inset:0; background-size:cover; background-position:center; }
.sop-hero-overlay { position:absolute; inset:0; }
.sop-hero-content { position:relative; z-index:1; max-width:1100px; margin:0 auto; padding:72px 24px; width:100%; }
@media(min-width:768px){ .sop-hero-content { padding:88px 40px; } }
.sop-isps-badge { display:flex; align-items:center; gap:10px; margin-bottom:20px; }
.sop-isps-code { font-size:.65rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; padding:4px 10px; border-radius:4px; }
.sop-isps-label { font-size:.7rem; font-weight:700; color:rgba(255,255,255,.6); text-transform:uppercase; letter-spacing:.07em; }
.sop-hero-h1 { font-size:clamp(1.7rem,3.5vw,2.8rem); font-weight:900; color:#fff; line-height:1.12; margin-bottom:14px; max-width:680px; }
.sop-hero-sub { color:rgba(255,255,255,.65); font-size:.95rem; line-height:1.7; max-width:560px; margin-bottom:28px; }
.sop-hero-kpis { display:flex; flex-wrap:wrap; gap:12px; }
.sop-kpi { background:rgba(255,255,255,.08); backdrop-filter:blur(4px); border:1px solid; border-radius:8px; padding:12px 18px; min-width:100px; }
.sop-kpi-num { font-size:1.1rem; font-weight:900; color:#fff; }
/* A11Y-04 v3.5.5 : .45→.65 */ .sop-kpi-lbl { font-size:.6rem; color:rgba(255,255,255,.65); margin-top:2px; }

/* Contexte + risques */
.sop-ctx-grid { display:grid; grid-template-columns:1fr; gap:40px; }
@media(min-width:768px){ .sop-ctx-grid { grid-template-columns:1fr 1fr; } }
.sop-enjeux { list-style:none; padding:0; margin:12px 0 0; display:flex; flex-direction:column; gap:8px; }
.sop-enjeux li { padding:8px 12px; background:#F3F4F6; border-radius:6px; font-size:.82rem; color:#374151; }
.sop-risks-compact { display:flex; flex-direction:column; gap:10px; }
.sop-risk-compact-item { display:flex; gap:10px; align-items:flex-start; }
.sop-risk-icon { font-size:1.1rem; flex-shrink:0; margin-top:2px; }
.sop-risk-title { font-size:.85rem; font-weight:700; color:#111827; }
.sop-risk-desc { font-size:.75rem; color:#6B7280; margin-top:2px; line-height:1.45; }

/* Ops board — scroll horizontal sur mobile */
.sop-ops-board { border:1px solid rgba(255,255,255,.1); border-radius:10px; overflow:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch; }
@media (max-width: 640px) {
  .sop-ops-header, .sop-ops-row { min-width: 600px; }
}
.sop-ops-header { display:grid; grid-template-columns:2fr 2fr 1fr .8fr 1fr; gap:8px; padding:10px 16px; background:rgba(255,255,255,.04); border-bottom:1px solid rgba(255,255,255,.08); }
.sop-ops-header div { font-size:.55rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:rgba(255,255,255,.3); }
.sop-ops-row { display:grid; grid-template-columns:2fr 2fr 1fr .8fr 1fr; gap:8px; padding:11px 16px; border-bottom:1px solid rgba(255,255,255,.05); align-items:center; }
.sop-ops-row:last-child { border-bottom:none; }
.sop-ops-zone { font-size:.78rem; font-weight:600; color:rgba(255,255,255,.8); }
.sop-ops-status { font-size:.72rem; font-weight:700; }
.sop-ops-level { font-size:.58rem; font-weight:700; text-transform:uppercase; border-radius:4px; padding:2px 7px; width:fit-content; }
.sop-ops-staff { font-size:.72rem; color:rgba(255,255,255,.5); }
.sop-ops-alerts { font-size:.72rem; font-weight:700; }

/* Threat matrix */
.sop-matrix-wrap { border-radius:10px; overflow:hidden; border:1px solid #E2E8F0; margin-top:16px; }
.sop-matrix-row { display:grid; grid-template-columns:1fr repeat(5,1fr); }
.sop-matrix-header { background:#1E293B; }
.sop-matrix-cell { padding:10px 12px; font-size:.72rem; border-right:1px solid #E2E8F0; border-bottom:1px solid #E2E8F0; display:flex; align-items:center; }
.sop-matrix-corner { font-weight:700; font-size:.65rem; color:rgba(255,255,255,.5); background:#1E293B; }
.sop-matrix-header .sop-matrix-cell { font-weight:700; font-size:.65rem; color:rgba(255,255,255,.7); background:#1E293B; border-color:rgba(255,255,255,.1); }
.sop-matrix-zone { font-weight:700; color:#1E293B; font-size:.78rem; background:#F8FAFC; }
.sop-threat-badge { font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; border-radius:4px; padding:2px 6px; white-space:nowrap; }

/* Solutions grid */
.sop-sol-grid { display:grid; grid-template-columns:1fr; gap:12px; margin-top:8px; }
@media(min-width:600px){ .sop-sol-grid { grid-template-columns:repeat(2,1fr); } }
.sop-sol-item { display:flex; gap:14px; align-items:flex-start; padding:16px; border-radius:10px; border:1px solid; background:#F9FAFB; }
.sop-sol-icon { font-size:1.4rem; flex-shrink:0; }
.sop-sol-title { font-size:.88rem; font-weight:700; color:#111827; margin-bottom:4px; }
.sop-sol-desc { font-size:.78rem; color:#6B7280; line-height:1.55; }

/* Authorities grid */
.sop-auth-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
@media(min-width:600px){ .sop-auth-grid { grid-template-columns:repeat(3,1fr); } }
.sop-auth-item { padding:20px; border:1px solid; border-radius:10px; background:rgba(255,255,255,.04); text-align:center; }
.sop-auth-icon { font-size:1.8rem; margin-bottom:8px; }
.sop-auth-name { font-size:.82rem; font-weight:800; color:#fff; margin-bottom:4px; }
/* A11Y-04 v3.5.5 : .45→.65 */ .sop-auth-role { font-size:.7rem; color:rgba(255,255,255,.65); line-height:1.45; }

/* Vals strip */
.sop-vals-strip { padding:40px 0; }
.sop-vals-intro { color:#4B5563; font-size:.88rem; line-height:1.6; max-width:700px; margin-bottom:24px; }
.sop-vals-row { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
@media(min-width:600px){ .sop-vals-row { grid-template-columns:repeat(4,1fr); } }
.sop-val { text-align:center; }
.sop-val-icon { font-size:1.3rem; margin-bottom:4px; }
.sop-val-num { font-size:1.3rem; font-weight:900; }
.sop-val-lbl { font-size:.62rem; color:#6B7280; margin-top:3px; }
.sop-cta { padding:48px 0; }

/* ============================================================
   SECTOR PROFILE CARDS (section 5 secteurs)
============================================================ */
.sector-profile-card {
  display:flex; flex-direction:column; align-items:flex-start; gap:10px;
  background:#fff; border:1.5px solid #E5E7EB; border-radius:18px;
  padding:24px 20px; cursor:pointer; text-align:left;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.sector-profile-card:hover {
  transform:translateY(-4px);
  box-shadow:0 12px 32px rgba(0,0,0,.1);
  border-color:var(--sp-color);
}
.sp-icon-wrap {
  width:52px; height:52px; border-radius:14px;
  background:color-mix(in srgb, var(--sp-color) 12%, transparent);
  color:var(--sp-color);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.sp-title {
  font-size:1rem; font-weight:800; color:#111827; margin:0; line-height:1.25;
}
/* A11Y-03 v3.5.5 : couleur descriptif cartes secteur — augmentée pour lisibilité */
.sp-desc {
  font-size:0.78rem; color:#6B7280; margin:0; line-height:1.55; flex:1;
}
.sp-tag {
  font-size:0.78rem; font-weight:700; color:var(--sp-color);
  margin-top:4px;
}

/* ============================================================
   WHY N2M — RESPONSIVE GRID
============================================================ */
@media (min-width:900px) {
  .why-n2m-grid { grid-template-columns:1fr 1fr !important; }
}

/* ============================================================
   TESTIMONIALS
============================================================ */
.testimonials-grid {
  display:grid; grid-template-columns:1fr; gap:24px;
}
@media (min-width:700px) { .testimonials-grid { grid-template-columns:repeat(2,1fr); } }
@media (min-width:1024px) { .testimonials-grid { grid-template-columns:repeat(3,1fr); } }

.testi-card {
  background:#F9FAFB; border:1px solid #E5E7EB; border-radius:18px;
  padding:28px; display:flex; flex-direction:column; gap:16px;
  transition:box-shadow .25s ease, transform .25s ease;
}
.testi-card:hover {
  box-shadow:0 8px 28px rgba(0,0,0,.08); transform:translateY(-3px);
}
.testi-stars { color:#F59E0B; font-size:1rem; letter-spacing:2px; }
.testi-quote {
  font-size:0.875rem; color:#374151; line-height:1.7; flex:1;
  margin:0; font-style:italic;
}
.testi-author { display:flex; align-items:center; gap:12px; }
.testi-avatar {
  width:44px; height:44px; border-radius:50%; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  font-size:0.75rem; font-weight:800; color:#fff;
}
.testi-name { font-size:0.875rem; font-weight:800; color:#111827; }
/* A11Y-03 v3.5.5 : #9CA3AF→#6B7280 pour ratio WCAG AA (4.6:1 sur blanc) */
.testi-role { font-size:0.72rem; color:#6B7280; margin-top:2px; }

/* ============================================================
   FAQ
============================================================ */
.faq-list { display:flex; flex-direction:column; gap:12px; }
.faq-item {
  background:#fff; border:1px solid #E5E7EB; border-radius:14px; overflow:hidden;
}
.faq-q {
  width:100%; display:flex; justify-content:space-between; align-items:center;
  gap:12px; padding:18px 20px; background:none; border:none; cursor:pointer;
  font-size:0.9rem; font-weight:700; color:#111827; text-align:left;
  transition:color .2s;
}
.faq-q:hover { color:#03B5FF; }
.faq-q[aria-expanded="true"] { color:#03B5FF; }
.faq-chevron {
  font-size:0.7rem; color:#9CA3AF; flex-shrink:0;
  transition:transform .25s ease;
}
.faq-q[aria-expanded="true"] .faq-chevron { transform:rotate(180deg); }
.faq-a {
  padding:0 20px 18px; font-size:0.875rem; color:#6B7280; line-height:1.7;
}

/* ============================================================
   DASHBOARD ANIMATION
============================================================ */
@keyframes dashPulse {
  0%,100% { opacity:1; }
  50%      { opacity:.7; }
}
.widget-status.success { animation:dashPulse 3s ease infinite; }

/* ===== PAGE PRODUITS ===== */
.prod-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 24px;
}
.prod-card {
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 16px;
  overflow: hidden;
  transition: box-shadow .25s ease, transform .25s ease;
  display: flex;
  flex-direction: column;
}
.prod-card:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,.10);
  transform: translateY(-3px);
}
.prod-card-img { width:100%; height:220px; object-fit:cover; display:block; }
.prod-card-img-placeholder {
  width:100%; height:220px;
  background: linear-gradient(135deg,#F3F4F6,#E5E7EB);
  display:flex; align-items:center; justify-content:center;
}
.prod-card-body { padding:22px; display:flex; flex-direction:column; flex:1; }
.prod-badge {
  display:inline-flex; padding:3px 10px; border-radius:999px;
  font-size:0.72rem; font-weight:700; text-transform:uppercase;
  letter-spacing:.06em; margin-bottom:10px; width:fit-content;
}
.prod-title { font-size:1.15rem; font-weight:800; color:#111827; margin:0 0 8px; line-height:1.3; }
.prod-desc { font-size:0.87rem; color:#6B7280; line-height:1.65; margin-bottom:14px; flex:1; }
.prod-prix { font-size:1.05rem; font-weight:800; color:#03B5FF; margin-bottom:16px; }
.prod-cta {
  display:inline-flex; align-items:center; gap:6px;
  padding:10px 20px; background:#03B5FF; color:#fff;
  border:none; border-radius:8px; font-size:0.83rem; font-weight:700;
  cursor:pointer; text-decoration:none; transition:background .2s; width:fit-content;
}
.prod-cta:hover { background:#0292cc; color:#fff; }

/* Bouton admin dans le header — visible uniquement pour les admins WP connectés */
.header-admin-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  background: #F0F9FF;
  color: #03B5FF;
  border: 1.5px solid #BAE6FD;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s, border-color .2s;
  white-space: nowrap;
}
.header-admin-btn:hover {
  background: #03B5FF;
  color: #fff;
  border-color: #03B5FF;
}

/* Bouton flottant admin (gauche) — invisible pour les visiteurs */
.prod-admin-fab {
  position:fixed; bottom:28px; left:24px; z-index:9998;
  background:#001424; color:#fff; border-radius:999px;
  padding:11px 20px; font-size:0.82rem; font-weight:700;
  display:flex; align-items:center; gap:8px;
  box-shadow:0 4px 18px rgba(0,0,0,.28); text-decoration:none;
  transition:background .2s, transform .2s;
}
.prod-admin-fab:hover { background:#03B5FF; color:#fff; transform:translateY(-2px); }

@media (max-width:768px) {
  .prod-grid { grid-template-columns:1fr; }
  .prod-admin-fab { bottom:14px; left:12px; font-size:0.76rem; padding:9px 14px; }
}

/* =====================================================================
   PAGES SECTEURS — v3.7.0
   Variables CSS par secteur + composants communs
   ===================================================================== */

/* ── Variables couleur par secteur ── */
.sector-banque     { --st-accent:#1D4ED8; --st-accent-soft:rgba(29,78,216,.08);  --st-dark-from:#030e2a; --st-dark-to:#0f1c3f; }
.sector-entreprise { --st-accent:#0EA5E9; --st-accent-soft:rgba(14,165,233,.08); --st-dark-from:#001c30; --st-dark-to:#0a2840; }
.sector-industrie  { --st-accent:#F97316; --st-accent-soft:rgba(249,115,22,.08); --st-dark-from:#1a0c00; --st-dark-to:#1f1408; }
.sector-residence  { --st-accent:#7C3AED; --st-accent-soft:rgba(124,58,237,.08); --st-dark-from:#0d0015; --st-dark-to:#1a0530; }
.sector-ports      { --st-accent:#0284C7; --st-accent-soft:rgba(2,132,199,.08);  --st-dark-from:#00111e; --st-dark-to:#002840; }

/* ── Badge pulse animation ── */
@keyframes n2m-pulse {
  0%,100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--st-accent) 50%, transparent); }
  50%      { box-shadow: 0 0 0 8px transparent; }
}

/* ── Hero ── */
.sector-hero {
  position: relative;
  background: linear-gradient(135deg, var(--st-dark-from, #030e2a), var(--st-dark-to, #0f1c3f));
  padding: 100px 0 70px;
  overflow: hidden;
  color: #fff;
}
.sector-hero-bg {
  position: absolute; inset: 0;
  background-size: cover; background-position: center;
  opacity: .15;
  pointer-events: none;
}
.sector-hero-content { position: relative; z-index: 1; max-width: 860px; margin: 0 auto; padding: 0 24px; text-align: center; }

.sector-badge {
  display: inline-flex; align-items: center; gap: 10px;
  background: var(--st-accent-soft, rgba(3,181,255,.08));
  border: 1px solid color-mix(in srgb, var(--st-accent, #03B5FF) 35%, transparent);
  border-radius: 999px;
  padding: 8px 18px;
  font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: var(--st-accent, #03B5FF);
  margin-bottom: 24px;
}
.sector-badge-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--st-accent, #03B5FF);
  animation: n2m-pulse 2s ease-in-out infinite;
}

.sector-hero h1 {
  font-size: clamp(1.9rem, 4vw, 3rem);
  font-weight: 800; line-height: 1.15;
  margin: 0 0 18px;
  color: #fff;
}
.sector-hero-sub {
  font-size: 1.08rem; color: rgba(255,255,255,.72);
  max-width: 620px; margin: 0 auto 36px; line-height: 1.65;
}

.sector-hero-cta {
  display: inline-flex; align-items: center; gap: 10px;
  background: var(--st-accent, #03B5FF);
  color: #fff; font-weight: 700; font-size: .95rem;
  padding: 14px 30px; border-radius: 8px; text-decoration: none;
  transition: filter .2s, transform .2s;
}
.sector-hero-cta:hover { filter: brightness(1.12); transform: translateY(-2px); color: #fff; }

/* ── Stats band ── */
.sector-stats {
  display: flex; justify-content: center; gap: 40px;
  flex-wrap: wrap; margin-top: 48px;
  padding-top: 36px;
  border-top: 1px solid rgba(255,255,255,.1);
}
.sector-stat { text-align: center; }
.sector-stat-val {
  display: block; font-size: 2rem; font-weight: 800;
  color: var(--st-accent, #03B5FF); line-height: 1;
}
.sector-stat-lbl { font-size: .78rem; color: rgba(255,255,255,.6); margin-top: 4px; }

/* ── Generic section wrapper ── */
.sector-section { padding: 72px 0; }
.sector-section + .sector-section { border-top: 1px solid #f0f4f8; }
.sector-section--dark {
  background: linear-gradient(135deg, var(--st-dark-from, #030e2a), var(--st-dark-to, #0f1c3f));
  color: #fff;
}
.sector-section-inner { max-width: 1100px; margin: 0 auto; padding: 0 24px; }
.sector-section-title {
  font-size: clamp(1.35rem, 2.5vw, 2rem); font-weight: 800;
  margin: 0 0 10px; color: inherit;
}
.sector-section-sub { font-size: 1rem; color: rgba(0,0,0,.5); margin: 0 0 40px; }
.sector-section--dark .sector-section-sub { color: rgba(255,255,255,.55); }

/* ── Context 2-col layout ── */
.sector-context-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start;
}
.sector-context-intro { font-size: 1.05rem; line-height: 1.75; color: #374151; }
.sector-enjeux { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px; }
.sector-enjeux li {
  display: flex; align-items: flex-start; gap: 12px;
  font-size: .97rem; line-height: 1.55; color: #374151;
}
.sector-enjeux li::before {
  content: '✓'; flex-shrink: 0;
  width: 22px; height: 22px; border-radius: 50%;
  background: var(--st-accent-soft, rgba(3,181,255,.08));
  color: var(--st-accent, #03B5FF);
  font-size: .8rem; font-weight: 900;
  display: flex; align-items: center; justify-content: center;
  margin-top: 2px;
}

/* ── Risk / Solution cards ── */
.sector-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 20px;
}
.sector-risk-card, .sector-sol-card {
  background: #fff;
  border: 1px solid #e5e9f0;
  border-radius: 12px;
  padding: 24px;
  transition: box-shadow .2s, transform .2s;
}
.sector-risk-card:hover, .sector-sol-card:hover {
  box-shadow: 0 8px 28px rgba(0,0,0,.09);
  transform: translateY(-3px);
}
.sector-risk-card { border-left: 3px solid var(--st-accent, #03B5FF); }
.sector-sol-card  { border-left: 3px solid #10B981; }

.sector-risk-icon, .sector-sol-icon {
  font-size: 1.5rem; margin-bottom: 12px; display: block;
}
.sector-risk-title, .sector-sol-title {
  font-size: 1rem; font-weight: 700; color: #1e293b; margin: 0 0 8px;
}
.sector-risk-desc, .sector-sol-desc {
  font-size: .88rem; color: #64748b; line-height: 1.6; margin: 0;
}

/* ── Cas d'usage cards ── */
.sector-cas-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 24px;
}
.sector-cas-card {
  background: #fff; border: 1px solid #e5e9f0; border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,.05);
}
.sector-cas-head {
  background: linear-gradient(135deg, var(--st-dark-from, #030e2a), var(--st-dark-to, #0f1c3f));
  padding: 20px 24px;
}
.sector-cas-title { font-size: 1rem; font-weight: 700; color: #fff; margin: 0 0 6px; }
.sector-cas-ctx   { font-size: .82rem; color: rgba(255,255,255,.62); margin: 0; }
.sector-cas-steps { padding: 20px 24px; display: flex; flex-direction: column; gap: 10px; }
.sector-cas-step {
  display: flex; gap: 12px; align-items: flex-start; font-size: .88rem; color: #374151; line-height: 1.5;
}
.sector-cas-step-time {
  flex-shrink: 0; font-size: .75rem; font-weight: 700;
  color: var(--st-accent, #03B5FF); white-space: nowrap;
  padding-top: 1px;
}
.sector-cas-result {
  margin: 0 24px 20px;
  background: var(--st-accent-soft, rgba(3,181,255,.08));
  border: 1px solid color-mix(in srgb, var(--st-accent, #03B5FF) 25%, transparent);
  border-radius: 8px;
  padding: 10px 14px;
  font-size: .82rem; font-weight: 600;
  color: var(--st-accent, #03B5FF);
}

/* ── Technologies chips ── */
.sector-tech-groups { display: flex; flex-direction: column; gap: 24px; }
.sector-tech-cat { font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: rgba(0,0,0,.45); margin-bottom: 10px; }
.sector-section--dark .sector-tech-cat { color: rgba(255,255,255,.4); }
.sector-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.sector-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 14px; border-radius: 999px;
  font-size: .82rem; font-weight: 600;
  background: var(--st-accent-soft, rgba(3,181,255,.08));
  color: var(--st-accent, #03B5FF);
  border: 1px solid color-mix(in srgb, var(--st-accent, #03B5FF) 25%, transparent);
}

/* ── Bénéfices KPI section ── */
.sector-kpi-section {
  background: linear-gradient(135deg, var(--st-dark-from, #030e2a), var(--st-dark-to, #0f1c3f));
  padding: 72px 0;
}
.sector-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 24px;
  margin-top: 40px;
}
.sector-kpi {
  text-align: center;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 14px;
  padding: 28px 20px;
}
.sector-kpi-icon { font-size: 1.8rem; margin-bottom: 12px; display: block; }
.sector-kpi-val  { font-size: 1.9rem; font-weight: 800; color: var(--st-accent, #03B5FF); display: block; line-height: 1; }
.sector-kpi-lbl  { font-size: .8rem; color: rgba(255,255,255,.6); margin-top: 8px; line-height: 1.4; }

/* ── Certifications ── */
.sector-cert-badges { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 32px; }
.sector-cert-badge {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 20px; border-radius: 8px;
  border: 1.5px solid var(--st-accent, #03B5FF);
  color: var(--st-accent, #03B5FF);
  font-size: .85rem; font-weight: 700;
  background: var(--st-accent-soft, rgba(3,181,255,.06));
}

/* ── Responsive ── */
@media (max-width: 768px) {
  .sector-hero { padding: 80px 0 50px; }
  .sector-context-grid { grid-template-columns: 1fr; gap: 28px; }
  .sector-stats { gap: 24px; }
  .sector-stat-val { font-size: 1.5rem; }
  .sector-kpi-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .sector-hero h1 { font-size: 1.6rem; }
  .sector-cards-grid, .sector-cas-grid { grid-template-columns: 1fr; }
  .sector-kpi-grid { grid-template-columns: 1fr 1fr; }
}

/* ── Page liste secteurs ── */
.secteurs-hero {
  background: linear-gradient(135deg, #030e2a, #0a1e3a);
  padding: 90px 0 60px; text-align: center; color: #fff;
}
.secteurs-hero h1 { font-size: clamp(1.8rem,3.5vw,2.8rem); font-weight: 800; margin: 0 0 14px; }
.secteurs-hero-sub { font-size: 1.05rem; color: rgba(255,255,255,.65); max-width: 560px; margin: 0 auto; }

.secteurs-grid-section { padding: 72px 0; }
.secteurs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 24px;
  max-width: 1100px; margin: 0 auto; padding: 0 24px;
}
.secteur-card {
  position: relative; border-radius: 14px; overflow: hidden;
  display: flex; flex-direction: column;
  text-decoration: none; color: inherit;
  box-shadow: 0 4px 20px rgba(0,0,0,.08);
  transition: transform .25s, box-shadow .25s;
}
.secteur-card:hover { transform: translateY(-5px); box-shadow: 0 12px 36px rgba(0,0,0,.14); }
.secteur-card-header {
  padding: 32px 28px 24px;
  background: linear-gradient(135deg, var(--st-dark-from, #030e2a), var(--st-dark-to, #0f1c3f));
  color: #fff;
}
.secteur-card-icon { font-size: 2rem; margin-bottom: 14px; display: block; }
.secteur-card-title { font-size: 1.15rem; font-weight: 800; margin: 0 0 6px; color: #fff; }
.secteur-card-sub   { font-size: .85rem; color: rgba(255,255,255,.62); margin: 0; }
.secteur-card-body  { padding: 20px 28px 24px; background: #fff; flex: 1; display: flex; flex-direction: column; gap: 12px; }
.secteur-card-tags  { display: flex; flex-wrap: wrap; gap: 6px; }
.secteur-card-tag {
  font-size: .75rem; font-weight: 600;
  padding: 4px 10px; border-radius: 999px;
  background: var(--st-accent-soft, rgba(3,181,255,.08));
  color: var(--st-accent, #03B5FF);
  border: 1px solid color-mix(in srgb, var(--st-accent, #03B5FF) 20%, transparent);
}
.secteur-card-cta {
  margin-top: auto; display: inline-flex; align-items: center; gap: 6px;
  font-size: .88rem; font-weight: 700;
  color: var(--st-accent, #03B5FF); text-decoration: none;
}
.secteur-card-cta::after { content: '→'; transition: transform .2s; }
.secteur-card:hover .secteur-card-cta::after { transform: translateX(4px); }

/* =========================================================
   ENRICHISSEMENT VISUEL v3.7.0
   Secteurs · Technologies · Contact · Produits · Footer
========================================================= */

/* ── Secteurs Hero enrichi ── */
.secteurs-hero { position: relative; overflow: hidden; padding: 110px 0 70px; text-align: center; color: #fff; }
.secteurs-hero-bg {
  position: absolute; inset: 0;
  background-image: url('https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&q=50&w=1600');
  background-size: cover; background-position: center;
  opacity: .18;
}
.secteurs-hero-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #030e2a 0%, rgba(3,20,50,.85) 60%, rgba(3,20,50,.7) 100%);
}
.secteurs-hero-grid {
  position: absolute; inset: 0;
  background-image: linear-gradient(rgba(3,181,255,.05) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(3,181,255,.05) 1px, transparent 1px);
  background-size: 50px 50px;
}
.secteurs-hero-badge {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 16px; border-radius: 999px;
  background: rgba(3,181,255,.12); border: 1px solid rgba(3,181,255,.3);
  color: #03B5FF; font-size: 0.72rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: .07em; margin-bottom: 20px;
}
.secteurs-hero h1 { position: relative; }
.secteurs-hero-sub { position: relative; }
.secteurs-hero-stats {
  display: flex; justify-content: center; flex-wrap: wrap;
  gap: 8px 40px; margin-top: 36px; position: relative;
}
.secteurs-hero-stats > div {
  display: flex; flex-direction: column; align-items: center;
}
.secteurs-hero-stats strong {
  font-size: 1.7rem; font-weight: 900; color: #03B5FF; line-height: 1;
}
.secteurs-hero-stats span {
  font-size: 0.72rem; color: rgba(255,255,255,.5); font-weight: 600; margin-top: 2px;
}

/* ── Cartes secteurs avec image ── */
.secteur-card-img-wrap {
  position: relative; height: 170px; overflow: hidden;
}
.secteur-card-img-wrap img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .4s ease;
}
.secteur-card:hover .secteur-card-img-wrap img { transform: scale(1.06); }
.secteur-card-img-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to bottom, transparent 20%, var(--st-dark-from, #030e2a) 100%);
}
.secteur-card-header-content {
  padding: 20px 24px 22px;
  background: linear-gradient(135deg, var(--st-dark-from, #030e2a), var(--st-dark-to, #0f1c3f));
  color: #fff;
}
/* Override l'ancien secteur-card-header pour les nouvelles cartes avec image */
.secteur-card:has(.secteur-card-img-wrap) .secteur-card-header {
  padding: 0; background: transparent;
}
.secteur-card-kpi {
  display: inline-block; margin-top: 10px;
  padding: 3px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 800;
  background: rgba(255,255,255,.08); color: var(--st-accent, #03B5FF);
  border: 1px solid rgba(255,255,255,.12);
}

/* ── Technologie layer cards avec image banner ── */
.tech-layer-card { border-radius: 24px; overflow: hidden; }
.tech-layer-img-banner {
  position: relative; height: 180px; overflow: hidden;
}
.tech-layer-img-banner img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .5s ease;
}
.tech-layer-card:hover .tech-layer-img-banner img { transform: scale(1.04); }
.tech-layer-img-overlay {
  position: absolute; inset: 0;
}
.tech-layer-img-badge {
  position: absolute; bottom: 16px; left: 20px;
  display: flex; align-items: center; gap: 10px;
}

/* ── Hero secteur — amélioration overlay sur l'image ── */
.sector-hero-bg {
  position: absolute; inset: 0;
  background-size: cover; background-position: center;
  pointer-events: none;
}
.sector-hero-bg::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(135deg,
    var(--st-dark-from, #030e2a) 0%,
    rgba(3,14,42,.80) 50%,
    rgba(3,14,42,.55) 100%);
}

/* ── Footer tech strip ── */
.footer-tech-strip {
  background: #0a1628;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
  padding: 22px 0;
}
.footer-tech-strip-label {
  text-align: center; font-size: 0.7rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .08em; color: rgba(255,255,255,.3); margin-bottom: 14px;
}
.footer-tech-logos {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 12px;
}
.footer-tech-logo-badge {
  padding: 5px 14px; border-radius: 8px;
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);
  font-size: 0.75rem; font-weight: 700; color: rgba(255,255,255,.35);
  letter-spacing: .03em;
  transition: background .2s, color .2s;
}
.footer-tech-logo-badge:hover { background: rgba(3,181,255,.08); color: rgba(3,181,255,.7); }

/* ── Responsive enrichissements ── */
@media (max-width: 640px) {
  .secteurs-hero { padding: 80px 0 50px; }
  .secteurs-hero-stats { gap: 8px 24px; }
  .secteurs-hero-stats strong { font-size: 1.4rem; }
  .secteur-card-img-wrap { height: 140px; }
  .tech-layer-img-banner { height: 140px; }
}

/* ===== PERF-03 v3.5.5 : prefers-reduced-motion — WCAG 2.1 §2.3.3 ===== */
@media (prefers-reduced-motion: reduce) {
  /* Désactiver toutes les animations et transitions décoratives */
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  /* Supprimer will-change inutile quand pas d'animation */
  .hero-circle-1, .hero-circle-2, .soi-drone-icon { will-change: auto; }
  /* AOS : désactiver les effets de reveal */
  [data-aos] { opacity: 1 !important; transform: none !important; }
  /* Conserver uniquement les transitions utiles à la compréhension */
  .skip-link { transition: none; }
  .n2m-modal { transition: none; }
}