/* system-theme-v2 */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=DM+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');

.pb-node-menu_backdrop { width: 100%; min-height: 100%; background-color: rgba(17,24,39,0.46); padding: 16px; display: flex; justify-content: flex-end; align-items: stretch; font-family: "DM Sans" }

.pb-node-menu_box { width: 100%; max-width: 420px; max-height: calc(100vh - 32px); overflow: auto; background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #E2E5EA; border-radius: 22px; padding: 24px; box-shadow: 0 30px 70px rgba(17,24,39,0.24); display: flex; flex-direction: column; gap: 24px; font-family: "DM Sans" }

.pb-node-menu_head { display: flex; align-items: center; justify-content: space-between; gap: 16px; font-family: "DM Sans" }

.pb-node-menu_title { font-family: "Arial"; font-size: 26px; font-weight: 700; line-height: 1.15em; letter-spacing: -0.025em; color: #20242C; margin: 0px }

.pb-node-menu_close { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 14px; background-color: #F5F6F8; border-width: 1px; border-style: solid; border-color: #E2E5EA; border-radius: 12px; font-family: "Arial"; font-size: 14px; font-weight: 700; line-height: 1.4em; color: #20242C; cursor: pointer }

.pb-node-menu_intro { font-family: "Arial"; font-size: 14px; font-weight: 400; line-height: 1.55em; color: #606875; margin: 0px }

.pb-node-menu_nav { display: flex; flex-direction: column; gap: 8px; font-family: "DM Sans" }

.pb-node-menu_home { display: flex; align-items: center; min-height: 52px; padding: 12px 14px; font-family: "Arial"; font-size: 18px; font-weight: 600; line-height: 1.35em; color: #20242C; text-decoration: none; border-radius: 12px; border-width: 1px; border-style: solid; border-color: transparent; transition-property: background-color, border-color, color; transition-duration: 180ms }

.pb-node-menu_about { display: flex; align-items: center; min-height: 52px; padding: 12px 14px; font-family: "Arial"; font-size: 18px; font-weight: 600; line-height: 1.35em; color: #20242C; text-decoration: none; border-radius: 12px; border-width: 1px; border-style: solid; border-color: transparent; transition-property: background-color, border-color, color; transition-duration: 180ms }

.pb-node-menu_options { display: flex; align-items: center; min-height: 52px; padding: 12px 14px; font-family: "Arial"; font-size: 18px; font-weight: 600; line-height: 1.35em; color: #20242C; text-decoration: none; border-radius: 12px; border-width: 1px; border-style: solid; border-color: transparent; transition-property: background-color, border-color, color; transition-duration: 180ms }

.pb-node-menu_footer { display: flex; flex-direction: column; gap: 8px; padding: 18px; background-color: #EFF6FF; border-width: 1px; border-style: solid; border-color: #E2E5EA; border-radius: 18px; font-family: "DM Sans" }

.pb-node-menu_footer_title { font-family: "Arial"; font-size: 16px; font-weight: 700; line-height: 1.3em; color: #20242C; margin: 0px }

.pb-node-menu_footer_text { font-family: "Arial"; font-size: 14px; font-weight: 400; line-height: 1.55em; color: #606875; margin: 0px }

@media (max-width: 1024px) {
.pb-node-menu_backdrop { width: 100%; min-height: 100%; background-color: rgba(17,24,39,0.46); padding: 16px; display: flex; justify-content: flex-end; align-items: stretch; font-family: "DM Sans" }
.pb-node-menu_box { width: 100%; max-width: 420px; max-height: calc(100vh - 32px); overflow: auto; background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #E2E5EA; border-radius: 22px; padding: 24px; box-shadow: 0 30px 70px rgba(17,24,39,0.24); display: flex; flex-direction: column; gap: 24px; font-family: "DM Sans" }
.pb-node-menu_head { display: flex; align-items: center; justify-content: space-between; gap: 16px; font-family: "DM Sans" }
.pb-node-menu_title { font-family: "Arial"; font-size: 26px; font-weight: 700; line-height: 1.15em; letter-spacing: -0.025em; color: #20242C; margin: 0px }
.pb-node-menu_close { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 14px; background-color: #F5F6F8; border-width: 1px; border-style: solid; border-color: #E2E5EA; border-radius: 12px; font-family: "Arial"; font-size: 14px; font-weight: 700; line-height: 1.4em; color: #20242C; cursor: pointer }
.pb-node-menu_intro { font-family: "Arial"; font-size: 14px; font-weight: 400; line-height: 1.55em; color: #606875; margin: 0px }
.pb-node-menu_nav { display: flex; flex-direction: column; gap: 8px; font-family: "DM Sans" }
.pb-node-menu_home { display: flex; align-items: center; min-height: 52px; padding: 12px 14px; font-family: "Arial"; font-size: 18px; font-weight: 600; line-height: 1.35em; color: #20242C; text-decoration: none; border-radius: 12px; border-width: 1px; border-style: solid; border-color: transparent; transition-property: background-color, border-color, color; transition-duration: 180ms }
.pb-node-menu_about { display: flex; align-items: center; min-height: 52px; padding: 12px 14px; font-family: "Arial"; font-size: 18px; font-weight: 600; line-height: 1.35em; color: #20242C; text-decoration: none; border-radius: 12px; border-width: 1px; border-style: solid; border-color: transparent; transition-property: background-color, border-color, color; transition-duration: 180ms }
.pb-node-menu_options { display: flex; align-items: center; min-height: 52px; padding: 12px 14px; font-family: "Arial"; font-size: 18px; font-weight: 600; line-height: 1.35em; color: #20242C; text-decoration: none; border-radius: 12px; border-width: 1px; border-style: solid; border-color: transparent; transition-property: background-color, border-color, color; transition-duration: 180ms }
.pb-node-menu_footer { display: flex; flex-direction: column; gap: 8px; padding: 18px; background-color: #EFF6FF; border-width: 1px; border-style: solid; border-color: #E2E5EA; border-radius: 18px; font-family: "DM Sans" }
.pb-node-menu_footer_title { font-family: "Arial"; font-size: 16px; font-weight: 700; line-height: 1.3em; color: #20242C; margin: 0px }
.pb-node-menu_footer_text { font-family: "Arial"; font-size: 14px; font-weight: 400; line-height: 1.55em; color: #606875; margin: 0px }
}

@media (max-width: 768px) {
.pb-node-menu_backdrop { width: 100%; min-height: 100%; background-color: rgba(17,24,39,0.46); padding: 10px; display: flex; justify-content: flex-end; align-items: stretch; font-family: "DM Sans" }
.pb-node-menu_box { width: 100%; max-width: 420px; max-height: calc(100vh - 20px); overflow: auto; background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #E2E5EA; border-radius: 18px; padding: 20px; box-shadow: 0 30px 70px rgba(17,24,39,0.24); display: flex; flex-direction: column; gap: 24px; font-family: "DM Sans" }
.pb-node-menu_head { display: flex; align-items: center; justify-content: space-between; gap: 16px; font-family: "DM Sans" }
.pb-node-menu_title { font-family: "Arial"; font-size: 24px; font-weight: 700; line-height: 1.15em; letter-spacing: -0.025em; color: #20242C; margin: 0px }
.pb-node-menu_close { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 14px; background-color: #F5F6F8; border-width: 1px; border-style: solid; border-color: #E2E5EA; border-radius: 12px; font-family: "Arial"; font-size: 14px; font-weight: 700; line-height: 1.4em; color: #20242C; cursor: pointer }
.pb-node-menu_intro { font-family: "Arial"; font-size: 14px; font-weight: 400; line-height: 1.55em; color: #606875; margin: 0px }
.pb-node-menu_nav { display: flex; flex-direction: column; gap: 8px; font-family: "DM Sans" }
.pb-node-menu_home { display: flex; align-items: center; min-height: 52px; padding: 12px 14px; font-family: "Arial"; font-size: 18px; font-weight: 600; line-height: 1.35em; color: #20242C; text-decoration: none; border-radius: 12px; border-width: 1px; border-style: solid; border-color: transparent; transition-property: background-color, border-color, color; transition-duration: 180ms }
.pb-node-menu_about { display: flex; align-items: center; min-height: 52px; padding: 12px 14px; font-family: "Arial"; font-size: 18px; font-weight: 600; line-height: 1.35em; color: #20242C; text-decoration: none; border-radius: 12px; border-width: 1px; border-style: solid; border-color: transparent; transition-property: background-color, border-color, color; transition-duration: 180ms }
.pb-node-menu_options { display: flex; align-items: center; min-height: 52px; padding: 12px 14px; font-family: "Arial"; font-size: 18px; font-weight: 600; line-height: 1.35em; color: #20242C; text-decoration: none; border-radius: 12px; border-width: 1px; border-style: solid; border-color: transparent; transition-property: background-color, border-color, color; transition-duration: 180ms }
.pb-node-menu_footer { display: flex; flex-direction: column; gap: 8px; padding: 18px; background-color: #EFF6FF; border-width: 1px; border-style: solid; border-color: #E2E5EA; border-radius: 18px; font-family: "DM Sans" }
.pb-node-menu_footer_title { font-family: "Arial"; font-size: 16px; font-weight: 700; line-height: 1.3em; color: #20242C; margin: 0px }
.pb-node-menu_footer_text { font-family: "Arial"; font-size: 14px; font-weight: 400; line-height: 1.55em; color: #606875; margin: 0px }
}

.pb-node-menu_close:hover { background-color: #EFF6FF; border-color: #9abf55 }

.pb-node-menu_close:focus { outline-width: 3px; outline-style: solid; outline-color: #9abf55; outline-offset: 2px }

@media (max-width: 1024px) { .pb-node-menu_close:hover { background-color: #EFF6FF; border-color: #9abf55 } }

@media (max-width: 1024px) { .pb-node-menu_close:focus { outline-width: 3px; outline-style: solid; outline-color: #9abf55; outline-offset: 2px } }

@media (max-width: 768px) { .pb-node-menu_close:hover { background-color: #EFF6FF; border-color: #9abf55 } }

@media (max-width: 768px) { .pb-node-menu_close:focus { outline-width: 3px; outline-style: solid; outline-color: #9abf55; outline-offset: 2px } }

.pb-node-menu_home:hover { background-color: #EFF6FF; border-color: #E2E5EA; color: #9abf55 }

.pb-node-menu_home:focus { outline-width: 3px; outline-style: solid; outline-color: #9abf55; outline-offset: 2px }

@media (max-width: 1024px) { .pb-node-menu_home:hover { background-color: #EFF6FF; border-color: #E2E5EA; color: #9abf55 } }

@media (max-width: 1024px) { .pb-node-menu_home:focus { outline-width: 3px; outline-style: solid; outline-color: #9abf55; outline-offset: 2px } }

@media (max-width: 768px) { .pb-node-menu_home:hover { background-color: #EFF6FF; border-color: #E2E5EA; color: #9abf55 } }

@media (max-width: 768px) { .pb-node-menu_home:focus { outline-width: 3px; outline-style: solid; outline-color: #9abf55; outline-offset: 2px } }

.pb-node-menu_about:hover { background-color: #EFF6FF; border-color: #E2E5EA; color: #9abf55 }

.pb-node-menu_about:focus { outline-width: 3px; outline-style: solid; outline-color: #9abf55; outline-offset: 2px }

@media (max-width: 1024px) { .pb-node-menu_about:hover { background-color: #EFF6FF; border-color: #E2E5EA; color: #9abf55 } }

@media (max-width: 1024px) { .pb-node-menu_about:focus { outline-width: 3px; outline-style: solid; outline-color: #9abf55; outline-offset: 2px } }

@media (max-width: 768px) { .pb-node-menu_about:hover { background-color: #EFF6FF; border-color: #E2E5EA; color: #9abf55 } }

@media (max-width: 768px) { .pb-node-menu_about:focus { outline-width: 3px; outline-style: solid; outline-color: #9abf55; outline-offset: 2px } }

.pb-node-menu_options:hover { background-color: #EFF6FF; border-color: #E2E5EA; color: #9abf55 }

.pb-node-menu_options:focus { outline-width: 3px; outline-style: solid; outline-color: #9abf55; outline-offset: 2px }

@media (max-width: 1024px) { .pb-node-menu_options:hover { background-color: #EFF6FF; border-color: #E2E5EA; color: #9abf55 } }

@media (max-width: 1024px) { .pb-node-menu_options:focus { outline-width: 3px; outline-style: solid; outline-color: #9abf55; outline-offset: 2px } }

@media (max-width: 768px) { .pb-node-menu_options:hover { background-color: #EFF6FF; border-color: #E2E5EA; color: #9abf55 } }

@media (max-width: 768px) { .pb-node-menu_options:focus { outline-width: 3px; outline-style: solid; outline-color: #9abf55; outline-offset: 2px } }