/* Identité Omphis : bleu, blanc et noir */
:root { --ink:#f7faff; --muted:#9aa7bb; --acid:#2f7dff; --dark:#060b14; --line:#1c2a40; }
body { background:#060b14; }
.glow-one { background:#2376ff; opacity:.16; }
.glow-two { background:#54a5ff; opacity:.09; }
.brand-logo { display:block; width:114px; height:40px; overflow:hidden; border-radius:3px; background:#fff; }
.brand-logo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 76%; }
.button { background:#2f7dff; color:#fff; }
.button:hover { background:#62a0ff; }
.signal-card { background:linear-gradient(145deg,#101b31,#060a12); border-color:#203965; }
.orbit { border-color:#28549a; box-shadow:inset 0 0 38px #12386d; }
.orbit:before,.orbit:after { border-color:#254a83; }
.core { background:#2f7dff; color:#fff; box-shadow:0 0 35px #2f7dff80; }
.agents { background:#0b1220; }
.agent { background:#09101c; border-color:#1d3358; }
.agent:hover { border-color:#508fff; }
.agent.featured { background:#2f7dff; color:#fff; }
.featured p { color:#deebff; }
.contact { background:radial-gradient(circle at center,#132d5d 0,#091326 40%,#060b14 70%); }

/* Langue arabe : mise en page RTL complète */
html[dir="rtl"] body { font-family:Tahoma,Arial,sans-serif; }
html[dir="rtl"] .topbar, html[dir="rtl"] footer { flex-direction:row-reverse; }
html[dir="rtl"] .topbar nav, html[dir="rtl"] .header-actions, html[dir="rtl"] .hero-actions { flex-direction:row-reverse; }
html[dir="rtl"] .hero, html[dir="rtl"] .about, html[dir="rtl"] .agents, html[dir="rtl"] .contact { text-align:right; }
html[dir="rtl"] .eyebrow, html[dir="rtl"] .section-tag, html[dir="rtl"] .signal-top, html[dir="rtl"] .signal-bottom { flex-direction:row-reverse; }
html[dir="rtl"] .about-grid { direction:rtl; }
html[dir="rtl"] .principles article { padding:25px 0 0 42px; }
html[dir="rtl"] .principles article+article { padding-right:42px; padding-left:42px; border-left:0; border-right:1px solid var(--line); }
html[dir="rtl"] .agent { text-align:right; }
html[dir="rtl"] .agent a { right:auto; left:22px; }
html[dir="rtl"] .hero-footer { flex-direction:row-reverse; }
html[dir="rtl"] h1, html[dir="rtl"] h2 { letter-spacing:0; }
@media(max-width:800px) { html[dir="rtl"] .principles article, html[dir="rtl"] .principles article+article { padding:22px 0; border-right:0; } }