/* ================================================================
   ARM CORE CSS v2 — Aigle Royal Meta
   Readability pass — higher contrast everywhere
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=JetBrains+Mono:wght@300;400;500;700&display=swap');

:root {
  --noir:         #050505;
  --noir-2:       #0A0A0A;
  --noir-3:       #111111;
  --or:           #D4A817;
  --or-dim:       #A07E20;       /* brighter than before */
  --or-bright:    #F5C42A;
  --or-glow:      rgba(212,168,23,0.20);
  --bleu:         #4EC3E8;
  --bleu-dim:     #2E8AAA;       /* brighter */
  --bleu-glow:    rgba(78,195,232,0.20);
  --blanc:        #E8E4D8;
  --texte:        #C4BFB4;       /* was #8A8278 — MUCH more readable */
  --texte-dim:    #7A7670;       /* was #444444 */
  --gris:         #1A1A1A;
  --gris-2:       #252525;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  background:var(--noir);
  color:var(--texte);
  font-family:'JetBrains Mono', monospace;
  font-size:13px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

/* ── TEXTURES ──────────────────────────────────────────────────── */
.arm-grain { position:fixed; inset:0; pointer-events:none; z-index:9999; opacity:0.035; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)'/%3E%3C/svg%3E"); mix-blend-mode:overlay; }
.arm-scanlines { position:fixed; inset:0; pointer-events:none; z-index:9998; background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,0.06) 3px,rgba(0,0,0,0.06) 4px); }

/* ── CORNER BRACES ─────────────────────────────────────────────── */
.c-tl,.c-tr,.c-bl,.c-br { position:absolute; width:14px; height:14px; }
.c-tl { top:10px; left:10px;   border-top:1px solid var(--or); border-left:1px solid var(--or); }
.c-tr { top:10px; right:10px;  border-top:1px solid var(--or); border-right:1px solid var(--or); }
.c-bl { bottom:10px; left:10px;  border-bottom:1px solid var(--or); border-left:1px solid var(--or); }
.c-br { bottom:10px; right:10px; border-bottom:1px solid var(--or); border-right:1px solid var(--or); }
.c-tl.b,.c-tr.b,.c-bl.b,.c-br.b { border-color:var(--bleu); }

/* ── MICRO TEXT ────────────────────────────────────────────────── */
.micro { font-family:'JetBrains Mono',monospace; font-size:7px; color:var(--or-dim); letter-spacing:1.5px; opacity:0.7; line-height:1.8; pointer-events:none; }
.micro.bleu { color:var(--bleu-dim); }

/* ── CLASSIF TAG ───────────────────────────────────────────────── */
.classif { display:inline-flex; align-items:center; gap:6px; font-family:'JetBrains Mono',monospace; font-size:7px; letter-spacing:2px; padding:3px 9px; border:1px solid var(--or-dim); color:var(--or); background:rgba(212,168,23,0.06); text-transform:uppercase; }
.classif.bleu { border-color:var(--bleu-dim); color:var(--bleu); background:rgba(78,195,232,0.06); }

/* ── SECTION LABELS ────────────────────────────────────────────── */
.sec-num { font-family:'JetBrains Mono',monospace; font-size:9px; color:var(--or); letter-spacing:3px; margin-bottom:4px; }
.sec-num.bleu { color:var(--bleu); }
.sec-title { font-family:'Bebas Neue',sans-serif; font-size:clamp(28px,4vw,46px); color:var(--blanc); letter-spacing:4px; line-height:1; }
.sec-rule { width:40px; height:1px; background:var(--or); margin:10px 0 20px; }
.sec-rule.bleu { background:var(--bleu); }
.arm-sep { display:flex; align-items:center; gap:12px; font-family:'JetBrains Mono',monospace; font-size:8px; color:var(--texte); letter-spacing:2px; }
.arm-sep::after { content:''; flex:1; height:1px; background:linear-gradient(to right,var(--or-dim),transparent); opacity:0.5; }
.arm-sep.bleu::after { background:linear-gradient(to right,var(--bleu-dim),transparent); }

/* ── NAV ───────────────────────────────────────────────────────── */
.arm-nav { position:fixed; top:0; left:0; right:0; z-index:200; background:rgba(5,5,5,0.96); backdrop-filter:blur(10px); border-bottom:1px solid #202020; display:flex; align-items:center; justify-content:space-between; padding:0 24px; height:52px; }
.arm-nav-logo { font-family:'Bebas Neue',sans-serif; font-size:16px; color:var(--or); letter-spacing:4px; text-decoration:none; }
.arm-nav-links { display:flex; gap:24px; align-items:center; }
.arm-nav-link { font-family:'JetBrains Mono',monospace; font-size:8px; letter-spacing:2px; color:var(--texte-dim); text-decoration:none; transition:color 0.2s; text-transform:uppercase; }
.arm-nav-link:hover,.arm-nav-link.active { color:var(--or); }
.lang-switch { display:flex; gap:4px; margin-left:20px; }
.lang-btn { background:none; border:1px solid #333; color:var(--texte-dim); font-family:'JetBrains Mono',monospace; font-size:7px; letter-spacing:1px; padding:3px 8px; cursor:pointer; transition:all 0.2s; }
.lang-btn.active,.lang-btn:hover { border-color:var(--or); color:var(--or); }

/* ── CUT-CORNER BUTTON ─────────────────────────────────────────── */
.arm-btn { background:none; border:1px solid var(--or); color:var(--or); font-family:'Bebas Neue',sans-serif; font-size:15px; letter-spacing:4px; padding:13px 48px; cursor:pointer; transition:all 0.3s; clip-path:polygon(10px 0%,100% 0%,100% calc(100% - 10px),calc(100% - 10px) 100%,0% 100%,0% 10px); text-decoration:none; display:inline-block; }
.arm-btn:hover { background:var(--or); color:var(--noir); box-shadow:0 0 24px var(--or-glow); }
.arm-btn.bleu { border-color:var(--bleu); color:var(--bleu); }
.arm-btn.bleu:hover { background:var(--bleu); color:var(--noir); box-shadow:0 0 24px var(--bleu-glow); }
.arm-btn.sm { font-size:11px; padding:9px 24px; clip-path:polygon(6px 0%,100% 0%,100% calc(100% - 6px),calc(100% - 6px) 100%,0% 100%,0% 6px); }

/* ── PHOTO PLACEHOLDER ─────────────────────────────────────────── */
.photo-ph { background:repeating-linear-gradient(45deg,#111 0px,#111 10px,#151515 10px,#151515 20px); display:flex; align-items:center; justify-content:center; font-family:'JetBrains Mono',monospace; font-size:7px; color:#555; text-align:center; letter-spacing:1px; position:relative; }

/* ── VAR TABS ──────────────────────────────────────────────────── */
.var-tabs { display:flex; gap:8px; flex-wrap:wrap; }
.var-tab { font-family:'JetBrains Mono',monospace; font-size:8px; letter-spacing:2px; padding:7px 14px; border:1px solid #333; color:var(--texte-dim); cursor:pointer; background:none; transition:all 0.2s; text-transform:uppercase; }
.var-tab:hover { border-color:var(--or); color:var(--or); }
.var-tab.active { border-color:var(--or); color:var(--or); background:rgba(212,168,23,0.08); }
.var-tab.bleu:hover,.var-tab.bleu.active { border-color:var(--bleu); color:var(--bleu); background:rgba(78,195,232,0.08); }
.var-panel { display:none; }
.var-panel.show { display:block; }

/* ── FOOTER ────────────────────────────────────────────────────── */
.arm-footer {
  background:#080808;
  border-top:1px solid #1a1a1a;
  padding:48px 5vw 32px;
  margin-top:0;
}
.arm-footer-grid {
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:40px;
  margin-bottom:40px;
}
.af-brand { }
.af-logo { font-family:'Bebas Neue',sans-serif; font-size:24px; color:var(--or); letter-spacing:4px; margin-bottom:8px; }
.af-tagline { font-family:'JetBrains Mono',monospace; font-size:8px; color:var(--texte); letter-spacing:2px; line-height:1.8; margin-bottom:16px; max-width:240px; }
.af-lang { display:flex; gap:4px; }

.af-col-title { font-family:'JetBrains Mono',monospace; font-size:7px; color:var(--or); letter-spacing:3px; text-transform:uppercase; margin-bottom:16px; padding-bottom:8px; border-bottom:1px solid #1a1a1a; }
.af-links { display:flex; flex-direction:column; gap:8px; }
.af-link { font-family:'JetBrains Mono',monospace; font-size:8px; color:var(--texte); letter-spacing:1px; text-decoration:none; transition:color 0.2s; }
.af-link:hover { color:var(--or); }

.arm-footer-bottom {
  border-top:1px solid #1a1a1a;
  padding-top:20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}
.af-copy { font-family:'JetBrains Mono',monospace; font-size:7px; color:var(--texte-dim); letter-spacing:2px; }
.af-legal-links { display:flex; gap:16px; flex-wrap:wrap; }
.af-legal-link { font-family:'JetBrains Mono',monospace; font-size:7px; color:var(--texte-dim); letter-spacing:1px; text-decoration:none; transition:color 0.2s; }
.af-legal-link:hover { color:var(--or); }

@media (max-width:768px) {
  .arm-footer-grid { grid-template-columns:1fr 1fr; gap:28px; }
  .arm-nav-links { display:none; }
  .arm-footer-bottom { flex-direction:column; align-items:flex-start; }
}
@media (max-width:480px) {
  .arm-footer-grid { grid-template-columns:1fr; }
}

/* ── ANIMATIONS ────────────────────────────────────────────────── */
@keyframes spinSlow { to{transform:rotate(360deg);} }
@keyframes blink { 0%,100%{opacity:1;} 50%{opacity:0.2;} }
@keyframes fadeUp { from{opacity:0;transform:translateY(16px);} to{opacity:1;transform:translateY(0);} }
@keyframes scanDown { 0%{top:0;opacity:0;} 10%{opacity:0.4;} 90%{opacity:0.4;} 100%{top:100%;opacity:0;} }

/* ── LEGAL PAGE BASE ───────────────────────────────────────────── */
.legal-page { max-width:800px; margin:0 auto; padding:80px 5vw; }
.legal-title { font-family:'Bebas Neue',sans-serif; font-size:clamp(36px,6vw,60px); color:var(--blanc); letter-spacing:6px; margin-bottom:8px; }
.legal-date { font-family:'JetBrains Mono',monospace; font-size:8px; color:var(--or-dim); letter-spacing:3px; margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid #1a1a1a; }
.legal-h2 { font-family:'Bebas Neue',sans-serif; font-size:20px; color:var(--or); letter-spacing:3px; margin:36px 0 12px; }
.legal-p { font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--texte); letter-spacing:0.5px; line-height:1.9; margin-bottom:16px; }
.legal-ul { list-style:none; margin-bottom:16px; }
.legal-ul li { font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--texte); letter-spacing:0.5px; line-height:1.9; padding-left:16px; position:relative; }
.legal-ul li::before { content:'▸'; position:absolute; left:0; color:var(--or); font-size:8px; }

/* ── CONTACT PAGE ──────────────────────────────────────────────── */
.contact-form { max-width:560px; }
.cf-group { margin-bottom:24px; }
.cf-label { font-family:'JetBrains Mono',monospace; font-size:8px; color:var(--or); letter-spacing:3px; text-transform:uppercase; display:block; margin-bottom:8px; }
.cf-input,.cf-textarea {
  width:100%; background:#0a0a0a; border:1px solid #2a2a2a;
  color:var(--blanc); font-family:'JetBrains Mono',monospace; font-size:12px;
  padding:12px 14px; outline:none; transition:border-color 0.2s;
  letter-spacing:0.5px;
}
.cf-input:focus,.cf-textarea:focus { border-color:var(--or); background:#0d0d0d; }
.cf-textarea { min-height:140px; resize:vertical; }
.cf-input::placeholder,.cf-textarea::placeholder { color:var(--texte-dim); }