button:focus-visible, a:focus-visible { outline: var(--folio-blue) solid 2px; outline-offset: 2px; }
[class~="folio-mask"] { position: relative; }
[class~="folio-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; }
[class~="folio-mast"] { inset: 0px 0px auto; z-index: 1000; block-size: 70px; padding-block: 12px; background: var(--folio-paper); border-block-end-width: 1px; border-block-end-style: solid; }
[class~="folio-mast"][data-scrolled-header] { position: fixed; }
[class~="folio-bar"] { inline-size: 1200px; max-inline-size: 100%; margin-inline: auto; display: flex; align-items: center; min-block-size: 45px; }
[class~="folio-brand"] { display: inline-flex; align-items: center; min-block-size: 42px; flex: 0 0 auto; }
[class~="folio-brand"] img { display: block; inline-size: 184px; block-size: 42px; max-inline-size: 184px; object-fit: contain; }
[class~="folio-language"] { margin-inline-start: 40px; inline-size: 128px; block-size: 32px; position: relative; flex: 0 0 auto; }
[class~="folio-language"] select { position: absolute; inline-size: 1px; block-size: 1px; opacity: 0; pointer-events: none; }
[class~="folio-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(--folio-ink); font-size: 14px; text-align: start; }
[class~="folio-language-button"]:hover { background: var(--folio-line); }
[class~="folio-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; }
[class~="folio-language"][data-expanded] [class~="folio-language-button"] i { transform: rotate(180deg); }
[class~="folio-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; }
[class~="folio-language"][data-expanded] ol { display: block; }
[class~="folio-language"] li { color: var(--folio-ink); border-radius: 6px; cursor: pointer; position: relative; }
[class~="folio-language"] li[aria-selected="true"]::after { content: "✔"; position: absolute; right: 10px; color: var(--folio-blue); }
[class~="folio-language"] li:hover, [class~="folio-language"] li[data-highlighted] { color: var(--folio-blue); background: rgb(241, 242, 243); }
[class~="folio-nav"] { margin-inline: auto 50px; display: flex; align-items: center; block-size: 36px; }
[class~="folio-nav"] > a { display: inline-flex; align-items: center; padding-inline: 20px; block-size: 36px; }
[class~="folio-contact"] { margin-inline-start: 32px; position: relative; }
[class~="folio-contact"] > a { display: inline-flex; align-items: center; min-block-size: 36px; padding-inline: 16px; background: var(--folio-blue); color: white; border-radius: 6px; }
[class~="folio-contact"]:not([data-dismissed]):is(:hover, :focus-within, [data-expanded]) > a { background: rgb(9, 88, 217); color: white; }
[class~="folio-contact"] aside { position: absolute; inset: calc(100% + 14px) 0px auto auto; inline-size: 328px; border: 1px solid var(--folio-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; }
[class~="folio-contact"]:not([data-dismissed]):is(:hover, :focus-within, [data-expanded]) aside { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0px); }
[class~="folio-contact"] aside::before { content: ""; position: absolute; inset: -7px 28px auto auto; border-inline: 7px solid transparent; border-block-end: 7px solid white; }
[class~="folio-contact"] aside > h2 { text-align: center; font-size: 15px; font-weight: 600; line-height: 22px; color: var(--folio-ink); margin-block-end: 14px; }
[class~="folio-contact"] aside > div { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; }
[class~="folio-contact"] figure { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 10px; border: 1px solid var(--folio-line); border-radius: 6px; background: rgb(247, 249, 252); color: rgb(78, 89, 105); font-size: 13px; line-height: 20px; }
[class~="folio-contact"] img { display: block; inline-size: 118px; block-size: 118px; object-fit: contain; background: white; }
[class~="folio-menu"] { display: none; }
[class~="folio-language"]:hover [class~="folio-language-button"] { background: var(--folio-line); }
[class~="folio-language"] li { line-height: 20px; padding: 10px; }
[class~="folio-language"] li[data-highlighted]:not(:hover) { background: none; color: var(--folio-blue); }
[class~="folio-mast"] { position: fixed; border-block-end-color: var(--folio-line); }
[class~="folio-mast"][data-scrolled-header] { background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px); box-shadow: none; }
[hidden] { display: none !important; }
[class~="folio-drawer"] { position: fixed; inset: 0px; z-index: 1050; background: rgba(0, 0, 0, 0); transition: background-color 0.15s linear; }
[class~="folio-drawer"][data-drawer-backdrop] { background: rgba(0, 0, 0, 0.5); }
[class~="folio-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; }
[class~="folio-drawer"][data-drawer-pane] > aside { transform: translateX(0px); opacity: 1; }
[class~="folio-drawer"] nav > a { display: block; padding: 10px 0px; font-size: 15px; font-weight: 700; line-height: normal; color: var(--folio-ink); text-transform: capitalize; position: relative; }
[class~="folio-drawer-active"] { overflow: hidden; }
[class~="folio-to-top"] { position: fixed; z-index: 214; right: 30px; bottom: 40px; width: 50px; height: 50px; line-height: 50px; background: var(--folio-blue); font-size: 25px; text-align: center; border-radius: 50%; display: none; color: var(--folio-paper) !important; }
[class~="folio-to-top"] i { font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: RenewalArrow !important; }
[class~="folio-to-top"] i::before { content: ""; }
@media (min-width: 576px) {
  [class~="folio-drawer"] > aside { width: 400px; padding: 20px 30px 0px; }
}
@media (min-width: 768px) {
  [class~="folio-to-top"] { right: 50px; }
}
@font-face { font-family: RenewalArrow; src: url("../public/media/arrow-53-7083aa8a32.woff2") format("woff2"); font-weight: normal; font-style: normal; font-display: block; }
[class~="folio-tabs"] { display:flex; gap:.75rem; flex-wrap:wrap; margin:1.75rem 0; }
[class~="folio-tabs"]>button { display:flex; align-items:center; gap:.75rem; padding:.75rem 1rem; border:1px solid var(--folio-line); border-radius:.75rem; color:var(--folio-ink); text-align:left; background:var(--folio-paper); font-size:1rem; }
[class~="folio-tabs"]>button[aria-selected="true"] { border-color:var(--folio-blue); color:var(--folio-blue); box-shadow:0 4px 12px #1677ff14; }
[class~="folio-tabs"] img { width:1.625rem; height:1.625rem; }
[class~="folio-panel"] h3 { font-size:1.5rem; font-weight:700; color:var(--folio-ink); line-height:1.5; margin-bottom:1.25rem; }
[class~="folio-panel"] ul { list-style:disc; padding-left:1.25rem; color:var(--folio-hint); font-size:var(--folio-text); line-height:1.8; }
[class~="folio-panel"] li+li { margin-top:.5rem; }
[class~="folio-panel"]>figure { border-radius:var(--folio-radius); overflow:hidden; background:var(--folio-paper); }
[class~="folio-panel"]>figure>img { display:block; width:100%; height:auto; }
[class~="folio-reason-strip"]>article { border:1px solid var(--folio-line); border-radius:1.5rem; padding:2rem; background:var(--folio-paper); min-width:0; }
[class~="folio-reason-strip"]>article>img { width:4rem; height:4rem; }
[class~="folio-reason-strip"] h3 { margin:1.5rem 0 .75rem; font-size:1.25rem; font-weight:700; color:var(--folio-ink); }
[class~="folio-reason-strip"] p { font-size:var(--folio-text); line-height:1.7; color:var(--folio-ink); }
[class~="folio-scene-strip"]>article { border-radius:1.75rem; padding:2.5rem; background:var(--folio-paper); border:1px solid var(--folio-line); }
[class~="folio-scene-strip"]>article>img { width:9rem; height:auto; }
[class~="folio-scene-strip"]>article>p { font-size:var(--folio-text); line-height:1.8; margin:1.75rem 0; min-height:6rem; color:var(--folio-ink); }
[class~="folio-scene-strip"] footer { display:flex; align-items:center; gap:1rem; }
[class~="folio-scene-strip"] footer>img { width:3.75rem; height:3.75rem; }
[class~="folio-scene-strip"] h3 { font-size:1rem; font-weight:700; color:var(--folio-ink); margin-bottom:.25rem; }
[class~="folio-scene-strip"] footer p { line-height:1.6; }
[class~="folio-dots"] { display:none; justify-content:center; gap:1rem; margin-top:1.5rem; }
[class~="folio-dots"]>button { width:.625rem; height:.625rem; border-radius:50%; background:#ccc; }
[class~="folio-dots"]>button[aria-current="true"] { background:var(--folio-blue); }
[class~="folio-faq"] details { border-bottom:1px solid var(--folio-line); padding:1.5rem 0; }
[class~="folio-faq"] summary { cursor:pointer; color:var(--folio-ink); font-weight:600; font-size:1.125rem; line-height:1.6; }
[class~="folio-faq"] details p { margin-top:1rem; font-size:1rem; line-height:1.8; max-width:58rem; color:var(--folio-muted); }
[class~="folio-footer"] { padding:3rem 0; border-top:1px solid var(--folio-line); background:var(--folio-paper); }
[class~="folio-footer"] img { width:11.5rem; height:auto; margin-bottom:1.25rem; }
[class~="folio-footer"] p,[class~="folio-footer"] a { font-size:.875rem; line-height:1.8; overflow-wrap:anywhere; }
[class~="folio-footer"] a { color:var(--folio-blue); }
[class~="folio-footer"] p:last-child { margin-top:1.25rem; color:var(--folio-muted); }
[class~="folio-to-top"][data-visible] { display:block; }
@media(max-width:750px) { [class~="folio-tabs"] { gap:.5rem; margin:1.25rem 0; } [class~="folio-tabs"]>button { padding:.625rem .75rem; font-size:.8125rem; } [class~="folio-tabs"] img { width:1.25rem; height:1.25rem; } [class~="folio-panel"] h3 { font-size:1.125rem; } [class~="folio-panel"] ul { font-size:.875rem; } [class~="folio-reason-strip"]>article,[class~="folio-scene-strip"]>article { padding:1.5rem; } [class~="folio-dots"] { display:flex; } }

[class~="folio-drawer-close"]{display:block;margin-left:auto;width:30px;height:30px;font-size:24px;color:var(--folio-ink)}
[class~="folio-popup-close"]{position:absolute;right:4px;top:2px;font-size:18px;line-height:22px;width:24px;height:24px;color:var(--folio-muted)}

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

[class~="folio-downloads"] { display:flex; justify-content:center; gap:20px; margin:34px auto 0; }
[class~="folio-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(--folio-blue); color:var(--folio-paper); font-size:20px; font-weight:600; transition:background .2s ease; }
[class~="folio-download"]:hover,[class~="folio-download"]:focus-visible { background:var(--folio-blue-hover); }
[class~="folio-download"] img { width:22px; height:22px; filter:brightness(0) invert(1); }
@media(max-width:750px) {
 [class~="folio-downloads"] { flex-direction:column; gap:12px; width:min(calc(100% - 2rem),330px); }
 [class~="folio-download"] { width:100%; min-width:0; font-size:18px; }
}

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