/* Version bleu clair, blanc et noir */
:root { --ink:#0b1830; --muted:#596a82; --acid:#1263e9; --dark:#edf6ff; --line:#c8dcef; }
body { background:#edf6ff; color:#0b1830; }
.glow-one { background:#59afff; opacity:.23; }.glow-two { background:#5bc3ff; opacity:.16; }
.brand-logo { background:transparent; width:106px; height:42px; border-radius:0; }.brand-logo img { object-fit:contain; object-position:center; }
.topbar nav a { color:#52647d; }.topbar nav a.active,.topbar nav a:hover { color:#0b1830; }.language { color:#0b1830; }.language option { background:#fff; }
.button { background:#1263e9; color:#fff; }.button:hover { background:#0d4eba; }.text-link { color:#0b1830; border-color:#94adc9; }
.signal-card { background:linear-gradient(145deg,#fafdff,#dcedff); border-color:#bdd7f6; }.orbit { border-color:#8abcf8; box-shadow:inset 0 0 38px #9ccaff66; }.orbit:before,.orbit:after { border-color:#add1fa; }.core { background:#1263e9; color:#fff; box-shadow:0 0 35px #1263e966; }.signal-top,.signal-bottom { color:#5d7090; }.signal-bottom { border-color:#bdd7f6; }
.about { border-color:#c8dcef; }.agents { background:#dceeff; }.contact { background:radial-gradient(circle at center,#c4e2ff 0,#e9f5ff 45%,#edf6ff 75%); }.agent-number,.principles span { color:#1263e9; }
.omphis-agent { width:100%; min-height:220px; display:grid; grid-template-columns:150px 1fr auto; gap:32px; align-items:center; text-align:left; padding:32px 38px; border:1px solid #aaccec; background:#fff; color:#0b1830; cursor:pointer; transition:transform .2s,box-shadow .2s,border-color .2s; position:relative; overflow:hidden; }
.omphis-agent:hover { transform:translateY(-4px); border-color:#1263e9; box-shadow:0 18px 42px #1263e91a; }.omphis-agent .agent-number { position:absolute; top:22px; left:26px; font:11px "DM Mono"; }.agent-orb,.modal-orb { display:grid; place-items:center; width:116px; height:116px; border-radius:50%; color:white; background:radial-gradient(circle at 35% 30%,#63b5ff,#1263e9 62%,#08419c); font:50px "DM Mono"; box-shadow:0 12px 30px #1263e955; }.agent-info { display:grid; gap:8px; }.agent-info strong { font-size:32px; }.agent-info small { color:#596a82; font-size:14px; }.agent-arrow { color:#1263e9; font-size:28px; }
.agent-modal[hidden] { display:none; }.agent-modal { position:fixed; inset:0; z-index:10; display:grid; place-items:center; padding:20px; }.modal-backdrop { position:absolute; inset:0; background:#07162ddd; backdrop-filter:blur(5px); }.modal-card { position:relative; z-index:1; width:min(590px,100%); padding:44px; background:#fff; color:#0b1830; border-radius:4px; box-shadow:0 24px 80px #0005; }.modal-index { color:#1263e9; font:11px "DM Mono"; }.modal-orb { width:72px; height:72px; margin:24px 0; font-size:31px; }.modal-card h3 { font-size:42px; margin:0 0 12px; }.modal-card p { color:#52647d; font-size:16px; line-height:1.7; }.modal-points { display:grid; gap:11px; margin:25px 0 30px; }.modal-points span { color:#263b58; font-size:14px; }.modal-points span::before { content:'✓'; color:#1263e9; font-weight:800; margin-right:10px; }.modal-close { position:absolute; top:17px; right:18px; border:0; background:transparent; color:#0b1830; font-size:31px; cursor:pointer; }
html[dir="rtl"] .omphis-agent { text-align:right; grid-template-columns:auto 1fr 150px; }.omphis-agent .agent-number { left:auto; right:26px; }html[dir="rtl"] .modal-card { text-align:right; }html[dir="rtl"] .modal-close { right:auto; left:18px; }html[dir="rtl"] .modal-points span::before { margin-right:0; margin-left:10px; }
@media(max-width:800px) { .omphis-agent { grid-template-columns:1fr auto; padding:55px 25px 28px; gap:20px; }.agent-orb { width:82px; height:82px; font-size:35px; }.agent-info strong { font-size:25px; }.modal-card { padding:32px 26px; }.modal-card h3 { font-size:34px; } html[dir="rtl"] .omphis-agent { grid-template-columns:auto 1fr; } }

/* Ajustements de la page d'accueil */
.topbar .brand-logo { width:220px; height:88px; }.topbar nav a { padding:9px 13px; border-radius:999px; transition:background .2s,color .2s; }.topbar nav a:hover,.topbar nav a.active:hover { background:#d7eaff; color:#1263e9; }.topbar nav a.active { background:transparent; color:#0b1830; }
.contact-form { width:min(650px,100%); margin:0 auto; display:grid; gap:17px; text-align:left; }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:17px; }.contact-form label { display:grid; gap:8px; color:#253c5c; font-size:13px; font-weight:700; }.contact-form input,.contact-form textarea { width:100%; border:1px solid #abc8e8; border-radius:0; background:#fff; color:#0b1830; padding:13px 14px; font:14px Manrope,Arial,sans-serif; outline:none; resize:vertical; }.contact-form input:focus,.contact-form textarea:focus { border-color:#1263e9; box-shadow:0 0 0 3px #1263e920; }.contact-submit { justify-self:center; border:0; margin-top:8px; cursor:pointer; }.form-status { min-height:20px; margin:0; text-align:center; color:#1263e9; font-size:13px; font-weight:700; }
.contact-anchor { display:none; }
.hero-visual { position:absolute; right:-90px; bottom:-45px; width:min(48vw,680px); pointer-events:none; }.hero-visual img { display:block; width:100%; height:auto; filter:drop-shadow(0 22px 24px #2b75bc33); }.hero h1,.hero .hero-copy,.hero .hero-actions,.hero .eyebrow { position:relative; z-index:1; }.contact-form { scroll-margin-top:0; }
.hero { min-height:590px; }.use-case { padding-top:35px; }.use-case-card { display:grid; grid-template-columns:130px 1fr; gap:40px; padding:55px; border:1px solid #bdd7f6; background:#fff; }.use-symbol { display:grid; place-items:center; width:86px; height:86px; border-radius:50%; background:#1263e9; color:#fff; font-size:35px; }.use-case h2 { font-size:clamp(36px,4.3vw,62px); margin:0 0 20px; }.use-case p { max-width:700px; margin:0; color:#52647d; font-size:17px; line-height:1.8; }.two-agents { grid-template-columns:repeat(2,1fr); }.two-agents .omphis-agent { grid-template-columns:1fr auto; min-height:280px; }.two-agents .agent-orb { grid-row:2; }.two-agents .agent-info { grid-row:2; }.two-agents .agent-arrow { position:absolute; top:25px; right:27px; }.two-agents .agent-number { left:27px; }.hero-footer { display:none; }
@media(max-width:800px) { .topbar .brand-logo { width:158px; height:63px; }.use-case-card { grid-template-columns:1fr; gap:25px; padding:30px 25px; }.two-agents { grid-template-columns:1fr; }.two-agents .omphis-agent { grid-template-columns:1fr auto; }.form-row { grid-template-columns:1fr; }.hero-visual { position:relative; right:auto; bottom:auto; width:100%; margin:25px auto -55px; } }