button:focus-visible, a:focus-visible { outline: var(--yf-blue) solid 2px; outline-offset: 2px; }
.yf-mask { position: relative; }
.yf-mask::before { content: ""; position: absolute; inset: 1.1% auto auto 5.6%; inline-size: 8.4%; block-size: 6%; background: white; z-index: 2; pointer-events: none; }
.yf-mast { inset: 0px 0px auto; z-index: 1000; block-size: 70px; padding-block: 12px; background: var(--yf-paper); border-block-end-width: 1px; border-block-end-style: solid; }
.yf-mast[data-elevated] { position: fixed; }
.yf-bar { inline-size: 1200px; max-inline-size: 100%; margin-inline: auto; display: flex; align-items: center; min-block-size: 45px; }
.yf-brand { display: inline-flex; align-items: center; min-block-size: 42px; flex: 0 0 auto; }
.yf-brand img { display: block; inline-size: 184px; block-size: 42px; max-inline-size: 184px; object-fit: contain; }
.yf-language { margin-inline-start: 40px; inline-size: 128px; block-size: 32px; position: relative; flex: 0 0 auto; }
.yf-language select { position: absolute; inline-size: 1px; block-size: 1px; opacity: 0; pointer-events: none; }
.yf-language-button { inline-size: 128px; block-size: 32px; display: flex; align-items: center; justify-content: space-between; background: rgb(241, 242, 243); border-radius: 8px; padding-inline: 10px; color: var(--yf-ink); font-size: 14px; text-align: start; }
.yf-language-button:hover { background: var(--yf-line); }
.yf-language-button i { inline-size: 10px; block-size: 6px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' width='10' height='6'%3E%3Cpath fill='none' stroke='%23999' stroke-width='1.5' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") center center / contain no-repeat; }
.yf-language[data-locale-open] .yf-language-button i { transform: rotate(180deg); }
.yf-language ol { display: none; position: absolute; inset: 37px auto auto 0px; inline-size: 160px; padding: 6px; border: 1px solid rgb(242, 243, 245); border-radius: 6px; background: white; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 1px; z-index: 1002; }
.yf-language[data-locale-open] ol { display: block; }
.yf-language li { color: var(--yf-ink); border-radius: 6px; cursor: pointer; position: relative; }
.yf-language li[aria-selected="true"]::after { content: "✔"; position: absolute; right: 10px; color: var(--yf-blue); }
.yf-language li:hover, .yf-language li[data-locale-focus] { color: var(--yf-blue); background: rgb(241, 242, 243); }
.yf-nav { margin-inline: auto 50px; display: flex; align-items: center; block-size: 36px; }
.yf-nav > a { display: inline-flex; align-items: center; padding-inline: 20px; block-size: 36px; }
.yf-contact { margin-inline-start: 32px; position: relative; }
.yf-contact > a { display: inline-flex; align-items: center; min-block-size: 36px; padding-inline: 16px; background: var(--yf-blue); color: white; border-radius: 6px; }
.yf-contact:not([data-dismissed]):is(:hover, :focus-within, [data-locale-open]) > a { background: rgb(9, 88, 217); color: white; }
.yf-contact aside { position: absolute; inset: calc(100% + 14px) 0px auto auto; inline-size: 328px; border: 1px solid var(--yf-line); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.16) 0px 12px 30px; background: white; padding: 18px; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-4px); transition: opacity 160ms, transform 160ms; }
.yf-contact:not([data-dismissed]):is(:hover, :focus-within, [data-locale-open]) aside { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0px); }
.yf-contact aside::before { content: ""; position: absolute; inset: -7px 28px auto auto; border-inline: 7px solid transparent; border-block-end: 7px solid white; }
.yf-contact aside > h2 { text-align: center; font-size: 15px; font-weight: 600; line-height: 22px; color: var(--yf-ink); margin-block-end: 14px; }
.yf-contact aside > div { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; }
.yf-contact figure { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 10px; border: 1px solid var(--yf-line); border-radius: 6px; background: rgb(247, 249, 252); color: rgb(78, 89, 105); font-size: 13px; line-height: 20px; }
.yf-contact img { display: block; inline-size: 118px; block-size: 118px; object-fit: contain; background: white; }
.yf-menu { display: none; }
.yf-language:hover .yf-language-button { background: var(--yf-line); }
.yf-language li { line-height: 20px; padding: 10px; }
.yf-language li[data-locale-focus]:not(:hover) { background: none; color: var(--yf-blue); }
.yf-mast { position: fixed; border-block-end-color: var(--yf-line); }
.yf-mast[data-elevated] { background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px); box-shadow: none; }
[hidden] { display: none !important; }
.yf-drawer { position: fixed; inset: 0px; z-index: 1050; background: rgba(0, 0, 0, 0); transition: background-color 0.15s linear; }
.yf-drawer[data-nav-shade] { background: rgba(0, 0, 0, 0.5); }
.yf-drawer > aside { position: absolute; inset: 0px auto 0px 0px; width: 300px; height: 100%; background: white; padding: 20px 15px 0px; transform: translateX(-100%); opacity: 0; transition: transform 0.3s ease-out, opacity 0.15s linear; }
.yf-drawer[data-nav-open] > aside { transform: translateX(0px); opacity: 1; }
.yf-drawer nav > a { display: block; padding: 10px 0px; font-size: 15px; font-weight: 700; line-height: normal; color: var(--yf-ink); text-transform: capitalize; position: relative; }
.yf-drawer-active { overflow: hidden; }
.yf-to-top { position: fixed; z-index: 214; right: 30px; bottom: 40px; width: 50px; height: 50px; line-height: 50px; background: var(--yf-blue); font-size: 25px; text-align: center; border-radius: 50%; display: none; color: var(--yf-paper) !important; }
.yf-to-top i { font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: YFDialogueArrow !important; }
.yf-to-top i::before { content: ""; }
@media (min-width: 576px) {
  .yf-drawer > aside { width: 400px; padding: 20px 30px 0px; }
}
@media (min-width: 768px) {
  .yf-to-top { right: 50px; }
}

.yf-tabs { display:flex; gap:.75rem; flex-wrap:wrap; margin:1.75rem 0; }
.yf-tabs>button { display:flex; align-items:center; gap:.75rem; padding:.75rem 1rem; border:1px solid var(--yf-line); border-radius:.75rem; color:var(--yf-ink); text-align:left; background:var(--yf-paper); font-size:1rem; }
.yf-tabs>button[aria-selected="true"] { border-color:var(--yf-blue); color:var(--yf-blue); box-shadow:0 4px 12px #1677ff14; }
.yf-tabs img { width:1.625rem; height:1.625rem; }
.yf-panel h3 { font-size:1.5rem; font-weight:700; color:var(--yf-ink); line-height:1.5; margin-bottom:1.25rem; }
.yf-panel ul { list-style:disc; padding-left:1.25rem; color:var(--yf-hint); font-size:var(--yf-text); line-height:1.8; }
.yf-panel li+li { margin-top:.5rem; }
.yf-panel>figure { border-radius:var(--yf-radius); overflow:hidden; background:var(--yf-paper); }
.yf-panel>figure>img { display:block; width:100%; height:auto; }
.yf-reason-strip>article { border:1px solid var(--yf-line); border-radius:1.5rem; padding:2rem; background:var(--yf-paper); min-width:0; }
.yf-reason-strip>article>img { width:4rem; height:4rem; }
.yf-reason-strip h3 { margin:1.5rem 0 .75rem; font-size:1.25rem; font-weight:700; color:var(--yf-ink); }
.yf-reason-strip p { font-size:var(--yf-text); line-height:1.7; color:var(--yf-ink); }
.yf-scene-strip>article { border-radius:1.75rem; padding:2.5rem; background:var(--yf-paper); border:1px solid var(--yf-line); }
.yf-scene-strip>article>img { width:9rem; height:auto; }
.yf-scene-strip>article>p { font-size:var(--yf-text); line-height:1.8; margin:1.75rem 0; min-height:6rem; color:var(--yf-ink); }
.yf-scene-strip footer { display:flex; align-items:center; gap:1rem; }
.yf-scene-strip footer>img { width:3.75rem; height:3.75rem; }
.yf-scene-strip h3 { font-size:1rem; font-weight:700; color:var(--yf-ink); margin-bottom:.25rem; }
.yf-scene-strip footer p { line-height:1.6; }
.yf-dots { display:none; justify-content:center; gap:1rem; margin-top:1.5rem; }
.yf-dots>button { width:.625rem; height:.625rem; border-radius:50%; background:#ccc; }
.yf-dots>button[aria-current="true"] { background:var(--yf-blue); }
.yf-faq details { border-bottom:1px solid var(--yf-line); padding:1.5rem 0; }
.yf-faq summary { cursor:pointer; color:var(--yf-ink); font-weight:600; font-size:1.125rem; line-height:1.6; }
.yf-faq details p { margin-top:1rem; font-size:1rem; line-height:1.8; max-width:58rem; color:var(--yf-muted); }
.yf-footer { padding:3rem 0; border-top:1px solid var(--yf-line); background:var(--yf-paper); }
.yf-footer img { width:11.5rem; height:auto; margin-bottom:1.25rem; }
.yf-footer p,.yf-footer a { font-size:.875rem; line-height:1.8; overflow-wrap:anywhere; }
.yf-footer a { color:var(--yf-blue); }
.yf-footer p:last-child { margin-top:1.25rem; color:var(--yf-muted); }
.yf-to-top[data-in-view] { display:block; }
@media(max-width:750px) { .yf-tabs { gap:.5rem; margin:1.25rem 0; } .yf-tabs>button { padding:.625rem .75rem; font-size:.8125rem; } .yf-tabs img { width:1.25rem; height:1.25rem; } .yf-panel h3 { font-size:1.125rem; } .yf-panel ul { font-size:.875rem; } .yf-reason-strip>article,.yf-scene-strip>article { padding:1.5rem; } .yf-dots { display:flex; } }

.yf-drawer-close{display:block;margin-left:auto;width:30px;height:30px;font-size:24px;color:var(--yf-ink)}
.yf-popup-close{position:absolute;right:4px;top:2px;font-size:18px;line-height:22px;width:24px;height:24px;color:var(--yf-muted)}

.yf-panel figcaption{padding:.75rem 1rem;font-size:.75rem;line-height:1.6;color:var(--yf-muted);background:var(--yf-paper)}
@keyframes yf-reveal { from{opacity:0} to{opacity:1} }
@media(min-width:751px) { .yf-panel[data-view-visible] { animation:yf-reveal .42s ease-out; } }
@media(prefers-reduced-motion:reduce) { .yf-panel[data-view-visible] { animation:none; } }

.yf-downloads { display:flex; justify-content:center; gap:20px; margin:34px auto 0; }
.yf-download { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:340px; height:72px; padding:0 26px; border-radius:8px; background:var(--yf-blue); color:var(--yf-paper); font-size:20px; font-weight:600; transition:background .2s ease; }
.yf-download:hover,.yf-download:focus-visible { background:var(--yf-blue-hover); }
.yf-download img { width:22px; height:22px; filter:brightness(0) invert(1); }
@media(max-width:750px) {
 .yf-downloads { flex-direction:column; gap:12px; width:min(calc(100% - 2rem),330px); }
 .yf-download { width:100%; min-width:0; font-size:18px; }
}

.yf-client-page>div { width:100%; max-width:75rem; }
.yf-client-notes { max-width:44rem; margin:2rem auto; padding:1rem; border:1px solid var(--yf-line); border-radius:8px; text-align:left; color:var(--yf-muted); }
.yf-client-notes summary { cursor:pointer; font-weight:600; color:var(--yf-ink); }
.yf-client-notes p { margin-top:.75rem; font-size:14px; line-height:1.8; }
.yf-client-page .yf-download img { width:22px; height:22px; }

.yf-request-modal-open{overflow:hidden}
.yf-request-dialog{width:min(36rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);border:1px solid var(--yf-line);border-radius:var(--yf-radius);padding:0;background:var(--yf-paper);color:var(--yf-ink);box-shadow:0 16px 48px #0003}
.yf-request-dialog::backdrop{background:#0007}
.yf-request-dialog>section,.yf-request-dialog>article{padding:2rem;position:relative}
.yf-request-dialog h2{font-size:1.5rem;line-height:1.4;font-weight:700;margin:0 2rem 1rem 0}
.yf-request-dialog p{font-size:14px;line-height:1.8;margin:1rem 0;color:var(--yf-muted)}
.yf-request-close{position:absolute;right:.75rem;top:.5rem;width:2rem;height:2rem;font-size:1.5rem;color:var(--yf-muted)}
.yf-request-notice{padding:.75rem 1rem;background:#e6f4ff;border-radius:8px;color:var(--yf-blue)!important}
.yf-request-dialog label{display:block;margin:1rem 0 .5rem;font-size:14px;font-weight:600}
.yf-request-dialog input{width:100%;height:44px;padding:0 .75rem;border:1px solid var(--yf-line);border-radius:8px;font:inherit;color:var(--yf-ink);background:var(--yf-paper)}
.yf-request-actions{display:flex;gap:.75rem;margin-top:1.25rem}
.yf-request-actions button{padding:.75rem 1.25rem;border:1px solid var(--yf-blue);border-radius:8px;color:var(--yf-blue);font-weight:600}
.yf-request-actions [data-demo-submit]{background:var(--yf-blue);color:var(--yf-paper)}
.yf-request-status:empty{display:none}
.yf-request-status{color:var(--yf-blue)!important}
.yf-request-legal{width:min(48rem,calc(100% - 2rem))}
.yf-request-date{font-size:12px!important}
.yf-request-footer{border-top:1px solid var(--yf-line);padding:1.5rem 1rem;text-align:center;color:var(--yf-hint);font-size:12px;line-height:1.8}
.yf-request-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.25rem}
.yf-request-footer a{color:inherit}
.yf-request-footer a:hover{color:var(--yf-blue)}
@media(max-width:480px){.yf-request-dialog>section,.yf-request-dialog>article{padding:1.5rem}.yf-request-actions{flex-wrap:wrap}.yf-request-actions button{flex:1 1 auto}}

.yf-panel-copy [role=list]{font-size:var(--yf-text);color:var(--yf-muted);line-height:1.8}.yf-panel-copy [role=listitem]{margin:.75rem 0;padding-left:1rem;border-left:2px solid var(--yf-line)}.yf-function-body .yf-tabs button[aria-selected=true]{background:var(--yf-blue);color:var(--yf-paper)}.yf-request-dialog button:disabled{opacity:.6;cursor:wait}.yf-request-status[data-error]{color:#ba2525!important}.yf-request-dialog input[aria-invalid=true]{border-color:#ba2525}

.yf-scroll-sentinel{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}
