:root{--bg:#050a12;--text:#f4f7fb;--muted:#a7b3c1;--accent:#63b8ff;--max:1180px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
nav{height:70px;border-bottom:1px solid #ffffff14;background:#050a12e8;backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}
.navin{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;letter-spacing:.08em}.brand i{font-style:normal;color:var(--accent)}
.menu{display:flex;gap:28px;color:#dbe3ec;font-size:.9rem}.menu a:hover{color:var(--accent)}
.btn{display:inline-flex;padding:13px 20px;border:1px solid var(--accent);border-radius:7px;color:var(--accent);font-weight:800}.btn:hover{background:var(--accent);color:#06101b}
.hero{min-height:calc(100vh - 70px);display:grid;grid-template-columns:.88fr 1.12fr;gap:45px;align-items:center;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 48%,#3097ff1f,transparent 34%),linear-gradient(90deg,#050a12 0%,#050a12eb 43%,#050a1240 72%,#050a12 100%);pointer-events:none}
.hero-copy,.mapwrap{position:relative;z-index:2}.kicker{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
h1{font-size:clamp(4rem,7vw,7rem);line-height:.86;letter-spacing:-.06em;margin:18px 0 28px}h1 span{color:var(--accent)}
h2{font-size:clamp(1.8rem,3vw,3.1rem);line-height:1.06;margin:0 0 22px}h2 em{font-style:normal;color:var(--accent)}
.lead{font-size:1.05rem;color:var(--muted);max-width:570px;line-height:1.7}.actions{margin-top:30px}
.mapwrap{min-height:620px}.mapglow{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle,#2497ff22,transparent 60%);filter:blur(8px)}
.system-map{position:absolute;inset:0}.system-map svg{position:absolute;inset:0;width:100%;height:100%}
.map-node{position:absolute;transform:translate(-50%,-50%);text-align:center;min-width:105px}.map-node strong{display:block;color:var(--accent);font-size:1rem}.map-node small{display:block;color:#c1cedb;line-height:1.25;margin-top:4px}
.core{left:50%;top:50%;width:170px;height:170px;border:1px solid var(--accent);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#060e17d6;box-shadow:0 0 45px #63b8ff29,inset 0 0 30px #63b8ff14}
.data{left:50%;top:12%}.metiers{left:19%;top:49%}.systems{left:82%;top:49%}.projects{left:50%;top:82%}.operations{left:78%;top:18%}.formation{left:25%;top:20%}.finance{left:25%;top:80%}.decisions{left:78%;top:82%}
.scroll{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:var(--accent);font-size:.72rem;letter-spacing:.2em;text-align:center}.scroll span{display:block;font-size:1.5rem}
@media(max-width:900px){.menu{display:none}.hero{grid-template-columns:1fr;padding:70px 0 95px}.mapwrap{min-height:500px}}
@media(max-width:560px){.container{width:calc(100% - 28px)}.mapwrap{min-height:430px}.core{width:135px;height:135px}.metiers{left:12%}.systems{left:88%}.formation{left:20%}.operations{left:80%}.finance{left:20%}.decisions{left:80%}}