/* YNI Solutions — Studio V9.9. Final design layer shared by fallback HTML and Elementor. */
:root{--y99-brand:#ff782f;--y99-ink:#1e2025;--y99-cream:#f5eee8;--y99-muted:#5a5d63}
/* 1. Video hero: authentic brand slogan. Less shouting; strong typographic distinction with line spacing. */
#yni-site .y97-hero .y91-display,#yni-site .y97-hero .y91-display .elementor-heading-title,#yni-site .y97-hero h1.y91-display{font-size:clamp(40px,4.15vw,66px)!important;letter-spacing:-.049em!important;font-weight:800!important;line-height:1.11!important;max-width:1200px!important;text-wrap:pretty!important}
#yni-site .y97-hero .y91-display .y91-head-line{display:block!important}
#yni-site .y97-hero .yni-lead,#yni-site .y97-hero .yni-lead *{max-width:890px!important;font-size:clamp(15px,1.12vw,17px)!important;line-height:1.65!important}
#yni-site .y97-hero .yni-hero-copy{max-width:1280px!important}
/* 2. Video offer chip carries the promotional accent, main orange section carries the explanation. */
#yni-site .y98-audit-ribbon{background:linear-gradient(114deg,#ff9956 0%,#ff7c32 53%,#fb722e 100%)!important;padding:48px 0 50px!important}
#yni-site .y98-audit-ribbon::after{background:repeating-linear-gradient(106deg,transparent 0 24px,rgba(255,255,255,.14) 25px 26px)!important;width:37%!important;transform:none!important;inset:0 0 0 auto!important}
#yni-site .y98-audit-layout{grid-template-columns:minmax(0,1fr) minmax(250px,315px)!important;gap:clamp(22px,4vw,58px)!important}
#yni-site .y98-audit-copy h2{font-size:clamp(30px,3.25vw,49px)!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-.045em!important;max-width:800px!important}
#yni-site .y98-audit-copy h2 em{color:#fff!important}
#yni-site .y98-audit-copy p{font-size:15px!important;max-width:780px!important}
#yni-site .y98-audit-actions{gap:13px!important}
#yni-site .y99-audit-aside{display:grid;gap:5px;max-width:280px}
#yni-site .y99-audit-aside strong{font-size:clamp(20px,2vw,29px);letter-spacing:-.04em;line-height:1.15;font-weight:800;color:#1e2025}
#yni-site .y99-audit-aside span{font-size:13px;font-weight:600;color:#42312b}
#yni-site .y98-audit-actions small{display:none!important}
#yni-site .y98-audit-link{min-width:260px!important;position:relative;isolation:isolate;overflow:hidden}
/* 3. Logos: marquee on one line, never show opaque white tile on hover. */
#yni-site .y97-brand-marquee{mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)!important}
#yni-site .y97-brand{background:transparent!important;box-shadow:none!important;border:0!important;padding:10px 18px!important}
#yni-site .y97-brand img{filter:grayscale(1) brightness(0) invert(1)!important;mix-blend-mode:screen!important;opacity:.82!important;max-height:47px!important;transition:filter .3s ease,opacity .3s ease,transform .3s ease!important}
#yni-site .y97-brand:hover img,#yni-site .y97-brand:focus-visible img{opacity:1!important;transform:scale(1.04)!important}
/* Only genuinely transparent artwork returns to color. These source images have their own backing. */
#yni-site .y97-brand:not([data-opaque-logo="1"]):hover img{filter:none!important;mix-blend-mode:normal!important}
#yni-site .y97-brand[data-opaque-logo="1"]:hover img{filter:grayscale(1) brightness(0) invert(1)!important;mix-blend-mode:screen!important}
#yni-site .y97-brand:hover{background:transparent!important;box-shadow:none!important}
/* 4. Helpful orientation graphic (no random rectangular stock photo). */
#yni-site .yni-guide-right .y99-guide-visual{position:relative;isolation:isolate;width:100%;height:138px;margin:10px 0 19px;display:flex;justify-content:space-between;align-items:center;padding:4px 12px;overflow:hidden;background:radial-gradient(ellipse 75% 100% at 50% 60%,rgba(255,125,52,.12),transparent 74%);border:0!important;border-radius:0!important}
#yni-site .yni-guide-right .y99-visual-path{position:absolute;height:1px;left:15%;right:15%;top:46px;background:linear-gradient(90deg,transparent,rgba(255,143,79,.8),rgba(255,255,255,.24),transparent);animation:y99-linebreath 3s ease-in-out infinite alternate}
#yni-site .yni-guide-right .y99-visual-node{z-index:1;display:flex;flex-direction:column;align-items:center;gap:11px;min-width:80px}
#yni-site .yni-guide-right .y99-visual-node small{font:600 11px/1.4 Montserrat,sans-serif;color:#d9dadc!important}
#yni-site .yni-guide-right .y99-visual-icon{width:53px;height:53px;border-radius:15px;display:grid;place-items:center;color:#fdb78e;font:500 25px/1 Arial,sans-serif;background:linear-gradient(150deg,#37353a,#26272d);border:1px solid #f8944f66;box-shadow:0 6px 25px #100f1430;transition:transform .35s,background .35s}
#yni-site .yni-guide-right:hover .y99-visual-node.n2 .y99-visual-icon{transform:translateY(-6px);background:#4c322a}
@keyframes y99-linebreath{to{opacity:.32;filter:blur(2px)}}
/* 5. Button system: subtle orange sweep that moves across every key action on hover. */
#yni-site a.yni-button,#yni-site .elementor-button,#yni-site .y98-audit-link,#yni-site .yni-form button,#yni-site .yni-route .y97-route-link,#yni-site a.yni94-audit-chip{position:relative!important;isolation:isolate;overflow:hidden!important;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease!important}
#yni-site a.yni-button::before,#yni-site .elementor-button::before,#yni-site .y98-audit-link::before,#yni-site .yni-form button::before,#yni-site .yni-route .y97-route-link::before{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;width:32%!important;height:100%!important;transform:translateX(-240%) skewX(-24deg)!important;background:linear-gradient(90deg,transparent,rgba(255,167,105,.12),rgba(255,190,145,.4),transparent)!important;pointer-events:none!important;opacity:0!important;display:block!important;transition:transform .56s cubic-bezier(.22,1,.36,1),opacity .25s ease!important}
#yni-site a.yni-button:hover::before,#yni-site .elementor-button:hover::before,#yni-site .y98-audit-link:hover::before,#yni-site .yni-form button:hover::before,#yni-site .yni-route:hover .y97-route-link::before{transform:translateX(430%) skewX(-24deg)!important;opacity:1!important}
/* Route buttons and bottom CTA share the audit pill’s inset circular arrow. */
#yni-site .y97-route-section .yni-route .y97-route-link,#yni-site .y97-cta-section .yni-cta>a,#yni-site .yni-cta-section .yni-cta>a{display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:17px!important;padding:7px 8px 7px 18px!important;min-height:49px!important;width:auto!important;border:1px solid #f48c4a88!important;border-radius:100px!important;font-size:13px!important;line-height:1.3!important;white-space:nowrap!important;box-shadow:none!important;background:#202126!important;color:#fff!important;text-decoration:none!important}
#yni-site .y97-route-section .yni-route .y97-route-link::after,#yni-site .y97-cta-section .yni-cta>a::after,#yni-site .yni-cta-section .yni-cta>a::after{content:'↗'!important;display:grid!important;place-items:center!important;position:relative!important;width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:50%!important;background:#ff843d!important;color:#1c1d22!important;font:700 17px/1 Arial,sans-serif!important;transition:transform .25s,background .25s,color .25s!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:#25262a!important;color:#fff!important;border-color:#ff863f!important}
#yni-site .y97-route-section .yni-route:hover .y97-route-link::after,#yni-site .yni-cta-section .yni-cta>a:hover::after{transform:rotate(45deg)!important;background:#fff!important}
#yni-site .y97-route-section .yni-route-light .y97-route-link{background:#fdf8f3!important;color:#23252a!important;border-color:#c98e67!important}
#yni-site .y97-route-section .yni-route-light:hover .y97-route-link{background:#202126!important;color:#fff!important}
/* Elegant, less aggressive final CTA — not a block of flat orange. */
#yni-site .yni-cta-section,#yni-site .y97-cta-section{background:linear-gradient(180deg,#fff 0%,#f6f0ea 100%)!important;padding-top:52px!important;padding-bottom:67px!important}
#yni-site .yni-cta-section .yni-cta,#yni-site .y97-cta-section .yni-cta{position:relative!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 22px 65px rgba(31,21,16,.09)!important;border:1px solid #e6d5c9!important;background:linear-gradient(112deg,#fff9f4,#efe4da)!important;color:#202126!important;padding:40px clamp(26px,4vw,58px)!important}
#yni-site .yni-cta-section .yni-cta::before{content:"";position:absolute;pointer-events:none;right:-40px;top:-135px;width:360px;height:360px;border:1px solid rgba(242,110,45,.14);border-radius:50%;box-shadow:0 0 0 60px rgba(242,110,45,.035),0 0 0 124px rgba(242,110,45,.018)}
#yni-site .yni-cta-section .yni-cta .yni-kicker,#yni-site .yni-cta-section .yni-cta .yni-title,#yni-site .yni-cta-section .yni-cta .yni-title *{color:#202126!important}
#yni-site .yni-cta-section .yni-cta .yni-muted,#yni-site .yni-cta-section .yni-cta .yni-muted *{color:#5a524d!important}
/* 6. Fix Elementor specificity: earlier light-hero CSS used section and missed Elementor container DIV. */
#yni-site .yni-hero.yni-hero-inner.y98-light-hero,#yni-site .elementor-element.y98-light-hero.yni-hero-inner{background:linear-gradient(125deg,#fcf7f1 0%,#f4e9dd 60%,#f6e6d8 100%)!important;background-color:#fbf6ef!important;background-image:linear-gradient(125deg,#fcf7f1 0%,#f4e9dd 60%,#f6e6d8 100%)!important;color:#24262b!important;min-height:0!important;padding-top:155px!important;padding-bottom:83px!important;border-radius:0 0 26px 26px!important;isolation:isolate!important}
#yni-site .yni-hero.yni-hero-inner.y98-light-hero::before{background:radial-gradient(circle at 82% 48%,rgba(255,134,54,.16),transparent 62%)!important;opacity:1!important;pointer-events:none!important}
#yni-site .y98-light-hero .yni-hero-copy,#yni-site .y98-light-hero .yni-shell,#yni-site .y98-light-hero .e-con-inner{z-index:2;position:relative}
#yni-site .y98-light-hero .yni-h1,#yni-site .y98-light-hero .yni-h1 *,#yni-site .y98-light-hero .elementor-heading-title:not(em){color:#24262b!important}
#yni-site .y98-light-hero em,#yni-site .y98-light-hero em *{color:#e96826!important}
#yni-site .y98-light-hero .yni-lead,#yni-site .y98-light-hero .yni-lead *{color:#494a50!important}
#yni-site .y98-light-hero .yni-kicker,#yni-site .y98-light-hero .yni-kicker *{color:#a74b1b!important}
#yni-site .y98-light-hero .yni-btn-ghost{color:#232429!important;border-color:#a9a09a!important;background:#fff!important}
#yni-site .y98-light-hero .yni-btn-primary{background:#ff7830!important;color:#1f2025!important}
#yni-site .y98-perso-intro,#yni-site .elementor-element.y98-perso-intro,#yni-site .y98-perso-intro .e-con-inner{background-color:#fff!important;color:#23252b!important}
#yni-site .y98-perso-intro .yni-title,#yni-site .y98-perso-intro .yni-title *{color:#23252b!important}
#yni-site .y98-perso-intro .yni-service-title,#yni-site .y98-perso-intro .yni-service-title *{color:#23252b!important}
#yni-site .y98-perso-plans,#yni-site .elementor-element.y98-perso-plans{background:#f7f2ed!important;color:#25262b!important}
#yni-site .y98-perso-plans .yni-title,#yni-site .y98-perso-plans .yni-title *{color:#25262b!important}
#yni-site .y98-perso-plans .yni-plan:not(.yni-selected){background:#fff!important;color:#24252b!important}
#yni-site .y98-perso-plans .yni-plan:not(.yni-selected) .yni-plan-title,#yni-site .y98-perso-plans .yni-plan:not(.yni-selected) .yni-plan-title *{color:#25262b!important}
#yni-site .y98-perso-plans .yni-selected .yni-plan-title,#yni-site .y98-perso-plans .yni-selected .yni-plan-text,#yni-site .y98-perso-plans .yni-selected .yni-plan-name{color:#fff!important}
#yni-site .y98-about-statement,#yni-site .elementor-element.y98-about-statement{background:#f6eee5!important;color:#222329!important;border:0!important;border-radius:22px!important}
#yni-site .y98-about-statement .yni-title,#yni-site .y98-about-statement .yni-title *{color:#232429!important}
#yni-site .y98-about-statement .yni-muted,#yni-site .y98-about-statement .yni-muted *{color:#54545b!important}
#yni-site .y98-about-human,#yni-site .elementor-element.y98-about-human{background:#fbf7f2!important;color:#222329!important}
#yni-site .y98-about-human .yni-title,#yni-site .y98-about-human .yni-title *{color:#232429!important}
#yni-site .y98-about-human .yni-muted,#yni-site .y98-about-human .yni-muted *{color:#57575c!important}
/* Service pages and first content block: ensure same warm color system as the rest of brand. */
#yni-site .y98-light-hero + .yni-section,#yni-site .y98-light-hero + .elementor-element.yni-section{background:#fff!important;color:#24262b!important}
#yni-site .y98-light-hero + .yni-section .yni-title,#yni-site .y98-light-hero + .yni-section .yni-title *{color:#24262b!important}
#yni-site .y98-light-hero + .yni-section .yni-muted,#yni-site .y98-light-hero + .yni-section .yni-muted *{color:#54565b!important}
@media(max-width:950px){#yni-site .y98-audit-layout{grid-template-columns:1fr!important}#yni-site .y98-audit-ribbon{padding:38px 0 42px!important}#yni-site .y98-audit-actions{flex-direction:row!important;align-items:center!important;flex-wrap:wrap}}
@media(max-width:700px){#yni-site .y97-hero .y91-display,#yni-site .y97-hero .y91-display .elementor-heading-title{font-size:clamp(34px,9vw,48px)!important;line-height:1.08!important}#yni-site .y98-audit-ribbon .yni-shell{width:calc(100% - 40px)!important}#yni-site .y98-audit-copy h2{font-size:clamp(29px,8vw,42px)!important}#yni-site .y98-audit-actions{flex-direction:column!important;align-items:flex-start!important}#yni-site .yni-hero.yni-hero-inner.y98-light-hero{padding-top:128px!important;padding-bottom:68px!important}#yni-site .yni-cta-section .yni-cta{padding:26px!important}#yni-site .yni-cta-section .yni-cta>a{width:100%!important;justify-content:space-between!important}}
@media(prefers-reduced-motion:reduce){#yni-site .y99-visual-path{animation:none!important}#yni-site a.yni-button::before,#yni-site .elementor-button::before,#yni-site .y98-audit-link::before{display:none!important}}
/* Strongest Elementor + classic-template selectors, to avoid the legacy orange CTA and dark text on light fold. */
#yni-site section.yni-cta-section,#yni-site div.elementor-element.yni-cta-section{background:linear-gradient(180deg,#fff 0%,#f7f0e9 100%)!important}
#yni-site section.yni-cta-section .yni-cta,#yni-site div.elementor-element.yni-cta-section .yni-cta{background:#fbf5ef!important;background-image:linear-gradient(112deg,#fff9f4,#efe4da)!important;color:#202126!important;border:1px solid #e6d5c9!important}
#yni-site section.yni-cta-section .yni-cta .yni-title,#yni-site .elementor-element.yni-cta-section .yni-cta .yni-title{color:#202126!important}
#yni-site .y97-hero .y91-display,#yni-site .y97-hero .y91-display *,#yni-site .y97-hero .y91-display .elementor-heading-title{color:#fff!important}
#yni-site .y97-hero .y91-display .y91-accent,#yni-site .y97-hero .y91-display .y91-accent *{color:#ff7b33!important}
#yni-site .y97-hero .yni-kicker,#yni-site .y97-hero .yni-lead,#yni-site .y97-hero .yni-lead *{color:#fff!important}
/* Monochrome treatment for opaque white-background technology sources (light background pixels become transparent through screen blend). */
#yni-site .y97-brand[data-opaque-logo="1"] img,#yni-site .y97-brand[data-opaque-logo="1"]:hover img{filter:grayscale(1) invert(1) contrast(1.25)!important;mix-blend-mode:screen!important}
/* Progressive-reveal safety: headings remain readable when animations/scripts are blocked. */
#yni-site .yni-hero .yni-h1,#yni-site .yni-hero .yni-lead,#yni-site .yni-hero .yni-actions{opacity:1!important;visibility:visible!important}
/* The old card stylesheet disabled ::before entirely; restore the orange sweep on these CTAs. */
#yni-site .y97-route-section .yni-route .y97-route-link::before,#yni-site .y97-route-section .yni-route .y97-route-link.elementor-button::before{content:""!important;display:block!important;position:absolute!important;width:32%!important;height:100%!important;inset:0!important;transform:translateX(-240%) skewX(-24deg)!important;opacity:0!important;background:linear-gradient(90deg,transparent,rgba(255,142,74,.17),rgba(255,195,154,.44),transparent)!important}
#yni-site .y97-route-section .yni-route:hover .y97-route-link::before,#yni-site .y97-route-section .yni-route .y97-route-link:hover::before{opacity:1!important;transform:translateX(430%) skewX(-24deg)!important}