:root{--navy:#031421;--navy2:#061b2a;--blue:#0797ff;--ink:#071738;--muted:#566273;--white:#fff;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.45}.container{width:min(var(--max),calc(100% - 96px));margin:auto}h1,h2,h3{font-family:Manrope,Inter,sans-serif;margin:0;line-height:1.08}h2{font-size:clamp(2rem,3vw,3.25rem);letter-spacing:-.045em}p{margin:.6rem 0}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:800;color:#7ed0ff;margin:0 0 13px}.eyebrow.blue{color:#078eff}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;color:#fff}.nav{height:72px;display:flex;align-items:center;gap:28px}.brand{display:block;width:190px;flex:0 0 190px}.brand img{display:block;width:100%;height:auto}.nav-links{display:flex;gap:34px;margin-left:auto}.nav-links a,.footer nav a{font-size:12px;font-weight:600;text-decoration:none;color:inherit}.nav-links a{position:relative}.nav-links a.active:after,.nav-links a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:#13a6ff}.nav-actions{display:flex;align-items:center;gap:18px}.lang-switch{display:inline-flex;align-items:center;gap:8px;padding:5px 7px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(3,20,33,.35);backdrop-filter:blur(10px);color:#fff;cursor:pointer;transition:.2s}.lang-switch:hover{border-color:rgba(255,255,255,.65);background:rgba(3,20,33,.6)}.lang-option{display:grid;place-items:center;min-width:30px;height:28px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.05em;transition:.2s}.lang-divider{width:1px;height:14px;background:rgba(255,255,255,.25)}html[lang="fr"] .lang-fr,html[lang="en"] .lang-en{background:#0b95ff;box-shadow:0 4px 16px rgba(11,149,255,.32)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:999px;padding:13px 24px;border:1px solid transparent;text-decoration:none;font-size:13px;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(100deg,#078cff,#159fff);color:#fff}.btn-outline{color:#fff;border-color:#fff;background:#0314214d}.btn-small{padding:11px 22px}.btn-dark{background:#061625;color:#fff;padding:10px 22px;margin-top:10px}.hero{height:520px;position:relative;overflow:hidden;color:#fff;background:#031421}.hero-stage{position:absolute;inset:0 0 0 36%;background:url('../img/hero_stage_hd.jpg') center 45%/cover no-repeat;filter:saturate(1.08) contrast(1.04)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#031421 0%,#031421 30%,#031421d8 43%,#03142145 70%,#03142135 100%),linear-gradient(0deg,#03142177,transparent 55%)}.hero-inner{position:relative;height:100%;padding-top:100px}.hero-copy{width:43%;min-width:510px}.hero h1{font-size:clamp(3.4rem,5.3vw,6.1rem);letter-spacing:-.065em}.hero-tags{font-size:18px;font-weight:600}.hero-text{font-size:14px;max-width:560px;color:#f3f7fa}.hero-buttons{display:flex;gap:16px;margin-top:22px}.signature{position:absolute;right:2%;bottom:48px;font:600 38px/.98 Caveat,cursive;letter-spacing:.01em;transform:rotate(-6deg);text-align:center;text-shadow:0 3px 14px #000;white-space:nowrap}.signature:after{content:"";display:block;width:105%;height:2px;background:#fff;border-radius:50%;transform:rotate(-2deg);margin:8px 0 0 -2%;box-shadow:0 2px 8px #0008}.pillars{background:#fff}.pillars-grid{display:grid;grid-template-columns:repeat(4,1fr)}.pillars article{text-align:center;padding:28px 24px;position:relative}.pillars article:not(:last-child):after{content:"";position:absolute;right:0;top:22%;height:56%;width:1px;background:#e2e8ee}.icon{height:48px;color:#0a95ff;display:grid;place-items:center}.icon svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pillars h3{font-size:16px}.pillars p{font-size:12px;color:#596779;max-width:230px;margin:7px auto}.solutions{background:radial-gradient(circle at 82% 20%,#12334a 0,#061625 37%);color:#fff;padding:50px 0 54px}.solutions h2{font-size:clamp(2.1rem,3vw,3.35rem)}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:28px}.solution-card{border:1px solid #ffffff66;border-radius:7px;overflow:hidden;background:#061a2a}.solution-card img{width:100%;height:165px;object-fit:cover;display:block;image-rendering:auto;transform:translateZ(0)}.solution-card>div{padding:14px 13px 17px}.solution-card h3{font-size:17px}.solution-card p{font-size:12px;color:#d4dde4}.about{padding:48px 0}.about-grid{display:grid;grid-template-columns:1.35fr 1fr .72fr;gap:46px;align-items:center}.about-copy p{font-size:13px;color:#4e5c6c}.about-visual img{display:block;width:100%;height:250px;object-fit:cover;border-radius:8px}.values{display:grid;gap:21px}.values>div{display:flex;gap:13px;align-items:flex-start}.values b{font-size:25px;color:#071738}.value-icon{width:31px;height:31px;display:block;flex:0 0 31px}.value-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.values p{margin:0}.values strong,.values span{display:block}.values strong{font-size:13px}.values span{font-size:11px;color:#667386;margin-top:2px}.method{background:radial-gradient(circle at 76% 50%,#0d3551 0,#061625 45%);color:#fff;padding:38px 0 42px}.method h2{font-size:2.35rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:22px}.steps article{display:flex;gap:14px;position:relative}.steps article:not(:last-child):after{content:"→";position:absolute;right:-18px;top:9px;color:#18a6ff}.steps article>span{flex:0 0 38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#0b8cff;font-weight:800;font-size:12px}.steps h3{font-size:13px}.steps p{font-size:11px;color:#d2dce4;margin-top:4px}.contact{padding:40px 0 45px}.contact-grid{display:grid;grid-template-columns:1fr 1.08fr .64fr;gap:45px;align-items:center}.contact-copy p{font-size:12px;color:#4d5a6a;max-width:430px}.contact-form{display:grid;gap:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}input,select,textarea{width:100%;padding:9px 10px;border:1px solid #cbd8e5;border-radius:2px;font:inherit;font-size:11px;outline:none;background:#fff}input:focus,select:focus,textarea:focus{border-color:#0b8cff}.contact-form .btn{justify-self:start;padding:11px 24px}.contact-details{display:grid;gap:21px}.contact-details a,.contact-details>div{display:flex;align-items:center;gap:14px;color:#071738;text-decoration:none;font-size:13px}.contact-details i{font-style:normal;font-size:26px}.contact-icon{width:30px;height:30px;display:block;flex:0 0 30px}.contact-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.contact-details small,.contact-details em{display:block;font-style:normal;font-size:10px;color:#607084}.footer{background:#061625;color:#fff;padding:22px 0}.footer-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}.footer .brand{width:145px}.footer nav{display:flex;gap:25px}.legal{text-align:right;font-size:9px;color:#8c9aa8}.to-top{position:fixed;right:20px;bottom:20px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#061625;text-decoration:none;box-shadow:0 5px 25px #0003}.menu-toggle{display:none}
@media(max-width:1000px){.container{width:calc(100% - 44px)}.nav-links{display:none}.menu-toggle{display:block;margin-left:auto;background:none;border:0;width:34px}.menu-toggle span{display:block;height:2px;background:#fff;margin:6px}.nav-actions .btn{display:none}.nav-links.open{display:flex;position:absolute;top:68px;left:22px;right:22px;flex-direction:column;background:#061625f5;padding:20px;border-radius:10px}.hero-copy{width:60%;min-width:0}.hero-stage{left:30%}.solution-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr 1fr}.values{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.contact-grid{grid-template-columns:1fr 1fr}.contact-details{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.footer-inner{grid-template-columns:1fr 1fr}.footer nav{display:none}}
@media(max-width:680px){.container{width:calc(100% - 30px)}.nav{height:66px}.brand{width:145px;flex-basis:145px}.hero{height:690px}.hero-stage{left:0;top:0;height:100%;background-position:center}.hero-shade{background:linear-gradient(90deg,#031421ed,#0314218a),linear-gradient(0deg,#031421aa,transparent)}.hero-inner{padding-top:112px}.hero-copy{width:100%}.hero h1{font-size:clamp(3rem,15vw,4.8rem)}.hero-text{font-size:13px}.hero-buttons{flex-direction:column;align-items:flex-start}.signature{font-size:25px;bottom:28px}.pillars-grid{grid-template-columns:1fr 1fr}.pillars article:nth-child(2):after{display:none}.solution-grid{grid-template-columns:1fr}.solution-card img{height:220px}.about-grid{grid-template-columns:1fr}.values{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.steps article:not(:last-child):after{display:none}.contact-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.contact-details{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.legal{text-align:left}.to-top{display:none}}
/* Final premium pass */
.hero-stage{background-image:url('../img/hero_stage_hd.webp');filter:saturate(1.1) contrast(1.06);image-rendering:auto}
.icon svg,.value-icon svg,.contact-icon svg{stroke-width:1.8;vector-effect:non-scaling-stroke}
.icon{height:54px}.icon svg{width:44px;height:44px;filter:drop-shadow(0 6px 16px rgba(7,151,255,.08))}
.solution-card{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.solution-card:hover{transform:translateY(-5px);border-color:#159fff;box-shadow:0 18px 45px #0004}.solution-card img{transition:transform .55s ease}.solution-card:hover img{transform:scale(1.025)}
.signature{font-family:Caveat,'Segoe Print','Bradley Hand',cursive;font-weight:500;font-size:42px;line-height:.9;right:3%;bottom:52px;transform:rotate(-5deg)}.signature:after{height:1.5px;opacity:.9}
.phone-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.phone-actions>a{display:flex!important}.whatsapp-inline{width:max-content!important;border:1px solid #d7e1e8;border-radius:999px;padding:7px 11px!important;gap:7px!important;font-size:11px!important;transition:.2s}.whatsapp-inline:hover{border-color:#0b8cff;transform:translateY(-1px)}.whatsapp-inline svg{width:20px;height:20px;fill:#25D366;stroke:none;display:block}.whatsapp-float{position:fixed;right:20px;bottom:64px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 8px 28px #0003;z-index:30}.whatsapp-float svg{width:27px;height:27px;fill:#fff;stroke:none;display:block}.whatsapp-float{background:#25D366}.whatsapp-float:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 32px #0004}
@media(max-width:680px){.hero{height:720px}.hero-stage{background-position:57% center}.hero-shade{background:linear-gradient(180deg,#03142180 0%,#03142155 25%,#031421d9 55%,#031421 100%)}.hero-inner{padding-top:96px;display:flex;align-items:flex-end;padding-bottom:36px}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(3rem,14vw,4.3rem)}.hero-buttons{width:100%}.hero-buttons .btn{width:100%}.signature{display:none}.pillars-grid{grid-template-columns:1fr}.pillars article{display:grid;grid-template-columns:58px 1fr;text-align:left;column-gap:12px;padding:20px 12px}.pillars article:after{display:none!important}.pillars .icon{grid-row:1/3;align-self:center}.pillars h3,.pillars p{margin-left:0;margin-right:0;max-width:none}.solution-card img{height:190px}.values{grid-template-columns:1fr}.contact-form .btn{width:100%}.phone-actions{align-items:flex-start}.whatsapp-float{right:16px;bottom:18px}.to-top{display:none}}

.solution-card img,.about-visual img{image-rendering:auto;backface-visibility:hidden;}
@media(min-width:1400px){.solution-card img{height:190px}.about-visual img{height:285px}}
@media(max-width:680px){.lang-switch{margin-left:auto;padding:4px 6px;gap:6px}.lang-option{min-width:27px;height:25px;font-size:10px}}

/* V4 — restrained language selector, sharper visual system */
.lang-switch{appearance:none;border:0;border-radius:0;background:transparent;backdrop-filter:none;padding:8px 0;gap:6px;color:rgba(255,255,255,.48);font-family:Manrope,Inter,sans-serif;box-shadow:none}
.lang-switch:hover{background:transparent;border:0;color:#fff}
.lang-option{display:inline;min-width:0;height:auto;border-radius:0;font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1;transition:color .2s ease}
.lang-separator{font-size:10px;color:rgba(255,255,255,.28);font-weight:400}
html[lang="fr"] .lang-fr,html[lang="en"] .lang-en{background:transparent;box-shadow:none;color:#fff}
html[lang="fr"] .lang-en,html[lang="en"] .lang-fr{color:rgba(255,255,255,.42)}
.lang-switch:focus-visible{outline:1px solid rgba(255,255,255,.65);outline-offset:5px}
.hero-stage{inset:0;background-image:url('../img/hero-techperform.png');background-position:center center;background-size:cover;filter:saturate(1.02) contrast(1.03)}
.hero-shade{background:linear-gradient(90deg,#031421f7 0%,#031421e9 27%,#031421b8 45%,#03142136 70%,#03142120 100%),linear-gradient(0deg,#0314217a,transparent 60%)}
.pillars article{padding:34px 28px}.icon{height:62px;margin-bottom:5px}.icon svg{width:50px;height:50px;stroke-width:1.55;filter:none}.pillars article:hover .icon{transform:translateY(-2px)}.pillars article .icon{transition:transform .25s ease}.pillars h3{font-size:15px;letter-spacing:-.02em}.pillars p{font-size:12px;line-height:1.55}.value-icon{width:36px;height:36px;flex-basis:36px;color:#078eff}.value-icon svg{stroke-width:1.55}.values>div{gap:15px}.values strong{font-size:13px}.values span{line-height:1.45}
@media(max-width:1000px){.hero-stage{left:0}.hero-shade{background:linear-gradient(90deg,#031421f3 0%,#031421d4 42%,#0314214a 78%,#03142125 100%)}}
@media(max-width:680px){.lang-switch{padding:8px 2px;gap:5px}.lang-option{font-size:10px}.hero-stage{background-position:62% center}.hero-shade{background:linear-gradient(180deg,#03142155 0%,#03142180 35%,#031421ed 69%,#031421 100%)}.pillars article{padding:22px 12px}.icon{height:56px;margin:0}.icon svg{width:46px;height:46px}}

/* TechPerform — Veille technologique (addition only; existing layout untouched) */
.tech-watch{padding:52px 0 58px;background:#f5f8fb;border-top:1px solid #e7edf2}.tech-watch-head{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end}.tech-watch-head>p{font-size:13px;color:#566273;max-width:430px;justify-self:end}.watch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.watch-card{background:#fff;border:1px solid #dfe7ed;border-radius:8px;overflow:hidden;min-height:250px;transition:.25s}.watch-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px #06162514;border-color:#b8dfff}.watch-media{height:132px;background:linear-gradient(135deg,#061625,#0d3551);position:relative;overflow:hidden}.watch-media img{width:100%;height:100%;object-fit:cover;display:block}.watch-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#03142199,transparent 65%)}.watch-media span,.watch-placeholder>span{position:absolute;left:14px;bottom:12px;z-index:1;color:#fff;background:#078eff;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800;letter-spacing:.12em}.watch-body{padding:16px}.watch-meta{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#788594;margin-bottom:8px}.watch-card h3{font-size:16px;line-height:1.25;letter-spacing:-.02em}.watch-card a{display:inline-block;margin-top:15px;color:#078eff;text-decoration:none;font-size:11px;font-weight:800}.watch-placeholder{position:relative;padding:28px;background:#061625;color:#fff;grid-column:1/-1;min-height:130px}.watch-placeholder>span{position:static;display:inline-block}.watch-placeholder h3{margin-top:18px}.watch-unavailable{display:none}@media(max-width:1000px){.watch-grid{grid-template-columns:repeat(2,1fr)}.tech-watch-head{grid-template-columns:1fr;gap:8px}.tech-watch-head>p{justify-self:start}}@media(max-width:680px){.tech-watch{padding:40px 0}.watch-grid{grid-template-columns:1fr}.watch-media{height:180px}}

/* Technology watch: visible even before/without RSS response */
.watch-sync{display:inline-block;margin-top:15px;color:#788594;font-size:10px;font-weight:700;letter-spacing:.04em}.watch-fallback .watch-media{background:radial-gradient(circle at 80% 20%,#174563 0,#061625 60%)}.watch-fallback .watch-media:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(7,151,255,.12))}.watch-unavailable{display:block!important}

/* Veille technologique — carrousel automatique continu */
.tech-watch{overflow:hidden}
.watch-grid{display:block;overflow:hidden;margin-top:28px;width:100%}
.watch-track{display:flex;gap:16px;width:max-content;will-change:transform;animation:watchMarquee 38s linear infinite}
.watch-grid:hover .watch-track,.watch-grid:focus-within .watch-track{animation-play-state:paused}
.watch-card{flex:0 0 clamp(280px,31vw,390px);min-height:205px}
.watch-media{height:56px;background:linear-gradient(135deg,#061625,#0d3551)}
.watch-media span{top:50%;bottom:auto;transform:translateY(-50%)}
.watch-body{padding:18px 18px 20px}
.watch-card h3{min-height:60px}
@keyframes watchMarquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 8px))}}
@media(max-width:680px){.watch-grid{margin-top:20px;overflow:visible}.watch-track{gap:14px;animation-duration:32s}.watch-card{flex-basis:82vw;max-width:340px;min-height:190px}.watch-media{height:50px}.watch-body{padding:16px 17px 18px}.watch-card h3{min-height:0}.tech-watch .container{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.watch-track{animation:none}}


/* Veille carousel — ensure the fallback and live feed both scroll horizontally */
#watchGrid.watch-grid{display:block!important;overflow:hidden!important;width:100%!important}
#watchGrid .watch-track{display:flex!important;flex-wrap:nowrap!important;align-items:stretch;gap:16px;width:max-content;animation:watchMarquee 100s linear infinite!important;will-change:transform}
#watchGrid .watch-card{flex:0 0 clamp(280px,31vw,390px)!important;width:clamp(280px,31vw,390px);margin:0!important}
#watchGrid:hover .watch-track,#watchGrid:focus-within .watch-track{animation-play-state:paused!important}
@media(max-width:680px){#watchGrid.watch-grid{overflow:hidden!important}#watchGrid .watch-track{gap:14px;animation-duration:100s!important}#watchGrid .watch-card{flex-basis:82vw!important;width:82vw;max-width:340px}}


/* V6 — floating glass navigation + precise section navigation */
.site-header{transition:background .28s ease,box-shadow .28s ease,backdrop-filter .28s ease,transform .28s ease}
.site-header.is-scrolled{position:fixed;background:rgba(3,20,33,.78);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);box-shadow:0 10px 35px rgba(0,0,0,.14);border-bottom:1px solid rgba(255,255,255,.08)}
.site-header.is-scrolled .nav{height:66px}
.site-header.is-scrolled .brand{width:172px;flex-basis:172px}
.site-header .nav,.site-header .brand{transition:height .28s ease,width .28s ease,flex-basis .28s ease}
#solutions,#approach,#method,#veille,#contact{scroll-margin-top:66px}
@media(max-width:1180px) and (min-width:1001px){.nav{gap:20px}.nav-links{gap:22px}.nav-links a{font-size:11px}.brand{width:170px;flex-basis:170px}.nav-actions{gap:12px}.btn-small{padding:10px 16px}}
@media(max-width:1000px){.site-header.is-scrolled .nav{height:66px}.site-header.is-scrolled .nav-links.open{position:fixed;top:74px;background:rgba(3,20,33,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 45px rgba(0,0,0,.22)}.nav-links.open a{padding:8px 2px}.nav-links a.active:after{bottom:1px;width:28px;right:auto}}


/* V10 — TechPerform dual-universe architecture */
.universe-switch{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(3,20,33,.28)}
.universe-switch a{padding:6px 11px;border-radius:999px;color:#dce9f2;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.08em}.universe-switch a.active{background:#0797ff;color:#fff}
.portal{min-height:100svh;background:#031421;color:#fff;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.portal .site-header{position:absolute}.portal-grid{display:grid;grid-template-columns:1fr 1fr;min-height:100svh}.portal-card{position:relative;display:flex;align-items:flex-end;overflow:hidden;text-decoration:none;color:#fff;padding:110px 7vw 8vh;isolation:isolate}.portal-card:before{content:"";position:absolute;inset:0;background-position:center;background-size:cover;transition:transform .65s ease,filter .65s ease;z-index:-2}.portal-av:before{background-image:url('../img/hero_stage_hd.webp')}.portal-it:before{background-image:url('../img/it-hero.png')}.portal-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,20,33,.96),rgba(3,20,33,.18) 65%),linear-gradient(90deg,rgba(3,20,33,.25),transparent);z-index:-1}.portal-card:hover:before{transform:scale(1.035);filter:saturate(1.12)}.portal-card:first-child{border-right:1px solid rgba(255,255,255,.18)}.portal-content{max-width:570px}.portal-kicker{color:#73cbff;font-size:11px;letter-spacing:2.4px;font-weight:800}.portal-content h1{font-size:clamp(3rem,5vw,5.8rem);letter-spacing:-.06em;margin:8px 0 10px}.portal-content h1 em{font-style:normal;color:#0797ff}.portal-content h2{font-size:clamp(1.35rem,2vw,2rem);letter-spacing:-.03em}.portal-content p{color:#e2eaf0;font-size:14px;max-width:520px}.portal-cta{display:inline-flex;margin-top:20px;padding:13px 22px;border-radius:999px;background:#0797ff;color:#fff;font-size:12px;font-weight:800}.portal-tagline{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:4;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#c9d5de;white-space:nowrap}
.hero.av-hero .hero-stage{background-image:url('../img/hero_stage_hd.webp')}.hero.it-hero .hero-stage{left:42%;background-image:url('../img/it-hero.png')}.it-hero .hero-shade{background:linear-gradient(90deg,#031421 0%,#031421 38%,#031421d9 52%,#03142140 78%,#03142122 100%)}
.solution-grid.three{grid-template-columns:repeat(3,1fr)}.it-solutions{background:#f7faff;color:#071738;padding:54px 0}.it-solutions .eyebrow{color:#078eff}.it-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.it-card{background:#fff;border:1px solid #dfe8f2;border-radius:9px;padding:22px 18px;min-height:160px;box-shadow:0 8px 28px rgba(6,22,37,.05);transition:.25s}.it-card:hover{transform:translateY(-4px);border-color:#0797ff;box-shadow:0 15px 38px rgba(6,22,37,.09)}.it-card .mini-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eaf6ff;color:#078eff;font-weight:900;margin-bottom:17px}.it-card h3{font-size:16px}.it-card p{font-size:11px;color:#657386;line-height:1.65}.it-cta{background:linear-gradient(100deg,#031421,#0b314b);color:#fff;padding:42px 0}.it-cta .container{display:flex;justify-content:space-between;align-items:center;gap:30px}.it-cta h2{font-size:2.3rem}.it-cta p{color:#c9d5de;font-size:12px}
@media(max-width:1000px){.universe-switch{margin-left:auto}.it-grid{grid-template-columns:repeat(2,1fr)}.solution-grid.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.portal-grid{grid-template-columns:1fr;min-height:100svh}.portal-card{min-height:50svh;padding:95px 24px 38px}.portal-card:first-child{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.portal-content h1{font-size:2.65rem}.portal-content h2{font-size:1.15rem}.portal-content p{font-size:12px}.portal-tagline{display:none}.portal .brand{width:145px}.portal .nav-actions{display:flex}.portal .lang-switch{display:flex}.universe-switch{display:none}.solution-grid.three,.it-grid{grid-template-columns:1fr}.it-cta .container{align-items:flex-start;flex-direction:column}.hero.it-hero .hero-stage{left:0}}

/* V11 — IT cards: meaningful line icons, no decorative arrows */
.it-card .mini-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:#eaf6ff;color:#078eff;margin-bottom:17px}
.it-card .mini-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav-actions{margin-left:0}
@media(min-width:1001px){.site-header .nav{gap:24px}.site-header .nav-links{margin-left:auto}.site-header .nav-actions{margin-left:4px}}

/* V11 — IT cards: meaningful line icons, no decorative arrows */
.it-card .mini-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:#eaf6ff;color:#078eff;margin-bottom:17px}
.it-card .mini-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav-actions{margin-left:0}
@media(min-width:1001px){.site-header .nav{gap:24px}.site-header .nav-links{margin-left:auto}.site-header .nav-actions{margin-left:4px}}

/* FINAL — veille: slow continuous motion, pause on hover, no dots / no drag UI */
.watch-dots,.watch-dot{display:none!important}
#watchGrid.watch-grid{cursor:default!important;overflow:hidden!important}
#watchGrid .watch-track{animation:watchMarquee 100s linear infinite!important}
#watchGrid:hover .watch-track,#watchGrid:focus-within .watch-track{animation-play-state:paused!important}

/* V12 corrections */
.hero.av-hero .hero-stage{left:36%!important;background-image:url('../img/hero_stage_hd.webp')!important;background-position:center 45%!important;background-size:cover!important}
.icon svg,.value-icon svg,.mini-icon svg{display:block!important;visibility:visible!important;opacity:1!important;fill:none!important;stroke:currentColor!important;stroke-linecap:round!important;stroke-linejoin:round!important}.value-icon{display:block!important;color:#078eff!important}
.whatsapp-float{background:#25D366!important}.whatsapp-float .wa-logo{display:block!important;width:27px!important;height:27px!important;fill:#fff!important;stroke:none!important}
.hero.it-hero{height:560px;min-height:560px}.hero.it-hero .hero-stage{left:38%!important;background-image:url('../img/it.jpg')!important;background-position:62% center!important;background-size:cover!important}.hero.it-hero .hero-shade{background:linear-gradient(90deg,#031421 0%,#031421 32%,rgba(3,20,33,.93) 43%,rgba(3,20,33,.52) 66%,rgba(3,20,33,.18) 100%)!important}.hero.it-hero .hero-copy{width:48%;min-width:560px;max-width:690px}.hero.it-hero h1{font-size:clamp(3.1rem,4.4vw,5rem)!important;line-height:.98;letter-spacing:-.055em}
.it-solutions{padding:64px 0 68px!important;background:linear-gradient(180deg,#f8fbff 0%,#f3f7fb 100%)!important}.it-grid{gap:18px!important}.it-card{padding:0!important;overflow:hidden;min-height:285px!important;border-radius:10px!important}.it-card-media{height:132px;position:relative;overflow:hidden;background:#061625}.it-card-media>img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.92) contrast(1.04);transition:transform .35s ease}.it-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,20,33,.32),transparent 58%)}.it-card .mini-icon{position:absolute;left:16px;bottom:14px;z-index:2;margin:0!important;background:rgba(255,255,255,.94)!important;box-shadow:0 7px 20px rgba(3,20,33,.18)}.it-card h3{padding:17px 18px 0;font-size:16px}.it-card>p{padding:0 18px 20px;margin-top:7px}.it-card:hover .it-card-media>img{transform:scale(1.025)}
.about .values>div{min-height:48px}.watch-dots,.watch-dot{display:none!important}#watchGrid{cursor:default!important}#watchGrid .watch-track{animation:watchMarquee 100s linear infinite!important}#watchGrid:hover .watch-track,#watchGrid:focus-within .watch-track{animation-play-state:paused!important}
@media(max-width:1000px){.hero.it-hero .hero-copy{width:60%;min-width:0}.it-card-media{height:150px}}@media(max-width:680px){.hero.it-hero{height:720px;min-height:720px}.hero.it-hero .hero-stage{left:0!important;background-position:56% center!important}.hero.it-hero .hero-shade{background:linear-gradient(180deg,rgba(3,20,33,.38),rgba(3,20,33,.48) 32%,rgba(3,20,33,.95) 68%,#031421 100%)!important}.hero.it-hero .hero-copy{width:100%;min-width:0}.hero.it-hero h1{font-size:clamp(2.8rem,13vw,4.1rem)!important}.it-card{min-height:0!important}.it-card-media{height:185px}}

/* V13 final identity and proportions */
.portal .brand img{width:190px;height:auto}.portal-it-logo{width:min(390px,82%);height:auto;display:block;margin:0 0 14px}
.site-header .brand img{height:auto;max-height:48px;width:auto;max-width:205px}.site-header .brand{display:flex;align-items:center}
.hero.it-hero{height:520px!important;min-height:520px!important}.hero.it-hero .hero-copy{width:49%;min-width:520px;max-width:660px}.hero.it-hero h1{font-size:clamp(2.7rem,3.8vw,4.35rem)!important;line-height:1.01!important}.hero.it-hero .hero-stage{left:42%!important;background-image:url('../img/it-hero.png')!important;background-position:60% center!important}.hero.it-hero .hero-shade{background:linear-gradient(90deg,#031421 0%,#031421 34%,rgba(3,20,33,.92) 45%,rgba(3,20,33,.42) 70%,rgba(3,20,33,.12) 100%)!important}
.it-solutions{padding:56px 0 60px!important}.it-solutions h2{margin-bottom:28px}.it-grid{gap:16px!important}.it-card{min-height:260px!important}.it-card-media{height:120px!important}.it-cta{padding:42px 0!important}.about{padding-top:72px!important;padding-bottom:72px!important}.method{padding-top:68px!important;padding-bottom:72px!important}.tech-watch{padding-top:66px!important;padding-bottom:66px!important}.contact{padding-top:70px!important;padding-bottom:70px!important}
.whatsapp-float{font-size:0!important;line-height:0!important;width:52px!important;height:52px!important;padding:0!important;display:grid!important;place-items:center!important}.whatsapp-float svg{width:27px!important;height:27px!important;display:block!important;fill:#fff!important}
@media(max-width:680px){.portal-it-logo{width:78%}.hero.it-hero{height:690px!important;min-height:690px!important}.hero.it-hero .hero-copy{width:100%;min-width:0}.site-header .brand img{max-width:170px;max-height:42px}.it-card-media{height:170px!important}.about,.method,.tech-watch,.contact{padding-top:54px!important;padding-bottom:54px!important}}


/* V15 — AV blue / IT red universes + full-width hero + mobile universe switch */
:root{--it-red:#E53935;--it-red-2:#F04A45;--it-red-soft:#fff0ef}
/* Hero artwork is now a true full-width background; gradient handles text legibility. */
.hero.av-hero .hero-stage,.hero.it-hero .hero-stage{inset:0!important;left:0!important;width:100%!important}
.hero.av-hero .hero-shade{background:linear-gradient(90deg,#031421 0%,rgba(3,20,33,.97) 28%,rgba(3,20,33,.78) 46%,rgba(3,20,33,.32) 70%,rgba(3,20,33,.12) 100%)!important}
.hero.it-hero .hero-shade{background:linear-gradient(90deg,#031421 0%,rgba(3,20,33,.97) 29%,rgba(3,20,33,.82) 47%,rgba(3,20,33,.34) 72%,rgba(3,20,33,.12) 100%)!important}

/* IT Perform visual language: red accents, shared navy foundation. */
.it-universe .eyebrow,.it-universe .eyebrow.blue,.it-universe .it-solutions .eyebrow{color:var(--it-red)!important}
.it-universe .btn-primary{background:linear-gradient(100deg,var(--it-red),var(--it-red-2))!important}
.it-universe .nav-links a.active:after,.it-universe .nav-links a:hover:after{background:var(--it-red)!important}
.it-universe .universe-switch a.active{background:var(--it-red)!important}
.it-universe .icon{color:var(--it-red)!important}
.it-universe .it-card:hover{border-color:var(--it-red)!important}
.it-universe .it-card .mini-icon{color:var(--it-red)!important;background:rgba(255,255,255,.96)!important}
.it-universe .steps article:not(:last-child):after{color:var(--it-red)!important}
.it-universe .steps article>span{background:var(--it-red)!important}
.it-universe input:focus,.it-universe select:focus,.it-universe textarea:focus{border-color:var(--it-red)!important}
.it-universe html[lang="fr"] .lang-fr,.it-universe html[lang="en"] .lang-en{background:var(--it-red)!important}
.it-universe .method{background:radial-gradient(circle at 76% 50%,#351c22 0,#061625 47%)!important}
.it-universe .it-solutions{background:linear-gradient(180deg,#fff 0%,#fff8f7 100%)!important}
/* Portal gives IT its own red identity without turning the page red. */
.portal-it .portal-kicker{color:#ff7b76!important}.portal-it .portal-cta{background:var(--it-red)!important}.portal-it:after{background:linear-gradient(0deg,rgba(3,20,33,.96),rgba(3,20,33,.16) 65%),linear-gradient(90deg,rgba(229,57,53,.10),transparent)!important}

/* WhatsApp contact action: recognizable green icon + clean pill. */
.whatsapp-inline{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 13px!important;border-color:#cfe8d7!important;background:#fff!important;color:#071738!important}
.whatsapp-inline:hover{border-color:#25D366!important;background:#f7fff9!important}
.whatsapp-inline .wa-inline-logo{width:19px!important;height:19px!important;display:block!important;fill:#25D366!important;stroke:none!important;flex:0 0 19px}

/* Universe choice lives inside the hamburger menu on phones/tablets. */
.mobile-universe-switch{display:none}
@media(max-width:1000px){
  .mobile-universe-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}
  .mobile-universe-switch a{display:flex!important;align-items:center;justify-content:center;padding:10px 12px!important;border:1px solid rgba(255,255,255,.20);border-radius:999px;font-size:10px!important;font-weight:800!important;letter-spacing:.04em;color:#fff!important;text-decoration:none}
  .av-universe .mobile-universe-switch a.active{background:#0797ff;border-color:#0797ff}
  .it-universe .mobile-universe-switch a.active{background:var(--it-red);border-color:var(--it-red)}
}
@media(max-width:680px){
 .hero.it-hero .hero-stage,.hero.av-hero .hero-stage{left:0!important;inset:0!important}
 .hero.it-hero .hero-shade{background:linear-gradient(180deg,rgba(3,20,33,.34),rgba(3,20,33,.48) 34%,rgba(3,20,33,.94) 68%,#031421 100%)!important}
}
html[lang="fr"] .it-universe .lang-fr,html[lang="en"] .it-universe .lang-en{background:var(--it-red)!important;box-shadow:0 4px 16px rgba(229,57,53,.28)!important}

/* V16 — IT red identity consistency */
.it-universe .value-icon{color:var(--it-red)!important}
.it-universe .watch-media span,.it-universe .watch-placeholder>span{background:var(--it-red)!important;color:#fff!important}
.it-universe .watch-card a{color:var(--it-red)!important}
.it-universe .watch-card a::after{content:"  →";color:var(--it-red)!important}
.it-universe .watch-card:hover{border-color:rgba(229,57,53,.42)!important}
.it-universe .watch-fallback .watch-media:before{background:linear-gradient(135deg,transparent 30%,rgba(229,57,53,.14))!important}