/* Notre métier V9 — styles limités à cette rubrique. */
body.metier-photo{background:#06192a;color:#f5f8fc}
.metier-photo .ambient{display:none}
.metier-photo .test-strip{background:#041424;min-height:25px;font-size:11px}
.metier-photo .site-header{display:grid;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:89px;width:100%;max-width:none;padding:10px 3.5%;margin:0;background:#071b2c;border-bottom:1px solid #b5dcff26}
.metier-photo .identity-row{display:contents}
.metier-photo .brand-lockup{grid-column:1;grid-row:1}
.metier-photo .brand-word{font-size:44px;letter-spacing:.15em;color:#fff;font-weight:400}
.metier-photo .brand-word small{font-size:9px;letter-spacing:.12em;white-space:nowrap;margin-top:6px;color:#d2e6f7}
.metier-photo .brand-promise,.metier-photo .motion-control{display:none}
.metier-photo .main-nav{grid-column:2;grid-row:1;display:flex;align-self:stretch;justify-content:center;padding:0;gap:0;border:0;background:none;min-width:0}
.metier-photo .main-nav>a{font-size:13px;min-height:48px;padding:8px 10px;color:#c8d9e8}
.metier-photo .main-nav>a[aria-selected=true]{background:none;color:#fff}
.metier-photo .main-nav>a:after{bottom:8px;left:22%;right:22%;height:2px;background:#65d7ff;border-radius:9px;box-shadow:0 0 12px #32b7ff65}
.metier-photo .header-actions{grid-column:3;grid-row:1;gap:10px;margin:0}
.metier-photo .header-actions>.button{border-radius:14px;min-height:46px;padding:12px 15px;font-size:13px;white-space:nowrap}
.metier-photo .header-actions>.button-quiet{order:1;background:#0b2843;border-color:#4e8daf}
.metier-photo .header-demo{display:inline-flex;order:2;background:#0063ff;border-color:#247eff;color:white;gap:16px}
.metier-photo .menu-toggle{order:3}
.metier-photo main{width:100%;max-width:none;margin:0}
.metier-scene{padding:0;min-height:0;animation:none;background:#06192a;overflow:hidden}
.metier-scene h2{font-family:var(--sans);font-size:clamp(42px,3.65vw,70px);font-weight:650;line-height:1.09;letter-spacing:-.045em;color:#f8fbff;margin:0 0 20px;text-wrap:balance}
.metier-scene h2 em{font-family:var(--sans);font-weight:650;font-style:normal;color:#42ceef;letter-spacing:-.045em}
.metier-eyebrow{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.19em;color:#80e7ef;margin-bottom:22px}
.metier-eyebrow>span{width:31px;height:1px;background:currentColor}
.metier-lead{color:#d8e5f0;font-size:clamp(18px,1.2vw,23px);line-height:1.6;max-width:650px}
.metier-lead strong{font-weight:650;color:#fff}
.metier-method{position:relative;min-height:820px;padding:58px 6% 68px;isolation:isolate}
.metier-method-visual{position:absolute;inset:0;z-index:-2}
.metier-method-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.metier-method:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#04172ee8 0%,#04172eb3 39%,#04172e40 56%,transparent 70%),linear-gradient(0deg,#06192a 0%,transparent 17%)}
.metier-method-copy{width:49%;max-width:760px;position:relative}
.metier-steps{list-style:none;padding:0;margin:27px 0 30px}
.metier-steps li{position:relative;display:grid;grid-template-columns:43px minmax(0,1fr);gap:20px;padding:17px 0 18px}
.metier-steps li+li{border-top:1px solid #95c9ea2b}
.metier-step-number{display:grid;place-items:center;align-self:start;width:43px;height:43px;border-radius:50%;font-size:14px;font-weight:600;letter-spacing:.02em;background:linear-gradient(140deg,#18567bba,#0b283dd9);border:1px solid #56b3dc85;color:#c4f4ff;box-shadow:inset 0 1px 0 #dcf8ff20}
.metier-steps li:nth-child(2) .metier-step-number{color:#8fead9;border-color:#4faaa28c;background:linear-gradient(140deg,#134e57bd,#102d3a)}
.metier-steps li:nth-child(3) .metier-step-number{color:#d4c9fb;border-color:#9a8cc381;background:linear-gradient(140deg,#373258c4,#142638)}
.metier-steps h3{font-family:var(--sans);font-size:clamp(19px,1.3vw,25px);font-weight:600;line-height:1.3;letter-spacing:-.02em;color:#f4faff;margin:0 0 7px}
.metier-steps p{font-size:clamp(15px,1.08vw,20px);line-height:1.55;color:#bdcfe0;max-width:600px}
.metier-primary{background:#0568e8;border-color:#3b9fff;border-radius:15px;min-height:52px;padding:14px 21px;font-size:15px;box-shadow:inset 0 1px 0 #9bceff60,0 8px 27px #001b443d}
.metier-signature{position:absolute;right:7%;bottom:88px;display:flex;align-items:center;gap:18px;color:#dfebf5;font-size:18px;line-height:1.5;text-shadow:0 2px 14px #000}
.metier-signature strong{font-weight:600;color:#fff}
.metier-signature-line{height:52px;width:2px;background:linear-gradient(transparent,#6ed8eb,transparent)}
.metier-transition{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:29px 6% 35px;background:#06192a}
.metier-transition:before{content:'';position:absolute;top:0;left:6%;right:6%;height:1px;background:linear-gradient(90deg,#4699c644,#9de8fc88,#4699c611)}
.metier-transition p{font-size:10px;letter-spacing:.2em;color:#7dc5de;margin-bottom:7px;font-weight:600}
.metier-transition strong{font-size:19px;font-weight:450;color:#dcebf4}
.metier-scroll{display:flex;align-items:center;gap:18px;background:transparent;border:0;color:#c9e5f6;font-size:14px;padding:5px 0;flex-shrink:0}
.metier-scroll>span{height:42px;width:42px;border:1px solid #69b3d080;display:grid;place-items:center;border-radius:50%;font-size:23px;color:#9beaff;transition:background .2s}
.metier-scroll:hover>span{background:#3bc6f41a}
.metier-mobile{position:relative;isolation:isolate;min-height:850px;padding:65px 6% 75px;scroll-margin-top:0}
.metier-mobile-visual{position:absolute;inset:0;z-index:-2}
.metier-mobile-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.metier-mobile:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 20%,#04182d25 39%,#04182dc2 54%,#04182df0 100%),linear-gradient(180deg,#06192a 0%,transparent 8%,transparent 78%,#06192a 100%)}
.metier-mobile-copy{width:47%;max-width:710px;margin-left:auto}
.metier-use-cases{margin:25px 0 30px}
.metier-use-cases article{display:grid;grid-template-columns:45px minmax(0,1fr);gap:18px;padding:20px 0}
.metier-use-cases article+article{border-top:1px solid #a7cced26}
.metier-case-icon{display:grid;place-items:center;width:45px;height:48px;border:1px solid #398dc96b;border-radius:13px;background:linear-gradient(145deg,#15436a94,#092b46a3);color:#72cfff;box-shadow:inset 0 1px 0 #d7f3ff1c}
.metier-case-icon svg{width:26px;height:26px}
.metier-use-cases article:nth-child(2) .metier-case-icon{color:#6ae1d3;border-color:#30998d78;background:linear-gradient(145deg,#164d517d,#092d38a3)}
.metier-use-cases article:nth-child(3) .metier-case-icon{color:#ccbcff;border-color:#8173b583;background:linear-gradient(145deg,#322e5a7d,#172138a3)}
.metier-use-cases h3{font-size:clamp(18px,1.25vw,24px);font-weight:600;line-height:1.35;letter-spacing:-.02em;color:#f1f8ff;margin-bottom:8px}
.metier-use-cases p{font-size:clamp(15px,1.06vw,19px);line-height:1.6;color:#bfd2e4}
.metier-continuity{position:absolute;bottom:86px;left:6%;width:37%;max-width:550px;display:flex;align-items:center;gap:19px;padding:22px 23px;border:1px solid #badfff53;border-radius:19px;background:linear-gradient(125deg,#0d2945dd,#061d34c9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #dcf3ff26,0 15px 40px #00142148;color:#eef8ff}
.metier-device-icons{display:flex;align-items:center;gap:7px;color:#8edfff;flex-shrink:0}
.metier-device-icons svg{width:25px;height:28px}.metier-device-icons svg:first-child{width:33px}.metier-device-icons svg:last-child{width:20px}
.metier-continuity strong{display:block;font-size:16px;line-height:1.35;font-weight:600}
.metier-continuity p{font-size:13px;line-height:1.5;margin-top:6px;color:#bad3e5}
.metier-ending{display:flex;justify-content:center;align-items:center;gap:36px;padding:18px 6% 65px;text-align:center;background:#06192a}
.metier-ending p{font-size:24px;line-height:1.4;color:#b5ccdf;letter-spacing:-.02em}.metier-ending strong{color:#eefaff;font-weight:500}
.metier-ending>span{width:100px;height:1px;background:linear-gradient(90deg,transparent,#72bad05c)}.metier-ending>span:last-child{transform:rotate(180deg)}
.metier-photo .site-footer{width:100%;max-width:none;padding:17px 6%;margin:0;background:#041321;border-top:1px solid #afd2eb1c;color:#a4bbd0;font-size:12px}
.metier-photo .site-footer>p{font-size:16px;color:#b8d2e3}
@media(min-width:1800px){.metier-photo .site-header{grid-template-columns:290px 1fr auto;min-height:105px}.metier-photo .brand-word{font-size:54px}.metier-photo .brand-word small{font-size:11px}.metier-photo .main-nav>a{font-size:17px;padding:11px 16px}.metier-photo .header-actions>.button{font-size:16px;min-height:53px;padding:14px 20px}.metier-method,.metier-mobile{min-height:960px;padding-top:78px;padding-bottom:85px}.metier-method-copy{max-width:820px}.metier-eyebrow{font-size:14px}.metier-steps{margin-top:35px}.metier-steps li{padding:20px 0;gap:25px}.metier-primary{font-size:18px;min-height:58px;padding:16px 24px}.metier-transition strong{font-size:24px}.metier-transition p{font-size:12px}.metier-scroll{font-size:17px}.metier-continuity{bottom:100px;padding:26px}.metier-continuity strong{font-size:21px}.metier-continuity p{font-size:16px}.metier-signature{font-size:23px;bottom:110px}.metier-ending p{font-size:29px}}
@media(min-width:1181px) and (max-width:1540px){.metier-photo .site-header{grid-template-columns:185px minmax(0,1fr) auto;gap:9px;padding-left:2.5%;padding-right:2.5%}.metier-photo .brand-word{font-size:40px}.metier-photo .main-nav>a{font-size:12px;padding:8px}.metier-photo .header-actions>.button{font-size:12px;padding:10px 12px;min-height:44px}.metier-photo .header-actions{gap:9px}.metier-method,.metier-mobile{padding-left:5%;padding-right:5%}.metier-method-copy{width:50%}.metier-mobile-copy{width:48%}.metier-signature{right:5%;font-size:17px}.metier-continuity{left:5%;gap:14px;padding:20px;max-width:480px}.metier-device-icons{gap:4px}.metier-continuity strong{font-size:15px}}
@media(max-width:1180px){.metier-photo .site-header{grid-template-columns:220px 1fr;padding:16px 4% 0;gap:12px}.metier-photo .brand-lockup{grid-column:1;grid-row:1}.metier-photo .header-actions{grid-column:2;grid-row:1;justify-self:end}.metier-photo .main-nav{grid-column:1/-1;grid-row:2;justify-content:space-between}.metier-photo .main-nav>a{font-size:14px;min-height:50px}.metier-method{padding:46px 5% 60px}.metier-method-copy{width:53%}.metier-scene h2{font-size:43px}.metier-signature{right:4%;font-size:15px;bottom:74px}.metier-mobile{padding:55px 5% 60px}.metier-mobile-copy{width:50%}.metier-continuity{left:4%;width:39%;padding:18px;gap:12px}.metier-device-icons{gap:3px}.metier-device-icons svg{width:20px}.metier-device-icons svg:first-child{width:26px}.metier-device-icons svg:last-child{width:17px}.metier-continuity strong{font-size:14px}.metier-continuity p{font-size:12px}.metier-transition{padding-left:5%;padding-right:5%}.metier-transition strong{font-size:17px}.metier-scroll{font-size:13px;gap:12px}}
@media(max-width:1000px){.metier-photo .main-nav>a{font-size:12px;padding:8px}.metier-method,.metier-mobile{padding:0;min-height:0;display:flex;flex-direction:column}.metier-method-visual,.metier-mobile-visual{position:relative;inset:auto;width:100%;height:390px;z-index:0;overflow:hidden}.metier-method-visual img{object-position:80% center}.metier-mobile-visual img{object-position:26% center}.metier-method-visual:after,.metier-mobile-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#06192a,transparent 26%)}.metier-method:after,.metier-mobile:after{display:none}.metier-method-copy,.metier-mobile-copy{width:auto;max-width:800px;margin:0 auto;padding:18px 6% 55px}.metier-method-copy{margin-top:-12px}.metier-scene h2{font-size:48px}.metier-method-copy .metier-lead{max-width:none}.metier-steps{margin-top:25px}.metier-steps h3{font-size:21px}.metier-steps p,.metier-use-cases p{font-size:17px}.metier-signature{display:none}.metier-transition{padding:30px 6%;flex-wrap:wrap;gap:17px}.metier-transition>div{flex-basis:100%}.metier-transition strong{font-size:21px}.metier-scroll{font-size:15px}.metier-mobile-visual{height:470px}.metier-mobile-copy{padding-top:25px;padding-bottom:25px}.metier-mobile-copy .metier-lead{max-width:none}.metier-use-cases h3{font-size:21px}.metier-continuity{position:relative;bottom:auto;left:auto;order:3;width:auto;max-width:800px;margin:10px 6% 38px;padding:22px;justify-content:center;gap:22px}.metier-continuity strong{font-size:18px}.metier-continuity p{font-size:15px}.metier-device-icons svg{width:25px}.metier-device-icons svg:first-child{width:33px}.metier-device-icons svg:last-child{width:20px}.metier-ending{padding-bottom:45px}.metier-ending p{font-size:24px}}
@media(max-width:720px){.metier-photo .site-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:15px 4%;min-height:83px}.metier-photo .brand-lockup{margin-right:auto}.metier-photo .brand-word{font-size:34px}.metier-photo .brand-word small{font-size:8px;letter-spacing:.08em}.metier-photo .header-actions{gap:9px}.metier-photo .header-actions>.button-quiet{font-size:12px;min-height:40px;padding:10px 12px}.metier-photo .header-demo{display:none}.metier-photo .menu-toggle{display:flex;width:36px;height:40px;border:1px solid #8edaff61;border-radius:10px}.metier-photo .main-nav{display:none;width:100%;order:5;flex-basis:100%;grid-template-columns:1fr 1fr;gap:5px;padding:5px 0}.metier-photo .main-nav.open{display:grid}.metier-photo .main-nav>a{font-size:15px;min-height:45px;padding:11px 9px}.metier-photo .main-nav>a:after{bottom:3px}.metier-photo .test-strip{font-size:10px}.metier-method-visual{height:285px}.metier-method-visual img{object-position:80% center}.metier-mobile-visual{height:410px}.metier-mobile-visual img{object-position:24% top}.metier-method-copy,.metier-mobile-copy{padding-left:6%;padding-right:6%}.metier-method-copy{padding-top:10px;padding-bottom:38px}.metier-eyebrow{font-size:11px;letter-spacing:.15em;margin-bottom:17px}.metier-scene h2{font-size:clamp(34px,8.3vw,49px);line-height:1.12;margin-bottom:20px;letter-spacing:-.045em;text-wrap:initial}.metier-lead{font-size:18px;line-height:1.6}.metier-steps{margin:22px 0 25px}.metier-steps li{grid-template-columns:36px minmax(0,1fr);gap:14px;padding:20px 0}.metier-step-number{width:36px;height:36px;font-size:12px}.metier-steps h3,.metier-use-cases h3{font-size:20px;line-height:1.35}.metier-steps p,.metier-use-cases p{font-size:16px;line-height:1.6}.metier-primary{font-size:15px;min-height:53px;padding:15px 18px;gap:18px}.metier-transition{padding:26px 6% 31px}.metier-transition strong{font-size:20px;line-height:1.45;display:block}.metier-transition p{font-size:10px;margin-bottom:10px}.metier-scroll{font-size:14px;gap:18px}.metier-mobile-copy{padding-top:24px}.metier-use-cases{margin:20px 0 26px}.metier-use-cases article{grid-template-columns:39px minmax(0,1fr);gap:14px;padding:23px 0}.metier-case-icon{width:39px;height:43px;border-radius:11px}.metier-case-icon svg{width:24px;height:24px}.metier-continuity{gap:16px;padding:20px 16px;justify-content:flex-start}.metier-continuity strong{font-size:16px}.metier-continuity p{font-size:13px}.metier-device-icons{gap:2px}.metier-device-icons svg{width:21px}.metier-device-icons svg:first-child{width:27px}.metier-device-icons svg:last-child{width:17px}.metier-ending{gap:16px;padding-bottom:36px}.metier-ending p{font-size:22px}.metier-ending>span{width:30px}.metier-photo .site-footer{font-size:11px;padding:18px 4%;gap:13px}.metier-photo .site-footer>p{font-size:17px;flex-basis:100%;order:3}.metier-photo .site-footer nav{font-size:12px;gap:15px}}
@media(max-width:370px){.metier-photo .brand-word{font-size:29px}.metier-photo .brand-word small{font-size:7px}.metier-photo .header-actions{gap:7px}.metier-photo .header-actions>.button-quiet{font-size:11px;padding:10px}.metier-scene h2{font-size:32px}.metier-method-visual{height:250px}.metier-mobile-visual{height:360px}.metier-continuity{flex-direction:column;align-items:flex-start}.metier-ending>span{display:none}}
@media(prefers-reduced-motion:reduce){.metier-scroll>span{transition:none}}