#hero, #about, #reviews, #form {
                scroll-margin-top: 84px;
            }
            @media screen and (max-width: 768px) {
                #hero, #about, #reviews, #form {
                    scroll-margin-top: 64px;
                }
            }
        
.l-b2b208fa { position: relative; z-index: 5; }
.l-ac265e04 { display: flex; justify-content: center; align-items: center; height: 85px; }
.l-7d69d229 { position: sticky; top: -1px; z-index: 5; }
.l-02cb1987 { display: flex; justify-content: center; align-items: center; height: 85px; position: relative; }
.l-02cb1987::after { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 75%; height: 1px; background-color: var(--color-text-light); }
.l-a6650ac3 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; margin: 0 auto; }
.l-8d098fea { font-size: 34px; margin-right: var(--size-xxs); }
.l-20cc8225 { font-size: 24px; font-weight: 600; }
.l-11a65bd1 { display: block; }
.l-11a65bd1.active { display: block; }
.l-1766e636 { display: flex; justify-content: flex-end; align-items: center; gap: clamp(0.75rem, 8.59375vw + -3.375rem, 3.5rem); }
.l-fec8bbfe { text-decoration: none; white-space: nowrap; padding: var(--size-xxs); }
.l-fec8bbfe:hover { text-decoration: underline; }
.l-38fa7046 { display: none; flex-direction: column; gap: 5px; border: 0; padding: var(--size-xs); border-radius: var(--size-xxs); cursor: pointer; }
.l-5fdac4bd { width: 32px; height: 3px; }
@media screen and (max-width: 768px) { .l-b2b208fa { position: sticky; top: 0; }
.l-ac265e04 { justify-content: space-between; height: 65px; }
.l-7d69d229.mobile { top: 65px; height: 0; }
.l-02cb1987::after { display: none; }
.l-a6650ac3 { margin: 0; }
.l-11a65bd1 { position: absolute; right: 0; bottom: 75px; transform: translateY(100%); background-color: var(--color-surface); width: 260px; padding: var(--size-m); border-radius: var(--size-xxs); display: none; }
.l-11a65bd1.active { display: block; }
.l-1766e636 { gap: var(--size-m); flex-direction: column; align-items: center; color: var(--color-text); }
.l-38fa7046 { display: flex; }
 }@media screen and (max-width: 576px) { .l-8d098fea { font-size: 28px; }
.l-20cc8225 { font-size: 20px; }
.l-11a65bd1 { width: 100%; }
 }
.l-155dde98 { position: relative; }
.l-155dde98 .l-77bc1528 { margin: calc(-1 * var(--section-padding)) auto; position: relative; min-height: 700px; display: flex; justify-content: flex-start; align-items: center; }
.l-d36251dd { display: flex; justify-content: center; align-items: center; gap: var(--size-m); min-height: 600px; width: 60%; }
.l-d2df7960 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.l-d2df7960::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
.l-d2df7960 img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
@media screen and (max-width: 1024px) { .l-d36251dd { width: 100%; }
 }@media screen and (max-width: 576px) { .l-bf67d12f { text-align: center; }
 }
.l-b784a635 { padding: var(--size-xl); }
@media screen and (max-width: 768px) { .l-b784a635 { text-align: center; padding: var(--size-m); }
 }@media screen and (max-width: 576px) { .l-b784a635 { padding: var(--size-s); }
 }
.l-3ce1ed20 { padding: 0; }
@media screen and (max-width: 1280px) { .l-b80d5a07 { border-radius: 0; }
 }@media screen and (max-width: 768px) { .l-3ce1ed20 { padding: 0 var(--wrapper-padding); }
.l-4489370a { column-count: 1; }
.l-b80d5a07 { border-radius: var(--b-radius); }
 }@media screen and (max-width: 576px) { .l-4489370a { text-align: center; }
 }
.l-de44a308 { position: relative; display: flex; justify-content: flex-start; align-items: center; gap: var(--size-s); padding-left: var(--wrapper-padding); }
.l-baeef203 { flex: 0 1 560px; }
.l-d4993360 { flex: 1 1 630px; }
.l-84e0febb { flex: 1; }
.l-9ddc6232 { display: flex; gap: var(--size-s); flex-wrap: wrap; }
.l-562a501f { flex: 1; }
.l-7d932b15 { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-s); }
.l-a90f82be { flex-shrink: 0; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 24px; }
@media screen and (max-width: 768px) { .l-de44a308 { padding: 0 var(--wrapper-padding); flex-direction: column-reverse; }
.l-baeef203 { flex: auto; }
.l-d4993360 { flex: auto; width: 100%; }
.l-9ddc6232 { margin-top: var(--size-s); }
.l-562a501f { flex: 1 1 calc(50% - var(--size-s) / 2); }
 }@media screen and (max-width: 1024px) { .l-7d932b15 { align-items: flex-start; flex-direction: column; gap: var(--size-xs); }
 }@media screen and (max-width: 576px) { .l-baeef203 { text-align: center; }
.l-9ddc6232 { flex-direction: column; }
.l-562a501f { flex: auto; text-align: center; }
.l-7d932b15 { align-items: center; }
 }
.l-1ad72ab4 { display: flex; align-items: stretch; gap: var(--size-s); overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding-bottom: 10px; }
.l-1ad72ab4 li { flex: 1; }
.l-db69bd8c { padding: var(--size-m); min-width: 270px; height: 100%; }
.l-2a6a0036 { display: flex; justify-content: center; }
@media screen and (max-width: 576px) { .l-1ad72ab4 { flex-direction: column; }
.l-db69bd8c { text-align: center; min-width: auto; }
 }
.l-9c3416cc { text-align: center; }

.l-17b34ba1 { display: flex; align-items: center; gap: var(--size-m); }
.l-8d01b6b7 { flex: 1; }
.l-f4dbf0ea { position: relative; padding: var(--size-m); }
.l-f4dbf0ea::before { content: ""; display: block; position: absolute; top: 0; right: -50%; left: 0; width: 150%; height: 100%; background-color: var(--color-surface); margin-bottom: var(--size-s); z-index: -1; border-radius: var(--b-radius); }
.l-3682faf1 { max-height: 600px; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 870px) { .l-17b34ba1 { flex-direction: column; align-items: stretch; }
.l-8d01b6b7 { flex: auto; }
.l-f4dbf0ea { padding: var(--size-m) var(--size-s); }
.l-f4dbf0ea::before { top: 0; right: 0; left: 0; width: 100%; height: 100%; }
 }@media screen and (max-width: 576px) { .l-f4dbf0ea { text-align: center; }
 }
.l-9af45660 { width: 60%; }
.l-2c1aa021 { flex: 1; position: relative; display: flex; gap: var(--size-s); }
.l-2c1aa021::before { content: ""; position: absolute; top: 135px; left: 0; width: 100%; height: 3px; background-color: var(--color-primary); }
.l-ecca19c9 { flex: 1; }
.l-846db276 { position: relative; height: 100%; }
.l-846db276::before { content: ""; width: 16px; height: 16px; position: absolute; left: 50%; margin-left: -8px; top: 128px; background-color: var(--color-primary); border-radius: 50%; }
.l-e8c205e9 { font-size: 80px; line-height: 130%; font-weight: 500; margin-bottom: 72px; text-align: center; }
@media screen and (max-width: 870px) { .l-b7b78603 { flex-direction: column; }
.l-9af45660 { width: 100%; }
.l-2c1aa021 { flex-direction: column; }
.l-2c1aa021::before { top: 0; left: 80px; width: 2px; height: 100%; }
.l-846db276 { display: flex; justify-content: flex-start; align-items: center; }
.l-846db276::before { margin-left: 0; top: 50%; margin-top: -8px; left: 73px; }
.l-e8c205e9 { text-align: left; margin-bottom: 0; font-size: 40px; flex: 0 0 110px; }
 }@media screen and (max-width: 576px) { .l-9af45660 { text-align: center; }
.l-2c1aa021::before { left: 57px; }
.l-846db276::before { left: 50px; }
.l-e8c205e9 { font-size: 32px; flex: 0 0 75px; }
 }
.l-551d6c2c { display: flex; justify-content: flex-start; align-items: flex-start; gap: var(--size-xl); }
.l-6ba07759 { flex: 0 0 45%; position: relative; }
.l-33ccdbdd { flex: 1; position: relative; z-index: 1; }
.l-b8577873 { user-select: none; }
.l-b8577873[open] .l-4caa4a69 { transform: rotate(45deg); }
.l-2a8410c1 { display: flex; justify-content: space-between; align-items: center; list-style: none; cursor: pointer; padding: var(--size-s) var(--size-m); }
.l-2a8410c1::-webkit-details-marker { display: none; }
.l-4caa4a69 { width: 32px; height: 32px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; background-color: var(--color-bg); border-radius: 50%; margin-left: var(--size-xs); }
.l-4caa4a69 svg { fill: var(--color-primary); }
.l-58cc9988 { padding: 0 var(--size-m) var(--size-s); }
@media screen and (max-width: 870px) { .l-2a8410c1 { padding-top: var(--size-xs); padding-bottom: var(--size-xs); }
.l-4caa4a69 { width: 24px; height: 24px; }
.l-4caa4a69 svg { width: 16px; height: 16px; }
.l-58cc9988 { padding-bottom: var(--size-xs); }
 }@media screen and (max-width: 768px) { .l-551d6c2c { align-items: center; flex-direction: column; gap: var(--size-m); }
.l-6ba07759 { flex: 0; }
.l-33ccdbdd { margin-left: 0; max-width: 70%; }
 }@media screen and (max-width: 576px) { .l-6ba07759 { text-align: center; }
.l-33ccdbdd { max-width: inherit; width: 100%; }
 }
.l-a07ebef2 { column-count: 2; gap: var(--size-m); }
@media screen and (max-width: 768px) { .l-2133a14f { text-align: center; }
.l-a07ebef2 { column-count: 1; }
 }
.l-c6458caa { display: flex; align-items: center; gap: var(--size-m); }
.l-5faed868 { flex: 1; }
.l-ca0758aa { max-height: 600px; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 768px) { .l-c6458caa { flex-direction: column; }
 }@media screen and (max-width: 576px) { .l-6067eb68 { text-align: center; }
 }
.l-1e45ca17 { min-height: 700px; display: flex; flex-direction: column; padding: var(--size-xl) 0; }
.l-b76e936b { padding: 0 var(--wrapper-padding); }
.l-8322987c { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.l-8322987c::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
.l-706e3e55 { width: 50%; }
.l-0baeaaed { display: flex; gap: var(--size-s); flex-wrap: wrap; padding: var(--size-s); margin-top: auto; }
.l-5f94defc { flex: 1; }
.l-f60649a9 { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-xs); }
.l-c5b738c5 { flex-shrink: 0; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 32px; }
@media screen and (max-width: 768px) { .l-53ba6fee { padding: var(--section-padding); 0 }
.l-1e45ca17 { padding: 0; min-height: auto; gap: var(--size-m); }
.l-b76e936b { display: flex; flex-direction: column-reverse; }
.l-8322987c { position: relative; margin-top: var(--size-m); }
.l-8322987c::after { display: none; }
.l-706e3e55 { width: 100%; color: var(--color-text-dark); }
.l-5f94defc { flex: 1 1 calc(50% - var(--size-s) / 2); }
 }@media screen and (max-width: 1024px) { .l-f60649a9 { align-items: flex-start; flex-direction: column; gap: var(--size-xs); }
 }@media screen and (max-width: 576px) { .l-706e3e55 { text-align: center; }
.l-0baeaaed { flex-direction: column; }
.l-5f94defc { flex: auto; text-align: center; }
.l-f60649a9 { align-items: center; }
 }
.l-8d81f45d { display: grid; gap: var(--size-s); grid-template-columns: repeat(6, 1fr); grid-auto-rows: auto; }
.l-9b375f99 { grid-column: span 3; }
.l-cf4ef615 { aspect-ratio: 3/2; grid-column: span 2; }
.l-f85df5d2 { grid-column: span 3; }
@media screen and (max-width: 768px) { .l-8d81f45d { grid-template-columns: 1fr; }
.l-cf4ef615 { grid-column: span 3; }
 }
.l-3f3ed567 { text-align: center; }

.l-b961c4f5 { position: relative; display: flex; align-items: center; gap: var(--size-m); min-height: 550px; padding: var(--size-xl); }
.l-2fb62a0a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }
.l-cc965a9f { position: relative; z-index: 2; width: 60%; margin-left: auto; padding: var(--size-m); }
@media screen and (max-width: 870px) { .l-cc965a9f { width: 100%; }
 }@media screen and (max-width: 576px) { .l-b961c4f5 { padding: 0; flex-direction: column-reverse; }
.l-2fb62a0a { position: static; border-radius: 0; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }
.l-cc965a9f { text-align: center; }
 }
.l-e26e3b7a { position: relative; counter-reset: item; display: flex; flex-wrap: wrap; }
.l-e26e3b7a::before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 3px; background-color: var(--color-primary); z-index: -1; }
.l-0e239232 { counter-increment: item; border-left: 2px solid var(--color-primary); padding-left: var(--size-s); position: relative; width: clamp(16.875rem, 16.9921875vw + 8.71875rem, 22.3125rem); }
.l-0e239232::before { content: ""; position: absolute; left: -1px; display: block; width: 17px; height: 17px; border-radius: 50%; background-color: var(--color-primary); transform: translate(-50%); }
.l-ebc2b905::before { content: "0" counter(item) " | "; font-size: 20px; font-weight: bold; }
.l-a55e6423 { order: 1; margin-left: clamp(0rem, 7.2265625vw + -3.46875rem, 2.3125rem); margin-right: clamp(1.875rem, 23.6328125vw + -9.46875rem, 9.4375rem); margin-bottom: -9px; align-self: flex-end; }
.l-bbe2d4fe { order: 3; margin-left: clamp(1.875rem, 44.921875vw + -19.6875rem, 16.25rem); margin-top: -9px; align-self: flex-start; }
.l-b2210cf8 { order: 2; margin-bottom: -9px; align-self: flex-end; }
.l-86d7825a { order: 4; margin-left: clamp(1.875rem, 23.6328125vw + -9.46875rem, 9.4375rem); margin-top: -9px; align-self: flex-start; }
.l-41d1b48f { padding-bottom: 37px; }
.l-41d1b48f::before { bottom: 0; }
.l-dead3db8 { padding-top: 35px; }
.l-dead3db8::before { top: 0; }
@media screen and (max-width: 768px) { .l-e26e3b7a { flex-direction: column; }
.l-e26e3b7a::before { width: 2px; height: 100%; top: 0; left: 50%; }
.l-31e1ca40 { width: 50%; }
.l-a55e6423 { margin: 0; align-self: initial; }
.l-bbe2d4fe { order: 2; margin-left: auto; align-self: initial; }
.l-b2210cf8 { order: 3; align-self: initial; }
.l-86d7825a { margin-left: auto; align-self: initial; }
.l-0e239232 { padding-left: 0; padding-right: var(--size-xs); width: auto; border-left: none; border-bottom: 2px solid var(--color-primary); }
.l-0e239232::before { left: auto; right: -1px; bottom: 0; transform: translate(50%, 50%); }
.l-41d1b48f { padding-bottom: var(--size-xs); }
.l-dead3db8 { padding-bottom: var(--size-xs); padding-left: var(--size-s); padding-right: 0; padding-top: 50px; }
.l-dead3db8::before { top: auto; left: 1px; transform: translate(-50%, 50%); }
 }@media screen and (max-width: 576px) { .l-e26e3b7a::before { left: 0; }
.l-31e1ca40 { width: 100%; }
.l-a55e6423 { margin: 0; }
.l-bbe2d4fe { margin: 0; }
.l-b2210cf8 { margin: 0; }
.l-86d7825a { margin: 0; }
.l-0e239232 { padding-left: var(--size-s); }
.l-0e239232::before { left: -1px; right: auto; transform: translate(-50%, 50%); }
.l-41d1b48f { margin: 0; padding-top: 35px; }
.l-dead3db8 { padding-top: 35px; }
 }
.l-e550eb57 { display: flex; justify-content: flex-start; position: relative; gap: var(--size-m); z-index: 1; }
.l-30c86421 { flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.l-d62ea222 { flex: 0 0 660px; padding: var(--size-m) var(--size-m) var(--size-xl); display: flex; flex-direction: column; justify-content: center; }
.l-b7d60e5c { position: relative; z-index: 1; transform: translateY(50%); padding: var(--size-xs); }
.l-8b018ba7 { width: 100%; display: flex; justify-content: space-evenly; align-items: flex-start; gap: var(--size-m); flex-wrap: wrap; }
.l-d23f36de { flex: 1; display: flex; align-items: center; flex-direction: column; text-align: center; }
.l-544711ed { width: 56px; height: 56px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 24px; }
.l-76736eee { fill: var(--color-text); }
.l-f794f513 { stroke: var(--color-text); }
.l-ce4e2817 { stroke: var(--color-text); }
.l-091e842b { display: flex; flex-direction: column; }
.l-f351c681 { width: 100%; height: 370px; }
@media screen and (max-width: 1024px) { .l-e550eb57 { flex-direction: column; }
.l-59da58c5 { margin-top: 0; }
.l-d62ea222 { flex: 1; }
.l-f351c681 { height: 430px; }
 }@media screen and (max-width: 768px) { .l-091e842b { margin-top: var(--size-xs); }
 }@media screen and (max-width: 576px) { .l-30c86421 { align-items: center; text-align: center; }
.l-d62ea222 { padding: var(--size-s); }
.l-b7d60e5c { transform: translateY(var(--size-xl)); }
.l-8b018ba7 { flex-direction: column; align-items: center; }
.l-f351c681 { height: 370px; }
 }
.l-1f413599 { padding-top: var(--size-xl); padding-bottom: var(--size-m); }
.l-6bb3d49b { padding: var(--size-m) var(--size-xl); }
.l-f7145f76 { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--size-xl); }
.l-22925afa { display: flex; align-items: flex-start; gap: var(--size-s); }
.l-89af6064 { display: flex; justify-content: flex-start; width: 270px; }
.l-eb327b79 { height: 40px; padding: var(--size-xxs) var(--size-s); border: 0; outline: none; width: calc(100% - 74px); border-radius: var(--b-radius) 0 0 var(--b-radius); }
.l-bab96c10 { width: 74px; flex-shrink: 0; border: 0; padding: 0; border-radius: 0 var(--b-radius) var(--b-radius) 0; }
.l-39ab07fc { display: flex; justify-content: flex-start; align-items: center; }
.l-e9383619 { font-size: 36px; margin-right: var(--size-xs); }
.l-0034e969 { font-size: 24px; font-weight: 600; line-height: 1; }
.l-801f928e { width: 32%; }
.l-acf1705a { margin-right: var(--size-xl); }
.l-1d0b47af { white-space: nowrap; display: flex; flex-direction: column; gap: var(--size-m); }
.l-1c1ebe63 { display: flex; gap: var(--size-s); }
@media screen and (max-width: 768px) { .l-f7145f76 { gap: var(--size-m); flex-direction: column; align-items: center; }
.l-22925afa { align-items: center; flex-direction: column-reverse; text-align: center; }
.l-abf61a4a { text-align: center; }
.l-801f928e { width: 100%; text-align: center; order: 2; }
.l-acf1705a { margin-right: 0; order: 3; }
.l-1d0b47af { justify-content: space-between; align-items: center; }
 }@media screen and (max-width: 576px) { .l-6bb3d49b { padding: var(--size-s); }
.l-89af6064 { width: 100%; }
.l-1c1ebe63 { flex-direction: column; align-items: center; }
.l-1d0b47af { flex-direction: column; align-items: center; gap: var(--size-s); }
 }
.l-173d26a2 { position: fixed; bottom: 30px; right: 30px; opacity: 0; background-color: var(--color-primary); border: none; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; visibility: hidden; transition: 0.3s opacity ease-in-out; z-index: 4; }
.l-173d26a2 svg { fill: var(--color-text-light); }
.l-5d28b5fa { visibility: visible; opacity: 1; }
@media screen and (max-width: 768px) { .l-173d26a2 { transform: scale(0.8); bottom: 15px; right: 15px; }
 }
.l-48f44ebe { display: none; position: fixed; bottom: 0; left: 0; width: 100%; padding: var(--size-m); z-index: 3; }
.l-1e71165b { display: block; }
.l-ac1982d6 { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-xl); }
.l-d9ce63b3 { width: 195px; display: flex; flex-direction: column; gap: var(--size-xs); }
.l-e23ee0d9 { width: 100%; }
@media screen and (max-width: 768px) { .l-48f44ebe { padding: var(--size-s); }
.l-ac1982d6 { text-align: center; gap: var(--size-s); flex-direction: column; }
.l-d9ce63b3 { width: 100%; flex-direction: row; justify-content: center; flex-wrap: wrap; }
.l-e23ee0d9 { width: auto; }
 }@media screen and (max-width: 576px) { .l-d9ce63b3 { gap: var(--size-xxs); }
 }

            #hero, #about, #reviews, #form {
                scroll-margin-top: 84px;
            }
            @media screen and (max-width: 768px) {
                #hero, #about, #reviews, #form {
                    scroll-margin-top: 64px;
                }
            }
        
.l-371026f0 { position: relative; z-index: 5; }
.l-b2f1c389 { display: flex; justify-content: center; align-items: center; height: 85px; }
.l-d5d1d402 { position: sticky; top: -1px; z-index: 5; }
.l-764b5192 { display: flex; justify-content: center; align-items: center; height: 85px; position: relative; }
.l-764b5192::after { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 75%; height: 1px; background-color: var(--color-text-light); }
.l-633680e3 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; margin: 0 auto; }
.l-57865444 { font-size: 34px; margin-right: var(--size-xxs); }
.l-93a04fec { font-size: 24px; font-weight: 600; }
.l-58c02e5b { display: block; }
.l-58c02e5b.active { display: block; }
.l-9480b272 { display: flex; justify-content: flex-end; align-items: center; gap: clamp(0.75rem, 8.59375vw + -3.375rem, 3.5rem); }
.l-775c1478 { text-decoration: none; white-space: nowrap; padding: var(--size-xxs); }
.l-775c1478:hover { text-decoration: underline; }
.l-dea07b0e { display: none; flex-direction: column; gap: 5px; border: 0; padding: var(--size-xs); border-radius: var(--size-xxs); cursor: pointer; }
.l-d1405a5a { width: 32px; height: 3px; }
@media screen and (max-width: 768px) { .l-371026f0 { position: sticky; top: 0; }
.l-b2f1c389 { justify-content: space-between; height: 65px; }
.l-d5d1d402.mobile { top: 65px; height: 0; }
.l-764b5192::after { display: none; }
.l-633680e3 { margin: 0; }
.l-58c02e5b { position: absolute; right: 0; bottom: 75px; transform: translateY(100%); background-color: var(--color-surface); width: 260px; padding: var(--size-m); border-radius: var(--size-xxs); display: none; }
.l-58c02e5b.active { display: block; }
.l-9480b272 { gap: var(--size-m); flex-direction: column; align-items: center; color: var(--color-text); }
.l-dea07b0e { display: flex; }
 }@media screen and (max-width: 576px) { .l-57865444 { font-size: 28px; }
.l-93a04fec { font-size: 20px; }
.l-58c02e5b { width: 100%; }
 }
.l-a0e9fb0e { padding-top: var(--size-xl); padding-bottom: var(--size-m); }
.l-a2c2e50d { padding: var(--size-m) var(--size-xl); }
.l-39df173d { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--size-xl); }
.l-073b5337 { display: flex; align-items: flex-start; gap: var(--size-s); }
.l-44d8d60e { display: flex; justify-content: flex-start; width: 270px; }
.l-4f48d47a { height: 40px; padding: var(--size-xxs) var(--size-s); border: 0; outline: none; width: calc(100% - 74px); border-radius: var(--b-radius) 0 0 var(--b-radius); }
.l-c3c1c6a5 { width: 74px; flex-shrink: 0; border: 0; padding: 0; border-radius: 0 var(--b-radius) var(--b-radius) 0; }
.l-0f40d1b8 { display: flex; justify-content: flex-start; align-items: center; }
.l-560788f6 { font-size: 36px; margin-right: var(--size-xs); }
.l-d973f671 { font-size: 24px; font-weight: 600; line-height: 1; }
.l-702f6e4f { width: 32%; }
.l-f8aa8617 { margin-right: var(--size-xl); }
.l-f6300eeb { white-space: nowrap; display: flex; flex-direction: column; gap: var(--size-m); }
.l-48cd9577 { display: flex; gap: var(--size-s); }
@media screen and (max-width: 768px) { .l-39df173d { gap: var(--size-m); flex-direction: column; align-items: center; }
.l-073b5337 { align-items: center; flex-direction: column-reverse; text-align: center; }
.l-c484584f { text-align: center; }
.l-702f6e4f { width: 100%; text-align: center; order: 2; }
.l-f8aa8617 { margin-right: 0; order: 3; }
.l-f6300eeb { justify-content: space-between; align-items: center; }
 }@media screen and (max-width: 576px) { .l-a2c2e50d { padding: var(--size-s); }
.l-44d8d60e { width: 100%; }
.l-48cd9577 { flex-direction: column; align-items: center; }
.l-f6300eeb { flex-direction: column; align-items: center; gap: var(--size-s); }
 }
.l-a4defe48 { position: fixed; bottom: 30px; right: 30px; opacity: 0; background-color: var(--color-primary); border: none; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; visibility: hidden; transition: 0.3s opacity ease-in-out; z-index: 4; }
.l-a4defe48 svg { fill: var(--color-text-light); }
.l-f93987f6 { visibility: visible; opacity: 1; }
@media screen and (max-width: 768px) { .l-a4defe48 { transform: scale(0.8); bottom: 15px; right: 15px; }
 }
.l-b517263c { display: none; position: fixed; bottom: 0; left: 0; width: 100%; padding: var(--size-m); z-index: 3; }
.l-29753fe5 { display: block; }
.l-4a4bc441 { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-xl); }
.l-02bb6f30 { width: 195px; display: flex; flex-direction: column; gap: var(--size-xs); }
.l-4c6b7955 { width: 100%; }
@media screen and (max-width: 768px) { .l-b517263c { padding: var(--size-s); }
.l-4a4bc441 { text-align: center; gap: var(--size-s); flex-direction: column; }
.l-02bb6f30 { width: 100%; flex-direction: row; justify-content: center; flex-wrap: wrap; }
.l-4c6b7955 { width: auto; }
 }@media screen and (max-width: 576px) { .l-02bb6f30 { gap: var(--size-xxs); }
 }
.l-37e42f2b * + * { margin-top: var(--size-xs); }
.l-37e42f2b ul { list-style: disc; }
.l-37e42f2b ul li { margin-left: 16px; }

.l-e1e00435 * + * { margin-top: var(--size-xs); }
.l-e1e00435 ul { list-style: disc; }
.l-e1e00435 ul li { margin-left: 16px; }

.l-f3e030f4 * + * { margin-top: var(--size-xs); }
.l-f3e030f4 ul { list-style: disc; }
.l-f3e030f4 ul li { margin-left: 16px; }