/* Habillage Ingua — identité de l'application (README) : bleu électrique, cyan, encre navy ; Space Grotesk + Manrope */
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(../fonts/space-grotesk-latin.woff2) format('woff2'); }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(../fonts/manrope-latin.woff2) format('woff2'); }
.outil-ingua {
  --o-primary: #2F6FED;
  --o-primary-dark: #1F56C8;
  --o-accent: #22C6E0;
  --o-dark: #101828;
  --o-on-dark: #C6D0E0;
  --o-bg: #EEF2F6;
  --o-ink: #101828;
  --o-hero-bg: #101828;
  --o-hero-ink: #FFFFFF;
  --o-hero-sub: #C6D0E0;
  --o-font-head: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
  --o-font-body: 'Manrope', 'Segoe UI', system-ui, sans-serif;
}
.outil-ingua h1, .outil-ingua h2, .outil-ingua h3 { font-weight: 700; letter-spacing: -.03em; }
.outil-ingua .o-hero { background-image: linear-gradient(120deg, #101828 55%, #16284A); }
.outil-ingua .o-hero h1 em { font-style: normal; color: #22C6E0; }
.outil-ingua .o-hero::after { background: #2F6FED; opacity: .35; border-radius: 0; transform: skewX(-18deg); width: 420px; height: 900px; right: -120px; top: -100px; }
.outil-ingua .o-hero::before { display: none; }
.outil-ingua .o-hero .o-tag { background: rgba(34,198,224,.14); color: #fff; }
.outil-ingua .o-hero .btn-soft { background: transparent; color: #fff; border-color: rgba(255,255,255,.35); }
.outil-ingua .o-hero .btn-soft:hover { background: rgba(255,255,255,.1); color: #fff; border-color: #fff; }
.outil-ingua .o-video { border-color: rgba(255,255,255,.18); background: #16223A; box-shadow: 0 30px 70px rgba(0,0,0,.45); }
.outil-ingua .o-video figcaption { color: #C6D0E0; }
.outil-ingua .card, .outil-ingua .o-feature, .outil-ingua .o-step, .outil-ingua .form-card, .outil-ingua .o-demo-box { border-radius: 12px; }
.outil-ingua .o-step::before { border-radius: 8px; }
.outil-ingua .o-feature::before { background: #22C6E0; }
.outil-ingua .btn { border-radius: 10px; }
.outil-ingua .o-footer { background: #101828; }