/* Y.N.I Solutions Studio V10.2 — targeted logo fixes, accessible useful scroll-journey, legible ZenIT+ button. */
/* Brand showcase: no white card and no filters that invent a color. */
#yni-site .y97-brand, #yni-site .y97-brand:hover, #yni-site .y97-brand:focus-visible { background:transparent!important; box-shadow:none!important; border:0!important; }
#yni-site .y97-brand:before, #yni-site .y97-brand:after { content:none!important; display:none!important; }
#yni-site .y97-brand img { max-height:48px!important; object-fit:contain!important; transition:opacity .3s ease,filter .3s ease,transform .35s ease!important; filter:grayscale(1) brightness(0) invert(1)!important; opacity:.81!important; mix-blend-mode:normal!important; }
#yni-site .y97-brand[data-yni-clean-logo="1"]:hover img, #yni-site .y97-brand[data-yni-clean-logo="1"]:focus-visible img { filter:none!important; opacity:1!important; mix-blend-mode:normal!important; transform:translateY(-2px) scale(1.045)!important; }
#yni-site .y97-brand[data-opaque-logo="1"]:not([data-yni-clean-logo="1"]):hover img { filter:grayscale(1) brightness(0) invert(1)!important; opacity:1!important; mix-blend-mode:normal!important; transform:translateY(-2px) scale(1.035)!important; }
/* A monochrome SumUp mark is an authentic monochrome identity: retain its black/white pixels without showing the black tile. */
#yni-site .y97-brand[data-brand-name="S – solution"]:not([data-yni-clean-logo="1"]) img,
#yni-site .y97-brand[data-brand-name="SumUp"]:not([data-yni-clean-logo="1"]) img,
#yni-site .y97-brand[data-brand-name="S – solution"]:not([data-yni-clean-logo="1"]):hover img,
#yni-site .y97-brand[data-brand-name="SumUp"]:not([data-yni-clean-logo="1"]):hover img {filter:grayscale(1) contrast(1.3)!important;mix-blend-mode:screen!important;opacity:.97!important}
/* Sophos badge with opaque source stays a clean single-color silhouette until a transparent partner-badge PNG is installed. */
#yni-site .y97-brand[data-brand-name="Sophos MSP Partner"]:not([data-yni-clean-logo="1"]):hover img {filter:grayscale(1) brightness(0) invert(1)!important;mix-blend-mode:normal!important}
/* Official Keeper press logo: white at rest, Keeper Gold at hover via an SVG mask, no background rectangles. */
#yni-site .y97-brand.y102-keeper-official {position:relative!important;min-width:190px!important}
#yni-site .y97-brand.y102-keeper-official img {filter:brightness(0) invert(1)!important;mix-blend-mode:normal!important;transition:opacity .3s ease!important}
#yni-site .y97-brand.y102-keeper-official:where(:hover,:focus-within) img {opacity:0!important}
#yni-site .y97-brand.y102-keeper-official:where(:hover,:focus-within)::after {content:""!important;display:block!important;position:absolute;inset:8px 0!important;background:#FFC700!important;-webkit-mask-image:url('https://www.keepersecurity.com/assets/branding/keeper-black.svg');mask-image:url('https://www.keepersecurity.com/assets/branding/keeper-black.svg');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;pointer-events:none}
/* Accessibility and legibility of Zen IT+ — override previous generic * color rules. */
#yni-site .y97-three-plans .yni-plan.yni-selected .yni-plan-link,
#yni-site .y97-three-plans .yni-plan.yni-selected .yni-button,
#yni-site .y97-three-plans .yni-plan.yni-selected .elementor-button,
#yni-site .y98-perso-plans .yni-plan.yni-selected .yni-plan-link,
#yni-site .y98-perso-plans .yni-plan.yni-selected .elementor-button,
#yni-site .y98-perso-plans .yni-plan.yni-selected a.yni-button {background:#ff7830!important;color:#18191d!important;border-color:#ff7830!important;transition:background .22s ease,color .22s ease,box-shadow .22s ease!important}
#yni-site .y97-three-plans .yni-plan.yni-selected .yni-plan-link:hover,
#yni-site .y97-three-plans .yni-plan.yni-selected .yni-plan-link:focus-visible,
#yni-site .y97-three-plans .yni-plan.yni-selected .elementor-button:hover,
#yni-site .y97-three-plans .yni-plan.yni-selected .elementor-button:focus-visible,
#yni-site .y98-perso-plans .yni-plan.yni-selected a.yni-button:hover,
#yni-site .y98-perso-plans .yni-plan.yni-selected a.yni-button:focus-visible {background:#18191e!important;color:#fff!important;border-color:#18191e!important}
#yni-site .y97-three-plans .yni-plan.yni-selected .yni-plan-link:hover *,
#yni-site .y97-three-plans .yni-plan.yni-selected .elementor-button:hover *,
#yni-site .y98-perso-plans .yni-plan.yni-selected a.yni-button:hover * {color:#fff!important}
/* A meaningful, three-chapter orientation instead of three decorative icons. */
#yni-site .y102-journey {padding:18px 0 4px;max-width:610px}
#yni-site .y102-journey-top {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 15px}
#yni-site .y102-chapter {appearance:none;cursor:pointer;background:transparent;color:#e6d3c8;border:1px solid #ffffff36;border-radius:999px;font-weight:700;font-size:12px;line-height:1.2;font-family:inherit;padding:9px 13px;transition:color .3s,border-color .3s,background .3s;white-space:nowrap}
#yni-site .y102-chapter[aria-current="step"] {background:#ff7830;color:#19191d;border-color:#ff7830}
#yni-site .y102-chapter:not([aria-current="step"]):hover,#yni-site .y102-chapter:not([aria-current="step"]):focus-visible {border-color:#ff945a;color:#fff}
#yni-site .y102-progress {height:3px;background:#ffffff2a;overflow:hidden;border-radius:4px;margin:0 0 18px}
#yni-site .y102-progress > span {display:block;height:100%;width:33.333%;background:#ff7830;transition:width .45s ease}
#yni-site .y102-stage {min-height:150px;display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;transition:opacity .22s ease,transform .22s ease}
#yni-site .y102-stage-number {font-size:17px;font-weight:800;line-height:1;background:#ff7830;color:#19191c;width:40px;height:40px;display:grid;place-items:center;border-radius:12px}
#yni-site .y102-stage-label {font-size:11px;letter-spacing:.09em;font-weight:800;color:#ffb58b;text-transform:uppercase;margin:0 0 8px}
#yni-site .y102-stage-title {color:#fff;font-size:clamp(19px,1.7vw,25px);font-weight:800;line-height:1.22;letter-spacing:-.025em;margin:0 0 10px}
#yni-site .y102-stage-body {color:#ddd1c9;font-size:14px;line-height:1.65;max-width:48ch;margin:0}
#yni-site .y102-stage-body strong {color:#fff}
#yni-site .y102-stage-hint {display:block;color:#e0bca7;font-size:11px;line-height:1.5;margin:12px 0 0}
#yni-site .yni-guide-right.y102-journey-ready > [data-yni-answer-title],
#yni-site .yni-guide-right.y102-journey-ready > [data-yni-answer-copy],
#yni-site .yni-guide-right.y102-journey-ready > [data-y100-steps],
#yni-site .yni-guide-right.y102-journey-ready > [data-y100-step-feedback],
#yni-site .yni-guide-right.y102-journey-ready > .yni-guide-disclaimer {display:none!important}
#yni-site .yni-guide-right.y102-journey-ready > .yni-button {display:inline-flex!important;margin-top:8px}
#yni-site .y97-guide-section.y102-scroll-story {overflow:visible!important;position:relative!important}
@media(min-width:1100px) and (min-height:760px) and (prefers-reduced-motion:no-preference){
 #yni-site .y97-guide-section.y102-scroll-story{min-height:calc(100svh + 610px)!important;padding-block:70px 60px!important;display:block!important}
 #yni-site .y97-guide-section.y102-scroll-story > .yni-shell,#yni-site .y97-guide-section.y102-scroll-story > .e-con-inner{position:sticky!important;top:97px!important;z-index:2!important}
 #yni-site .y97-guide-section.y102-scroll-story .yni-head{margin-bottom:18px!important}
 #yni-site .y97-guide-section.y102-scroll-story .yni-guide-choice{padding-top:8px!important;padding-bottom:8px!important;min-height:48px!important}
}
@media(max-width:1099px), (max-height:759px){#yni-site .y97-guide-section.y102-scroll-story{min-height:0!important}}
@media(max-width:620px){#yni-site .y102-chapter{font-size:11px!important;padding:8px 10px!important}#yni-site .y102-journey {padding-top:8px}#yni-site .y102-stage{min-height:155px}#yni-site .y102-stage-title{font-size:20px}}
@media(prefers-reduced-motion:reduce){#yni-site .y102-progress>span,#yni-site .y102-stage {transition:none!important}}

/* Highest specificity for official Keeper mark, over the legacy logo-mono rule. */
#yni-site .y97-brand.y102-keeper-official[data-yni-clean-logo="1"]:hover img,
#yni-site .y97-brand.y102-keeper-official[data-yni-clean-logo="1"]:focus-within img{opacity:0!important}
#yni-site .y97-brand[data-brand-name="SumUp"][data-opaque-logo="1"]:not([data-yni-clean-logo="1"]) img,
#yni-site .y97-brand[data-brand-name="SumUp"][data-opaque-logo="1"]:not([data-yni-clean-logo="1"]):hover img{filter:grayscale(1) contrast(1.4)!important;mix-blend-mode:screen!important;opacity:.96!important}
#yni-site .y97-brand[data-brand-name="Sophos MSP Partner"][data-opaque-logo="1"]:not([data-yni-clean-logo="1"]):hover img{filter:grayscale(1) brightness(0) invert(1)!important;mix-blend-mode:normal!important;opacity:.88!important}