.orbit-core { left: 78%; top: calc(100% - 151px); z-index:2; }
.planet-track { left: calc(78% + 72.5px); top: calc(100% - 78.5px); }
.track-crm { --orbit: 124s; --radius: 520px; --distance: 520px; --start: 42deg; --tilt: -7deg; --orbit-squash: .30; --planet-unsquash: 3.34; --orbit-line: rgba(201,255,74,.35); }
.track-pp { --orbit: 116s; --radius: 460px; --distance: 460px; --start: -95deg; --tilt: 15deg; --orbit-line: rgba(100,184,46,.38); }
.planet-crm, .planet-pp { --size: 55px; --glow: var(--lime); font-size: 12px; }
.logo-track { gap:0;animation-duration:52s;animation-play-state:paused; }.logo-track.is-running{animation-play-state:running}.logo-track img{margin-right:64px}
.client-mobile-air{display:none!important}@media(max-width:760px){.client-air-liquide-desktop{display:none!important}.client-mobile-air{display:block!important}}

.ai-card { background: var(--ink) !important; color: #fff; }.ai-card p { color: #cae9e3; }
.ai-focus { display: grid; grid-template-columns: 1fr .58fr; gap: 10vw; padding-top: 112px; padding-bottom: 112px; background: #0e2c3e; color: #fff; }
.ai-focus .section-label { color: var(--aqua); }.ai-focus h2 { margin: 28px 0 0; font-size: clamp(42px,5vw,74px); line-height: .94; letter-spacing: -.07em; }.ai-focus h2 em { color: var(--lime); font: 400 1em Georgia,serif; }.ai-focus-copy { align-self:end; }.ai-focus-copy>p { color:#d5e4e7; font-size:15px; line-height:1.75; }.ai-focus ul { padding:0; list-style:none; margin:24px 0; }.ai-focus li { padding:10px 0; border-top:1px solid rgba(255,255,255,.2); font-size:13px; color:#c5d5da; }.ai-focus li b { color:var(--lime); }.ai-focus a { color:var(--aqua); font-weight:800; font-size:13px; }

.button { padding:17px 24px; font-size:14px; gap:28px; }.button span { font-size:22px; }
.planet-track .planet, .planet-track .planet span { font-weight:900; text-shadow:0 1px 0 rgba(255,255,255,.26); }
.about-card { grid-template-columns:280px minmax(0,1fr); align-items:stretch; gap:clamp(32px,5vw,84px); }.portrait { width:280px; aspect-ratio:3 / 4; align-self:stretch; }.portrait img { object-position:center center; }.about-content { display:grid; grid-template-columns:minmax(230px,.7fr) minmax(280px,1fr); column-gap:clamp(32px,6vw,100px); row-gap:30px; align-content:start; }.about-heading { grid-row:span 2; }.about-heading h2 { margin-bottom:12px; }.about-heading .role { margin:0; }.about-heading .eicnam-wordmark { margin-top:34px; }.about-content>.about-text { margin:7px 0 0; max-width:560px; }.about-qualifications { grid-column:2; display:block; padding-top:25px; border-top:1px solid rgba(7,21,37,.14); }.eicnam-wordmark { justify-self:start; }
.credentials { display:grid; grid-template-columns:1fr; gap:10px; margin:0; }.credentials a { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 82px; gap:14px; align-items:center; height:120px; min-height:120px; overflow:hidden; padding:14px 15px 14px 17px; border:1px solid rgba(104,234,215,.46); border-left:4px solid var(--aqua); border-radius:2px; background:var(--ink); color:#fff; font-size:15px; line-height:1.38; transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease; }.credentials a:hover { transform:translateY(-3px); background:var(--lime); color:var(--ink); box-shadow:0 12px 26px rgba(7,21,37,.17); }.credentials .credential-copy { display:block; min-width:0; padding:0; border:0; background:none; color:#fff; font-size:15px; }.credentials b { display:block; color:#fff; font:800 18px Manrope,Arial,sans-serif; }.credentials .credential-copy>span { display:block; margin-top:4px; color:#fff; font-size:14px; }.credentials small { position:absolute; right:111px; bottom:12px; left:17px; display:block; max-height:0; overflow:hidden; margin:0; opacity:0; color:inherit; font-size:11px; line-height:1.4; transition:max-height .22s ease,opacity .18s ease; }.credentials a:hover b,.credentials a:hover .credential-copy,.credentials a:hover .credential-copy>span { color:var(--ink); }.credentials a:hover small { max-height:36px; opacity:1; }.credentials i { position:static; display:grid; place-items:center; width:82px; height:82px; padding:4px; background:#fff; border-radius:2px; opacity:1; }.credentials i img { width:74px; height:74px; object-fit:contain; background:#fff; border-radius:0; }.eicnam-wordmark { display:block; margin:0; }.eicnam-wordmark img { display:block; width:100%; max-width:280px; height:auto; max-height:126px; object-fit:contain; object-position:left center; }
.planet-track::before { box-sizing:border-box; border:0; background:conic-gradient(color-mix(in srgb,var(--orbit-line) 8%,transparent) 0deg,color-mix(in srgb,var(--orbit-line) 12%,transparent) 8deg,color-mix(in srgb,var(--orbit-line) 88%,transparent) 89deg,transparent 91deg 360deg); padding:8px; -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0); mask-composite:exclude; }
.planet-track::after { display:none; }
.track-azure { --electron-color:#5d9df4; }.track-ai,.track-crm { --electron-color:#c9ff4a; }.track-pp { --electron-color:#64b82e; }.track-data { --electron-color:#d4a9ef; }.track-devops { --electron-color:#ffb85c; }.track-xpp { --electron-color:#ff8f8f; }.track-power { --electron-color:#8fe1ce; }
.planet-track .planet { left:calc(var(--distance) - (var(--size) / 2)); --glow:var(--electron-color); background:var(--electron-color); box-shadow:0 0 0 7px color-mix(in srgb,var(--electron-color) 17%,transparent),0 0 25px color-mix(in srgb,var(--electron-color) 66%,transparent); }
@media(min-width:761px){html{scroll-snap-type:y mandatory;scroll-behavior:smooth;}main>.section{scroll-snap-align:start;scroll-snap-stop:always;}}
@media(min-width:761px) and (max-width:1100px){.about-card{grid-template-columns:250px minmax(0,1fr)}.portrait{width:250px}.about-content{grid-template-columns:1fr}.about-heading{grid-row:auto}.about-qualifications{grid-column:auto}}
@media(max-width:760px){.orbit-core{left:60%;top:calc(100% - 104px)}.planet-track{left:calc(60% + 46px);top:calc(100% - 58px)}.ai-focus{grid-template-columns:1fr;gap:30px}.about-card,.about-content{grid-template-columns:1fr}.portrait{width:100%;max-width:280px;aspect-ratio:3/4}.about-qualifications{grid-column:auto;grid-template-columns:1fr;gap:22px}.eicnam-wordmark img{max-width:250px}}

.orbit-core { background:#63d6ce; color:#071d2a; box-shadow:0 0 0 18px rgba(99,214,206,.16),0 0 52px rgba(99,214,206,.54),0 0 104px rgba(99,214,206,.22); }
.track-azure { --electron-color:#6aaef2; --orbit-line:rgba(106,174,242,.44); }.track-ai { --electron-color:#c9f36e; --orbit-line:rgba(201,243,110,.42); }.track-data { --electron-color:#c9a8f4; --orbit-line:rgba(201,168,244,.40); }.track-devops { --electron-color:#f2bb67; --orbit-line:rgba(242,187,103,.40); }.track-xpp { --electron-color:#e89091; --orbit-line:rgba(232,144,145,.40); }.track-power { --electron-color:#70d8c5; --orbit-line:rgba(112,216,197,.42); }.track-crm { --electron-color:#b6d96e; --orbit-line:rgba(182,217,110,.42); }.track-pp { --electron-color:#65c96d; --orbit-line:rgba(101,201,109,.44); }
.hero-footer p { font-size:14px; line-height:1.55; color:#b8c8d0; }
main { display:flex; flex-direction:column; } main>.hero { order:1; } main>.intro { order:2; } main>.capabilities { order:3; } main>.ai-focus { order:4; } main>.client-references { order:5; } main>.cases { order:6; } main>.insights { order:7; } main>.about { order:8; } main>.contact { order:9; }
@media(max-width:760px){
  .hero-orbit{height:292px;overflow:visible}
  .orbit-core{width:84px;height:84px;left:59%;top:calc(100% - 104px)}
  .orbit-core b{font-size:22px}
  .planet-track{left:calc(59% + 42px);top:calc(100% - 62px);--orbit-squash:.34;--planet-unsquash:2.95}
  .track-azure{--radius:180px;--distance:180px;--orbit:42s}.track-ai{--radius:198px;--distance:198px;--orbit:49s}.track-data{--radius:190px;--distance:190px;--orbit:45s}.track-devops{--radius:168px;--distance:168px;--orbit:53s}.track-xpp{--radius:158px;--distance:158px;--orbit:40s}.track-power{--radius:174px;--distance:174px;--orbit:56s}.track-crm{--radius:202px;--distance:202px;--orbit:47s}.track-pp{--radius:185px;--distance:185px;--orbit:44s}
  .logo-track{gap:0;animation-duration:32s}.logo-track img{width:375px;flex-basis:375px;height:240px;padding:30px;margin-right:24px}
}
@media(max-width:760px){
  .hero-orbit{height:330px}
  .planet-track{left:calc(57% + 42px);top:calc(100% - 62px);--orbit-squash:.42;--planet-unsquash:2.39}
  .track-azure{--radius:215px;--distance:215px;--orbit:39s;--start:-18deg;--tilt:7deg;animation-delay:-9s}.track-ai{--radius:238px;--distance:238px;--orbit:51s;--start:-76deg;--tilt:-16deg;animation-delay:-28s}.track-data{--radius:226px;--distance:226px;--orbit:44s;--start:64deg;--tilt:22deg;animation-delay:-16s}.track-devops{--radius:205px;--distance:205px;--orbit:57s;--start:142deg;--tilt:-27deg;animation-delay:-35s}.track-xpp{--radius:194px;--distance:194px;--orbit:41s;--start:-148deg;--tilt:30deg;animation-delay:-21s}.track-power{--radius:220px;--distance:220px;--orbit:63s;--start:118deg;--tilt:-34deg;animation-delay:-47s}.track-crm{--radius:244px;--distance:244px;--orbit:48s;--start:28deg;--tilt:-10deg;animation-delay:-31s}.track-pp{--radius:232px;--distance:232px;--orbit:46s;--start:-112deg;--tilt:18deg;animation-delay:-12s}
}
@media(max-width:760px){
  .planet-track .planet{animation-delay:inherit}
}
.new-badge{position:absolute;z-index:2;top:15px;right:15px;padding:6px 9px;background:var(--lime);color:var(--ink);font:800 10px "DM Mono",monospace;letter-spacing:.5px;text-transform:uppercase}.ai-focus{grid-template-columns:.85fr 1.15fr}.ai-focus>div:first-child h2{font-size:clamp(48px,5.8vw,88px)}.ai-focus-copy>p{font-size:17px;max-width:620px}.ai-focus ul{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:32px 0}.ai-focus li{min-height:154px;padding:22px 18px;background:rgba(255,255,255,.055);border:1px solid rgba(104,234,215,.24);font-size:15px;line-height:1.55;transition:transform .25s ease,background .25s ease,color .25s ease}.ai-focus li b{display:block;margin-bottom:12px;font-size:22px;letter-spacing:-.05em}.ai-focus li:hover{transform:translateY(-7px);background:var(--aqua);color:var(--ink)}.ai-focus li:hover b{color:var(--ink)}.logo-track img{animation:logo-ellipse 8s ease-in-out infinite}.logo-track img:nth-child(2n){animation-delay:-1.25s}.logo-track img:nth-child(3n){animation-delay:-2.5s}.logo-track img:nth-child(5n){animation-delay:-3.75s}.logo-track img:nth-child(7n){animation-delay:-5s}@keyframes logo-ellipse{0%,100%{transform:translateY(0) scale(.9);opacity:.72}25%{transform:translateY(-24px) scale(1.04);opacity:1}50%{transform:translateY(0) scale(1.1);opacity:1}75%{transform:translateY(24px) scale(.9);opacity:.68}}.contact-details{display:flex;flex-wrap:wrap;gap:13px 28px;margin-top:28px;position:relative;z-index:1}.contact-details a{font:700 16px Manrope,Arial,sans-serif;text-decoration:underline;text-underline-offset:5px}.contact-details a:hover{color:#0f7882}@media(max-width:760px){.ai-focus{grid-template-columns:1fr}.ai-focus ul{grid-template-columns:1fr}.ai-focus li{min-height:0;padding:19px}.ai-focus li:hover{transform:none}.credentials a{height:150px;min-height:150px;grid-template-columns:minmax(0,1fr) 72px;padding:15px 12px 14px}.credentials .credential-copy{padding-bottom:39px}.credentials .credential-copy>span{font-size:13px;line-height:1.25}.credentials small{right:95px;left:14px;bottom:12px;font-size:10px;line-height:1.3}.credentials i{width:72px;height:72px}.credentials i img{width:66px;height:66px}.contact-details{display:grid;gap:12px;margin-top:24px}.contact-details a{font-size:15px}.logo-track img{animation-name:logo-ellipse-mobile}@keyframes logo-ellipse-mobile{0%,100%{transform:translateY(0) scale(.92)}25%{transform:translateY(-14px) scale(1.02)}50%{transform:translateY(0) scale(1.06)}75%{transform:translateY(14px) scale(.92)}}}


.capability-cards article{position:relative;padding-right:160px;overflow:hidden}.capability-cards article:before{content:"";position:absolute;z-index:0;top:50%;right:18px;width:122px;height:122px;background:#aeb8be;opacity:.72;transform:translateY(-50%);transition:background-color .25s ease,opacity .25s ease,transform .25s ease;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}.capability-cards article>*{position:relative;z-index:1}.capability-cards article:hover:before{background:#79cbe2;opacity:1;transform:translateY(-50%) scale(1.03)}.card-finance:before{-webkit-mask-image:url("assets/capability-icons/finance.png");mask-image:url("assets/capability-icons/finance.png")}.card-supply:before{-webkit-mask-image:url("assets/capability-icons/supply.png");mask-image:url("assets/capability-icons/supply.png")}.card-production:before{-webkit-mask-image:url("assets/capability-icons/production.png");mask-image:url("assets/capability-icons/production.png")}.card-azure:before{-webkit-mask-image:url("assets/capability-icons/azure.png");mask-image:url("assets/capability-icons/azure.png")}.card-power:before{-webkit-mask-image:url("assets/capability-icons/power.png");mask-image:url("assets/capability-icons/power.png")}.card-data:before{-webkit-mask-image:url("assets/capability-icons/data.png");mask-image:url("assets/capability-icons/data.png")}.card-devops:before{-webkit-mask-image:url("assets/capability-icons/devops.png");mask-image:url("assets/capability-icons/devops.png")}.card-api:before{-webkit-mask-image:url("assets/capability-icons/api.png");mask-image:url("assets/capability-icons/api.png")}.card-dmf:before{-webkit-mask-image:url("assets/capability-icons/dmf.png");mask-image:url("assets/capability-icons/dmf.png")}.card-ai:before{-webkit-mask-image:url("assets/capability-icons/ai.png");mask-image:url("assets/capability-icons/ai.png")}@media(max-width:760px){.capability-cards article{padding-right:128px}.capability-cards article:before{right:14px;width:92px;height:92px}.capability-cards article:hover:before{transform:translateY(-50%)}}
.capability-cards article>.new-badge{position:absolute;z-index:3;top:15px;right:15px;left:auto;bottom:auto;width:auto;height:auto;transform:none}.capability-cards article:before{background:#aeb8be;opacity:.68}.capability-cards article:hover:before{background:#79cbe2;opacity:1}.capability-cards article:before{-webkit-mask-image:none!important;mask-image:none!important;background-color:transparent!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;opacity:.9}.capability-cards article:hover:before{background-color:transparent!important;opacity:1;filter:invert(75%) sepia(35%) saturate(720%) hue-rotate(145deg) brightness(94%) contrast(92%)}.card-finance:before{background-image:url("assets/capability-icons/finance.png")!important}.card-supply:before{background-image:url("assets/capability-icons/supply.png")!important}.card-production:before{background-image:url("assets/capability-icons/production.png")!important}.card-azure:before{background-image:url("assets/capability-icons/azure.png")!important}.card-power:before{background-image:url("assets/capability-icons/power.png")!important}.card-data:before{background-image:url("assets/capability-icons/data.png")!important}.card-devops:before{background-image:url("assets/capability-icons/devops.png")!important}.card-api:before{background-image:url("assets/capability-icons/api.png")!important}.card-dmf:before{background-image:url("assets/capability-icons/dmf.png")!important}.card-ai:before{background-image:url("assets/capability-icons/ai.png")!important}

/* Tablet layout: credentials need their own full-width row to avoid overlapping copy. */
@media (min-width:761px) and (max-width:1120px){
  .about-card{grid-template-columns:220px minmax(0,1fr);gap:30px}
  .portrait{width:220px}
  .about-content{grid-template-columns:minmax(0,1fr);row-gap:24px}
  .about-heading{grid-row:auto}
  .about-qualifications{grid-column:1;padding-top:20px}
  .credentials{gap:12px}
  .credentials a{height:142px;min-height:142px;grid-template-columns:minmax(0,1fr) 88px;padding:16px 18px}
  .credentials .credential-copy>span{font-size:15px}
  .credentials small{right:124px;left:18px;bottom:14px;font-size:12px}
  .credentials a:hover small{max-height:42px}
  .credentials i{width:88px;height:88px}.credentials i img{width:80px;height:80px}
}

/* Final motion override: these values are loaded last and genuinely accelerate every electron. */
.track-azure{--orbit:91.5s!important}.track-ai{--orbit:122s!important}.track-data{--orbit:80.25s!important}.track-devops{--orbit:107.25s!important}.track-xpp{--orbit:73.5s!important}.track-power{--orbit:135s!important}.track-crm{--orbit:31s!important}.track-pp{--orbit:29s!important}
@media(max-width:760px){.track-azure{--orbit:10.5s!important}.track-ai{--orbit:12.25s!important}.track-data{--orbit:11.25s!important}.track-devops{--orbit:13.25s!important}.track-xpp{--orbit:10s!important}.track-power{--orbit:14s!important}.track-crm{--orbit:11.75s!important}.track-pp{--orbit:11s!important}}
@media(max-width:520px){.track-azure{--orbit:9.75s!important}.track-ai{--orbit:12.75s!important}.track-data{--orbit:11s!important}.track-devops{--orbit:14.25s!important}.track-xpp{--orbit:10.25s!important}.track-power{--orbit:15.75s!important}.track-crm{--orbit:12s!important}.track-pp{--orbit:11.5s!important}}

/* Platform signature: make D365 F&O unmistakable in the home header. */
.hero-platform{position:relative;z-index:2;display:inline-flex;align-items:baseline;gap:8px;margin-top:18px;color:#b9cbd3;font:600 14px/1 Manrope,Arial,sans-serif;letter-spacing:.01em}.hero-platform strong{color:var(--lime);font:800 24px/1 Manrope,Arial,sans-serif;letter-spacing:-.06em}.hero-platform:before{content:"";width:28px;height:2px;background:var(--aqua)}@media(max-width:760px){.hero-platform{margin-top:14px;font-size:12px}.hero-platform strong{font-size:20px}}

/* Place the D365 F&O signature in the quiet lower-left area of the hero. */
.hero .hero-platform{position:absolute;z-index:3;left:clamp(22px,7vw,116px);bottom:108px;margin:0;font-size:18px;letter-spacing:.015em}.hero .hero-platform strong{font-size:32px}.hero .hero-platform:before{width:38px;height:3px}@media(max-width:760px){.hero .hero-platform{left:22px;bottom:84px;font-size:14px}.hero .hero-platform strong{font-size:25px}.hero .hero-platform:before{width:28px}}

/* La signature reste au-dessus du bloc de certifications enrichi. */
@media(min-width:761px){.hero .hero-platform{bottom:101px}}

.hero-platform .hero-platform-plus{align-self:center;line-height:1}

/* Resserre le bloc de certifications sous son trait de séparation. */
.hero-footer{padding-top:8px}

/* Harmonise les nouveaux logotypes avec le carrousel client. */
.logo-track img.client-logo-infogreffe,.logo-track img.client-logo-eurofeu,.logo-track img.client-logo-capgemini,.logo-track img.client-logo-bebe9{padding:42px 38px;object-fit:contain}
.logo-track img.client-logo-capgemini,.logo-track img.client-logo-bebe9{padding:49px 47px}@media(max-width:760px){.logo-track img.client-logo-capgemini,.logo-track img.client-logo-bebe9{padding:35px!important}}

/* Logotype : une signature lisible, équilibrée entre navigation et footer. */
.site-header .brand{font-size:14px;letter-spacing:1.7px}
.site-header .brand span{font-size:25px}
footer .brand{font-size:13px;letter-spacing:1.7px}
footer .brand span{font-size:24px}
@media(max-width:760px){
  .site-header .brand{font-size:11px;letter-spacing:1.25px}
  .site-header .brand span{font-size:21px}
  footer .brand{font-size:12px}
  footer .brand span{font-size:22px}
}

/* Accès CV : même langage visuel que les certifications, sur sa propre ligne. */
.credentials .cv-card{grid-column:1 / -1;min-height:86px}
@media(max-width:760px){.credentials .cv-card{min-height:150px}}

/* Même accent éditorial pour les titres de sections claires. */
.cases h2 em{color:#067a86}

/* Accès CV : monogramme éditorial inspiré du titrage « en mouvement ». */
.credentials i.cv-monogram{font-family:Georgia,serif;font-size:38px;font-weight:400;letter-spacing:-.08em;color:#067a86}

/* About credentials: improve the hierarchy and readability of every card. */
.about-qualifications .credentials b{font-size:21px}
.about-qualifications .credentials .credential-copy>span{font-size:16px;line-height:1.35}
@media(max-width:760px){.about-qualifications .credentials b{font-size:19px}.about-qualifications .credentials .credential-copy>span{font-size:14px;line-height:1.3}}

/* Larger contextual copy on credential-card hover. */
.about-qualifications .credentials small{font-size:13px;line-height:1.45}
.about-qualifications .credentials a:hover small{max-height:42px}
@media(max-width:760px){.about-qualifications .credentials small{font-size:12px;line-height:1.35}.about-qualifications .credentials a:hover small{max-height:38px}}

/* Separate the card heading from its hover context without destabilising mobile cards. */
.about-qualifications .credentials .credential-copy{transition:transform .22s ease}
.about-qualifications .credentials a:hover .credential-copy{transform:translateY(-9px)}
@media(max-width:760px){.about-qualifications .credentials a:hover .credential-copy{transform:translateY(-6px)}}

/* Hover context participates in normal flow: it always starts below the subtitle. */
.about-qualifications .credentials a:hover .credential-copy{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding-bottom:0;transform:none}
.about-qualifications .credentials a:hover small{position:static;display:block;max-height:none;margin:10px 0 0;opacity:1;font-size:13px;line-height:1.4}
@media(max-width:760px){.about-qualifications .credentials a:hover small{margin-top:8px;font-size:12px;line-height:1.35}}

/* Desktop only: halve every electron while preserving the core and mobile design. */
@media(min-width:761px){.planet-azure{--size:12.5px!important}.planet-ai{--size:18px!important}.planet-data{--size:11px!important}.planet-devops{--size:18.5px!important}.planet-xpp{--size:20.5px!important}.planet-power{--size:19.5px!important}.planet-crm,.planet-pp{--size:27.5px!important}}

/* Mobile: the API and Power Platform electrons use the same half-scale treatment. */
@media(max-width:760px){.planet-power{--size:15.5px!important}.planet-pp{--size:27.5px!important}}

/* Final mobile timing, after every inherited velocity override. */
@media(max-width:760px){.track-azure{--orbit:120s!important}.track-ai{--orbit:140s!important}.track-data{--orbit:128s!important}.track-devops{--orbit:148s!important}.track-xpp{--orbit:112s!important}.track-power{--orbit:160s!important}.track-crm{--orbit:136s!important}.track-pp{--orbit:128s!important}}
@media(max-width:520px){.track-azure{--orbit:120s!important}.track-ai{--orbit:140s!important}.track-data{--orbit:128s!important}.track-devops{--orbit:148s!important}.track-xpp{--orbit:112s!important}.track-power{--orbit:160s!important}.track-crm{--orbit:136s!important}.track-pp{--orbit:128s!important}}

/* Mobile hero: the atom rises into the visual field while its D365 signature has its own lower lane. */
@media(max-width:760px){
  .hero-orbit{top:-104px;transform:none;margin-bottom:-44px}
  .hero .hero-platform{transform:translateY(32px)}

  .services article.mobile-scroll-active{background:var(--ink);color:#fff;box-shadow:0 14px 28px rgba(7,21,37,.18)}
  .services article.mobile-scroll-active p{color:#c5d0d9}.services article.mobile-scroll-active .number{color:var(--aqua)}.services article.mobile-scroll-active h2 i,.services article.mobile-scroll-active li:before{color:var(--lime)}.services article.mobile-scroll-active ul{color:#d2e0e7}
  .ai-focus li.mobile-scroll-active{background:var(--aqua);color:var(--ink);box-shadow:0 12px 26px rgba(0,0,0,.16)}.ai-focus li.mobile-scroll-active b{color:var(--ink)}
  .cases .case.mobile-scroll-active{background:var(--deep);color:#fff;box-shadow:0 14px 28px rgba(7,21,37,.19)}.cases .case.mobile-scroll-active p{color:#d0dbe2}.cases .case.mobile-scroll-active .case-type{color:var(--aqua)}.cases .case.mobile-scroll-active .case-tech{color:var(--lime)}
}

/* Contextual IA pictograms: discreet in the background, defined on hover. */
.ai-focus li{position:relative;isolation:isolate;overflow:hidden;padding-right:148px}.ai-focus li>*{position:relative;z-index:1}.ai-focus li:after{content:"";position:absolute;z-index:0;top:50%;right:12px;width:116px;height:116px;background:center/contain no-repeat;opacity:.31;transform:translateY(-50%);filter:saturate(.72) brightness(.92);transition:opacity .25s ease,filter .25s ease,transform .25s ease}.ai-focus .ai-brain:after{background-image:url("assets/ai-brain-watermark.png")}.ai-focus .ai-bridge:after{background-image:url("assets/ai-bridge-watermark.png")}.ai-focus .ai-action:after{background-image:url("assets/ai-action-watermark.png")}.ai-focus li:hover:after,.ai-focus li.mobile-scroll-active:after{opacity:.54;filter:brightness(.34) saturate(1.5) hue-rotate(10deg);transform:translateY(-50%) scale(1.04)}@media(max-width:760px){.ai-focus li{padding-right:118px}.ai-focus li:after{right:10px;width:84px;height:84px}}

/* Soft lower dissolve, matching the visual restraint of Terrain de jeu. */
.ai-focus li:after{opacity:.24;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 57%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 57%,transparent 100%)}.ai-focus li:hover:after,.ai-focus li.mobile-scroll-active:after{opacity:.44}

/* About cards use the same tangible response as the rest of the interface. */
.about-qualifications .credentials a:hover{border-color:var(--lime);box-shadow:0 16px 30px rgba(7,21,37,.23)}.about-qualifications .credentials a:hover i{transform:scale(1.04)}.about-qualifications .credentials i{transition:transform .22s ease}