/* ═══════════════════════════════════════════════════════════════
   AMT Assistance — entreprise.css
   Page Entreprise — Dark premium (ADN logo + dégradé)

   Objectifs (verrouillés)
   - Univers dark premium cohérent AMT
   - Dégradé / glow inspiré du logo (maîtrisé)
   - Un seul CTA : “Tester le simulateur”
   - Lecture claire, hiérarchie nette, sans surcharge
   - Zéro impact sur les autres pages (styles ciblés)
   ═══════════════════════════════════════════════════════════════ */

:root{
  /* ADN logo (dégradé) */
  --g-start:#53F3FF;
  --g-mid:#3B86FF;
  --g-end:#2A2CFF;

  /* Fond AMT */
  --bg1:#070A14;
  --bg2:#0B1430;

  /* Panneaux */
  --panel:rgba(15,26,47,.58);
  --panel2:rgba(15,26,47,.40);
  --panelSolid:rgba(15,26,47,.86);

  /* Traits */
  --stroke:rgba(55,78,120,.50);
  --strokeSoft:rgba(55,78,120,.34);

  /* Texte */
  --text:#ffffff;
  --muted:rgba(255,255,255,.74);
  --muted2:rgba(255,255,255,.60);

  /* Rayons / layout */
  --r:18px;
  --pill:999px;
  --max:1120px;
  --headerH:116px;
}

*{box-sizing:border-box}
html,body{height:100%}

/* Cible la page Entreprise uniquement */
body{
  margin:0;
  color:var(--text);
  font-family: Arial, sans-serif;
  background:
    radial-gradient(920px 520px at 50% 0%, rgba(83,243,255,.16), transparent 70%),
    radial-gradient(720px 520px at 12% 18%, rgba(59,134,255,.10), transparent 72%),
    radial-gradient(820px 540px at 92% 26%, rgba(42,44,255,.10), transparent 74%),
    linear-gradient(135deg, var(--bg1), var(--bg2));
}

/* Layout */
.page{padding: calc(var(--headerH) + 26px) 18px 70px;}
.container{max-width:var(--max);margin:0 auto;}

h1,h2,h3{margin:0}

/* Hero */
.section{
  margin-top:22px;
  position:relative;
  background:
    linear-gradient(180deg, rgba(15,26,47,.70), rgba(15,26,47,.54));
  border:1px solid var(--stroke);
  border-radius:var(--r);
  padding:22px 22px;
  box-shadow:
    0 22px 70px rgba(0,0,0,.38),
    0 18px 60px rgba(83,243,255,.06);
  overflow:hidden;
}
.section + .section{margin-top:14px}

.section::before{
  content:"";
  position:absolute;
  inset:-40px;
  background:
    radial-gradient(520px 320px at 18% 0%, rgba(83,243,255,.10), transparent 72%),
    radial-gradient(640px 360px at 95% 10%, rgba(59,134,255,.08), transparent 74%);
  pointer-events:none;
}
.section > *{position:relative;z-index:1}

.kicker{
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.55);
}

.title{
  margin-top:10px;
  font-size:36px;
  font-weight:950;
  letter-spacing:-.7px;
  line-height:1.05;
}

.subtitle{
  margin-top:10px;
  max-width:820px;
  font-size:16px;
  line-height:1.55;
  color:var(--muted);
}

/* En-têtes de section */
.section-head{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:14px;
}
.section-title{
  font-size:18px;
  font-weight:950;
  letter-spacing:-.2px;
}
.section-sub{
  font-size:13px;
  line-height:1.45;
  color:var(--muted2);
}

/* Services */
.services{display:grid;grid-template-columns:1fr;gap:10px;}
@media(min-width:820px){.services{grid-template-columns:1fr 1fr}}

.service{
  background:
    linear-gradient(180deg, rgba(15,26,47,.62), rgba(15,26,47,.46));
  border:1px solid var(--strokeSoft);
  border-radius:16px;
  padding:14px 14px;
  box-shadow: 0 16px 40px rgba(0,0,0,.28);
  transition: transform .18s ease, box-shadow .18s ease;
}

.service h3{
  font-size:14px;
  font-weight:950;
  letter-spacing:-.1px;
  display:flex;
  align-items:center;
  gap:10px;
}

.dot{
  width:10px;height:10px;border-radius:50%;
  background: linear-gradient(135deg,var(--g-start),var(--g-mid),var(--g-end));
  box-shadow: 0 12px 26px rgba(83,243,255,.18);
  flex:0 0 auto;
}

.service p{
  margin:8px 0 0 0;
  font-size:13px;
  line-height:1.5;
  color:var(--muted);
}

/* Chiffres clés */
.metrics-wrap{
  border-color: rgba(83,243,255,.26);
  background:
    linear-gradient(180deg, rgba(15,26,47,.72), rgba(15,26,47,.52));
  box-shadow:
    0 26px 80px rgba(0,0,0,.42),
    0 22px 70px rgba(83,243,255,.08);
}

.metrics{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
@media(min-width:820px){.metrics{grid-template-columns:1fr 1fr 1fr}}

.metric{
  background: rgba(8,12,26,.48);
  border:1px solid rgba(83,243,255,.12);
  border-radius:16px;
  padding:16px 16px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.metric-value{
  font-size:34px;
  font-weight:980;
  letter-spacing:-.6px;
  line-height:1.0;
  background:linear-gradient(135deg,var(--g-start),var(--g-mid),var(--g-end));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.metric-label{
  margin-top:8px;
  font-size:13px;
  color:var(--muted);
  line-height:1.35;
  font-weight:700;
}

.metric-note{
  margin-top:10px;
  font-size:12px;
  color:var(--muted2);
  line-height:1.45;
}

/* Mot du dirigeant */
.founder{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  align-items:start;
}
@media(min-width:920px){.founder{grid-template-columns: 320px 1fr; gap:18px}}

.portrait{
  border-radius:18px;
  border:1px solid rgba(83,243,255,.22);
  box-shadow: 0 22px 70px rgba(0,0,0,.40);
  overflow:hidden;
  background: rgba(8,12,26,.40);
  transition: transform .22s ease, opacity .22s ease;
}
.portrait img{width:100%;height:auto;display:block;}

.founder-text{padding-top:2px;}
.founder-copy .quote + .quote{margin-top:12px;}
.quote{
  margin:0;
  font-size:15px;
  line-height:1.72;
  color:rgba(255,255,255,.82);
}
.quote-lead{
  font-size:16px;
  font-weight:800;
  color:rgba(255,255,255,.90);
}
.signature{
  margin-top:22px;
  padding-top:12px;
  border-top:1px solid rgba(83,243,255,.26);
  display:flex;
  flex-direction:column;
  gap:2px;
}
.sig-name{font-weight:950;letter-spacing:-.2px;}
.sig-role{font-size:13px;color:var(--muted2);font-weight:700;}

/* Valeurs */
.values{display:grid;grid-template-columns:1fr;gap:10px;}
@media(min-width:820px){.values{grid-template-columns:1fr 1fr}}

.value-card{
  background: linear-gradient(180deg, rgba(15,26,47,.62), rgba(15,26,47,.46));
  border:1px solid var(--strokeSoft);
  border-radius:16px;
  padding:14px 14px;
  box-shadow: 0 16px 40px rgba(0,0,0,.28);
  transition: transform .18s ease, box-shadow .18s ease;
}
.value-card h3{font-size:14px;font-weight:950;letter-spacing:-.1px;margin:0;}
.value-card p{margin:8px 0 0 0;font-size:13px;line-height:1.55;color:var(--muted);}

/* CTA (unique) */
.bottom-cta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-start;
  align-items:center;
  margin-top:14px;
}

.btn{
  appearance:none;
  border:0;
  cursor:pointer;
  border-radius:var(--pill);
  padding:12px 18px;
  font-weight:950;
  font-size:14px;
  letter-spacing:.2px;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.btn.primary{
  color:#001018;
  background:linear-gradient(135deg,var(--g-start),var(--g-mid),var(--g-end));
  box-shadow:
    0 24px 70px rgba(83,243,255,.22),
    0 18px 50px rgba(0,0,0,.36);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.btn.primary:hover{
  filter:saturate(1.03);
  transform:translateY(-2px);
  box-shadow:
    0 28px 78px rgba(83,243,255,.26),
    0 20px 56px rgba(0,0,0,.40);
}

.service:hover,
.value-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 20px 46px rgba(0,0,0,.34);
}

.smallprint{
  margin-top:10px;
  font-size:12px;
  color:var(--muted2);
  line-height:1.45;
}

/* Reveal (progressive enhancement: visible by default sans JS) */
.reveal{opacity:1;transform:none;}

.js .section.reveal > *{
  opacity:0;
  transform:translateY(12px);
  transition:
    opacity .5s cubic-bezier(.22,.61,.36,1),
    transform .5s cubic-bezier(.22,.61,.36,1);
  transition-delay: calc(var(--stagger-index, 0) * 80ms);
  will-change: transform, opacity;
}

.js .section.reveal.is-visible > *{
  opacity:1;
  transform:translateY(0);
}

/* Hero sequence: H1 -> subtitle -> CTA */
.js .section.reveal.hero-sequence .title,
.js .section.reveal.hero-sequence .subtitle,
.js .section.reveal.hero-sequence .bottom-cta{
  opacity:0;
  transform:translateY(14px);
  transition:
    opacity .32s cubic-bezier(.22,.61,.36,1),
    transform .32s cubic-bezier(.22,.61,.36,1);
}

.js .section.reveal.hero-sequence .title{transition-delay:0ms;}
.js .section.reveal.hero-sequence .subtitle{transition-delay:120ms;}
.js .section.reveal.hero-sequence .bottom-cta{transition-delay:240ms;}

.js .section.reveal.hero-sequence.hero-on .title,
.js .section.reveal.hero-sequence.hero-on .subtitle,
.js .section.reveal.hero-sequence.hero-on .bottom-cta{
  opacity:1;
  transform:translateY(0);
}

@media (prefers-reduced-motion: reduce){
  .js .section.reveal > *,
  .js .section.reveal.hero-sequence .title,
  .js .section.reveal.hero-sequence .subtitle,
  .js .section.reveal.hero-sequence .bottom-cta{
    opacity:1;
    transform:none;
    transition:none;
  }
  .btn.primary:hover,
  .service:hover,
  .value-card:hover{
    transform:none;
  }
}