/* Y.N.I Solutions — Fusion 2026. Nouvelle Direction x Studio V8.
   Original UI: simplified floating nav, editorial cards, rotating references. */
:root{--yni-orange:#ff712f;--yni-ink:#191b20;--yni-paper:#f7f7f6;--yni-mw:1220px}
html{scroll-padding-top:100px}
/* New Direction header, V8 clarity */
.y9-header{height:0;position:sticky;top:0;z-index:900;width:100%;isolation:isolate}
.y9-nav{position:relative;top:15px;height:72px;margin:auto;width:min(1296px,calc(100% - 42px));padding:9px 12px 9px 21px;background:#17191cf5;border:1px solid #ffffff21;border-radius:21px;display:flex;gap:15px;align-items:center;box-shadow:0 17px 45px #08090c55;backdrop-filter:blur(23px);-webkit-backdrop-filter:blur(23px);transition:top .25s,box-shadow .25s,background .25s}
.y9-header.is-scrolled .y9-nav{top:7px;background:#141619fb;box-shadow:0 13px 40px #07080a66}
.y9-brand{width:171px;max-width:171px;display:flex;align-items:center;flex:0 0 auto}
.y9-brand img{width:100%;height:52px;display:block;object-fit:contain}
.y9-nav-center,.y9-actions{display:flex;align-items:center;gap:2px}
.y9-nav-center{margin-left:auto}
.y9-nav-center>a,.y9-trigger,.y9-client{font-size:12.7px;font-weight:700;line-height:1.2;color:#f2f3f4;background:transparent;min-height:43px;border:0;display:flex;align-items:center;gap:8px;padding:13px 13px;border-radius:11px;white-space:nowrap;transition:color .22s,background .22s}
.y9-nav-center>a:hover,.y9-trigger:hover,.y9-client:hover,.y9-dropdown.is-open>.y9-trigger{color:#fff;background:#ffffff16}
.y9-chev{display:inline-block;transform-origin:50% 40%;font-size:18px;font-weight:400;transition:transform .23s}.y9-dropdown.is-open .y9-chev{transform:rotate(180deg)}
.y9-client{font-size:12px;color:#d4d7d8}.y9-actions{gap:7px}
.y9-contact{display:flex;align-items:center;justify-content:center;gap:14px;min-height:46px;background:#ff712f;color:#191b1d;font-size:12.5px;font-weight:830;border-radius:13px;padding:0 18px;white-space:nowrap;transition:background .25s,transform .25s,box-shadow .25s}
.y9-contact:hover{background:#ff9256;transform:translateY(-2px);box-shadow:0 8px 22px #ff712f30}
.y9-contact span{font-size:17px}.y9-dropdown{position:relative}.y9-mega[hidden],.y9-mobile[hidden]{display:none!important}
.y9-mega{position:absolute;top:59px;left:-20px;width:min(720px,calc(100vw - 64px));border-radius:23px;background:#1a1d22f9;box-shadow:0 24px 80px #0009;border:1px solid #ffffff23;padding:25px;z-index:999;backdrop-filter:blur(18px);animation:y9-mega-in .2s ease both}
@keyframes y9-mega-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.y9-mega-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:21px;font-size:11px;color:#aeb4bd;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.y9-mega-head a{letter-spacing:0;text-transform:none;color:#ff975f;font-size:12px}
.y9-mega-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.y9-mega-grid>a{position:relative;display:flex;flex-direction:column;gap:7px;color:#fff;background:#ffffff0b;padding:20px 38px 18px 18px;border:1px solid #ffffff11;border-radius:14px;transition:background .22s,transform .22s,border-color .22s}
.y9-mega-grid>a:hover{background:#ff712f14;border-color:#ff712f6e;transform:translateY(-2px)}
.y9-mega-grid strong{font-size:14px;font-weight:780;line-height:1.2}.y9-mega-grid small{font-size:12px;color:#afb6bb;line-height:1.55;font-weight:400}.y9-mega-grid b{position:absolute;right:15px;top:18px;color:#ff9a68;font-size:17px}
.y9-hamb{display:none;align-items:center;justify-content:center;flex-direction:column;gap:6px;height:45px;width:48px;background:#ffffff13;border:1px solid #ffffff33;border-radius:13px;color:#fff;cursor:pointer}.y9-hamb span{display:block;width:20px;height:2px;background:#fff;border-radius:5px;transition:transform .2s}.y9-hamb[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.y9-hamb[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.y9-mobile{position:fixed;z-index:999;top:95px;left:14px;right:14px;max-height:calc(100svh - 110px);overflow:auto;background:#181a20;border:1px solid #ffffff2e;color:#fff;padding:20px;box-shadow:0 26px 90px #0009;border-radius:23px;animation:y9-mega-in .2s ease both}
.y9-mobile-start{font-size:11px;font-weight:800;letter-spacing:.1em;color:#c5c7cc;margin:4px 0 14px;text-transform:uppercase}.y9-mobile>a{display:flex;justify-content:space-between;border-radius:13px;padding:16px;background:#ffffff0c;margin-bottom:9px;font-size:15px;font-weight:700}.y9-mobile>a:hover{background:#ffffff19}.y9-mobile>a span{color:#ff965c}.y9-mobile details{margin:9px 0;border-radius:14px;border:1px solid #ffffff21;background:#ffffff06}.y9-mobile summary{cursor:pointer;font-size:14px;font-weight:720;display:flex;justify-content:space-between;padding:17px}.y9-mobile-details{display:grid;padding:0 16px 10px}.y9-mobile-details a{padding:11px 5px;font-size:13px;color:#d6d8da;border-top:1px solid #ffffff13}.y9-mobile .y9-mobile-contact{margin-top:12px;background:#ff712f;color:#161719;justify-content:center;text-align:center}
/* immersive video: keep actual MP4 visible behind legible gradient; truly rounded stage */
#yni-site .y9-home{min-height:min(890px,96svh)!important;margin:0 16px!important;width:calc(100% - 32px)!important;border-radius:0 0 37px 37px!important;background:radial-gradient(ellipse 55% 86% at 85% 50%,#493026 0%,#1a1b1e 55%,#111317 100%)!important;isolation:isolate!important;overflow:hidden!important}
#yni-site .y9-home:after{position:absolute!important;inset:0;content:"";z-index:1!important;background:linear-gradient(90deg,#101216f5 0%,#101216da 36%,#10121688 70%,#0c0d0e5e 100%),linear-gradient(0deg,#101216be 0%,transparent 43%)!important;pointer-events:none}
#yni-site .y9-home>.yni-video-bg,#yni-site .y9-home .yni-video-widget{z-index:0!important}
#yni-site .y9-home video.y8-bg-video{opacity:1!important;filter:brightness(.91) saturate(.91)!important;object-fit:cover!important;width:100%!important;height:100%!important;display:block!important}
#yni-site .y9-home>.yni-shell{position:relative!important;z-index:3!important;min-height:min(850px,93svh)!important;padding-top:155px!important;padding-bottom:190px!important;display:flex!important;align-items:center!important}
#yni-site .y9-home .yni-hero-copy{width:min(800px,100%);max-width:800px}
#yni-site .y9-home .yni-h1{max-width:790px!important;font-size:clamp(51px,5.9vw,87px)!important;line-height:1.025!important;letter-spacing:-.07em!important;text-wrap:balance}
#yni-site .y9-home .yni-h1 em{color:#ff7a3d!important}
#yni-site .y9-home .yni-lead{max-width:595px!important;font-size:clamp(16px,1.5vw,19px)!important;color:#dfe1e4!important}
#yni-site .y9-home .yni-kicker{font-size:10px!important;font-weight:780!important;letter-spacing:.115em!important}
#yni-site .y9-home .yni-actions{display:flex!important;gap:13px!important}
#yni-site .y9-home .yni-actions .elementor-widget-button{margin:0!important}
#yni-site .y9-home .yni-button,#yni-site .y9-home .elementor-button{border-radius:14px!important}
#yni-site .y9-home .y8-hero-discover{display:inline-flex!important;margin-top:24px!important}
#yni-site .y9-home .y8-video-toggle{right:29px!important;bottom:25px!important;border-radius:100px!important}
/* Audit announcement from provided inspiration: useful and prominent, not disruptive */
#yni-site .y9-audit-widget{position:absolute!important;right:clamp(50px,8vw,160px)!important;bottom:74px!important;z-index:4!important;width:fit-content!important;max-width:min(410px,calc(100% - 44px))!important}
#yni-site .y9-audit{position:absolute;right:clamp(52px,7vw,135px);bottom:72px;z-index:4;display:flex;align-items:center;gap:15px;min-width:310px;max-width:390px;padding:14px 19px 14px 14px;background:#17191ee9;color:#fff;border:1px solid #ff792f;border-radius:19px;box-shadow:0 20px 43px #090a0d65,0 0 35px #ff712f1b;transform:rotate(-1.2deg);transition:transform .25s,border-color .25s,box-shadow .25s}
#yni-site .y9-audit-widget .y9-audit{position:relative;right:auto;bottom:auto}
#yni-site .y9-audit:hover{transform:rotate(0deg) translateY(-4px);box-shadow:0 26px 50px #090a0d80,0 0 40px #ff712f35;border-color:#ffac72}
#yni-site .y9-audit-icon{flex:none;display:grid;place-items:center;background:#ff712f21;border:1px solid #ff712f75;color:#ffa471;width:47px;height:47px;border-radius:13px;font-size:25px;line-height:1}
#yni-site .y9-audit-text{display:flex;flex-direction:column;gap:2px;padding-right:3px}
#yni-site .y9-audit-text strong{color:#fff;font-size:16px;font-weight:840;line-height:1.2}
#yni-site .y9-audit-text small{font-size:10px;color:#ff9c62;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
#yni-site .y9-audit-tag{position:absolute;right:14px;top:-24px;color:#101215;background:#ff912f;padding:9px 12px;border-radius:30px;transform:rotate(10deg);font-size:10px;font-weight:900;white-space:nowrap;letter-spacing:.01em}
/* Full-width editorial trust showcase, inspired by alternation/spacing of Devtrotter, YNI original graphic identity */
#yni-site .y9-trust-section{padding:54px 0 42px!important;background:radial-gradient(ellipse 80% 120% at 50% -30%,#6f361f 0%,#232025 52%,#17181b 100%)!important;border:0!important;margin:16px!important;width:calc(100% - 32px)!important;border-radius:28px!important;overflow:hidden!important}
#yni-site .y9-trust-title{display:flex!important;gap:20px;align-items:center;justify-content:center;text-align:center;font-size:11px;font-weight:850;letter-spacing:.14em;color:#f2ede9;text-transform:uppercase;white-space:nowrap}
#yni-site .y9-trust-line{height:1px;max-width:320px;width:100%;background:linear-gradient(90deg,transparent,#ffffff36)}
#yni-site .y9-trust-line:last-child{transform:scaleX(-1)}
#yni-site .y9-brand-stage{position:relative;min-height:155px;width:100%;padding:20px 30px 12px!important;background:transparent!important;border:0!important;border-radius:0!important}
#yni-site .y9-brand-sets{height:117px;position:relative;overflow:hidden}
#yni-site .y9-brand-set{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-items:center;gap:27px;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .75s ease,transform .75s ease,visibility .75s ease;pointer-events:none}
#yni-site .y9-brand-set.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}
#yni-site .y9-brand-logo{display:flex;align-items:center;justify-content:center;gap:14px;flex-direction:row;max-width:100%;color:#faf5f2;min-height:95px;text-align:center}
#yni-site .y9-brand-logo img{width:auto;max-width:93px;max-height:42px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.79}
#yni-site .y9-brand-logo span{color:#f5f0ec;font-weight:820;letter-spacing:-.04em;font-size:clamp(19px,2.4vw,32px);line-height:1.05}
#yni-site .y9-brand-logo:hover img{opacity:1}
#yni-site .y9-logo-dots{display:flex;gap:8px;justify-content:center;align-items:center;margin:0 auto}
#yni-site .y9-logo-dots button{width:7px;height:7px;border-radius:9px;border:0;padding:0;background:#ffffff4b;cursor:pointer;transition:width .3s,background .3s}
#yni-site .y9-logo-dots button[aria-pressed=true]{width:26px;background:#ff8c52}
#yni-site .y9-trust-foot{display:flex!important;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;color:#c2c3c6;font-size:12px;margin-top:24px}
#yni-site .y9-trust-foot a{color:#ffb185;font-size:12px;font-weight:770;text-decoration:underline;text-underline-offset:5px}
#yni-site .y9-client-reference{margin-top:44px;border-top:1px solid #ffffff1b;padding-top:34px}
#yni-site .y9-client-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:22px;padding:28px 0 9px}
#yni-site .y9-client-grid>div{display:grid;place-items:center;min-height:66px}
#yni-site .y9-client-grid img{width:100%;max-width:148px;max-height:57px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.78}
/* Rest: warm editorial version of V8, rounded but not nested cookie-cut cards */
#yni-site .y9-guide-section{background:#f5f5f4!important;padding:81px 0 70px!important;border:0!important}
#yni-site .y9-guide-section .yni-head{max-width:750px;margin-bottom:35px}
#yni-site .y9-guide-section .yni-title{font-size:clamp(38px,4vw,60px)!important;max-width:830px;letter-spacing:-.055em!important}
#yni-site .y9-guide-section .yni-guide{border-radius:27px!important;box-shadow:0 18px 50px #191c2012!important}
#yni-site .yni-guide-choice{border-radius:12px!important;transition:color .2s,background .2s,border-color .2s}
#yni-site .y9-audiences{padding:90px 0 92px!important;background:#fff}
#yni-site .y9-section-top{margin-bottom:33px;max-width:620px}
#yni-site .y9-section-top .yni-title{margin-top:11px;font-size:clamp(36px,4vw,56px)!important}
#yni-site .y9-audiences .yni-route{min-height:330px;padding:40px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;border-radius:30px!important}
#yni-site .y9-audiences .yni-route-title{max-width:430px;font-size:clamp(29px,3vw,40px)!important;line-height:1.14!important}
#yni-site .y9-audiences .yni-route .yni-plain-link{margin-top:auto!important;padding-top:30px}
#yni-site .y9-audiences .yni-route-light{background:#f4e8df!important}
#yni-site .y9-audiences .yni-route-dark{background:radial-gradient(circle at 95% -10%,#554034,#1b1d21 57%)!important}
#yni-site .y9-final{background:#f5f5f4;padding:0 0 80px!important}
#yni-site .y9-final .yni-cta{border-radius:30px!important;background:linear-gradient(115deg,#ff833d,#ff6c2f)!important}
#yni-site .yni-button,#yni-site .elementor-button{border-radius:14px!important}
/* consistent interior pages styling */
#yni-site .yni-hero-inner{border-radius:0 0 37px 37px!important;margin:0 16px!important;width:calc(100% - 32px)!important}
#yni-site .yni-plan,#yni-site .yni-highlight,#yni-site .yni-form{border-radius:23px!important}
/* motion and mobile */
@media (max-width:1200px){.y9-nav{gap:9px}.y9-nav-center>a,.y9-trigger,.y9-client{padding-inline:9px}.y9-brand{width:148px}.y9-contact{padding-inline:12px}.y9-hide-tight{display:none!important}}
@media (max-width:1000px){.y9-nav-center,.y9-client{display:none}.y9-actions{margin-left:auto}.y9-hamb{display:flex}.y9-nav{height:67px;width:calc(100% - 26px);padding-inline:13px}.y9-brand{width:153px}.y9-mega{display:none!important}
#yni-site .y9-home>.yni-shell{padding-top:140px!important;padding-bottom:240px!important}#yni-site .y9-audit{left:37px;right:auto;bottom:66px}#yni-site .y9-audit-widget{left:37px!important;right:auto!important;bottom:66px!important}}
@media (max-width:650px){.y9-contact{padding:0 13px;font-size:11.5px;min-height:43px}.y9-nav{top:8px;border-radius:16px;height:62px;gap:8px}.y9-brand{width:117px}.y9-brand img{height:46px}.y9-hamb{height:43px;width:43px}.y9-contact span{display:none}
#yni-site .y9-home{margin:0 8px!important;width:calc(100% - 16px)!important;border-radius:0 0 25px 25px!important;min-height:740px!important}
#yni-site .y9-home>.yni-shell{padding:115px 0 225px!important;min-height:740px!important;align-items:flex-start!important;width:calc(100% - 38px)!important}
#yni-site .y9-home .yni-h1{font-size:clamp(39px,10.4vw,58px)!important;letter-spacing:-.067em!important;max-width:100%!important}
#yni-site .y9-home .yni-lead{font-size:15px!important;line-height:1.65!important}
#yni-site .y9-home .yni-actions{display:grid!important;gap:10px!important;margin-top:21px!important}
#yni-site .y9-home .yni-actions a,#yni-site .y9-home .yni-actions .elementor-widget-button,#yni-site .y9-home .yni-actions .elementor-button{width:100%!important;text-align:center}
#yni-site .y9-home .y8-hero-discover{margin-top:18px!important;font-size:12px}
#yni-site .y9-audit,#yni-site .y9-audit-widget{left:21px!important;right:auto!important;bottom:68px!important;min-width:0;max-width:calc(100% - 75px)!important;width:calc(100% - 80px)}
#yni-site .y9-audit-widget .y9-audit{width:100%;max-width:100%!important}
#yni-site .y9-audit{padding:11px 13px 11px 11px;gap:10px;border-radius:15px;transform:none}
#yni-site .y9-audit-icon{width:38px;height:38px;font-size:20px;border-radius:9px}#yni-site .y9-audit-text strong{font-size:12.5px}#yni-site .y9-audit-text small{font-size:8px}#yni-site .y9-audit-tag{top:-19px;right:9px;padding:6px 8px;font-size:9px}
#yni-site .y9-home .y8-video-toggle{bottom:20px!important;right:15px!important;font-size:10px!important;padding:7px!important}#yni-site .y9-home .y8-video-toggle span{display:none!important}
#yni-site .y9-trust-section{margin:8px!important;width:calc(100% - 16px)!important;border-radius:20px!important;padding:37px 0 32px!important}
#yni-site .y9-trust-title{gap:9px!important;font-size:9px;letter-spacing:.08em;white-space:normal}#yni-site .y9-trust-line{width:35px;flex:1}
#yni-site .y9-brand-stage{padding:12px 0 4px!important;min-height:129px}#yni-site .y9-brand-sets{height:115px}#yni-site .y9-brand-set{gap:6px}#yni-site .y9-brand-logo{gap:5px;flex-direction:column;min-width:0}#yni-site .y9-brand-logo img{max-width:65px;max-height:31px}#yni-site .y9-brand-logo span{font-size:clamp(12px,3.8vw,17px)!important;word-break:break-word}
#yni-site .y9-trust-foot{font-size:11px;gap:8px;margin-top:13px}
#yni-site .y9-guide-section{padding:63px 0!important}#yni-site .y9-guide-section .yni-title{font-size:37px!important}
#yni-site .y9-audiences{padding:61px 0!important}#yni-site .y9-audiences .yni-route{padding:30px 27px;min-height:285px}
#yni-site .y9-audiences .yni-route-title{font-size:29px!important}#yni-site .y9-client-grid{grid-template-columns:repeat(3,1fr);gap:13px}
#yni-site .y9-final{padding:0 0 55px!important}
}
@media (prefers-reduced-motion:reduce){.y9-mega,.y9-mobile{animation:none}.y9-brand-set{transition:none!important}.y9-contact,.y9-audit{transition:none!important}}

.yni-footer-logo{object-fit:contain}
#yni-site .y9-client-reference .y9-brand-stage{padding-top:12px!important}#yni-site .y9-client-reference .y9-brand-logo img{max-width:150px;max-height:55px;filter:grayscale(1) brightness(0) invert(1)}
#yni-site .y9-client-reference .y9-brand-set{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:650px){#yni-site .y9-client-reference .y9-brand-set{grid-template-columns:repeat(5,minmax(0,1fr))}#yni-site .y9-client-reference .y9-brand-logo img{max-width:58px;max-height:34px}}