@layer base {
    .relative { position:relative; }
    .pt-\[160px\] { padding-top:160px; }
    .pb-\[100px\] { padding-bottom:100px; }
    .bg-gray-dark-1 { background-color:var(--gray-dark-1); }
    .grid { display:grid; }
    .grid-cols-\[6\.7fr_4\.7fr\] { grid-template-columns:6.7fr 4.7fr; }
    .align-center { align-items:center; }
    .gap-\[20px\] { gap:20px; }
    .flex { display:flex; }
    .flex-col { flex-direction:column; }
    .align-start { align-items:flex-start; }
    .gap-\[30px\] { gap:30px; }
    .text-green { color:var(--green); }
    .weight-\[300\] { font-weight:300; }
    .max-w-\[620px\] { max-width:620px; }
    .flex-wrap { flex-wrap:wrap; }
    .gap-\[12px\] { gap:12px; }
    .w-full { width:100%; }
    .radius-\[32px\] { border-radius:32px; }
    .absolute { position:absolute; }
    .left-\[24px\] { left:24px; }
    .right-\[24px\] { right:24px; }
    .bottom-\[40px\] { bottom:40px; }
    .p-\[8px\] { padding:8px; }
    .pr-\[18px\] { padding-right:18px; }
    .radius-\[26px\] { border-radius:26px; }
    .bg-green-light-2 { background-color:var(--green-light-2); }
    .text-gray-dark-3 { color:var(--gray-dark-3); }
    .weight-\[500\] { font-weight:500; }
    .whitespace-nowrap { white-space:nowrap; }
    .mr-auto { margin-right:auto; }
    .shrink-0 { flex-shrink:0; }
    .bg-purple-light-1 { background-color:var(--purple-light-1); }
    .ml-auto { margin-left:auto; }
    .z-\[1\] { z-index:1; }
    .grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .gap-\[16px\] { gap:16px; }
    .p-\[24px\] { padding:24px; }
    .radius-\[30px\] { border-radius:30px; }
    .bg-gray-dark-2 { background-color:var(--gray-dark-2); }
    .overflow-hidden { overflow:hidden; }
    .gap-\[4px\] { gap:4px; }
    .mt-auto { margin-top:auto; }
    .max-w-\[180px\] { max-width:180px; }
    .radius-\[50\%\] { border-radius:50%; }
    .object-cover { object-fit:cover; }
    .text-purple-light-1 { color:var(--purple-light-1); }
    .mx-auto { margin-inline:auto; }
    .flex-1 { flex:1 1 0%; }
    .p-\[10px_14px\] { padding:10px 14px; }
    .radius-\[16px\] { border-radius:16px; }
    .bg-green-dark-2 { background-color:var(--green-dark-2); }
    .gap-\[5px\] { gap:5px; }
    .col-span-2 { grid-column:span 2/span 2; }
    .gap-\[32px\] { gap:32px; }
    .p-\[24px_32px\] { padding:24px 32px; }
    .w-\[132px\] { width:132px; }
    .h-\[132px\] { height:132px; }
    .grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .p-\[24px_10px_10px_24px\] { padding:24px 10px 10px 24px; }
    .pr-\[14px\] { padding-right:14px; }
    .text-right { text-align:right; }
    .text-\[86px\] { font-size:86px; }
    .leading-\[0\.8\] { line-height:0.8; }
    .weight-\[600\] { font-weight:600; }
    .text-gray-dark-0 { color:var(--gray-dark-0); }
    .text-white { color:var(--white); }
    .col-span-3 { grid-column:span 3/span 3; }
    .text-left { text-align:left; }
    .mt-\[12px\] { margin-top:12px; }
    .leading-\[1\.2\] { line-height:1.2; }
    .overflow-clip { overflow:clip; }
    .sticky { position:sticky; }
    .bottom-\[0\] { bottom:0; }
    .self-end { align-self:flex-end; }
    .w-\[434px\] { width:434px; }
    .m-\[-24px_-32px_-24px_-24px\] { margin:-24px -32px -24px -24px; }
    .text-\[32px\] { font-size:32px; }
    .gap-\[15px\] { gap:15px; }
    .mt-\[24px\] { margin-top:24px; }
    .radius-\[20px\] { border-radius:20px; }
    .justify-center { justify-content:center; }
    .max-w-\[764px\] { max-width:764px; }
    .p-\[33px_20px\] { padding:33px 20px; }
    .text-center { text-align:center; }
    .p-\[30px\] { padding:30px; }
    .min-h-\[30px\] { min-height:30px; }
    .mt-\[40px\] { margin-top:40px; }
    .text-\[31px\] { font-size:31px; }
    .leading-\[1\.1\] { line-height:1.1; }
    .text-\[21px\] { font-size:21px; }
    .mt-\[34px\] { margin-top:34px; }
    .justify-between { justify-content:space-between; }
    .p-\[20px\] { padding:20px; }
    .h-\[0\] { height:0; }
    .px-\[20px\] { padding-inline:20px; }
    .pb-\[20px\] { padding-bottom:20px; }
    .grid-cols-\[6fr_4fr\] { grid-template-columns:6fr 4fr; }
    .gap-\[40px\] { gap:40px; }
    .p-\[50px\] { padding:50px; }
    .isolate { isolation:isolate; }
    .mb-\[-24px\] { margin-bottom:-24px; }
    .mb-\[-160px\] { margin-bottom:-160px; }
    .max-w-\[527px\] { max-width:527px; }
    .z-\[-1\] { z-index:-1; }
    @media (max-width: 960px) {
        .lg\:flex { display:flex; }
        .lg\:flex-col { flex-direction:column; }
        .lg\:gap-\[40px\] { gap:40px; }
    }
    @media (max-width: 768px) {
        .md\:pt-\[120px\] { padding-top:120px; }
        .md\:flex { display:flex; }
        .md\:flex-col { flex-direction:column; }
        .md\:flex-col-reverse { flex-direction:column-reverse; }
        .md\:static { position:static; }
        .md\:self-start { align-self:flex-start; }
        .md\:w-full { width:100%; }
        .md\:max-w-unset { max-width:unset; }
        .md\:m-\[0_-24px_-24px\] { margin:0 -24px -24px; }
    }
    @media (max-width: 640px) {
        .sm\:p-\[20px\] { padding:20px; }
        .sm\:pt-\[30px\] { padding-top:30px; }
    }
    @media (max-width: 480px) {
        .xs\:max-w-\[120px\] { max-width:120px; }
        .xs\:flex-col { flex-direction:column; }
        .xs\:align-start { align-items:flex-start; }
        .xs\:h-auto { height:auto; }
        .xs\:w-full { width:100%; }
        .xs\:relative { position:relative; }
        .xs\:absolute { position:absolute; }
        .xs\:top-\[0\] { top:0; }
        .xs\:left-\[10px\] { left:10px; }
        .xs\:transform-\[translateY\(-50\%\)\] { transform:translateY(-50%); }
        .xs\:right-\[10px\] { right:10px; }
        .xs\:bottom-\[0\] { bottom:0; }
        .xs\:transform-\[translateY\(50\%\)\] { transform:translateY(50%); }
    }
}