:root{--bg:#061019;--bg2:#091722;--line:#173040;--text:#eaf1f6;--muted:#aebdca;--cyan:#22baf5;--cyan2:#73d8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}.top{height:88px;position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,90px);background:rgba(4,12,19,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(115,216,255,.08)}.brand{display:flex;gap:13px;align-items:center}.brand b{font-size:22px;letter-spacing:.04em}.brand small{display:block;font-size:10px;letter-spacing:.34em;color:var(--muted)}.orb{display:grid;place-items:center;width:43px;height:43px;border:2px solid var(--cyan);border-radius:50%;color:var(--cyan);font-size:28px}.top nav{display:flex;align-items:center;gap:34px;text-transform:uppercase;font-size:12px;letter-spacing:.14em}.top nav a:not(.li):hover{color:var(--cyan2)}.li{border:1px solid #7893a5;border-radius:5px;font:bold 20px Arial;padding:2px 7px;text-transform:none}.hero{min-height:760px;padding:150px clamp(24px,6vw,90px) 80px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 72% 38%,#0d3044 0,transparent 35%),linear-gradient(135deg,#050c13,#07131d 60%,#061019)}.grid{position:absolute;inset:0;opacity:.08;background-image:linear-gradient(var(--cyan) 1px,transparent 1px),linear-gradient(90deg,var(--cyan) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,transparent,black,transparent)}.hero-copy{position:relative;z-index:3;max-width:600px}.eyebrow,.tagline{font-size:12px;letter-spacing:.27em;color:var(--cyan2)}.hero h1{font-size:clamp(64px,8vw,112px);line-height:.83;letter-spacing:.02em;margin:25px 0 26px;font-weight:600}.hero h1 span{color:var(--cyan)}.hero h2{font-size:18px;letter-spacing:.42em;font-weight:400;color:#c5d3dc}.intro{max-width:560px;color:#d3dce2;font-size:18px}.actions{display:flex;gap:16px;margin:30px 0}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 24px;border:1px solid #69879a;border-radius:5px;background:transparent;color:#eef7fb;text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:.08em;cursor:pointer}.btn:hover{border-color:var(--cyan);box-shadow:0 0 22px rgba(34,186,245,.15)}.primary{background:linear-gradient(135deg,#0e98d3,#26baf3);border-color:#32c3fb;color:white}.tagline{margin-top:30px}.globe{position:absolute;right:-5vw;top:105px;width:min(58vw,720px);aspect-ratio:1;opacity:.88;filter:drop-shadow(0 0 30px rgba(34,186,245,.12))}.globe-inner{position:absolute;inset:8%;border:1px solid #1f9dd2;border-radius:50%;background:radial-gradient(circle at 38% 30%,rgba(71,201,255,.14),transparent 25%),radial-gradient(circle at center,rgba(15,113,158,.18),rgba(0,0,0,.08) 65%);box-shadow:inset 0 0 70px rgba(34,186,245,.12),0 0 60px rgba(34,186,245,.08);animation:float 8s ease-in-out infinite}.lat,.lon{position:absolute;border:1px solid rgba(61,191,244,.38);border-radius:50%}.lat{left:4%;right:4%;height:26%}.l1{top:18%}.l2{top:37%}.l3{top:57%}.lon{top:4%;bottom:4%;width:38%;left:31%}.lon.a{transform:rotate(0)}.lon.b{transform:rotate(60deg)}.lon.c{transform:rotate(120deg)}.p{position:absolute;width:6px;height:6px;background:#8be3ff;border-radius:50%;box-shadow:0 0 14px 4px #1cb9fb}.p1{top:25%;left:38%}.p2{top:42%;left:68%}.p3{top:61%;left:30%}.p4{top:70%;left:62%}.p5{top:34%;left:23%}@keyframes float{50%{transform:translateY(-10px) rotate(2deg)}}.section{display:grid;grid-template-columns:50px minmax(0,1fr) minmax(280px,360px);gap:32px;padding:70px clamp(24px,6vw,90px);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#07131d,#08151f)}.num{font-size:12px;color:#a8c1d1;border-right:2px solid var(--cyan);padding-top:4px}.section h2{margin:0 0 20px;font-size:26px;letter-spacing:.16em}.section-main{max-width:760px}.section-main p{color:#b9c6cf}.pillars{border-left:1px solid #315164;padding-left:38px;display:grid;gap:22px}.pillars div{display:grid}.pillars b{font-size:12px;color:var(--cyan);letter-spacing:.08em}.pillars span{font-size:13px;color:#a9bac5}.contact{grid-template-columns:50px minmax(300px,.8fr) minmax(420px,1.2fr)}form{display:grid;gap:12px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label span{position:absolute;left:-9999px}input,textarea{width:100%;border:1px solid #2d4a5c;background:#0a1a25;color:white;border-radius:5px;padding:13px 14px;font:inherit;outline:none}input:focus,textarea:focus{border-color:var(--cyan)}textarea{min-height:115px;resize:vertical}.check{font-size:12px;color:#afbec8;display:flex;align-items:center;gap:8px}.check input{width:auto}.hp{position:absolute!important;left:-9999px!important}.secure{margin-top:40px;color:#d6e4ec!important}.status{min-height:1.5em;margin:0;font-size:13px;color:var(--cyan2)}footer{display:flex;justify-content:space-between;padding:28px clamp(24px,6vw,90px);color:#7892a3;font-size:11px;letter-spacing:.05em}@media(max-width:900px){.top{height:72px}.top nav a:not(.li){display:none}.hero{padding-top:125px;min-height:720px}.globe{right:-45%;top:170px;width:100vw;opacity:.36}.hero-copy{max-width:650px}.section,.contact{grid-template-columns:34px 1fr}.pillars,form{grid-column:2}.pillars{border-left:0;padding-left:0;grid-template-columns:1fr 1fr}.row{grid-template-columns:1fr}footer{gap:15px;flex-direction:column}}@media(max-width:560px){.brand b{font-size:17px}.hero h1{font-size:58px}.hero h2{font-size:14px}.intro{font-size:16px}.actions{flex-direction:column;align-items:stretch}.pillars{grid-template-columns:1fr}.section{padding-left:20px;padding-right:20px}.top{padding:0 20px}.hero{padding-left:20px;padding-right:20px}}
/* V2 — globe plus organique et fond animé */
.hero{background:radial-gradient(circle at 78% 37%,rgba(8,92,132,.28) 0,rgba(5,22,34,.12) 28%,transparent 48%),linear-gradient(135deg,#030a10,#07131d 58%,#041019)}
.grid{opacity:.055;background-size:80px 80px;animation:gridDrift 28s linear infinite}
@keyframes gridDrift{to{background-position:80px 80px}}
.spacefx{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.spacefx i{position:absolute;width:2px;height:2px;border-radius:50%;background:#65d6ff;box-shadow:0 0 8px #23bdf8;opacity:.5;animation:twinkle 4s ease-in-out infinite}.spacefx i:nth-child(1){left:44%;top:16%}.spacefx i:nth-child(2){left:50%;top:27%;animation-delay:-1s}.spacefx i:nth-child(3){left:59%;top:13%;animation-delay:-2.2s}.spacefx i:nth-child(4){left:69%;top:23%;animation-delay:-.7s}.spacefx i:nth-child(5){left:81%;top:17%;animation-delay:-3s}.spacefx i:nth-child(6){left:91%;top:31%;animation-delay:-1.5s}.spacefx i:nth-child(7){left:55%;top:62%;animation-delay:-2.8s}.spacefx i:nth-child(8){left:76%;top:69%;animation-delay:-.3s}.spacefx i:nth-child(9){left:88%;top:57%;animation-delay:-2s}.spacefx i:nth-child(10){left:96%;top:72%;animation-delay:-1.2s}@keyframes twinkle{0%,100%{opacity:.18;transform:scale(.7)}50%{opacity:.95;transform:scale(1.6)}}
.globe{right:-3vw;top:95px;width:min(61vw,780px);opacity:.95;filter:drop-shadow(0 0 38px rgba(34,186,245,.16));perspective:900px}.globe-inner{inset:7%;border:0;background:radial-gradient(circle at 36% 30%,rgba(65,199,255,.14),transparent 26%),radial-gradient(circle at 52% 52%,rgba(12,98,141,.14),rgba(0,0,0,.08) 68%);box-shadow:inset -30px -18px 80px rgba(0,0,0,.55),inset 20px 12px 55px rgba(38,190,249,.08),0 0 75px rgba(34,186,245,.08);animation:globeFloat 9s ease-in-out infinite}.earth{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;filter:drop-shadow(0 0 10px rgba(57,197,255,.18))}.continents{animation:continentPulse 5s ease-in-out infinite}.gridlines{transform-origin:300px 300px;animation:gridSpin 30s linear infinite}.orbit{position:absolute;left:2%;top:47%;width:96%;height:24%;border:1px solid rgba(52,192,247,.32);border-radius:50%;transform:rotate(-15deg);z-index:3;box-shadow:0 0 16px rgba(34,186,245,.05)}.orbit-b{transform:rotate(49deg);height:18%;top:40%;opacity:.55}.orbit-a{animation:orbitPulse 6s ease-in-out infinite}@keyframes globeFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1.2deg)}}@keyframes gridSpin{to{transform:rotate(360deg)}}@keyframes continentPulse{50%{opacity:.78}}@keyframes orbitPulse{50%{opacity:.45;transform:rotate(-12deg) scale(1.015)}}
@media(max-width:900px){.globe{right:-40%;top:160px;width:105vw;opacity:.38}.spacefx{opacity:.55}}
@media(prefers-reduced-motion:reduce){.grid,.spacefx i,.globe-inner,.gridlines,.continents,.orbit{animation:none!important}}
/* V3 — globe proche de la maquette + sélecteur FR/EN/DE */
.head-right{display:flex;align-items:center;gap:28px}.languages{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.12em;color:#708b9c}.languages button{appearance:none;border:0;background:none;color:#708b9c;font:inherit;padding:6px 2px;cursor:pointer}.languages button:hover,.languages button.active{color:var(--cyan2)}.languages button.active{border-bottom:1px solid var(--cyan)}.brand-globe{position:relative;width:43px;height:43px;border:1px solid #3cc9ff;border-radius:50%;box-shadow:inset -8px -5px 18px rgba(0,0,0,.65),0 0 14px rgba(34,186,245,.12);overflow:hidden}.brand-globe:before,.brand-globe:after{content:"";position:absolute;border:1px solid rgba(79,211,255,.65);border-radius:50%}.brand-globe:before{inset:6px 15px}.brand-globe:after{left:3px;right:3px;top:14px;height:12px}.brand-globe i{position:absolute;width:13px;height:9px;left:7px;top:9px;background:#41c8f8;border-radius:55% 35% 45% 30%;box-shadow:12px 14px 0 -2px #41c8f8,20px 5px 0 -4px #41c8f8}
.globe{display:none!important}.globe-scene{position:absolute;z-index:2;right:-4.5vw;top:70px;width:min(66vw,860px);aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 0 34px rgba(25,174,231,.13));animation:sceneFloat 10s ease-in-out infinite}.globe-svg{width:100%;height:100%;overflow:visible}.land{animation:landGlow 5.5s ease-in-out infinite}.sphere-grid{transform-origin:410px 410px;animation:sphereBreathe 9s ease-in-out infinite}.network path{stroke-dasharray:7 9;animation:networkFlow 18s linear infinite}.network path:nth-child(even){animation-direction:reverse}.nodes circle{animation:nodePulse 3.5s ease-in-out infinite}.nodes circle:nth-child(2n){animation-delay:-1.7s}.orbit-lines{transform-origin:410px 410px;animation:orbitTurn 34s linear infinite}.globe-halo{position:absolute;inset:10%;border-radius:50%;box-shadow:inset 35px 10px 70px rgba(62,204,255,.08),inset -90px -20px 100px rgba(0,0,0,.58),0 0 80px rgba(28,177,233,.08)}.coords,.techwords{position:absolute;color:#5ebce2;font-size:10px;line-height:1.8;letter-spacing:.15em;text-shadow:0 0 8px rgba(38,190,249,.4)}.coords{right:2%;bottom:21%}.techwords{right:0;top:18%}.visible{position:static!important;left:auto!important}.check span.visible{display:inline}
@keyframes sceneFloat{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-10px) rotate(.5deg)}}@keyframes landGlow{50%{opacity:.74;filter:brightness(1.22)}}@keyframes sphereBreathe{50%{opacity:.28}}@keyframes networkFlow{to{stroke-dashoffset:-160}}@keyframes nodePulse{0%,100%{opacity:.45}50%{opacity:1;transform:scale(1.55);transform-origin:center}}@keyframes orbitTurn{to{transform:rotate(360deg)}}
@media(max-width:1100px){.top nav{gap:20px}.head-right{gap:16px}.globe-scene{right:-20%;width:78vw;opacity:.72}}
@media(max-width:900px){.head-right nav a:not(.li){display:none}.globe-scene{right:-52%;top:170px;width:120vw;opacity:.35}.techwords,.coords{display:none}.languages{gap:4px}.top{padding-left:20px;padding-right:20px}}
@media(max-width:560px){.brand small{letter-spacing:.22em}.brand-globe{width:36px;height:36px}.head-right{gap:10px}.li{display:none}.languages{font-size:10px}.globe-scene{right:-70%;top:195px;width:145vw}.hero-copy{z-index:4}}
@media(prefers-reduced-motion:reduce){.globe-scene,.land,.sphere-grid,.network path,.nodes circle,.orbit-lines{animation:none!important}}

/* V4 — globe photographique centré Europe + ciel plus riche et plus calme */
.spacefx{opacity:.95;background-image:radial-gradient(circle at 18% 22%,rgba(95,207,255,.08),transparent 20%),radial-gradient(circle at 78% 16%,rgba(95,207,255,.06),transparent 24%)}
.spacefx i{width:1.5px;height:1.5px;opacity:.34;animation-name:slowTwinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.spacefx i.star-bright{width:2.5px;height:2.5px;box-shadow:0 0 10px 2px rgba(82,202,255,.65)}
@keyframes slowTwinkle{0%,42%,58%,100%{opacity:.22;transform:scale(.8)}50%{opacity:.92;transform:scale(1.7)}}
.globe-scene{right:-2vw;top:72px;width:min(68vw,900px);aspect-ratio:1.25;filter:none;animation:sceneFloat 12s ease-in-out infinite}
.globe-photo-wrap{position:absolute;inset:0;overflow:hidden;mask-image:radial-gradient(ellipse 67% 62% at 57% 48%,#000 48%,rgba(0,0,0,.92) 67%,transparent 91%);-webkit-mask-image:radial-gradient(ellipse 67% 62% at 57% 48%,#000 48%,rgba(0,0,0,.92) 67%,transparent 91%)}
.globe-photo{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.92) contrast(1.06) brightness(.94);transform:scale(1.03);animation:earthDrift 18s ease-in-out infinite;mix-blend-mode:screen}
.globe-orbit{position:absolute;left:12%;top:47%;width:82%;height:24%;border:1px solid rgba(70,183,255,.38);border-radius:50%;box-shadow:0 0 10px rgba(38,174,255,.08);pointer-events:none}
.orbit-one{transform:rotate(-17deg);animation:orbitSoft1 13s ease-in-out infinite}.orbit-two{top:39%;height:19%;transform:rotate(47deg);opacity:.62;animation:orbitSoft2 17s ease-in-out infinite}.orbit-three{top:45%;left:19%;width:70%;height:14%;transform:rotate(78deg);opacity:.35;animation:orbitSoft3 21s ease-in-out infinite}
@keyframes earthDrift{0%,100%{transform:scale(1.03) translate(0,0)}50%{transform:scale(1.045) translate(-.7%,-.5%)}}
@keyframes orbitSoft1{50%{opacity:.65;transform:rotate(-15deg) scale(1.012)}}@keyframes orbitSoft2{50%{opacity:.35;transform:rotate(49deg) scale(.99)}}@keyframes orbitSoft3{50%{opacity:.58;transform:rotate(76deg) scale(1.015)}}
@media(max-width:1100px){.globe-scene{right:-17%;width:80vw}}
@media(max-width:900px){.globe-scene{right:-48%;top:165px;width:120vw;opacity:.44}}
@media(max-width:560px){.globe-scene{right:-72%;top:205px;width:150vw;opacity:.34}}
@media(prefers-reduced-motion:reduce){.spacefx i,.globe-photo,.globe-orbit{animation:none!important}}

/* V5 production — globe seul à droite, ciel dense, sections empilées */
.techwords,.coords{display:none!important}
.spacefx{opacity:1;background-image:radial-gradient(circle at 22% 16%,rgba(63,179,255,.09),transparent 18%),radial-gradient(circle at 72% 12%,rgba(63,179,255,.08),transparent 22%),radial-gradient(circle at 54% 66%,rgba(31,122,190,.055),transparent 24%)}
.spacefx i{animation-name:v5Twinkle!important;animation-timing-function:ease-in-out!important;opacity:.42}
@keyframes v5Twinkle{0%,42%,58%,100%{opacity:.24;transform:scale(.82)}50%{opacity:.92;transform:scale(1.45)}}
.globe-scene{right:-1vw;top:68px;width:min(69vw,920px)}
.globe-photo{filter:saturate(1.02) contrast(1.08) brightness(.98);animation-duration:22s}
.globe-orbit{animation-duration:22s}
.section{grid-template-columns:50px minmax(0,1fr) minmax(280px,360px)}
.contact{grid-template-columns:50px minmax(0,.85fr) minmax(420px,1.15fr)}
@media(max-width:900px){.globe-scene{right:-50%;top:160px;width:122vw;opacity:.48}.section,.contact{grid-template-columns:34px 1fr}.pillars,form{grid-column:2}}
@media(max-width:560px){.globe-scene{right:-78%;top:205px;width:158vw;opacity:.39}}

/* V6 production — maquette finale */
/* Globe nettoyé : aucune annotation ni coordonnées, uniquement Terre + ciel. */
.globe-photo-wrap{mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 100%);overflow:hidden}
.globe-photo{object-fit:cover;object-position:center center;transform:scale(1.035);animation:earthDriftV6 24s ease-in-out infinite alternate}
@keyframes earthDriftV6{0%{transform:scale(1.035) translate3d(0,0,0)}50%{transform:scale(1.05) translate3d(-5px,-4px,0)}100%{transform:scale(1.04) translate3d(3px,2px,0)}}
/* Sections sans numérotation. */
.section{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:48px}
.contact{grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr)}
.num{display:none!important}
/* Quatre piliers avec pictogrammes cyan. */
.pillars{padding-left:40px;gap:20px}
.pillars .pillar{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:center}
.pillar-icon{width:42px;height:42px;color:var(--cyan);display:grid;place-items:center}
.pillar-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(34,186,245,.12))}
.pillar-copy{display:grid}
@media(max-width:900px){.section,.contact{grid-template-columns:1fr}.pillars,form{grid-column:auto}.pillars{border-left:0;border-top:1px solid #315164;padding:28px 0 0;grid-template-columns:1fr 1fr}.globe-photo{object-position:55% center}}
@media(max-width:560px){.pillars{grid-template-columns:1fr}.pillars .pillar{grid-template-columns:44px 1fr}.section{gap:30px}}
@media(prefers-reduced-motion:reduce){.globe-photo{animation:none!important}}