/* Y.N.I Solutions — Studio V9.8. Direction artistique cohérente, sans cartes promotionnelles. */
:root{--y98-orange:#ff782e;--y98-black:#222329;--y98-white:#fff;--y98-muted:#64666f;--y98-paper:#fbfaf8}
/* Logos : même discrétion que les références sur Devtrotter. Aucune pastille blanche au hover. */
#yni-site .y97-brand-marquee{background:transparent!important}
#yni-site .y97-brand{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;outline-offset:4px!important;transition:transform .25s ease!important}
#yni-site .y97-brand:hover,#yni-site .y97-brand:focus-visible{background:transparent!important;box-shadow:none!important;transform:translateY(-3px)!important}
#yni-site .y97-brand img{max-height:52px!important;opacity:.76!important;transition:transform .28s ease,opacity .28s ease,filter .28s ease!important}
#yni-site .y97-brand:hover img,#yni-site .y97-brand:focus-visible img{filter:none!important;opacity:1!important;transform:scale(1.075)!important}
/* Some supplied source graphics contain a solid rectangular background. Preserve monochrome on hover until transparent logo assets are supplied. */
#yni-site .y97-brand[data-brand-name="UniFi"]:hover img,
#yni-site .y97-brand[data-brand-name="Ubiquiti"]:hover img,
#yni-site .y97-brand[data-brand-name="Sophos MSP Partner"]:hover img,
#yni-site .y97-brand[data-brand-name="Bitdefender – icône"]:hover img,
#yni-site .y97-brand[data-brand-name="Atera"]:hover img,
#yni-site .y97-brand[data-brand-name="Microsoft Copilot"]:hover img{
  filter:grayscale(1) brightness(0) invert(1)!important;opacity:1!important;
}
#yni-site .y97-brand.y97-broken:hover .y97-brand-alt{color:#fff!important}
#yni-site .y97-brand img{border:0!important;background:transparent!important;box-shadow:none!important}
/* Special offer: full-width expressive editorial strip, not an isolated rounded box. */
#yni-site .y98-audit-ribbon{position:relative;isolation:isolate;background:linear-gradient(110deg,#ff8b46 0%,#ff7429 62%,#f96526 100%)!important;color:#212127!important;overflow:hidden!important;padding:50px 0 54px!important;border:0!important;border-radius:0!important}
#yni-site .y98-audit-ribbon:after{content:"";position:absolute;z-index:-1;inset:-80px -80px -80px auto;width:42%;transform:skewX(-22deg);background:repeating-linear-gradient(90deg,transparent 0 26px,rgba(255,255,255,.13) 27px 28px);pointer-events:none}
#yni-site .y98-audit-ribbon .yni-shell{width:min(1320px,calc(100% - 64px))!important;max-width:1320px!important;margin:auto}
#yni-site .y98-audit-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,300px);gap:54px;align-items:center;max-width:1260px;margin:auto}
#yni-site .y98-audit-eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;display:inline-block;margin-bottom:14px;color:#26252b}
#yni-site .y98-audit-copy h2{font-family:Montserrat,Arial,sans-serif!important;font-weight:850!important;letter-spacing:-.055em!important;font-size:clamp(32px,4.2vw,66px)!important;line-height:1.03!important;max-width:800px!important;color:#1b1c20!important;margin:0 0 20px!important}
#yni-site .y98-audit-copy h2 em{font-style:normal;color:#fff!important}
#yni-site .y98-audit-copy p{max-width:750px;color:#252126!important;margin:0!important;font-size:clamp(14px,1.15vw,17px)!important;line-height:1.65!important;font-weight:500!important}
#yni-site .y98-audit-copy p strong{font-weight:800}
#yni-site .y98-audit-actions{display:flex;flex-direction:column;gap:15px;align-items:flex-start}
#yni-site .y98-audit-highlight{font-weight:900;font-size:clamp(43px,5.2vw,78px);line-height:.93;letter-spacing:-.075em;color:#1c1c22;display:block}
#yni-site .y98-audit-highlight span{display:block;margin-top:9px;letter-spacing:0;font-size:12px;font-weight:700;text-transform:uppercase}
#yni-site .y98-audit-link{display:inline-flex;gap:22px;align-items:center;justify-content:space-between;text-decoration:none!important;border:1px solid #202127;border-radius:100px;padding:8px 9px 8px 20px;min-width:245px;background:#1c1d22;color:#fff!important;font-size:14px;font-weight:800;box-shadow:0 6px 24px #211b1524;transition:transform .24s,background .24s,border-color .24s,color .24s}
#yni-site .y98-audit-link .y98-arrow{display:grid;place-items:center;border-radius:100%;background:#ff893f;color:#18191e;width:40px;height:40px;font-size:17px;transition:transform .24s,background .24s}
#yni-site .y98-audit-link:hover,#yni-site .y98-audit-link:focus-visible{background:#fff;color:#1a1b20!important;transform:translateY(-3px);border-color:#fff}
#yni-site .y98-audit-link:hover .y98-arrow{background:#1b1c21;color:#fff;transform:rotate(45deg)}
#yni-site .y98-audit-actions small{font-size:12px;color:#332822;font-weight:600}
/* First page: refined professional/particular CTA style. No tiny arrows suddenly appearing on the cards. */
#yni-site .y97-route-section .yni-route .y97-route-link,#yni-site .y97-route-section .yni-route .y97-route-link .elementor-button{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;align-self:flex-start!important;
 width:auto!important;margin-top:auto!important;padding:13px 20px!important;border:1px solid currentColor!important;border-radius:100px!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important;line-height:1.15!important;font-size:13px!important;font-weight:800!important;transition:transform .24s,background .24s,color .24s,border-color .24s!important;
}
#yni-site .y97-route-section .yni-route-dark .y97-route-link,#yni-site .y97-route-section .yni-route-dark .y97-route-link .elementor-button{border-color:#fb9c64!important;color:#ffbb92!important}
#yni-site .y97-route-section .yni-route-light .y97-route-link,#yni-site .y97-route-section .yni-route-light .y97-route-link .elementor-button{border-color:#b95e32!important;color:#883b16!important}
#yni-site .y97-route-section .yni-route .y97-route-link::before,#yni-site .y97-route-section .yni-route .y97-route-link::after{content:none!important;display:none!important}
#yni-site .y97-route-section .yni-route:hover .y97-route-link,#yni-site .y97-route-section .yni-route:hover .y97-route-link .elementor-button{background:#ff782e!important;border-color:#ff782e!important;color:#1b1c20!important;transform:translateY(-2px)!important}
#yni-site .y97-route-section .yni-route:hover{outline:0!important}
/* Guide photo deliberately blends into the solution card, without a hard framed rectangle. */
#yni-site .yni-guide-right .y97-guide-photo{height:185px!important;position:relative!important;isolation:isolate!important;overflow:visible!important;margin:8px -15px 18px!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
#yni-site .yni-guide-right .y97-guide-photo::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#20212652 0%,transparent 30%,transparent 62%,#2021269e 100%);mix-blend-mode:multiply}
#yni-site .yni-guide-right .y97-guide-photo img{max-width:none!important;width:100%!important;height:100%!important;object-fit:cover!important;border:0!important;border-radius:0!important;opacity:.88!important;filter:saturate(.72) contrast(1.1)!important;mask-image:radial-gradient(ellipse 86% 94% at 50% 46%,black 29%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 86% 94% at 50% 46%,black 29%,transparent 100%);transition:opacity .26s ease,transform .5s ease!important}
#yni-site .yni-guide-right .y97-guide-photo img.y98-photo-changing{opacity:0!important;transform:scale(1.035)!important}
#yni-site .yni-guide-right .y97-guide-photo figcaption{display:none!important}
#yni-site .yni-guide-right [data-yni-answer-title],#yni-site .yni-guide-right [data-yni-answer-copy]{position:relative;z-index:1}
/* Light first fold for the home-user experience, About, and all offer detail pages. */
#yni-site section.yni-hero.y98-light-hero.yni-hero-inner{
 background:linear-gradient(120deg,#fff 0%,#fcfaf7 54%,#f4e9e0 100%)!important;
 background-color:#fff!important;color:#1c1d22!important;
 border-radius:0 0 24px 24px!important;min-height:0!important;padding:170px 0 95px!important;isolation:isolate!important;overflow:hidden!important;
}
#yni-site section.yni-hero.y98-light-hero.yni-hero-inner::before{content:""!important;display:block!important;position:absolute!important;inset:0 0 0 auto!important;width:48%!important;z-index:-1!important;pointer-events:none!important;background:radial-gradient(circle at 75% 42%,#ffb78333 0%,transparent 62%)!important;opacity:1!important}
#yni-site .y98-light-hero .yni-shell,#yni-site .y98-light-hero .yni-hero-copy{position:relative;z-index:2}
#yni-site .y98-light-hero .yni-h1,#yni-site .y98-light-hero .yni-h1 .elementor-heading-title{color:#202126!important;font-weight:800!important;line-height:1.07!important;letter-spacing:-.052em!important}
#yni-site .y98-light-hero .yni-h1 em,#yni-site .y98-light-hero .yni-h1 em .elementor-heading-title{color:#ef6b29!important;font-style:normal!important}
#yni-site .y98-light-hero .yni-kicker,#yni-site .y98-light-hero .yni-kicker *{color:#a94819!important}
#yni-site .y98-light-hero .yni-lead,#yni-site .y98-light-hero .yni-lead *{color:#444750!important}
#yni-site .y98-light-hero .yni-btn-primary,#yni-site .y98-light-hero .yni-actions .elementor-button:not(.yni-btn-ghost){color:#1c1d22!important;background:#ff792e!important;border:1px solid #ff792e!important}
#yni-site .y98-light-hero .yni-btn-ghost,#yni-site .y98-light-hero .yni-actions .yni-btn-ghost .elementor-button{color:#232429!important;background:#fff!important;border:1px solid #8d8f95!important}
#yni-site .y98-light-hero .yni-btn-ghost:hover{background:#22232a!important;color:#fff!important}
#yni-site .y98-light-hero .yni93-price strong{color:#25262b!important}
#yni-site .y98-light-hero .yni93-price-note,#yni-site .y98-light-hero .yni93-price-label{color:#5c5f65!important}
#yni-site .y98-light-hero .yni93-price{border-color:#e6dcd3!important;background:#fff9f2!important}
/* Particuliers: full white start, fresh open sections, and clear cards. */
#yni-site section.y98-perso-intro.y97-perso-intro.yni-section{background:#fff!important;color:#202126!important;padding:90px 0!important}
#yni-site .y98-perso-intro .yni-head .yni-title,#yni-site .y98-perso-intro .yni-head .yni-title .elementor-heading-title{color:#202126!important;font-weight:800!important}
#yni-site .y98-perso-intro .yni-service.y96-use-card{background:#f8f8f8!important;border:1px solid #e9e8e6!important;border-radius:18px!important;box-shadow:0 12px 30px #14171b07!important}
#yni-site .y98-perso-intro .yni-service.y96-use-card:nth-child(even){background:#f8f8f8!important}
#yni-site .y98-perso-intro .yni-service.y96-use-card:hover{border-color:#f47731!important;background:#fff6ef!important;transform:translateY(-4px)}
#yni-site .y98-perso-plans{background:#f6f4f1!important}
#yni-site .y98-perso-plans .yni-plan:not(.yni-selected){background:#fff!important}
#yni-site .y98-perso-plans .yni-plan.yni-selected .yni-plan-name,#yni-site .y98-perso-plans .yni-plan.yni-selected .yni-plan-name *{color:#ffbd8b!important}
#yni-site .y98-perso-plans .yni-plan.yni-selected .yni-plan-title,#yni-site .y98-perso-plans .yni-plan.yni-selected .yni-plan-text{color:white!important}
#yni-site .y98-perso-plans .yni-head .yni-title{color:#222329!important}
/* About: replace the heavy middle dark band by a warm statement and make text legible. */
#yni-site section.y98-about-statement.y95-about-statement{background:#fff7ef!important;border-radius:22px!important;border:1px solid #f1dacc!important;color:#202126!important;padding:45px 15px!important}
#yni-site .y98-about-statement .yni-title,#yni-site .y98-about-statement .yni-title .elementor-heading-title{color:#24252c!important;font-weight:800!important}
#yni-site .y98-about-statement .yni-muted,#yni-site .y98-about-statement .yni-muted *{color:#56565b!important}
#yni-site .y98-about-statement .yni-kicker{color:#ac511f!important}
#yni-site .y98-about-human{background:#fff!important;color:#222329!important}
#yni-site .y98-about-human .yni-title,#yni-site .y98-about-human .yni-title .elementor-heading-title{color:#202126!important}
#yni-site .y98-about-human .yni-muted,#yni-site .y98-about-human .yni-muted *{color:#4b4e55!important}
/* Offer sections after light hero: give cards contrast and no dark-on-dark type. */
#yni-site .y98-light-hero + .yni-section{background:#fff!important;color:#25262a!important}
#yni-site .y98-light-hero + .yni-section .yni-title,#yni-site .y98-light-hero + .yni-section .yni-title .elementor-heading-title{color:#222329!important}
#yni-site .y98-light-hero + .yni-section .yni-muted,#yni-site .y98-light-hero + .yni-section .yni-muted *{color:#4f5158!important}
#yni-site .y98-light-hero + .yni-section .yni-split-extra{border:1px solid #ede3dc!important;background:#fbf9f6!important}
#yni-site .y98-light-hero + .yni-section .yni-split-extra li,#yni-site .y98-light-hero + .yni-section .yni-split-extra *{color:#31333a!important}
@media(max-width:850px){
 #yni-site .y98-audit-layout{grid-template-columns:1fr;gap:25px}
 #yni-site .y98-audit-actions{display:grid;grid-template-columns:1fr;justify-items:start}
 #yni-site .y98-audit-highlight{font-size:47px}
 #yni-site .y98-audit-ribbon .yni-shell{width:calc(100% - 38px)!important}
 #yni-site section.yni-hero.y98-light-hero.yni-hero-inner{padding:132px 0 65px!important}
}
@media(max-width:580px){
 #yni-site .y98-audit-ribbon{padding:42px 0!important}
 #yni-site .y98-audit-copy h2{font-size:34px!important}
 #yni-site .y98-audit-link{min-width:0;width:100%;max-width:370px}
 #yni-site .y97-route-section .yni-route .y97-route-link{font-size:12px!important}
 #yni-site .yni-guide-right .y97-guide-photo{height:156px!important}
 #yni-site section.y98-perso-intro{padding:67px 0!important}
}
@media(prefers-reduced-motion:reduce){
 #yni-site .y97-brand:hover img,#yni-site .y97-brand:hover{transform:none!important}
 #yni-site .y98-audit-link,#yni-site .y98-audit-link .y98-arrow,#yni-site .yni-guide-right .y97-guide-photo img{transition:none!important}
}
/* Stronger specificity than the historical V9.7 reset: opening section is truly white. */
#yni-site section.y98-perso-intro.y97-perso-intro.y96-perso-intro.y95-perso-intro.y94-perso-intro:not(.yni-guide-section):not(.yni-route-section):not(.y9-trust-section){background:#fff!important}
#yni-site .yni-guide-right .y97-guide-photo{background:radial-gradient(ellipse at 47% 44%,#56453d65,transparent 72%)!important}