/* Styles communs du site IronChain — voir DESIGN.md */
    [data-lang] { display: none; }
    html[lang="en"] [data-lang="en"], html[lang="fr"] [data-lang="fr"] { display: revert; }
    .hero-glow { background: radial-gradient(70% 55% at 50% 0%, rgba(197,255,65,.14) 0%, rgba(11,13,16,0) 70%); }
    .ring { --p: 93; background: conic-gradient(#C5FF41 calc(var(--p) * 1%), #1E222A 0); }
    .ring::before { content: ""; position: absolute; inset: 11px; border-radius: 9999px; background: #15181E; }
    .phone { box-shadow: 0 30px 80px -20px rgba(0,0,0,.8), inset 0 0 0 1px #2A2F39; }
    .tilt { transform: perspective(1400px) rotateY(-8deg) rotateX(3deg); }
    /* Grille de fonctionnalités : cellules séparées par des filets, un repère « + » aux coins */
    .fcell { position: relative; }
    .fcell::before, .fcell::after { content: "+"; position: absolute; color: #6A7280; font: 500 18px/1 "Barlow", sans-serif; pointer-events: none; }
    .fcell::before { top: -10px; left: -6px; }
    .fcell::after  { bottom: -11px; right: -6px; }
    .fcell:hover .ficon { color: #C5FF41; border-color: rgba(197,255,65,.5); background: rgba(197,255,65,.08); }
    .dotbg { background-image: radial-gradient(#2A2F39 1px, transparent 1px); background-size: 18px 18px; }
    @media (prefers-reduced-motion: no-preference) {
      .rise { animation: rise .7s cubic-bezier(.2,.7,.2,1) both; }
      .rise-2 { animation-delay: .12s }
      @keyframes rise { from { opacity: 0; transform: translateY(14px) } to { opacity: 1; transform: none } }
    }
    /* Le français est plus long : le titre du hero descend d'un cran, chaque phrase sur sa ligne */
    html[lang="fr"] h1 { font-size: clamp(2.4rem, 5.2vw, 4.75rem); }
    .focus-ring:focus-visible { outline: 2px solid #C5FF41; outline-offset: 2px; }