@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#172c39;--blue:#17647a;--cream:#f7f8f5;--line:#dce4e5;--muted:#536770}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:17px/1.7 'DM Sans',Arial,sans-serif;background:#fff}a{color:var(--blue)}.wrap{width:min(1120px,calc(100% - 44px));margin:auto}.header{border-bottom:1px solid var(--line);background:#fff}.nav{display:flex;justify-content:space-between;align-items:center;min-height:82px}.brand{font:800 25px Manrope,Arial,sans-serif;letter-spacing:.055em;text-decoration:none;color:var(--ink)}.brand span{color:var(--blue)}nav{display:flex;gap:34px}nav a{text-decoration:none;color:var(--ink);font-size:14px;font-weight:600}nav a:hover,.textlink:hover{text-decoration:underline}.menu{display:none}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.18;letter-spacing:-.035em}h1{font-size:clamp(42px,5.6vw,78px);max-width:990px;margin:25px 0}h1 em{font-style:normal;color:var(--blue)}h2{font-size:clamp(29px,3.5vw,46px);margin:0 0 25px}h3{font-size:26px}.eyebrow,.kicker,.number{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--blue)}.hero{padding:115px 0 125px;background:var(--cream)}.lead{font-size:21px;line-height:1.65;max-width:760px;color:#405761}.actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:36px}.btn{display:inline-block;border:0;background:var(--blue);color:white;text-decoration:none;padding:16px 25px;border-radius:5px;font:700 15px 'DM Sans',Arial,sans-serif;cursor:pointer}.btn:hover{background:#104b5c}.btn.light{background:#fff;color:var(--ink)}.textlink{font-weight:700;text-decoration:none}.section{padding:100px 0}.intro{max-width:750px;color:var(--muted);font-size:19px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px}.card{border:1px solid var(--line);padding:32px;min-height:310px;display:flex;flex-direction:column}.card p{color:var(--muted)}.card a{margin-top:auto;font-size:14px;font-weight:700;text-decoration:none}.muted{background:var(--cream)}.split{display:grid;grid-template-columns:1fr 1fr;gap:95px}.split p{margin-top:0;color:var(--muted)}.cta{padding:75px 22px;text-align:center;background:#173747;color:#fff}.cta p{max-width:660px;margin:0 auto 26px;color:#e2ebec}.subhero{padding:90px 0;background:var(--cream)}.subhero h1{font-size:clamp(40px,5vw,66px)}.stages{max-width:920px}.stage{padding:55px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.stage:first-child{padding-top:0}.stage p{max-width:760px;color:var(--muted)}.duration{font-weight:700;color:var(--ink)!important}.contactgrid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.contactform{display:grid;gap:18px}.contactform label{font-weight:600;font-size:14px}.contactform label span{color:#b34740}.contactform input:not([type=checkbox]),textarea{display:block;width:100%;padding:13px 14px;border:1px solid #bfcbd0;border-radius:4px;margin-top:6px;font:inherit;background:#fff;color:var(--ink)}.contactform input:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:2px}.check{display:flex;gap:12px;align-items:flex-start;font-weight:400!important}.check input{margin-top:6px}.check span{color:var(--ink)!important}.trap{position:absolute;left:-9999px}.small{font-size:13px;color:var(--muted)}.legal{max-width:800px}.legal p{margin:0 0 22px}footer{background:#102d3b;color:#fff;padding:48px 0}.foot{display:flex;justify-content:space-between;gap:30px}.foot p{color:#c4d3d8;font-size:14px}.foot a{color:#e5f1f2}@media(max-width:760px){.menu{display:block;border:1px solid var(--line);padding:9px 13px;background:white;color:var(--ink);font-weight:700}.nav{flex-wrap:wrap}.nav nav{display:none;width:100%;flex-direction:column;gap:0;padding:0 0 20px}.nav nav.open{display:flex}.nav nav a{padding:12px 0}.hero{padding:80px 0}.section{padding:70px 0}.cards,.split,.contactgrid{grid-template-columns:1fr;gap:25px}.card{min-height:230px}.foot{flex-direction:column}.subhero{padding:65px 0}.lead{font-size:18px}}
/* Identité APPLANCE 2026 */
:root{--ink:#17253a;--blue:#168fd0;--cream:#f3f7fb;--line:#dce5ed;--muted:#526276}
body{background:#fff}.header{position:sticky;top:0;z-index:20;box-shadow:0 2px 18px rgba(12,29,51,.045)}
.brand{display:flex;align-items:center;gap:10px;font-size:22px;color:#696b72}.brand img{width:49px;height:45px;object-fit:contain}.brand span{color:#696b72}
nav a:hover{color:#168fd0}.btn{background:#168fd0;border-radius:8px;box-shadow:0 10px 25px rgba(16,142,210,.16);transition:transform .2s,background .2s}.btn:hover{background:#087ab8;transform:translateY(-2px)}
.hero-modern{position:relative;overflow:hidden;background:radial-gradient(circle at 77% 35%,#1c3c59 0,#101e33 49%,#0c1829 100%);color:#fff;min-height:570px;display:flex;align-items:center}
.hero-modern .hero-content{position:relative;z-index:2;width:min(1120px,calc(100% - 44px));pointer-events:none}
.hero-modern .hero-content a{pointer-events:auto}.hero-modern h1{max-width:780px;text-shadow:0 2px 20px rgba(7,17,31,.35)}
.hero-modern h1 em{color:#43bafa}.hero-modern .lead{color:#dce7f3;max-width:670px}.hero-modern .eyebrow{color:#81d2ff}
.network-panel{position:absolute;inset:0;z-index:1;opacity:.95;mask-image:linear-gradient(90deg,transparent 8%,#000 50%)}
.network-panel canvas{width:100%;height:100%;display:block}
.card{border-radius:14px;transition:transform .25s,box-shadow .25s,border-color .25s;background:#fff}.card:hover{transform:translateY(-5px);border-color:#a9d5ed;box-shadow:0 20px 45px rgba(19,45,73,.08)}
.card .number{font-size:14px;color:#1b9fdf}.muted{background:#f3f7fb}.cta,footer{background:#101e33}.subhero{background:linear-gradient(120deg,#f0f7fc,#fff)}
.textlink{color:#168fd0}a:focus-visible,button:focus-visible{outline:3px solid #55baf2;outline-offset:4px}
@media(max-width:760px){.hero-modern{min-height:570px}.network-panel{opacity:.48;mask-image:none}.hero-modern .hero-content{background:linear-gradient(90deg,rgba(12,24,41,.5),transparent)}.brand{font-size:18px}.brand img{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.card{transition:none}.btn:hover,.card:hover{transform:none}}

/* V4 — direction éditoriale, sans imagerie neuronale */
:root{--ink:#243346;--blue:#168fd0;--cream:#f8fafb;--line:#e3e8ec;--muted:#5d6b77}
body{font-family:'DM Sans',Arial,sans-serif;letter-spacing:0;background:#fff}
.header{box-shadow:none;border-bottom:1px solid #e7edf1}
.nav{min-height:90px}.brand{font-size:23px;letter-spacing:.11em}
nav a{font-size:14px;font-weight:500}
h1,h2,h3{letter-spacing:-.045em}h1{font-weight:700}
.hero-editorial{position:relative;overflow:hidden;min-height:610px;padding:115px 0;background:#f6f9fb;color:#26374a;display:flex;align-items:center}
.hero-editorial .hero-content{position:relative;z-index:2}
.hero-editorial h1{max-width:800px;font-size:clamp(44px,5.8vw,78px);line-height:1.12}
.hero-editorial h1 em{color:#168fd0}
.hero-editorial .lead{max-width:660px;color:#526579;font-size:20px}
.hero-editorial .eyebrow{color:#1487c3}
.hero-editorial .actions{position:relative;z-index:3}
.editorial-art{position:absolute;right:-6%;top:0;bottom:0;width:46%;opacity:.72;pointer-events:none;overflow:hidden}
.editorial-art:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f6f9fb,transparent 55%);z-index:2}
.shape{position:absolute;display:block;transform:skew(-18deg) rotate(-16deg);border-radius:2px}
.shape-a{width:185px;height:480px;background:#dbeaf4;right:34%;top:3%}
.shape-b{width:80px;height:510px;background:#35a9e5;right:28%;top:13%;opacity:.55}
.shape-c{width:120px;height:390px;background:#8c939c;right:7%;top:-10%;opacity:.25}
.art-caption{position:absolute;right:18%;bottom:50px;color:#60778b;letter-spacing:.23em;font-size:10px;font-weight:700;z-index:3}
.section{padding:95px 0}.cards{gap:24px}.card{border-radius:3px;min-height:290px;box-shadow:none;transition:border-color .2s}
.card:hover{transform:none;box-shadow:none;border-color:#168fd0}
.card .number{color:#168fd0;font-size:12px}.muted{background:#f6f8fa}
.cta{background:#eaf3f9;color:#253749}.cta p{color:#526579}.cta .btn.light{background:#168fd0;color:white}
footer{background:#263749}.subhero{background:#f6f9fb}
.btn{border-radius:3px;box-shadow:none}.btn:hover{transform:none}
@media(max-width:760px){.hero-editorial{min-height:0;padding:85px 0}.editorial-art{width:75%;opacity:.2}.hero-editorial h1{font-size:clamp(42px,9vw,60px)}.art-caption{display:none}}

/* V5 — photographie réelle et direction éditoriale */
.hero-editorial{background:#f6f9fb;isolation:isolate}
.v5-hero-photo{position:absolute;right:0;top:0;width:48%;height:100%;overflow:hidden;z-index:-1}
.v5-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.78)}
.v5-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#f6f9fb 0%,rgba(246,249,251,.35) 26%,transparent 65%)}
.hero-editorial .hero-content{z-index:1}
.hero-editorial h1{max-width:690px}
.hero-editorial .lead{max-width:620px}
.v5-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}
.v5-feature p:not(.kicker){color:var(--muted)}
.v5-section-photo{height:420px;overflow:hidden;background:#e7eef2}
.v5-section-photo img,.v5-expertise-photo img{display:block;width:100%;height:100%;object-fit:cover}
.v5-expertise-photo{margin-top:55px;height:300px;overflow:hidden;background:#e7eef2}
@media(max-width:900px){.v5-hero-photo{width:42%;opacity:.38}.v5-photo-shade{background:linear-gradient(90deg,#f6f9fb 0%,rgba(246,249,251,.7) 45%,transparent)}.v5-feature{gap:35px}}
@media(max-width:760px){.v5-hero-photo{width:100%;opacity:.16}.v5-photo-shade{background:rgba(246,249,251,.55)}.v5-feature{grid-template-columns:1fr}.v5-section-photo{height:250px}.v5-expertise-photo{height:190px;margin-top:25px}}

/* V5.1 : domaines métiers — extension de la V5, sans changement du hero */
.domain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:38px 0 26px}
.domain-card{background:#fff;border:1px solid #dfe8ee;padding:30px 32px;min-height:210px}
.domain-card h3{font-size:1.24rem;line-height:1.3;margin:12px 0}
.domain-card p{color:#5b6b7c;margin:0;line-height:1.7}
.domain-number{font-size:.78rem;font-weight:700;letter-spacing:.13em;color:#168fcb}
.domain-outro{font-weight:600;color:#26374b;margin:22px 0}
@media(max-width:700px){.domain-grid{grid-template-columns:1fr;gap:12px;margin-top:25px}.domain-card{min-height:0;padding:24px}}

/* V5.2 — présentation du prototypage assisté par IA */
.prototype-section{background:#f4f8fa}
.prototype-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:70px;align-items:start}
.prototype-layout h2{margin-top:12px}
.prototype-layout p{line-height:1.75}
.prototype-steps{background:#fff;border:1px solid #dce7ee;padding:32px}
.prototype-steps h3{margin:0 0 22px;font-size:1.2rem}
.prototype-steps ol{margin:0;padding-left:24px}
.prototype-steps li{padding:0 0 18px 5px}
.prototype-steps li strong,.prototype-steps li span{display:block}
.prototype-steps li span{color:#5b6b7c;line-height:1.55;margin-top:4px}
.prototype-steps .prototype-note{border-top:1px solid #dce7ee;padding-top:18px;margin:0;font-size:.9rem;color:#5b6b7c}
@media(max-width:800px){.prototype-layout{grid-template-columns:1fr;gap:25px}.prototype-steps{padding:25px}}