@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../media/2bbd88c7cbebcb5b-s.33sztrngv_ieb.woff2) format("woff2");
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301,
    U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../media/e3c10b17cdb86a23-s.198xu-2bu0foz.woff2) format("woff2");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../media/612838607db3d51d-s.p.2-6hkzwn24m5-.woff2) format("woff2");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../media/9710cef2a2a6ac70-s.38t85nkp60tez.woff2) format("woff2");
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301,
    U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../media/a978fc28c69736ab-s.2omtmoo94goav.woff2) format("woff2");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../media/303804218d80822e-s.p.3lj349bs9hfu1.woff2) format("woff2");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../media/e37557cf0085218d-s.2dbbbbabmw4n4.woff2) format("woff2");
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301,
    U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../media/146a3e5eadafdf83-s.1oqo1buse5xew.woff2) format("woff2");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../media/d9b5d46d9a89ffe6-s.p.0xxdg0o7uh536.woff2) format("woff2");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../media/5a938ab334846ae8-s.0i8had3keju7i.woff2) format("woff2");
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301,
    U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../media/3dae58b0b46c3f93-s.24oj26lcm6-u8.woff2) format("woff2");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../media/89232e6535d3b87e-s.p.2oeto2j5aaelm.woff2) format("woff2");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../media/91a39433b4ff06b2-s.2avsd28_hqhmt.woff2) format("woff2");
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301,
    U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../media/a6365570ca21fbb9-s.1wbhu6nb2u97d.woff2) format("woff2");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../media/ddf6ae3f623ba878-s.p.2zhff3cxreb6s.woff2) format("woff2");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Barlow Condensed Fallback;
  src: local(Arial);
  ascent-override: 130.73%;
  descent-override: 26.15%;
  line-gap-override: 0%;
  size-adjust: 76.49%;
}
.barlow_condensed_9413dea7-module__pLDkDa__className {
  font-family:
    Barlow Condensed,
    Barlow Condensed Fallback;
  font-style: normal;
}
.barlow_condensed_9413dea7-module__pLDkDa__variable {
  --font-barlow-condensed: "Barlow Condensed", "Barlow Condensed Fallback";
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/572c13468b8cff87-s.1rlxnzisjz_e1.woff2) format("woff2");
  unicode-range:
    U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/62d4b50592542c9f-s.1lnyw1zsxhp0r.woff2) format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/38772d1e0cde909c-s.0lvk2smlqz3yc.woff2) format("woff2");
  unicode-range: U+1F??;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/a0ffaa6a9384d9d3-s.2dzaija1uhw5g.woff2) format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/fad568eea626db0e-s.0fd-fjxmcxcjd.woff2) format("woff2");
  unicode-range:
    U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C,
    U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9,
    U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038,
    U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071,
    U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112,
    U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE,
    U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF,
    U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395,
    U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7,
    U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF,
    U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D,
    U+1D400-1D7FF, U+1EE??;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/ccee61546c0358b7-s.42l_3z3944ji5.woff2) format("woff2");
  unicode-range:
    U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190,
    U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299,
    U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??,
    U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB,
    U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB,
    U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD,
    U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C,
    U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8,
    U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0,
    U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426,
    U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453,
    U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF,
    U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED,
    U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D,
    U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F,
    U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2,
    U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA,
    U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847,
    U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1,
    U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F,
    U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9,
    U+1FAF0-1FAF8, U+1FB??;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/8fcf71678f67d0c5-s.1szw2e8s5ktgm.woff2) format("woff2");
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301,
    U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/f7d6090e8b3debad-s.026ae5sgholss.woff2) format("woff2");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/ce62453a442c7f35-s.p.0a0h245ktd4x0.woff2) format("woff2");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/572c13468b8cff87-s.1rlxnzisjz_e1.woff2) format("woff2");
  unicode-range:
    U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/62d4b50592542c9f-s.1lnyw1zsxhp0r.woff2) format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/38772d1e0cde909c-s.0lvk2smlqz3yc.woff2) format("woff2");
  unicode-range: U+1F??;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/a0ffaa6a9384d9d3-s.2dzaija1uhw5g.woff2) format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/fad568eea626db0e-s.0fd-fjxmcxcjd.woff2) format("woff2");
  unicode-range:
    U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C,
    U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9,
    U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038,
    U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071,
    U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112,
    U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE,
    U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF,
    U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395,
    U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7,
    U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF,
    U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D,
    U+1D400-1D7FF, U+1EE??;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/ccee61546c0358b7-s.42l_3z3944ji5.woff2) format("woff2");
  unicode-range:
    U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190,
    U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299,
    U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??,
    U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB,
    U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB,
    U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD,
    U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C,
    U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8,
    U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0,
    U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426,
    U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453,
    U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF,
    U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED,
    U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D,
    U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F,
    U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2,
    U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA,
    U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847,
    U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1,
    U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F,
    U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9,
    U+1FAF0-1FAF8, U+1FB??;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/8fcf71678f67d0c5-s.1szw2e8s5ktgm.woff2) format("woff2");
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301,
    U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/f7d6090e8b3debad-s.026ae5sgholss.woff2) format("woff2");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/ce62453a442c7f35-s.p.0a0h245ktd4x0.woff2) format("woff2");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/572c13468b8cff87-s.1rlxnzisjz_e1.woff2) format("woff2");
  unicode-range:
    U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/62d4b50592542c9f-s.1lnyw1zsxhp0r.woff2) format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/38772d1e0cde909c-s.0lvk2smlqz3yc.woff2) format("woff2");
  unicode-range: U+1F??;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/a0ffaa6a9384d9d3-s.2dzaija1uhw5g.woff2) format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/fad568eea626db0e-s.0fd-fjxmcxcjd.woff2) format("woff2");
  unicode-range:
    U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C,
    U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9,
    U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038,
    U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071,
    U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112,
    U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE,
    U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF,
    U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395,
    U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7,
    U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF,
    U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D,
    U+1D400-1D7FF, U+1EE??;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/ccee61546c0358b7-s.42l_3z3944ji5.woff2) format("woff2");
  unicode-range:
    U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190,
    U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299,
    U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??,
    U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB,
    U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB,
    U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD,
    U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C,
    U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8,
    U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0,
    U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426,
    U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453,
    U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF,
    U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED,
    U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D,
    U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F,
    U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2,
    U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA,
    U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847,
    U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1,
    U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F,
    U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9,
    U+1FAF0-1FAF8, U+1FB??;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/8fcf71678f67d0c5-s.1szw2e8s5ktgm.woff2) format("woff2");
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301,
    U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/f7d6090e8b3debad-s.026ae5sgholss.woff2) format("woff2");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/ce62453a442c7f35-s.p.0a0h245ktd4x0.woff2) format("woff2");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/572c13468b8cff87-s.1rlxnzisjz_e1.woff2) format("woff2");
  unicode-range:
    U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/62d4b50592542c9f-s.1lnyw1zsxhp0r.woff2) format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/38772d1e0cde909c-s.0lvk2smlqz3yc.woff2) format("woff2");
  unicode-range: U+1F??;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/a0ffaa6a9384d9d3-s.2dzaija1uhw5g.woff2) format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/fad568eea626db0e-s.0fd-fjxmcxcjd.woff2) format("woff2");
  unicode-range:
    U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C,
    U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9,
    U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038,
    U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071,
    U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112,
    U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE,
    U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF,
    U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395,
    U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7,
    U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF,
    U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D,
    U+1D400-1D7FF, U+1EE??;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/ccee61546c0358b7-s.42l_3z3944ji5.woff2) format("woff2");
  unicode-range:
    U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190,
    U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299,
    U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??,
    U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB,
    U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB,
    U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD,
    U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C,
    U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8,
    U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0,
    U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426,
    U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453,
    U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF,
    U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED,
    U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D,
    U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F,
    U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2,
    U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA,
    U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847,
    U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1,
    U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F,
    U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9,
    U+1FAF0-1FAF8, U+1FB??;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/8fcf71678f67d0c5-s.1szw2e8s5ktgm.woff2) format("woff2");
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301,
    U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/f7d6090e8b3debad-s.026ae5sgholss.woff2) format("woff2");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/ce62453a442c7f35-s.p.0a0h245ktd4x0.woff2) format("woff2");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/572c13468b8cff87-s.1rlxnzisjz_e1.woff2) format("woff2");
  unicode-range:
    U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/62d4b50592542c9f-s.1lnyw1zsxhp0r.woff2) format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/38772d1e0cde909c-s.0lvk2smlqz3yc.woff2) format("woff2");
  unicode-range: U+1F??;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/a0ffaa6a9384d9d3-s.2dzaija1uhw5g.woff2) format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/fad568eea626db0e-s.0fd-fjxmcxcjd.woff2) format("woff2");
  unicode-range:
    U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C,
    U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9,
    U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038,
    U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071,
    U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112,
    U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE,
    U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF,
    U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395,
    U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7,
    U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF,
    U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D,
    U+1D400-1D7FF, U+1EE??;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/ccee61546c0358b7-s.42l_3z3944ji5.woff2) format("woff2");
  unicode-range:
    U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190,
    U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299,
    U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??,
    U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB,
    U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB,
    U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD,
    U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C,
    U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8,
    U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0,
    U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426,
    U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453,
    U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF,
    U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED,
    U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D,
    U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F,
    U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2,
    U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA,
    U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847,
    U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1,
    U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F,
    U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9,
    U+1FAF0-1FAF8, U+1FB??;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/8fcf71678f67d0c5-s.1szw2e8s5ktgm.woff2) format("woff2");
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301,
    U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/f7d6090e8b3debad-s.026ae5sgholss.woff2) format("woff2");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/ce62453a442c7f35-s.p.0a0h245ktd4x0.woff2) format("woff2");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Roboto Fallback;
  src: local(Arial);
  ascent-override: 92.98%;
  descent-override: 24.47%;
  line-gap-override: 0%;
  size-adjust: 99.78%;
}
.roboto_d38f8dcc-module__aQ5Ubq__className {
  font-family:
    Roboto,
    Roboto Fallback;
  font-style: normal;
}
.roboto_d38f8dcc-module__aQ5Ubq__variable {
  --font-roboto: "Roboto", "Roboto Fallback";
}
@font-face {
  font-family: Anton;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../media/0e7b7e0b829e3eb9-s.2j75_l12byk_u.woff2) format("woff2");
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301,
    U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Anton;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../media/daf789e4474d0d90-s.07wt1b-68kohk.woff2) format("woff2");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Anton;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../media/9e9f04e3c37952ab-s.p.0pan85mumqyf3.woff2) format("woff2");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Anton Fallback;
  src: local(Arial);
  ascent-override: 129.7%;
  descent-override: 36.29%;
  line-gap-override: 0%;
  size-adjust: 90.69%;
}
.anton_a04e146e-module__-ot5Bq__className {
  font-family:
    Anton,
    Anton Fallback;
  font-style: normal;
  font-weight: 400;
}
.anton_a04e146e-module__-ot5Bq__variable {
  --font-anton: "Anton", "Anton Fallback";
}
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}
@layer theme {
  :root,
  :host {
    --font-sans: var(--font-roboto);
    --font-mono:
      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --blur-md: 12px;
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-roboto);
    --default-mono-font-family: var(--font-mono);
    --font-heading: var(--font-barlow-condensed);
  }
}
@layer base {
  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(
      --default-font-family,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      "Helvetica Neue",
      "Noto Sans",
      Arial,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji"
    );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(
      --default-mono-font-family,
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace
    );
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(
      --default-mono-font-variation-settings,
      normal
    );
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not ((-webkit-appearance: -apple-pay-button))) or
    (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer components;
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0;
  }
  .inset-x-0 {
    inset-inline: 0;
  }
  .top-0 {
    top: 0;
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-16 {
    top: calc(var(--spacing) * 16);
  }
  .top-full {
    top: 100%;
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-6 {
    right: calc(var(--spacing) * 6);
  }
  .bottom-0 {
    bottom: 0;
  }
  .bottom-20 {
    bottom: calc(var(--spacing) * 20);
  }
  .left-0 {
    left: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .ml-1 {
    margin-left: var(--spacing);
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex {
    display: inline-flex;
  }
  .aspect-4\/3 {
    aspect-ratio: 4/3;
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-1 {
    height: var(--spacing);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-56 {
    height: calc(var(--spacing) * 56);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-\[50vh\] {
    height: 50vh;
  }
  .h-\[60vh\] {
    height: 60vh;
  }
  .h-\[400px\] {
    height: 400px;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .min-h-105 {
    min-height: calc(var(--spacing) * 105);
  }
  .min-h-\[45vh\] {
    min-height: 45vh;
  }
  .min-h-\[360px\] {
    min-height: 360px;
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-4\.5 {
    width: calc(var(--spacing) * 4.5);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .-translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-rotate-45 {
    rotate: -45deg;
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
      var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .scroll-mt-20 {
    scroll-margin-top: calc(var(--spacing) * 20);
  }
  .scrollbar-none {
    scrollbar-width: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(
      var(--spacing) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 2) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 4) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-full {
    border-radius: 3.40282e38px;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-4 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 4px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-accent,
  .border-accent\/40 {
    border-color: var(--accent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-accent\/40 {
      border-color: color-mix(in oklab, var(--accent) 40%, transparent);
    }
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-border,
  .border-border\/60 {
    border-color: var(--border);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/60 {
      border-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }
  .border-transparent {
    border-color: #0000;
  }
  .border-white\/10 {
    border-color: #ffffff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-white\/15 {
    border-color: #ffffff26;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/15 {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .border-white\/25 {
    border-color: #ffffff40;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/25 {
      border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .border-white\/40 {
    border-color: #fff6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/40 {
      border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .border-white\/50 {
    border-color: #ffffff80;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/50 {
      border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .bg-\[\#25D366\] {
    background-color: #25d366;
  }
  .bg-accent,
  .bg-accent\/10 {
    background-color: var(--accent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/10 {
      background-color: color-mix(in oklab, var(--accent) 10%, transparent);
    }
  }
  .bg-accent\/70 {
    background-color: var(--accent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/70 {
      background-color: color-mix(in oklab, var(--accent) 70%, transparent);
    }
  }
  .bg-background {
    background-color: var(--background);
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/30 {
    background-color: #0000004d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color: color-mix(
        in oklab,
        var(--color-black) 30%,
        transparent
      );
    }
  }
  .bg-black\/40 {
    background-color: #0006;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/40 {
      background-color: color-mix(
        in oklab,
        var(--color-black) 40%,
        transparent
      );
    }
  }
  .bg-black\/50 {
    background-color: #00000080;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(
        in oklab,
        var(--color-black) 50%,
        transparent
      );
    }
  }
  .bg-black\/55 {
    background-color: #0000008c;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/55 {
      background-color: color-mix(
        in oklab,
        var(--color-black) 55%,
        transparent
      );
    }
  }
  .bg-black\/60 {
    background-color: #0009;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(
        in oklab,
        var(--color-black) 60%,
        transparent
      );
    }
  }
  .bg-black\/70 {
    background-color: #000000b3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/70 {
      background-color: color-mix(
        in oklab,
        var(--color-black) 70%,
        transparent
      );
    }
  }
  .bg-black\/85 {
    background-color: #000000d9;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/85 {
      background-color: color-mix(
        in oklab,
        var(--color-black) 85%,
        transparent
      );
    }
  }
  .bg-foreground {
    background-color: var(--foreground);
  }
  .bg-ink,
  .bg-ink\/90 {
    background-color: var(--ink);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-ink\/90 {
      background-color: color-mix(in oklab, var(--ink) 90%, transparent);
    }
  }
  .bg-surface,
  .bg-surface\/95 {
    background-color: var(--surface);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/95 {
      background-color: color-mix(in oklab, var(--surface) 95%, transparent);
    }
  }
  .bg-transparent {
    background-color: #0000;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/5 {
    background-color: #ffffff0d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/5 {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .bg-white\/10 {
    background-color: #ffffff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 10%,
        transparent
      );
    }
  }
  .bg-white\/15 {
    background-color: #ffffff26;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/15 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 15%,
        transparent
      );
    }
  }
  .bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.2\)_0\%\,transparent_40\%\,rgba\(0\,0\,0\,0\.8\)_100\%\)\] {
    background-image: linear-gradient(#0003 0%, #0000 40%, #000c 100%);
  }
  .bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.2\)_0\%\,transparent_40\%\,rgba\(0\,0\,0\,0\.85\)_100\%\)\] {
    background-image: linear-gradient(#0003 0%, #0000 40%, #000000d9 100%);
  }
  .bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.3\)_0\%\,transparent_35\%\,rgba\(0\,0\,0\,0\.85\)_100\%\)\] {
    background-image: linear-gradient(#0000004d 0%, #0000 35%, #000000d9 100%);
  }
  .bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.4\)_0\%\,transparent_40\%\,rgba\(0\,0\,0\,0\.6\)_100\%\)\] {
    background-image: linear-gradient(#0006 0%, #0000 40%, #0009 100%);
  }
  .bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.35\)_0\%\,rgba\(0\,0\,0\,0\.15\)_50\%\,rgba\(0\,0\,0\,0\.55\)_100\%\)\] {
    background-image: linear-gradient(
      #00000059 0%,
      #00000026 50%,
      #0000008c 100%
    );
  }
  .bg-\[radial-gradient\(circle_at_50\%_0\%\,rgba\(188\,4\,4\,0\.18\)\,transparent_55\%\)\] {
    background-image: radial-gradient(circle at 50% 0, #bc04042e, #0000 55%);
  }
  .bg-\[radial-gradient\(circle_at_50\%_20\%\,rgba\(228\,0\,43\,0\.25\)\,transparent_60\%\)\] {
    background-image: radial-gradient(circle at 50% 20%, #e4002b40, #0000 60%);
  }
  .bg-\[radial-gradient\(circle_at_50\%_100\%\,rgba\(228\,0\,43\,0\.3\)\,transparent_60\%\)\] {
    background-image: radial-gradient(circle at 50% 100%, #e4002b4d, #0000 60%);
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-fixed {
    background-attachment: fixed;
  }
  .bg-center {
    background-position: 50%;
  }
  .fill-white {
    fill: var(--color-white);
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-\[center_65\%\] {
    object-position: center 65%;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .font-display {
    font-family: var(--font-anton);
  }
  .font-sans {
    font-family: var(--font-roboto);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .leading-\[0\.95\] {
    --tw-leading: 0.95;
    line-height: 0.95;
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .text-\[\#4285F4\] {
    color: #4285f4;
  }
  .text-accent {
    color: var(--accent);
  }
  .text-accent-foreground {
    color: var(--accent-foreground);
  }
  .text-background {
    color: var(--background);
  }
  .text-foreground {
    color: var(--foreground);
  }
  .text-muted {
    color: var(--muted);
  }
  .text-transparent {
    color: #0000;
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/40 {
    color: #fff6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/40 {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .text-white\/50 {
    color: #ffffff80;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/50 {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .text-white\/60 {
    color: #fff9;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/60 {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .text-white\/70 {
    color: #ffffffb3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .text-white\/80 {
    color: #fffc;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .text-white\/90 {
    color: #ffffffe6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/90 {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-80 {
    opacity: 0.8;
  }
  .shadow-lg {
    --tw-shadow:
      0 10px 15px -3px var(--tw-shadow-color, #0000001a),
      0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow:
      0 20px 25px -5px var(--tw-shadow-color, #0000001a),
      0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,)
      var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
      var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
      var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
      var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
      var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
      var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property:
      color, background-color, border-color, outline-color,
      text-decoration-color, fill, stroke, --tw-gradient-from,
      --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-300 {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .group-focus-within\:visible:is(:where(.group):focus-within *) {
    visibility: visible;
  }
  .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
    opacity: 1;
  }
  @media (hover: hover) {
    .group-hover\:visible:is(:where(.group):hover *) {
      visibility: visible;
    }
    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:bg-black\/35:is(:where(.group):hover *) {
      background-color: #00000059;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-black\/35:is(:where(.group):hover *) {
        background-color: color-mix(
          in oklab,
          var(--color-black) 35%,
          transparent
        );
      }
    }
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }
  .placeholder\:text-white\/40::placeholder {
    color: #fff6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-white\/40::placeholder {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .first\:mt-0:first-child {
    margin-top: 0;
  }
  @media (hover: hover) {
    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:scale-\[1\.02\]:hover {
      scale: 1.02;
    }
    .hover\:border-accent:hover,
    .hover\:border-accent\/60:hover {
      border-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-accent\/60:hover {
        border-color: color-mix(in oklab, var(--accent) 60%, transparent);
      }
    }
    .hover\:border-white:hover {
      border-color: var(--color-white);
    }
    .hover\:border-white\/30:hover {
      border-color: #ffffff4d;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-white\/30:hover {
        border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
      }
    }
    .hover\:bg-accent:hover {
      background-color: var(--accent);
    }
    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color: color-mix(
          in oklab,
          var(--color-white) 10%,
          transparent
        );
      }
    }
    .hover\:text-accent:hover {
      color: var(--accent);
    }
    .hover\:text-white:hover {
      color: var(--color-white);
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }
  .focus\:border-accent:focus {
    border-color: var(--accent);
  }
  .disabled\:opacity-40:disabled {
    opacity: 0.4;
  }
  @media (hover: hover) {
    .disabled\:hover\:scale-100:disabled:hover {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  @media (min-width: 40rem) {
    .sm\:bottom-6 {
      bottom: calc(var(--spacing) * 6);
    }
    .sm\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .sm\:col-span-4 {
      grid-column: span 4 / span 4;
    }
    .sm\:mx-auto {
      margin-inline: auto;
    }
    .sm\:hidden {
      display: none;
    }
    .sm\:inline {
      display: inline;
    }
    .sm\:h-14 {
      height: calc(var(--spacing) * 14);
    }
    .sm\:h-20 {
      height: calc(var(--spacing) * 20);
    }
    .sm\:h-96 {
      height: calc(var(--spacing) * 96);
    }
    .sm\:h-\[480px\] {
      height: 480px;
    }
    .sm\:w-16 {
      width: calc(var(--spacing) * 16);
    }
    .sm\:w-40 {
      width: calc(var(--spacing) * 40);
    }
    .sm\:w-auto {
      width: auto;
    }
    .sm\:w-full {
      width: 100%;
    }
    .sm\:max-w-\[calc\(50\%-0\.375rem\)\] {
      max-width: calc(50% - 0.375rem);
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .sm\:flex-col {
      flex-direction: column;
    }
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:flex-wrap {
      flex-wrap: wrap;
    }
    .sm\:items-center {
      align-items: center;
    }
    .sm\:justify-between {
      justify-content: space-between;
    }
    .sm\:gap-1 {
      gap: var(--spacing);
    }
    .sm\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
    .sm\:p-12 {
      padding: calc(var(--spacing) * 12);
    }
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .sm\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
    .sm\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }
    .sm\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }
    .sm\:pb-0 {
      padding-bottom: 0;
    }
    .sm\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }
    .sm\:text-center {
      text-align: center;
    }
    .sm\:text-left {
      text-align: left;
    }
    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    .sm\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    .sm\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
    .sm\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .sm\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  @media (min-width: 48rem) {
    .md\:flex {
      display: flex;
    }
    .md\:hidden {
      display: none;
    }
    .md\:inline-flex {
      display: inline-flex;
    }
  }
  @media (min-width: 64rem) {
    .lg\:w-1\/2 {
      width: 50%;
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:flex-row {
      flex-direction: row;
    }
    .lg\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .lg\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .lg\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }
    .lg\:text-8xl {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }
  }
}
:root {
  --background: #fff;
  --surface: #f9f9fb;
  --border: #e2e2e2;
  --foreground: #141617;
  --muted: #54646b;
  --accent: #bc0404;
  --accent-foreground: #fff;
  --ink: #0b1d2a;
}
body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans), Arial, Helvetica, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading), Arial, Helvetica, sans-serif;
}
.rdp-root {
  --rdp-accent-color: var(--accent) !important;
  --rdp-accent-background-color: var(--accent) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .rdp-root {
    --rdp-accent-background-color: color-mix(
      in srgb,
      var(--accent) 15%,
      transparent
    ) !important;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

/* Compact accordion service cards in booking. */
.dc-booking-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 17px;
  background: linear-gradient(145deg, #211315, #120d0e 75%);
  box-shadow: 0 9px 24px rgba(0, 0, 0, 0.15);
  transition:
    border-color 0.2s,
    box-shadow 0.2s,
    transform 0.2s;
}
.dc-booking-card:before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: #e4002b;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.dc-booking-card:hover {
  border-color: rgba(255, 255, 255, 0.35);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.21);
}
.dc-booking-card.is-selected {
  border-color: #e4002b;
  box-shadow: 0 10px 26px rgba(228, 0, 43, 0.12);
}
.dc-booking-card.is-selected:before {
  opacity: 1;
}
.dc-booking-card:focus-within {
  outline: 2px solid #ff7189;
  outline-offset: 3px;
}
.dc-booking-card__button {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-height: 76px;
  padding: 13px 17px 13px 19px;
  text-align: left;
  color: #fff;
  background: transparent;
  cursor: pointer;
}
.dc-booking-card__number {
  display: grid;
  place-items: center;
  flex: none;
  width: 43px;
  height: 43px;
  border: 1px solid rgba(228, 0, 43, 0.48);
  border-radius: 13px;
  background: linear-gradient(
    145deg,
    rgba(228, 0, 43, 0.25),
    rgba(228, 0, 43, 0.09)
  );
  color: #ff758c;
  font-family: var(--font-anton), sans-serif;
  font-size: 19px;
  line-height: 1;
  letter-spacing: 0.03em;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.dc-booking-card.is-selected .dc-booking-card__number {
  border-color: #e4002b;
  background: #e4002b;
  color: #fff;
}
.dc-booking-card__title {
  flex: 1;
  min-width: 0;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.3;
}
.dc-booking-card__selected {
  display: grid;
  place-items: center;
  flex: none;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: #e4002b;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}
.dc-booking-card__chevron {
  display: grid;
  place-items: center;
  flex: none;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 50%;
  color: #c7bfc1;
  font-size: 22px;
  line-height: 1;
  transition:
    transform 0.2s,
    border-color 0.2s,
    color 0.2s;
}
.dc-booking-card.is-expanded .dc-booking-card__chevron {
  transform: rotate(180deg);
  border-color: rgba(228, 0, 43, 0.65);
  color: #ff7890;
}
.dc-booking-card__panel {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding: 16px 18px 18px;
  animation: dc-booking-panel-in 0.2s ease-out;
}
.dc-booking-card__panel[hidden] {
  display: none;
}
.dc-booking-card__description {
  margin: 0;
  color: rgba(255, 255, 255, 0.73);
  font-size: 14px;
  line-height: 1.6;
}
.dc-booking-card__select {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  margin-top: 17px;
  padding: 10px 20px;
  border: 1px solid #e4002b;
  border-radius: 999px;
  background: #e4002b;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition:
    background 0.18s,
    color 0.18s,
    transform 0.18s;
}
.dc-booking-card__select:hover {
  transform: translateY(-1px);
  background: #b90024;
}
.dc-booking-card.is-selected .dc-booking-card__select {
  background: transparent;
  color: #ff8195;
}
.dc-booking-card.is-selected .dc-booking-card__select:hover {
  background: rgba(228, 0, 43, 0.13);
}
.dc-booking-card__panel > div {
  margin-top: 18px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.035);
}
@keyframes dc-booking-panel-in {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 639px) {
  .dc-booking-card__button {
    gap: 12px;
    min-height: 72px;
    padding: 12px 14px 12px 16px;
  }
  .dc-booking-card__number {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
  .dc-booking-card__title {
    font-size: 16px;
  }
  .dc-booking-card__select {
    width: 100%;
  }
}

/* Premium booking introduction above step one. */
html {
  scroll-behavior: smooth;
}
.dc-booking-hero {
  position: relative;
  left: 50%;
  display: flex !important;
  width: min(1180px, calc(100vw - 40px));
  min-height: 500px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
  margin: 0 0 12px;
  padding: 72px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 28px;
  background-image:
    linear-gradient(
      90deg,
      rgba(3, 4, 5, 0.95) 0%,
      rgba(3, 4, 5, 0.77) 42%,
      rgba(3, 4, 5, 0.2) 74%,
      rgba(3, 4, 5, 0.12) 100%
    ),
    linear-gradient(0deg, rgba(3, 4, 5, 0.62), transparent 52%),
    url("/images/booking-premium-hero-v1.webp");
  background-position: center, center, center;
  background-size: cover;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.44);
  transform: translateX(-50%);
  isolation: isolate;
}
.dc-booking-hero:before {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5px;
  margin: 0;
  background: linear-gradient(
    180deg,
    transparent,
    #e4002b 22%,
    #ff4438 78%,
    transparent
  );
  content: "";
}
.dc-booking-hero:after {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: radial-gradient(
    circle at 24% 50%,
    rgba(228, 0, 43, 0.1),
    transparent 36%
  );
  content: "";
}
.dc-booking-hero__eyebrow {
  margin: 0 !important;
  color: #ff4438 !important;
  font-size: 12px !important;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.dc-booking-hero h1 {
  max-width: 640px;
  margin: 18px 0 0 !important;
  color: #fff;
  font-family: var(--font-anton), "Arial Narrow", sans-serif;
  font-size: clamp(58px, 6.5vw, 94px) !important;
  font-weight: 900;
  line-height: 0.96;
  letter-spacing: -0.025em;
  text-transform: uppercase;
  text-shadow: 0 6px 34px rgba(0, 0, 0, 0.72);
}
.dc-booking-hero > p:not(.dc-booking-hero__eyebrow) {
  max-width: 550px;
  margin: 22px 0 0 !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 18px !important;
  line-height: 1.65;
}
.dc-booking-hero__action {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  margin-top: 28px;
  padding: 13px 24px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: #e4002b;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(228, 0, 43, 0.28);
  transition:
    transform 0.2s ease,
    background 0.2s ease;
}
.dc-booking-hero__action:hover {
  background: #ff183e;
  transform: translateY(-2px);
}
.dc-booking-hero__meta {
  margin-top: 22px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
}
#booking-step-one {
  scroll-margin-top: 88px;
}

@media (max-width: 639px) {
  .dc-booking-hero {
    width: calc(100vw - 24px);
    min-height: 520px;
    align-items: center;
    padding: 38px 24px 34px;
    border-radius: 22px;
    background-image:
      linear-gradient(
        0deg,
        rgba(3, 4, 5, 0.92) 0%,
        rgba(3, 4, 5, 0.52) 58%,
        rgba(3, 4, 5, 0.24) 100%
      ),
      linear-gradient(90deg, rgba(3, 4, 5, 0.3), rgba(3, 4, 5, 0.05)),
      url("/images/booking-premium-hero-v1.webp");
    background-position:
      center,
      center,
      67% center;
    text-align: center;
  }
  .dc-booking-hero:before {
    top: auto;
    right: 18%;
    bottom: 0;
    left: 18%;
    width: auto;
    height: 4px;
    background: linear-gradient(
      90deg,
      transparent,
      #e4002b 24%,
      #ff4438 76%,
      transparent
    );
  }
  .dc-booking-hero__eyebrow {
    font-size: 10px !important;
    letter-spacing: 0.14em;
  }
  .dc-booking-hero h1 {
    max-width: 330px;
    margin-top: 16px !important;
    font-size: 50px !important;
    line-height: 1;
  }
  .dc-booking-hero > p:not(.dc-booking-hero__eyebrow) {
    max-width: 320px;
    margin-top: 18px !important;
    font-size: 15px !important;
    line-height: 1.55;
  }
  .dc-booking-hero__action {
    margin-top: 24px;
  }
  .dc-booking-hero__meta {
    max-width: 290px;
    margin-top: 18px;
    font-size: 9px;
    line-height: 1.6;
  }
}

/* Compact premium responsive pass: final cascade. */
main > div:has(.dc-booking-flow) {
  padding-top: 80px !important;
  padding-bottom: 44px !important;
}
.dc-booking-hero {
  min-height: 420px;
  padding: 48px 56px;
  border-radius: 24px;
}
.dc-booking-hero h1 {
  margin-top: 12px !important;
  font-size: clamp(52px, 5.6vw, 78px) !important;
}
.dc-booking-hero > p:not(.dc-booking-hero__eyebrow) {
  margin-top: 14px !important;
  line-height: 1.5;
}
.dc-booking-hero__action {
  min-height: 44px;
  margin-top: 20px;
  padding: 11px 21px;
}
.dc-booking-hero__meta {
  margin-top: 15px;
}
.dc-booking-stage,
.dc-booking-details {
  margin-top: 22px !important;
}
.dc-stage-title {
  font-size: 34px;
}
.dc-stage-subtitle {
  margin: 7px 0 22px;
}
.dc-section-kicker {
  font-size: 13px;
}
.dc-services-kicker {
  margin-top: 24px !important;
}
.dc-vehicle-grid {
  gap: 7px;
  margin-top: 10px;
}
.dc-vehicle-option {
  min-height: 44px;
  padding: 8px 16px;
  border-radius: 11px;
}
.dc-vehicle-option:before {
  width: 32px;
  height: 19px;
}
.dc-booking-stage > .grid {
  gap: 12px !important;
  margin-top: 10px !important;
}
.dc-booking-card,
.dc-booking-card__button {
  min-height: 148px;
}
.dc-booking-card {
  border-radius: 14px;
}
.dc-booking-card__button {
  padding: 15px 14px;
}
.dc-service-icon {
  width: 38px;
  height: 38px;
  margin-bottom: 7px;
  border-radius: 10px;
}
.dc-service-icon svg {
  width: 22px;
  height: 22px;
}
.dc-booking-card__title {
  font-size: 17px;
  line-height: 1.16;
}
.dc-booking-card__price {
  margin-top: 6px;
  font-size: 12px;
}
.dc-booking-nextbar {
  min-height: 72px;
  margin-top: 18px !important;
  padding: 11px 14px !important;
  border-radius: 14px !important;
}
.dc-booking-nextbar > button {
  min-height: 46px;
}
.dc-booking-form {
  margin-top: 18px;
  padding: 22px !important;
}

@media (min-width: 640px) and (max-width: 900px) {
  .dc-booking-stage,
  .dc-booking-details {
    width: min(720px, calc(100% - 24px));
  }
  .dc-booking-stage > .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .dc-booking-card,
  .dc-booking-card__button {
    min-height: 146px;
  }
}

@media (max-width: 639px) {
  main > div:has(.dc-booking-flow) {
    padding-top: 72px !important;
    padding-right: 14px !important;
    padding-bottom: 34px !important;
    padding-left: 14px !important;
  }
  .dc-booking-hero {
    width: calc(100vw - 20px);
    min-height: 392px;
    padding: 28px 20px 26px;
    border-radius: 18px;
  }
  .dc-booking-hero h1 {
    max-width: 310px;
    margin-top: 11px !important;
    font-size: clamp(39px, 12vw, 47px) !important;
  }
  .dc-booking-hero > p:not(.dc-booking-hero__eyebrow) {
    margin-top: 12px !important;
    font-size: 14px !important;
    line-height: 1.45;
  }
  .dc-booking-hero__action {
    min-height: 42px;
    margin-top: 17px;
    padding: 10px 18px;
  }
  .dc-booking-hero__meta {
    margin-top: 13px;
    line-height: 1.45;
  }
  .dc-booking-stage,
  .dc-booking-details {
    margin-top: 18px !important;
  }
  .dc-stage-title {
    font-size: 28px;
    line-height: 1.05;
  }
  .dc-stage-subtitle {
    margin: 6px 0 18px;
    font-size: 13px;
    line-height: 1.4;
  }
  .dc-services-kicker {
    margin-top: 20px !important;
  }
  .dc-vehicle-grid {
    gap: 7px !important;
    margin-top: 9px;
  }
  .dc-vehicle-option {
    min-height: 42px;
    padding: 7px 6px !important;
    font-size: 11px;
  }
  .dc-vehicle-option:before {
    width: 27px;
    height: 17px;
  }
  .dc-booking-stage > .grid {
    gap: 10px !important;
    margin-top: 9px !important;
  }
  .dc-booking-card,
  .dc-booking-card__button {
    min-height: 132px;
  }
  .dc-booking-card__button {
    padding: 13px 12px;
  }
  .dc-service-icon {
    width: 35px;
    height: 35px;
    margin-bottom: 6px;
  }
  .dc-service-icon svg {
    width: 20px;
    height: 20px;
  }
  .dc-booking-card__title {
    font-size: 16px;
  }
  .dc-booking-card__price {
    margin-top: 5px;
    font-size: 12px;
  }
  .dc-booking-nextbar {
    min-height: 68px;
    margin-top: 14px !important;
    padding: 10px 12px !important;
  }
  .dc-booking-nextbar > button {
    min-width: 142px;
    min-height: 42px;
    padding: 9px 16px !important;
  }
  .dc-booking-form {
    margin-top: 14px;
    padding: 17px 14px !important;
  }
}

@media (max-width: 374px) {
  .dc-booking-hero {
    min-height: 370px;
  }
  .dc-booking-nextbar > button {
    min-width: 124px;
    padding-inline: 10px !important;
  }
}

/* 7 Seater uses an SUV/MPV silhouette and the same pricing tier as 4WD. */
.dc-vehicle-option:nth-child(4):before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCAzMiI+PHBhdGggZmlsbD0iYmxhY2siIGQ9Ik00IDIwbDQtOWMxLTMgNC01IDctNWgyOWM0IDAgNyAyIDkgNWw0IDcgNCAzdjVoLTZhNiA2IDAgMCAwLTEyIDBIMjNhNiA2IDAgMCAwLTEyIDBINHYtNnptMTAtOS0zIDdoMTJ2LTdoLTl6bTEzIDB2N2gxMXYtN0gyN3ptMTUgMHY3aDEwbC01LTdoLTV6Ii8+PGNpcmNsZSBmaWxsPSJibGFjayIgY3g9IjE3IiBjeT0iMjYiIHI9IjQiLz48Y2lyY2xlIGZpbGw9ImJsYWNrIiBjeD0iNDkiIGN5PSIyNiIgcj0iNCIvPjwvc3ZnPg==");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCAzMiI+PHBhdGggZmlsbD0iYmxhY2siIGQ9Ik00IDIwbDQtOWMxLTMgNC01IDctNWgyOWM0IDAgNyAyIDkgNWw0IDcgNCAzdjVoLTZhNiA2IDAgMCAwLTEyIDBIMjNhNiA2IDAgMCAwLTEyIDBINHYtNnptMTAtOS0zIDdoMTJ2LTdoLTl6bTEzIDB2N2gxMXYtN0gyN3ptMTUgMHY3aDEwbC01LTdoLTV6Ii8+PGNpcmNsZSBmaWxsPSJibGFjayIgY3g9IjE3IiBjeT0iMjYiIHI9IjQiLz48Y2lyY2xlIGZpbGw9ImJsYWNrIiBjeD0iNDkiIGN5PSIyNiIgcj0iNCIvPjwvc3ZnPg==");
}

@media (max-width: 639px) {
  .dc-vehicle-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }
  .dc-vehicle-option {
    width: 100%;
    padding: 10px 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .dc-booking-card,
  .dc-booking-card:before,
  .dc-booking-card__chevron,
  .dc-booking-card__select {
    transition: none;
  }
  .dc-booking-card__panel {
    animation: none;
  }
}

/* Immediate feedback in the booking flow. */
.dc-booking-flow * {
  transition-duration: 0s !important;
  transition-delay: 0s !important;
  animation-duration: 0s !important;
  animation-delay: 0s !important;
}
.dc-booking-flow button,
.dc-booking-flow a {
  touch-action: manipulation;
}
.dc-booking-flow .dc-booking-card__panel {
  animation: none;
}

/* Keep collapsed cards compact beside an expanded card on desktop. */
.dc-booking-card {
  align-self: start;
}

/* Top Wash-inspired booking layout, adapted to Devil Customs content. */
.dc-booking-flow {
  position: relative;
  max-width: 1120px;
  margin: 0 auto;
  color: #fff;
}
.dc-booking-hero {
  position: relative;
  overflow: hidden;
  padding: 34px 28px 38px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  background:
    radial-gradient(circle at 50% -20%, rgba(228, 0, 43, 0.2), transparent 48%),
    linear-gradient(135deg, #181113, #09090a 72%);
  text-align: center;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}
.dc-booking-hero:before {
  content: "DEVIL CUSTOMS  ·  BOOK YOUR APPOINTMENT";
  display: block;
  margin-bottom: 18px;
  color: #ff4e69;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.dc-booking-hero:after {
  content: "";
  display: block;
  width: 58px;
  height: 3px;
  margin: 20px auto 0;
  border-radius: 99px;
  background: #e4002b;
  box-shadow: 0 0 20px rgba(228, 0, 43, 0.45);
}
.dc-booking-hero > div:first-child {
  justify-content: center;
}
.dc-booking-stage,
.dc-booking-details {
  position: relative;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 3px solid #e4002b;
  border-radius: 22px;
  background: linear-gradient(155deg, #151516, #09090a 72%);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}
.dc-booking-stage:before,
.dc-booking-details:before {
  content: "STEP 1";
  display: block;
  margin-bottom: 10px;
  color: #ff4e69;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.18em;
}
.dc-booking-details:before {
  content: "STEP 2";
}
.dc-section-kicker {
  margin: 0;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.dc-services-kicker {
  margin-top: 30px !important;
}
.dc-vehicle-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.dc-vehicle-option {
  min-height: 72px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 14px;
  background: #101011;
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.dc-vehicle-option:before {
  content: "";
  display: block;
  width: 34px;
  height: 16px;
  margin: 0 auto 8px;
  border: 2px solid currentColor;
  border-radius: 12px 15px 6px 6px;
  opacity: 0.7;
}
.dc-vehicle-option.is-active {
  border-color: #e4002b;
  background: linear-gradient(145deg, #e4002b, #a50020);
  color: #fff;
  box-shadow: 0 10px 28px rgba(228, 0, 43, 0.24);
}
.dc-booking-stage > .grid {
  margin-top: 14px !important;
  gap: 12px !important;
}
.dc-booking-card {
  border-radius: 15px;
  background: #111112;
  box-shadow: none;
}
.dc-booking-card:hover {
  transform: translateY(-1px);
  border-color: rgba(228, 0, 43, 0.6);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
}
.dc-booking-card.is-selected {
  border-color: #e4002b;
  background: linear-gradient(145deg, rgba(228, 0, 43, 0.14), #111112 62%);
  box-shadow:
    0 0 0 1px rgba(228, 0, 43, 0.3),
    0 12px 30px rgba(0, 0, 0, 0.26);
}
.dc-booking-card__button {
  min-height: 94px;
  padding: 16px;
  gap: 12px;
}
.dc-booking-card__number {
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 11px;
  background: rgba(228, 0, 43, 0.14);
  color: #ff6079;
  font-size: 20px;
}
.dc-booking-card.is-selected .dc-booking-card__number {
  background: #e4002b;
  color: #fff;
}
.dc-booking-card__title {
  font-size: 15px;
  line-height: 1.25;
}
.dc-booking-card__price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex: none;
  color: #ff536e;
  font-family: var(--font-anton), sans-serif;
  font-size: 17px;
  line-height: 1;
  text-transform: uppercase;
}
.dc-booking-card__price small {
  margin-top: 5px;
  color: rgba(255, 255, 255, 0.45);
  font-family: inherit;
  font-size: 8px;
  letter-spacing: 0.09em;
}
.dc-booking-card__chevron {
  width: 26px;
  height: 26px;
  font-size: 18px;
}
.dc-booking-card__panel {
  background: rgba(255, 255, 255, 0.018);
}
.dc-booking-card__select {
  width: 100%;
  border-radius: 9px;
}
.dc-service-vehicle-picker {
  display: none !important;
}
.dc-booking-nextbar {
  position: sticky;
  bottom: 74px;
  z-index: 45;
  margin-top: 24px !important;
  padding: 17px 20px !important;
  border-color: rgba(228, 0, 43, 0.55) !important;
  border-radius: 15px !important;
  background: rgba(14, 14, 15, 0.96) !important;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.44);
  backdrop-filter: blur(16px);
}
.dc-booking-nextbar:before {
  content: "YOUR SELECTION";
  position: absolute;
  top: 9px;
  left: 20px;
  color: rgba(255, 255, 255, 0.4);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.13em;
}
.dc-booking-nextbar > p {
  padding-top: 11px;
  color: #fff !important;
}
.dc-booking-nextbar > button {
  min-width: 148px;
  border-radius: 9px !important;
  background: #e4002b !important;
  padding: 14px 22px !important;
  text-transform: uppercase;
}
.dc-booking-form {
  border-radius: 18px !important;
  background: #101011 !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.22);
}
.dc-booking-form input,
.dc-booking-form textarea {
  border-radius: 10px !important;
  background: #080809 !important;
}
.dc-booking-form input:focus,
.dc-booking-form textarea:focus {
  border-color: #e4002b !important;
  box-shadow: 0 0 0 2px rgba(228, 0, 43, 0.12);
}
.dc-booking-form [role="grid"] {
  border-radius: 12px !important;
}
@media (min-width: 640px) {
  .dc-booking-stage > .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dc-booking-card__button {
    min-height: 104px;
  }
}
@media (max-width: 639px) {
  .dc-booking-hero {
    padding: 26px 18px 30px;
    border-radius: 18px;
  }
  .dc-booking-hero:before {
    font-size: 9px;
    letter-spacing: 0.15em;
  }
  .dc-booking-stage,
  .dc-booking-details {
    padding: 18px 14px 24px;
    border-radius: 17px;
  }
  .dc-vehicle-grid {
    gap: 8px;
  }
  .dc-vehicle-option {
    min-height: 64px;
    padding: 10px 6px;
    font-size: 11px;
  }
  .dc-booking-stage > .grid {
    grid-template-columns: 1fr;
  }
  .dc-booking-card__button {
    min-height: 82px;
    padding: 13px;
  }
  .dc-booking-card__number {
    width: 42px;
    height: 42px;
  }
  .dc-booking-card__title {
    font-size: 14px;
  }
  .dc-booking-card__price {
    font-size: 15px;
  }
  .dc-booking-card__selected {
    position: absolute;
    top: 8px;
    right: 8px;
  }
  .dc-booking-card__chevron {
    display: none;
  }
  .dc-booking-nextbar {
    bottom: 64px;
    margin-left: -5px;
    margin-right: -5px;
    padding: 15px 14px !important;
  }
  .dc-booking-nextbar:before {
    left: 14px;
  }
  .dc-booking-nextbar > p {
    max-width: 46%;
    font-size: 12px !important;
  }
  .dc-booking-nextbar > button {
    min-width: 132px;
    padding: 13px 16px !important;
    font-size: 11px !important;
  }
}

/* Exact reference layout pass: full hero, chip selector, service tiles and estimate bar. */
.dc-booking-flow {
  max-width: none;
}
.dc-booking-hero {
  min-height: 430px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 74px max(24px, calc((100vw - 1120px) / 2));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.76)),
    url("/images/services/detailing-wheel.webp") center 54% / cover no-repeat;
  box-shadow: none;
}
.dc-booking-hero > div:first-child {
  display: none;
}
.dc-booking-hero:before {
  margin-bottom: 22px;
}
.dc-booking-hero > h1 {
  max-width: 1000px;
  margin-top: 0 !important;
  font-size: 68px !important;
  line-height: 1.02;
  text-align: center;
}
.dc-booking-hero > p {
  max-width: 700px;
  text-align: center;
}
.dc-booking-stage,
.dc-booking-details {
  width: min(848px, calc(100% - 32px));
  margin: 70px auto 0 !important;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.dc-booking-stage:before,
.dc-booking-details:before {
  margin-bottom: 10px;
}
.dc-stage-title {
  margin: 0;
  color: #fff;
  font-family: var(--font-anton), sans-serif;
  font-size: 38px;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.dc-stage-subtitle {
  margin: 10px 0 34px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 14px;
}
.dc-section-kicker {
  font-size: 14px;
  letter-spacing: 0.06em;
}
.dc-services-kicker {
  margin-top: 34px !important;
}
.dc-vehicle-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.dc-vehicle-option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 49px;
  padding: 10px 20px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
}
.dc-vehicle-option:before {
  display: inline-block;
  width: 24px;
  height: 14px;
  margin: 0;
  border: 2px solid currentColor;
  border-radius: 10px 12px 4px 4px;
  opacity: 0.8;
}
.dc-vehicle-option.is-active {
  border-color: #e4002b;
  background: #e4002b;
  color: #080808;
  box-shadow: none;
}
.dc-booking-stage > .grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-top: 14px !important;
}
.dc-booking-card {
  min-height: 154px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: none;
}
.dc-booking-card:before {
  display: none;
}
.dc-booking-card:hover {
  transform: translateY(-2px);
  border-color: rgba(228, 0, 43, 0.72);
  background: rgba(255, 255, 255, 0.075);
  box-shadow: none;
}
.dc-booking-card.is-selected {
  border-color: #e4002b;
  background: rgba(228, 0, 43, 0.13);
  box-shadow: inset 0 0 0 1px rgba(228, 0, 43, 0.3);
}
.dc-booking-card__button {
  position: relative;
  display: block;
  width: 100%;
  min-height: 140px;
  padding: 20px;
  text-align: left;
}
.dc-service-icon {
  display: flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.08),
    rgba(255, 255, 255, 0.02)
  );
  color: #ff3b30;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 8px 22px rgba(0, 0, 0, 0.22);
  line-height: 1;
}
.dc-service-icon svg {
  width: 25px;
  height: 25px;
}
.dc-booking-card.is-selected .dc-service-icon {
  border-color: rgba(255, 59, 48, 0.45);
  background: linear-gradient(
    145deg,
    rgba(228, 0, 43, 0.22),
    rgba(228, 0, 43, 0.06)
  );
  color: #fff;
}
.dc-booking-card__title {
  display: block;
  max-width: calc(100% - 104px);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}
.dc-booking-card__price {
  position: absolute;
  left: 20px;
  bottom: 18px;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 6px;
  color: #ff543e;
  font-family: inherit;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.02em;
}
.dc-booking-card__price small {
  margin: 0;
  color: rgba(255, 255, 255, 0.4);
  font-size: 9px;
}
.dc-booking-card__selected {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  background: #e4002b;
}
.dc-service-visual {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  width: 92px;
  height: 78px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background:
    radial-gradient(circle at 70% 15%, rgba(228, 0, 43, 0.18), transparent 48%),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.075),
      rgba(255, 255, 255, 0.018)
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 24px rgba(0, 0, 0, 0.24);
  color: rgba(255, 255, 255, 0.72);
  pointer-events: none;
}
.dc-service-visual:after {
  position: absolute;
  z-index: 2;
  inset: 0;
  background: linear-gradient(
    110deg,
    transparent 20%,
    rgba(255, 255, 255, 0.1) 46%,
    transparent 70%
  );
  content: "";
  transform: translateX(-130%);
  animation: dc-visual-sheen 3.8s ease-in-out infinite;
}
.dc-service-visual:before {
  position: absolute;
  z-index: 1;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.42));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
  content: "";
}
.dc-service-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.03);
  animation: dc-photo-breathe 7s ease-in-out infinite alternate;
}
.dc-service-visual--deluxe-wash img {
  object-position: 56% center;
}
.dc-service-visual--mini-detail img {
  object-position: 54% center;
}
.dc-service-visual--interior-detail img {
  object-position: 57% center;
}
.dc-service-visual--full-detail img {
  object-position: 48% center;
}
.dc-service-visual--window-tinting img {
  object-position: 58% center;
}
.dc-service-visual--ceramic-coating img {
  object-position: 47% center;
}
.dc-service-visual--ppf img {
  object-position: 48% center;
}
.dc-service-visual svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.dc-service-visual path,
.dc-service-visual circle,
.dc-service-visual ellipse {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.dc-service-visual .sv-ground {
  stroke: rgba(255, 255, 255, 0.18);
}
.dc-service-visual .sv-water {
  stroke: #ff3b30;
  stroke-dasharray: 8 7;
  animation: dc-water-fall 1.25s linear infinite;
}
.dc-service-visual .sv-water-2 {
  animation-delay: -0.35s;
}
.dc-service-visual .sv-water-3 {
  animation-delay: -0.7s;
}
.dc-service-visual .sv-bubble,
.dc-service-visual .sv-dust {
  fill: rgba(255, 59, 48, 0.18);
  stroke: #ff3b30;
  animation: dc-float 2.4s ease-in-out infinite;
}
.dc-service-visual .sv-bubble-2,
.dc-service-visual .sv-dust-2 {
  animation-delay: -1.1s;
}
.dc-service-visual .sv-spark {
  stroke: #ff3b30;
  transform-box: fill-box;
  transform-origin: center;
  animation: dc-spark 1.8s ease-in-out infinite;
}
.dc-service-visual .sv-spark-2 {
  animation-delay: -0.8s;
}
.dc-service-visual .sv-shine,
.dc-service-visual .sv-glint {
  stroke: #ff665d;
  stroke-dasharray: 10 24;
  animation: dc-line-sweep 2s linear infinite;
}
.dc-service-visual .sv-scan {
  stroke: #ff3b30;
  filter: drop-shadow(0 0 4px rgba(255, 59, 48, 0.75));
  animation: dc-scan 2.2s ease-in-out infinite;
}
.dc-service-visual .sv-orbit {
  stroke: #ff3b30;
  stroke-dasharray: 10 10;
  animation: dc-orbit 3s linear infinite;
}
.dc-service-visual .sv-tint {
  fill: rgba(228, 0, 43, 0.18);
  stroke: #ff3b30;
  animation: dc-tint 2.8s ease-in-out infinite;
}
.dc-service-visual .sv-drop {
  stroke: #ff3b30;
  filter: drop-shadow(0 0 5px rgba(255, 59, 48, 0.45));
  transform-box: fill-box;
  transform-origin: center;
  animation: dc-drop 2.2s ease-in-out infinite;
}
.dc-service-visual .sv-ripple {
  stroke: rgba(255, 59, 48, 0.6);
  transform-box: fill-box;
  transform-origin: center;
  animation: dc-ripple 2.2s ease-out infinite;
}
.dc-service-visual .sv-ripple-2 {
  animation-delay: -1.1s;
}
.dc-service-visual .sv-ppf-sheet {
  fill: rgba(255, 255, 255, 0.04);
  stroke: #ff3b30;
  stroke-dasharray: 9 7;
  animation: dc-ppf 2.8s ease-in-out infinite;
}
.dc-booking-card.is-selected .dc-service-visual {
  border-color: rgba(255, 59, 48, 0.58);
  background: linear-gradient(
    145deg,
    rgba(228, 0, 43, 0.2),
    rgba(255, 255, 255, 0.03)
  );
  color: #fff;
}
@keyframes dc-visual-sheen {
  0%,
  55% {
    transform: translateX(-130%);
  }
  85%,
  100% {
    transform: translateX(130%);
  }
}
@keyframes dc-water-fall {
  to {
    stroke-dashoffset: -30;
  }
}
@keyframes dc-float {
  0%,
  100% {
    transform: translateY(0);
    opacity: 0.45;
  }
  50% {
    transform: translateY(-6px);
    opacity: 1;
  }
}
@keyframes dc-spark {
  0%,
  100% {
    transform: scale(0.75) rotate(0);
    opacity: 0.45;
  }
  50% {
    transform: scale(1.12) rotate(12deg);
    opacity: 1;
  }
}
@keyframes dc-line-sweep {
  to {
    stroke-dashoffset: -34;
  }
}
@keyframes dc-scan {
  0%,
  100% {
    transform: translateX(0);
    opacity: 0.35;
  }
  50% {
    transform: translateX(58px);
    opacity: 1;
  }
}
@keyframes dc-orbit {
  to {
    stroke-dashoffset: -40;
  }
}
@keyframes dc-tint {
  0%,
  100% {
    transform: translateX(-5px);
    opacity: 0.35;
  }
  50% {
    transform: translateX(8px);
    opacity: 0.8;
  }
}
@keyframes dc-drop {
  0%,
  100% {
    transform: translateY(-2px);
  }
  50% {
    transform: translateY(4px);
  }
}
@keyframes dc-ripple {
  0% {
    transform: scale(0.65);
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  100% {
    transform: scale(1.12);
    opacity: 0;
  }
}
@keyframes dc-ppf {
  0%,
  100% {
    transform: translateX(-4px);
    opacity: 0.45;
  }
  50% {
    transform: translateX(5px);
    opacity: 1;
  }
}
@keyframes dc-photo-breathe {
  from {
    transform: scale(1.03);
  }
  to {
    transform: scale(1.1);
  }
}

@media (max-width: 639px) {
  .dc-booking-card,
  .dc-booking-card__button {
    min-height: 160px;
  }
  .dc-service-visual {
    top: 18px;
    right: 18px;
    width: 112px;
    height: 88px;
  }
  .dc-booking-card__title {
    max-width: calc(100% - 132px);
  }
}

@media (max-width: 359px) {
  .dc-service-visual {
    width: 88px;
    height: 76px;
  }
  .dc-booking-card__title {
    max-width: calc(100% - 105px);
  }
}

/* Real service photography fills each card instead of sitting in a side box. */
.dc-booking-card,
.dc-booking-card__button {
  min-height: 174px;
}
.dc-booking-card__button {
  overflow: hidden;
  border-radius: inherit;
}
.dc-service-visual {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: inherit;
  background: #0b0b0c;
  box-shadow: none;
  color: inherit;
  opacity: 1;
}
.dc-service-visual:before {
  z-index: 1;
  background:
    linear-gradient(
      90deg,
      rgba(5, 5, 6, 0.96) 0%,
      rgba(5, 5, 6, 0.79) 44%,
      rgba(5, 5, 6, 0.36) 100%
    ),
    linear-gradient(0deg, rgba(5, 5, 6, 0.82) 0%, transparent 68%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}
.dc-service-visual:after {
  z-index: 2;
  opacity: 0.42;
}
.dc-service-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.9) contrast(1.04) brightness(0.82);
}
.dc-service-icon,
.dc-booking-card__title,
.dc-booking-card__price,
.dc-booking-card__selected {
  z-index: 3;
}
.dc-service-icon,
.dc-booking-card__title {
  position: relative;
}
.dc-service-icon {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(7, 7, 8, 0.64);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(7px);
}
.dc-booking-card__title {
  max-width: 100%;
  color: #fff;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.9);
}
.dc-booking-card__price {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.95);
}
.dc-booking-card.is-selected .dc-service-visual {
  border: 0;
  background: #0b0b0c;
}
.dc-booking-card.is-selected .dc-service-visual:before {
  background:
    linear-gradient(
      90deg,
      rgba(22, 2, 7, 0.94) 0%,
      rgba(19, 3, 6, 0.75) 48%,
      rgba(9, 4, 5, 0.3) 100%
    ),
    linear-gradient(0deg, rgba(10, 2, 4, 0.86) 0%, transparent 68%);
}

@media (max-width: 639px) {
  .dc-booking-card,
  .dc-booking-card__button {
    min-height: 172px;
  }
  .dc-service-visual {
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .dc-booking-card__title {
    max-width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dc-service-visual:after,
  .dc-service-visual * {
    animation: none !important;
  }
}
.dc-booking-card__chevron,
.dc-booking-card__panel {
  display: none !important;
}
.dc-booking-nextbar {
  width: min(848px, calc(100% - 32px));
  min-height: 85px;
  margin: 30px auto 0 !important;
  padding: 16px !important;
  bottom: 74px;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 16px !important;
  background: #141414 !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.36);
}
.dc-booking-nextbar:before {
  display: none;
}
.dc-estimate {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dc-estimate span {
  color: rgba(255, 255, 255, 0.46);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.dc-estimate strong {
  margin-top: 4px;
  color: #ff543e;
  font-size: 20px;
  font-weight: 900;
}
.dc-estimate small {
  margin-top: 2px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 10px;
}
.dc-booking-nextbar > button {
  min-width: 188px;
  min-height: 52px;
  border-radius: 6px !important;
  background: #e4002b !important;
  padding: 12px 32px !important;
}
.dc-booking-form {
  margin-top: 28px;
  padding: 28px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 16px !important;
  background: #141414 !important;
}
@media (min-width: 640px) {
  .dc-booking-stage > .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 639px) {
  .dc-booking-hero {
    min-height: 410px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 58px 24px;
    border-radius: 0;
  }
  .dc-booking-hero:before {
    margin-bottom: 18px;
  }
  .dc-booking-hero > h1 {
    font-size: 44px !important;
  }
  .dc-booking-hero > p {
    font-size: 16px !important;
  }
  .dc-booking-stage,
  .dc-booking-details {
    width: calc(100% - 32px);
    margin-top: 54px !important;
  }
  .dc-stage-title {
    font-size: 32px;
  }
  .dc-stage-subtitle {
    margin-bottom: 28px;
  }
  .dc-vehicle-option {
    min-height: 49px;
    padding: 10px 18px;
    font-size: 12px;
  }
  .dc-booking-stage > .grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .dc-booking-card,
  .dc-booking-card__button {
    min-height: 140px;
  }
  .dc-booking-card__button {
    padding: 20px;
  }
  .dc-booking-card__title {
    font-size: 18px;
  }
  .dc-booking-card__price {
    left: 20px;
    bottom: 18px;
    font-size: 13px;
  }
  .dc-booking-card__selected {
    top: 16px;
    right: 16px;
  }
  .dc-booking-nextbar {
    width: calc(100% - 32px);
    min-height: 85px;
    margin-top: 28px !important;
    padding: 16px !important;
  }
  .dc-booking-nextbar > button {
    min-width: 166px;
    min-height: 44px;
    padding: 10px 22px !important;
  }
  .dc-booking-form {
    padding: 20px 16px !important;
  }
}

/* The exported page already has a 327px mobile content gutter. Keep the
   booking stage and sticky total bar at that full reference width. */
@media (max-width: 639px) {
  .dc-booking-stage,
  .dc-booking-details {
    width: 100%;
  }
  .dc-booking-nextbar {
    width: 100%;
    min-height: 85px;
  }
  .dc-estimate {
    min-width: 0;
  }
  .dc-estimate span,
  .dc-estimate strong,
  .dc-estimate small {
    white-space: nowrap;
  }
  .dc-booking-nextbar > button {
    min-width: 156px;
  }
}

@media (max-width: 359px) {
  .dc-booking-nextbar {
    gap: 8px;
    padding: 14px !important;
  }
  .dc-estimate strong {
    font-size: 17px;
  }
  .dc-estimate small {
    font-size: 9px;
  }
  .dc-booking-nextbar > button {
    min-width: 130px;
    min-height: 42px;
    padding: 9px 10px !important;
    font-size: 10px !important;
  }
}

/* Keep the tablet header uncluttered; the full navigation returns on desktop. */
@media (min-width: 768px) and (max-width: 1023px) {
  header > div > nav {
    display: none !important;
  }
  header > div > a:last-of-type {
    display: none !important;
  }
  header > div > button {
    display: inline-flex !important;
  }
}

/* Hero removed at the client's request: start directly with the booking step. */
.dc-booking-hero {
  display: none !important;
}
.dc-booking-stage,
.dc-booking-details {
  margin-top: 32px !important;
}
@media (max-width: 639px) {
  .dc-booking-stage,
  .dc-booking-details {
    margin-top: 24px !important;
  }
}

/* Keep the estimate action below the final service card instead of covering it. */
.dc-booking-nextbar {
  position: relative !important;
  bottom: auto !important;
  z-index: 1;
}

/* Vehicle-specific silhouette icons: Sedan, SUV and 4WD. */
.dc-vehicle-option:before {
  content: "" !important;
  display: inline-block;
  width: 38px;
  height: 22px;
  margin: 0;
  border: 0;
  border-radius: 0;
  opacity: 1;
  background-color: currentColor;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.dc-vehicle-option:nth-child(1):before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCAzMiI+PHBhdGggZmlsbD0iYmxhY2siIGQ9Ik01IDIxbDMtNiAxMy03aDIwbDExIDcgNyAzdjdoLTVhNiA2IDAgMCAwLTEyIDBIMjJhNiA2IDAgMCAwLTEyIDBINXYtNHptMTItN2gxMVYxMGgtNGwtNyA0em0xNCAwaDE0bC02LTRoLTh2NHoiLz48Y2lyY2xlIGN4PSIxNiIgY3k9IjI1IiByPSI0Ii8+PGNpcmNsZSBjeD0iNDgiIGN5PSIyNSIgcj0iNCIvPjwvc3ZnPg==");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCAzMiI+PHBhdGggZmlsbD0iYmxhY2siIGQ9Ik01IDIxbDMtNiAxMy03aDIwbDExIDcgNyAzdjdoLTVhNiA2IDAgMCAwLTEyIDBIMjJhNiA2IDAgMCAwLTEyIDBINXYtNHptMTItN2gxMVYxMGgtNGwtNyA0em0xNCAwaDE0bC02LTRoLTh2NHoiLz48Y2lyY2xlIGN4PSIxNiIgY3k9IjI1IiByPSI0Ii8+PGNpcmNsZSBjeD0iNDgiIGN5PSIyNSIgcj0iNCIvPjwvc3ZnPg==");
}
.dc-vehicle-option:nth-child(2):before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCAzMiI+PHBhdGggZmlsbD0iYmxhY2siIGQ9Ik01IDIwbDMtMTAgOC01aDI5bDggOSA2IDR2N2gtNWE2IDYgMCAwIDAtMTIgMEgyMmE2IDYgMCAwIDAtMTIgMEg1di01em0xMC0xMHY3aDEyVjhoLThsLTQgMnptMTYtMnY5aDE2bC01LTlIMzF6Ii8+PGNpcmNsZSBjeD0iMTYiIGN5PSIyNSIgcj0iNCIvPjxjaXJjbGUgY3g9IjQ4IiBjeT0iMjUiIHI9IjQiLz48L3N2Zz4=");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCAzMiI+PHBhdGggZmlsbD0iYmxhY2siIGQ9Ik01IDIwbDMtMTAgOC01aDI5bDggOSA2IDR2N2gtNWE2IDYgMCAwIDAtMTIgMEgyMmE2IDYgMCAwIDAtMTIgMEg1di01em0xMC0xMHY3aDEyVjhoLThsLTQgMnptMTYtMnY5aDE2bC01LTlIMzF6Ii8+PGNpcmNsZSBjeD0iMTYiIGN5PSIyNSIgcj0iNCIvPjxjaXJjbGUgY3g9IjQ4IiBjeT0iMjUiIHI9IjQiLz48L3N2Zz4=");
}
.dc-vehicle-option:nth-child(3):before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCAzMiI+PHBhdGggZmlsbD0iYmxhY2siIGQ9Ik00IDE5bDYtMiA1LTEwaDIybDcgMTBoMTRsMyA0djVoLTdhNyA3IDAgMCAwLTE0IDBIMjRhNyA3IDAgMCAwLTE0IDBINHYtN3ptMTYtOC00IDdoMTJ2LTdoLTh6bTEyIDB2N2g4bC01LTdoLTN6Ii8+PGNpcmNsZSBjeD0iMTciIGN5PSIyNSIgcj0iNSIvPjxjaXJjbGUgY3g9IjQ3IiBjeT0iMjUiIHI9IjUiLz48L3N2Zz4=");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCAzMiI+PHBhdGggZmlsbD0iYmxhY2siIGQ9Ik00IDE5bDYtMiA1LTEwaDIybDcgMTBoMTRsMyA0djVoLTdhNyA3IDAgMCAwLTE0IDBIMjRhNyA3IDAgMCAwLTE0IDBINHYtN3ptMTYtOC00IDdoMTJ2LTdoLTh6bTEyIDB2N2g4bC01LTdoLTN6Ii8+PGNpcmNsZSBjeD0iMTciIGN5PSIyNSIgcj0iNSIvPjxjaXJjbGUgY3g9IjQ3IiBjeT0iMjUiIHI9IjUiLz48L3N2Zz4=");
}
@media (max-width: 639px) {
  .dc-vehicle-option {
    padding: 10px 12px;
  }
  .dc-vehicle-option:before {
    width: 30px;
    height: 20px;
  }
}

/* A selected service uses one crisp border only. */
.dc-booking-card.is-selected {
  border-color: #e4002b;
  box-shadow: none !important;
}
.dc-booking-card.is-selected:focus-within {
  outline: none !important;
  outline-offset: 0;
}

/* Prevent the click-focus animation from briefly drawing a second colour. */
.dc-booking-card:focus-within {
  outline: none !important;
  outline-offset: 0 !important;
}
.dc-booking-card__button:focus-visible {
  outline: none !important;
}
.dc-booking-card:has(.dc-booking-card__button:focus-visible) {
  border-color: #e4002b;
}

/* Service-specific animated visual panels. */
@media (max-width: 639px) {
  .dc-booking-card,
  .dc-booking-card__button {
    min-height: 160px;
  }
  .dc-service-visual {
    top: 18px;
    right: 18px;
    width: 112px;
    height: 88px;
  }
  .dc-booking-card__title {
    max-width: 100%;
  }
}
@media (max-width: 359px) {
  .dc-service-visual {
    width: 100%;
    height: 100%;
  }
  .dc-booking-card__title {
    max-width: 100%;
  }
}

@media (max-width: 639px) {
  .dc-service-visual {
    inset: 0;
    width: 100%;
    height: 100%;
  }
}

/* Final full-card photo treatment with centered service information. */
.dc-booking-card,
.dc-booking-card__button {
  min-height: 182px;
}
.dc-booking-card__button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 22px 18px;
  text-align: center;
}
.dc-service-visual {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: inherit;
}
.dc-service-visual:before {
  background:
    linear-gradient(180deg, rgba(4, 4, 5, 0.46), rgba(4, 4, 5, 0.66)),
    radial-gradient(circle at center, rgba(5, 5, 6, 0.16), rgba(5, 5, 6, 0.52));
}
.dc-service-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.96) contrast(1.05) brightness(0.88);
}
.dc-service-icon {
  position: relative;
  z-index: 3;
  margin: 0 0 10px;
  background: rgba(6, 6, 7, 0.7);
}
.dc-booking-card__title {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 100%;
  text-align: center;
}
.dc-booking-card__price {
  position: relative;
  z-index: 3;
  left: auto;
  bottom: auto;
  justify-content: center;
  margin-top: 8px;
  text-align: center;
}
.dc-booking-card__selected {
  z-index: 4;
}
.dc-booking-card.is-selected .dc-service-visual:before {
  background:
    linear-gradient(180deg, rgba(18, 1, 5, 0.42), rgba(13, 1, 4, 0.68)),
    radial-gradient(
      circle at center,
      rgba(228, 0, 43, 0.06),
      rgba(5, 5, 6, 0.5)
    );
}

@media (max-width: 639px) {
  .dc-booking-card,
  .dc-booking-card__button {
    min-height: 190px;
  }
  .dc-service-visual {
    inset: 0;
    width: 100%;
    height: 100%;
  }
}

/* Final mobile vehicle selector cascade: four options in a compact 2x2 grid. */
@media (max-width: 639px) {
  .dc-vehicle-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }
  .dc-vehicle-option {
    width: 100% !important;
    padding: 10px 8px !important;
  }
}

/* Final cascade: show the new premium introduction above Step 1. */
.dc-booking-hero {
  position: relative;
  left: 50%;
  display: flex !important;
  width: min(1180px, calc(100vw - 40px));
  min-height: 500px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
  margin: 0 0 12px !important;
  padding: 72px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 28px;
  background:
    linear-gradient(
      90deg,
      rgba(3, 4, 5, 0.95) 0%,
      rgba(3, 4, 5, 0.77) 42%,
      rgba(3, 4, 5, 0.2) 74%,
      rgba(3, 4, 5, 0.12) 100%
    ),
    linear-gradient(0deg, rgba(3, 4, 5, 0.62), transparent 52%),
    url("/images/booking-premium-hero-v1.webp") center / cover no-repeat;
  text-align: left;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.44);
  transform: translateX(-50%);
}
.dc-booking-hero:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 5px;
  margin: 0;
  background: linear-gradient(
    180deg,
    transparent,
    #e4002b 22%,
    #ff4438 78%,
    transparent
  );
  color: transparent;
  content: "";
}
.dc-booking-hero:after {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: radial-gradient(
    circle at 24% 50%,
    rgba(228, 0, 43, 0.1),
    transparent 36%
  );
  content: "";
  pointer-events: none;
}
.dc-booking-hero > * {
  position: relative;
  z-index: 1;
}
.dc-booking-hero__eyebrow {
  margin: 0 !important;
  color: #ff4438 !important;
  font-size: 12px !important;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.dc-booking-hero h1 {
  max-width: 640px;
  margin: 18px 0 0 !important;
  color: #fff;
  font-family: var(--font-anton), "Arial Narrow", sans-serif;
  font-size: clamp(58px, 6.5vw, 94px) !important;
  font-weight: 900;
  line-height: 0.96;
  letter-spacing: -0.025em;
  text-transform: uppercase;
  text-shadow: 0 6px 34px rgba(0, 0, 0, 0.72);
}
.dc-booking-hero > p:not(.dc-booking-hero__eyebrow) {
  max-width: 550px;
  margin: 22px 0 0 !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 18px !important;
  line-height: 1.65;
}
.dc-booking-hero__action {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  margin-top: 28px;
  padding: 13px 24px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: #e4002b;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(228, 0, 43, 0.28);
}
.dc-booking-hero__meta {
  margin-top: 22px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
}
#booking-step-one {
  scroll-margin-top: 88px;
}
@media (max-width: 639px) {
  .dc-booking-hero {
    width: calc(100vw - 24px);
    min-height: 520px;
    align-items: center;
    margin: 0 0 10px !important;
    padding: 38px 24px 34px;
    border-radius: 22px;
    background:
      linear-gradient(
        0deg,
        rgba(3, 4, 5, 0.92) 0%,
        rgba(3, 4, 5, 0.52) 58%,
        rgba(3, 4, 5, 0.24) 100%
      ),
      linear-gradient(90deg, rgba(3, 4, 5, 0.3), rgba(3, 4, 5, 0.05)),
      url("/images/booking-premium-hero-v1.webp") 67% center / cover no-repeat;
    text-align: center;
  }
  .dc-booking-hero:before {
    top: auto;
    right: 18%;
    bottom: 0;
    left: 18%;
    width: auto;
    height: 4px;
    background: linear-gradient(
      90deg,
      transparent,
      #e4002b 24%,
      #ff4438 76%,
      transparent
    );
  }
  .dc-booking-hero__eyebrow {
    font-size: 10px !important;
    letter-spacing: 0.14em;
  }
  .dc-booking-hero h1 {
    max-width: 330px;
    margin-top: 16px !important;
    font-size: 50px !important;
    line-height: 1;
  }
  .dc-booking-hero > p:not(.dc-booking-hero__eyebrow) {
    max-width: 320px;
    margin-top: 18px !important;
    font-size: 15px !important;
    line-height: 1.55;
  }
  .dc-booking-hero__action {
    margin-top: 24px;
  }
  .dc-booking-hero__meta {
    max-width: 290px;
    margin-top: 18px;
    font-size: 9px;
    line-height: 1.6;
  }
}