:root {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: 1px;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --animate-ping: ping 1s cubic-bezier(0,0,.2,1) infinite;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-inter: var(--font-inter);
    --font-chalet: var(--font-chalet);
    --font-helvetica: var(--font-helvetica);
    --font-gtarus: var(--font-gtarus);
    --tw-gradient-from-position: ;
    --tw-gradient-to-position: ;
    --tw-gradient-via-position: ;
}

.from-\[#35324D\] {
    --tw-gradient-from: #35324D var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(53 50 77 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-\[#1D1D23\] {
    --tw-gradient-to: #1d1d23 var(--tw-gradient-to-position);
}

/* Benefits section utilities */
/* Benefits header gradient fallback - multiple selectors for specificity */
.bg-linear-to-r.from-\[#35324D\].to-\[#1D1D23\],
div.bg-linear-to-r.from-\[#35324D\].to-\[#1D1D23\] {
    background: linear-gradient(to right, #35324D, #1D1D23) !important;
    background-color: #35324D !important;
}

/* Force background for any element with these classes */
[class*="bg-linear-to-r"][class*="from-[#35324D]"][class*="to-[#1D1D23]"] {
    background: linear-gradient(to right, #35324D, #1D1D23) !important;
    background-color: #35324D !important;
}

/* Direct targeting of Benefits and Questions sections */
.max-w-1068 > div[class*="bg-linear-to-r"] {
    background: linear-gradient(to right, #35324D, #1D1D23) !important;
    background-color: #35324D !important;
}

/* Benefits card overlay gradient fallback */
.bg-linear-to-b.from-transparent.to-black {
    background: linear-gradient(to bottom, transparent, black) !important;
}

/* Have Any Questions section utilities */
.hover\:bg-\[\#b2b2b2\]:hover {
    background-color: #b2b2b2 !important;
}

/* Explicit button styling for Have Any Questions section */
.bg-white.text-black {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Footer section utilities */
.mb-27 { margin-bottom: 27px; }
.mb-40 { margin-bottom: 40px; }
.max-w-\[265px\] { max-width: 265px; }
.max-w-\[830px\] { max-width: 830px; }
.mb-\[29px\] { margin-bottom: 29px; }
.mb-\[59px\] { margin-bottom: 59px; }
.\*\:w-\[231\.49px\] > * { width: 231.49px; }
.\*\:h-\[34\.39px\] > * { height: 34.39px; }
.\*\:w-\[38px\] > * { width: 38px; }
.\*\:h-\[27px\] > * { height: 27px; }
.mb-42 { margin-bottom: 42px; }
.mb-53 { margin-bottom: 53px; }
.mb-31 { margin-bottom: 31px; }
.text-\[17\.58px\] { font-size: 17.58px; }
.text-\[19\.67px\] { font-size: 19.67px; }
.mb-\[5px\] { margin-bottom: 5px; }
.mb-\[6px\] { margin-bottom: 6px; }
.text-\[13\.34px\] { font-size: 13.34px; }
.text-\[15\.8px\] { font-size: 15.8px; }
.py-12 { padding-top: 12px; padding-bottom: 12px; }
.px-9 { padding-left: 9px; padding-right: 9px; }
.duration-400 { transition-duration: 400ms; }

@media (min-width: 900px) {
    .sm\:mb-40 { margin-bottom: 40px; }
    .sm\:max-w-\[830px\] { max-width: 830px; }
    .sm\:mb-\[59px\] { margin-bottom: 59px; }
    .sm\:mb-53 { margin-bottom: 53px; }
    .sm\:mb-\[6px\] { margin-bottom: 6px; }
    .sm\:text-\[15\.8px\] { font-size: 15.8px; }
    .sm\:mb-38 { margin-bottom: 38px; }
}
.h-276 { height: 276px; }
.h-508 { height: 508px; }
.max-w-238 { max-width: 238px; }
.px-55 { padding-left: 55px; padding-right: 55px; }
.h-53 { height: 53px; }
.h-73 { height: 73px; }
.mb-97 { margin-bottom: 97px; }
.mb-132 { margin-bottom: 132px; }
.px-24 { padding-left: 24px; padding-right: 24px; }
.py-16 { padding-top: 16px; padding-bottom: 16px; }
.p-30 { padding: 30px; }
.pr-40 { padding-right: 40px; }
.gap-24 { gap: 24px; }
.mb-11 { margin-bottom: 11px; }
.px-48 { padding-left: 48px; padding-right: 48px; }
.p-20 { padding: 20px; }

@media (min-width: 900px) {
    .sm\:h-508 { height: 508px; }
    .sm\:mb-132 { margin-bottom: 132px; }
    .sm\:p-30 { padding: 30px; }
    .sm\:pr-40 { padding-right: 40px; }
    .sm\:gap-9 { gap: 9px; }
    .sm\:gap-10 { gap: 10px; }
    .sm\:mb-11 { margin-bottom: 11px; }
    .sm\:px-48 { padding-left: 48px; padding-right: 48px; }
    .sm\:h-73 { height: 73px; }
    .sm\:\*\:flex-1 > * { flex: 1 1 0%; }
    .sm\:text-left { text-align: left; }
}

.__variable_c98aa6 {
    --font-gtarus: "gtarus", "gtarus Fallback";
}

.bg-\[\#1D1D23\], .bg-\[\#1d1d23\] {
    background-color: #1d1d23;
}


@media (min-width: 900px) {
    .sm\:py-49 {
        padding-block: calc(var(--spacing) * 49);
    }
}

@media (min-width: 900px) {
    .sm\:py-49 {
        padding-block: calc(var(--spacing) * 49);
    }
}

@media (min-width: 900px) {
    .sm\:px-28 {
        padding-inline: calc(var(--spacing) * 28);
    }
}

.h-84 {
    height: 84px;
}

.h-3 {
    height: 3px;
}

.z-1 {
    z-index: 1;
}

.z-2 {
    z-index: 2;
}

.z-3 {
    z-index: 3;
}

/* Missing utilities for Tokenomics section */
.max-w-1066 {
    max-width: 1066px;
}

.flex-col-reverse {
    flex-direction: column-reverse;
}

.mb-81 {
    margin-bottom: 81px;
}

.mb-132 {
    margin-bottom: 132px;
}

.pt-25 {
    padding-top: 25px;
}

.py-36 {
    padding-top: 36px;
    padding-bottom: 36px;
}

.px-41 {
    padding-left: 41px;
    padding-right: 41px;
}

.gap-20 {
    gap: 20px;
}

.size-24 {
    width: 24px;
    height: 24px;
}

.size-36 {
    width: 36px;
    height: 36px;
}

.ring-2 {
    box-shadow: 0 0 0 2px currentColor;
}

.font-semibold {
    font-weight: 600;
}

.leading-\[19\.44px\] {
    line-height: 19.44px;
}

.tracking-\[-0\.202px\] {
    letter-spacing: -0.202px;
}

.text-\[#FFFFFF99\] {
    color: #FFFFFF99;
}

.bg-\[#16161A\] {
    background-color: #16161A;
}

.h-568 {
    height: 568px;
}

.overflow-hidden {
    overflow: hidden;
}

.py-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.pb-40 {
    padding-bottom: 40px;
}

.mb-30 {
    margin-bottom: 30px;
}

.inset-0 {
    inset: 0;
}

.w-fit {
    width: fit-content;
}

.h-fit {
    height: fit-content;
}

.m-auto {
    margin: auto;
}

.size-255 {
    width: 255px;
    height: 255px;
}

.size-407 {
    width: 407px;
    height: 407px;
}

.\*\:size-255 > * {
    width: 255px;
    height: 255px;
}

.\*\:size-407 > * {
    width: 407px;
    height: 407px;
}

.h-fut {
    height: fit-content;
}

.text-\[47\.232px\] {
    font-size: 47.232px;
}

.tracking-\[-0\.945px\] {
    letter-spacing: -0.945px;
}

.text-\[75\.359px\] {
    font-size: 75.359px;
}

.tracking-\[-1\.507px\] {
    letter-spacing: -1.507px;
}

.justify-center {
    justify-content: center;
}

.text-\[rgba\(255\,255\,255\,0\.60\)\] {
    color: rgba(255,255,255,0.60);
}

.text-\[13\.162px\] {
    font-size: 13.162px;
}

.leading-\[17\.599px\] {
    line-height: 17.599px;
}

.tracking-\[-0\.169px\] {
    letter-spacing: -0.169px;
}

.text-\[21px\] {
    font-size: 21px;
}

.leading-\[28\.08px\] {
    line-height: 28.08px;
}

/* Responsive utilities */
@media (min-width: 640px) {
    .sm\:flex-row {
        flex-direction: row;
    }
    
    .sm\:mb-132 {
        margin-bottom: 132px;
    }
    
    .sm\:py-36 {
        padding-top: 36px;
        padding-bottom: 36px;
    }
    
    .sm\:px-41 {
        padding-left: 41px;
        padding-right: 41px;
    }
    
    .sm\:gap-20 {
        gap: 20px;
    }
    
    .sm\:size-36 {
        width: 36px;
        height: 36px;
    }
    
    .sm\:text-\[24px\] {
        font-size: 24px;
    }
    
    .sm\:leading-\[19\.44px\] {
        line-height: 19.44px;
    }
    
    .sm\:tracking-\[-0\.202px\] {
        letter-spacing: -0.202px;
    }
    
    .sm\:h-568 {
        height: 568px;
    }
    
    .sm\:py-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .sm\:pb-0 {
        padding-bottom: 0;
    }
    
    .sm\:hidden {
        display: none;
    }
    
    .sm\:absolute {
        position: absolute;
    }
    
    .sm\:\*\:size-407 > * {
        width: 407px;
        height: 407px;
    }
    
    .sm\:text-\[75\.359px\] {
        font-size: 75.359px;
    }
    
    .sm\:tracking-\[-1\.507px\] {
        letter-spacing: -1.507px;
    }
    
    .sm\:text-\[21px\] {
        font-size: 21px;
    }
    
    .sm\:leading-\[28\.08px\] {
        line-height: 28.08px;
    }
    
    .sm\:tracking-\[-0\.27px\] {
        letter-spacing: -0.27px;
    }
}

/* Footer specific utilities */
.mb-27 {
    margin-bottom: 27px;
}

.mb-42 {
    margin-bottom: 42px;
}

.mb-53 {
    margin-bottom: 53px;
}

.max-w-\[265px\] {
    max-width: 265px;
}

.max-w-\[830px\] {
    max-width: 830px;
}

.mb-\[29px\] {
    margin-bottom: 29px;
}

.mb-\[59px\] {
    margin-bottom: 59px;
}

.px-\[31px\] {
    padding-left: 31px;
    padding-right: 31px;
}

.\*\:w-\[231\.49px\] > * {
    width: 231.49px;
}

.\*\:h-\[34\.39px\] > * {
    height: 34.39px;
}

@media (min-width: 900px) {
    .sm\:mb-40 {
        margin-bottom: 40px;
    }
    
    .sm\:mb-53 {
        margin-bottom: 53px;
    }
    
    .sm\:mb-\[59px\] {
        margin-bottom: 59px;
    }
    
    .sm\:max-w-\[830px\] {
        max-width: 830px;
    }
}

.py-32 {
    padding-block: calc(var(--spacing) * 32);
}

.px-20 {
    padding-inline: calc(var(--spacing) * 20);
}

/* What is GTA Crypto section utilities */
.mb-80 {
    margin-bottom: 80px;
}

.sm\:w-338 {
    width: 338px;
}

.h-220 {
    height: 220px;
}

.sm\:object-\[43\%\] {
    object-position: 43%;
}

.sm\:px-80 {
    padding-left: 80px;
    padding-right: 80px;
}

.sm\:py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.text-\[28px\] {
    font-size: 28px;
}

.text-\[15px\] {
    font-size: 15px;
}

.leading-\[25\.6px\] {
    line-height: 25.6px;
}

.sm\:text-\[21\.431px\] {
    font-size: 21.431px;
}

.sm\:leading-\[34px\] {
    line-height: 34px;
}

.ml-25 {
    margin-left: 25px;
}

.sm\:ml-35 {
    margin-left: 35px;
}

/* Ensure flex behavior for What is GTA Crypto section */
.bg-\[#1d1d23\].max-w-1068.mx-auto.flex.flex-col.sm\:flex-row {
    background-color: #1d1d23;
    max-width: 1068px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
}

.bg-\[#1d1d23\].max-w-1068.mx-auto.flex.flex-col.sm\:flex-row > div:first-child {
    flex-shrink: 0;
}

.bg-\[#1d1d23\].max-w-1068.mx-auto.flex.flex-col.sm\:flex-row > div:last-child {
    flex: 1;
}

@media (min-width: 900px) {
    .sm\:mb-200 {
        margin-bottom: 200px;
    }
    
    .sm\:w-338 {
        width: 338px;
    }
    
    .sm\:h-full {
        height: 100%;
    }
    
    .sm\:object-\[43\%\] {
        object-position: 43%;
    }
    
    .sm\:px-80 {
        padding-left: 80px;
        padding-right: 80px;
    }
    
    .sm\:py-40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .sm\:text-\[21\.431px\] {
        font-size: 21.431px;
    }
    
    .sm\:leading-\[34px\] {
        line-height: 34px;
    }
    
    .sm\:ml-35 {
        margin-left: 35px;
    }
    
    .bg-\[#1d1d23\].max-w-1068.mx-auto.flex.flex-col.sm\:flex-row {
        flex-direction: row;
    }
}

/* Core layout utilities */
.flex {
    display: flex !important;
}

.flex-col {
    flex-direction: column !important;
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.max-w-1068 {
    max-width: 1068px !important;
}

.bg-\[#1d1d23\] {
    background-color: #1d1d23 !important;
}

/* Image positioning utilities */
.absolute {
    position: absolute !important;
}

.relative {
    position: relative !important;
}

.inset-0 {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
}

.w-full {
    width: 100% !important;
}

.h-full {
    height: 100% !important;
}

.object-cover {
    object-fit: cover !important;
}

@media (min-width: 900px) {
    .sm\:flex-row {
        flex-direction: row !important;
    }
}

.sm\:h-280 {
    height: 280px;
}

.bg-gray-800 {
    background-color: #1f2937;
}

.flex {
    display: flex;
}

.items-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.text-white {
    color: white;
}

@media (min-width: 900px) {
    .sm\:h-280 {
        height: 280px;
    }
    
    .sm\:object-\[43\%\] {
        object-position: 43%;
    }
}

.relative {
    position: relative;
}

*, ::backdrop, :after, :before {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
}

@media (min-width: 900px) {
    .sm\:text-\[50px\] {
        font-size: 50px;
    }
}

@media (min-width: 900px) {
    .sm\:mb-46 {
        margin-bottom: calc(var(--spacing) * 46);
    }
}

.uppercase {
    text-transform: uppercase;
}

.text-transparent {
    color: #0000;
}

.font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.text-\[34px\] {
    font-size: 34px;
}

.font-inter {
    font-family: var(--font-inter);
}

.text-center {
    text-align: center;
}

@media (min-width: 900px) {
    .sm\:gap-11 {
        gap: calc(var(--spacing) * 11);
    }
}

.text-\[\#fff\] {
    color: #fff;
}


.gap-12 {
    gap: calc(var(--spacing) * 12);
}


@media (min-width: 900px) {
    .sm\:leading-\[24\.279px\] {
        --tw-leading: 24.279px;
        line-height: 24.279px;
    }
}

@media (min-width: 900px) {
    .sm\:px-36 {
        padding-inline: calc(var(--spacing) * 36);
    }
}


.tracking-\[-0\.049px\] {
    --tw-tracking: -.049px;
    letter-spacing: -.049px;
}

.bg-\[\#fff\] {
    background-color: #fff;
}


.text-\[\#FFF9CB\] {
    color: #FFF9CB !important;
}

@media (min-width: 900px) {
    .sm\:leading-\[64\.8px\] {
        --tw-leading: 64.8px;
        line-height: 64.8px;
    }
}


@media (min-width: 900px) {
    .sm\:text-\[58\.219px\] {
        font-size: 58.219px;
    }
}

@media (min-width: 900px) {
    .sm\:block {
        display: block;
    }
}

.mb-37 {
    margin-bottom: calc(var(--spacing) * 37);
}



/* Font Faces - Exact from original */
@font-face {
    font-family: inter;
    src: url(_next/static/media/53267fe46f3954f1-s.p.ttf) format("truetype");
    font-display: swap;
}

@font-face {
    font-family: inter Fallback;
    src: local("Arial");
    ascent-override: 89.79%;
    descent-override: 22.36%;
    line-gap-override: 0.00%;
    size-adjust: 107.89%;
}

.__className_7e5902 {
    font-family: inter, inter Fallback;
}

.__variable_7e5902 {
    --font-inter: "inter", "inter Fallback";
}

@font-face {
    font-family: chalet;
    src: url(_next/static/media/99b0202ea2c5cdc3-s.p.otf) format("opentype");
    font-display: swap;
}

@font-face {
    font-family: chalet Fallback;
    src: local("Arial");
    ascent-override: 101.87%;
    descent-override: 29.10%;
    line-gap-override: 9.90%;
    size-adjust: 68.72%;
}

.__className_219a84 {
    font-family: chalet, chalet Fallback;
}

.__variable_219a84 {
    --font-chalet: "chalet", "chalet Fallback";
}

@font-face {
    font-family: helvetica;
    src: url(_next/static/media/cb6020510f2b9856-s.p.otf) format("opentype");
    font-display: swap;
}

@font-face {
    font-family: helvetica Fallback;
    src: local("Arial");
    ascent-override: 103.85%;
    descent-override: 33.68%;
    line-gap-override: 0.00%;
    size-adjust: 106.88%;
}

.__className_038141 {
    font-family: helvetica, helvetica Fallback;
}

.__variable_038141 {
    --font-helvetica: "helvetica", "helvetica Fallback";
}

@font-face {
    font-family: gtarus;
    src: url(_next/static/media/b525cecfaae120df-s.p.ttf) format("truetype");
    font-display: swap;
}

@font-face {
    font-family: gtarus Fallback;
    src: local("Arial");
    ascent-override: 76.36%;
    descent-override: 19.03%;
    line-gap-override: 0.00%;
    size-adjust: 83.03%;
}

.__className_c98aa6 {
    font-family: gtarus, gtarus Fallback;
}

.__variable_c98aa6 {
    --font-gtarus: "gtarus", "gtarus Fallback";
}

/* Reset */
* {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}

*::before,
*::after {
    --tw-content: '';
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
}

body {
    margin: 0;
    line-height: inherit;
    background-color: #111117;
    overflow-x: hidden;
}

/* Body font classes from original */
body.__variable_7e5902.__variable_219a84.__variable_038141.__variable_c98aa6,
.body {
    font-family: var(--font-inter, inter, "inter Fallback");
}

/* Utility Classes - Exact from Tailwind */
.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.sticky {
    position: sticky;
}

.inset-0 {
    inset: 0px;
}

.left-0 {
    left: 0px;
}

.right-0 {
    right: 0px;
}

.top-0 {
    top: 0px;
}

.bottom-0 {
    bottom: 0px;
}

.top-105 {
    top: 105px;
}

.top-133 {
    top: 133px;
}

.z-\[-1\] {
    z-index: -1;
}

.z-\[9\] {
    z-index: 9;
}

.z-\[10\] {
    z-index: 10;
}

.block {
    display: block;
}

.flex {
    display: flex;
}

.hidden {
    display: none;
}

.size-\[50\.69px\] {
    width: 50.69px;
    height: 50.69px;
}

.h-\[131\.58px\] {
    height: 131.58px;
}

.h-\[105\.28px\] {
    height: 105.28px;
}

.h-\[27\.52px\] {
    height: 27.52px;
}

.h-\[3\.89px\] {
    height: 3.89px;
}

.h-390 {
    height: 390px;
}

.h-\[43px\] {
    height: 43px;
}

.h-53 {
    height: 53px;
}

.h-172 {
    height: 172px;
}

.h-svh {
    height: 100svh;
}

.w-full {
    width: 100%;
}

.w-\[144\.43px\] {
    width: 144.43px;
}

.w-\[19\.5px\] {
    width: 19.5px;
}

.w-0 {
    width: 0px;
}

.w-svw {
    width: 100svw;
}

.w-fit {
    width: fit-content;
}

.max-w-\[1440px\] {
    max-width: 1440px;
}

.max-w-\[319px\] {
    max-width: 319px;
}

.max-w-1068 {
    max-width: 1068px;
}

.max-w-331 {
    max-width: 331px;
}

.flex-1 {
    flex: 1 1 0%;
}

.cursor-pointer {
    cursor: pointer;
}

.flex-col {
    flex-direction: column;
}

.items-center {
    align-items: center;
}

.items-start {
    align-items: flex-start;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.gap-\[10px\] {
    gap: 10px;
}

.gap-\[3\.89px\] {
    gap: 3.89px;
}

.gap-\[6px\] {
    gap: 6px;
}

.gap-5 {
    gap: 5px;
}

.gap-8 {
    gap: 8px;
}
.gap-9 {
    gap: 9px;
}

.gap-16 {
    gap: 16px;
}

.gap-30 {
    gap: 30px;
}

.gap-36 {
    gap: 36px;
}

.rounded-\[100px\] {
    border-radius: 100px;
}

.rounded-\[1000px\] {
    border-radius: 1000px;
}

.rounded-\[100\%\] {
    border-radius: 100%;
}

.rounded-full {
    border-radius: 9999px;
}

.border {
    border-width: 1px;
}

.border-t-\[#28272D\] {
    border-top-color: #28272D;
}

.border-\[#FFFFFF66\] {
    border-color: #FFFFFF66;
}

.bg-white {
    background-color: rgb(255 255 255);
}

.bg-\[#FFFFFF1A\] {
    background-color: #FFFFFF1A;
}

.bg-\[#1D1D23\] {
    background-color: #1D1D23;
}

.bg-\[#b2b2b2\] {
    background-color: #b2b2b2;
}

.bg-\[linear-gradient\(270deg\,\#FF9F4E_0\%\,\#ED46A3_50\%\,\#315CCB_100\%\)\] {
    background: linear-gradient(270deg, #FF9F4E 0%, #ED46A3 50%, #315CCB 100%);
}

.bg-size-\[100\%\] {
    background-size: 100%;
}

.bg-size-\[200\%\] {
    background-size: 200%;
}

.bg-linear-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-linear-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.from-\[#39668D\] {
    --tw-gradient-from: #39668D var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(57 102 141 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[#35324D\] {
    --tw-gradient-from: #35324D var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(53 50 77 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-\[#4E4155\] {
    --tw-gradient-to: #4E4155 var(--tw-gradient-to-position);
}

.to-\[#1D1D23\] {
    --tw-gradient-to: #1D1D23 var(--tw-gradient-to-position);
}

.object-cover {
    object-fit: cover;
}

.p-16 {
    padding: 16px;
}

.p-20 {
    padding: 20px;
}

.p-30 {
    padding: 30px;
}

.px-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.px-22 {
    padding-left: 22px;
    padding-right: 22px;
}

.px-24 {
    padding-left: 24px;
    padding-right: 24px;
}

.px-31 {
    padding-left: 31px;
    padding-right: 31px;
}

.px-43 {
    padding-left: 43px;
    padding-right: 43px;
}

.px-48 {
    padding-left: 48px;
    padding-right: 48px;
}

.px-52 {
    padding-left: 52px;
    padding-right: 52px;
}

.px-60 {
    padding-left: 60px;
    padding-right: 60px;
}

.py-16 {
    padding-top: 16px;
    padding-bottom: 16px;
}

.py-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.pl-\[39px\] {
    padding-left: 39px;
}

.pl-\[30px\] {
    padding-left: 30px;
}

.pr-\[27\.29px\] {
    padding-right: 27.29px;
}

.pr-40 {
    padding-right: 40px;
}

.pt-288 {
    padding-top: 288px;
}

.pt-103 {
    padding-top: 103px;
}

.pb-53 {
    padding-bottom: 53px;
}

.pb-10 {
    padding-bottom: 10px;
}

.mb-8 {
    margin-bottom: 8px;
}

.mb-12 {
    margin-bottom: 12px;
}

.mb-16 {
    margin-bottom: 16px;
}

.mb-24 {
    margin-bottom: 24px;
}

.mb-32 {
    margin-bottom: 32px;
}

.mb-38 {
    margin-bottom: 38px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-94 {
    margin-bottom: 94px;
}

.mb-121 {
    margin-bottom: 121px;
}

.mb-178 {
    margin-bottom: 178px;
}

.mb-200 {
    margin-bottom: 200px;
}

.mb-14 {
    margin-bottom: 14px;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.m-auto {
    margin: auto;
}

.min-w-\[184px\] {
    min-width: 184px;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-nowrap {
    text-wrap: nowrap;
}

.font-inter {
    font-family: var(--font-inter, inter, "inter Fallback");
}

.font-chalet {
    font-family: var(--font-chalet, chalet, "chalet Fallback");
}

.text-\[20px\] {
    font-size: 20px;
}

.text-\[30px\] {
    font-size: 30px;
}

.text-\[14\.4px\] {
    font-size: 14.4px;
}

.text-\[16px\] {
    font-size: 16px;
}

.text-\[18px\] {
    font-size: 18px;
}

.text-\[24px\] {
    font-size: 24px;
}

.text-\[32px\] {
    font-size: 32px;
}

.text-\[34px\] {
    font-size: 34px;
}

.text-\[58px\] {
    font-size: 58px;
}

.text-\[166px\] {
    font-size: 166px;
}

.text-\[203\.32px\] {
    font-size: 203.32px;
}

.text-\[17\.33px\] {
    font-size: 17.33px;
}

.text-\[21\.43px\] {
    font-size: 21.43px;
}

.text-\[22px\] {
    font-size: 22px;
}

.text-\[50px\] {
    font-size: 50px;
}

.font-bold {
    font-weight: 700;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.uppercase {
    text-transform: uppercase;
}

.normal-case {
    text-transform: none;
}

.leading-\[100\%\] {
    line-height: 100%;
}

.leading-\[42\.12px\] {
    line-height: 42.12px;
}

.leading-65 {
    line-height: 65px;
}

.leading-\[170px\] {
    line-height: 170px;
}

.leading-\[22\.82px\] {
    line-height: 22.82px;
}

.leading-28 {
    line-height: 28px;
}

.leading-\[24\.28px\] {
    line-height: 24.28px;
}

.leading-\[34px\] {
    line-height: 34px;
}

.leading-\[55px\] {
    line-height: 55px;
}

.leading-\[28\.08px\] {
    line-height: 28.08px;
}

.tracking-\[0\%\] {
    letter-spacing: 0%;
}

.tracking-\[-0\.22px\] {
    letter-spacing: -0.22px;
}

.tracking-\[-0\.27px\] {
    letter-spacing: -0.27px;
}

.tracking-\[-0\.05px\] {
    letter-spacing: -0.05px;
}

.text-white {
    color: rgb(255 255 255);
}

.text-black {
    color: rgb(0 0 0);
}

.text-\[\#FFF9CB\] {
    color: #FFF9CB !important;
}

.text-transparent {
    color: transparent;
}

.text-\[rgba\(255\,255\,255\,0\.6\)\] {
    color: rgba(255, 255, 255, 0.6);
}

.opacity-0 {
    opacity: 0;
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-100 {
    opacity: 1;
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.duration-400 {
    transition-duration: 400ms;
}

.duration-500 {
    transition-duration: 500ms;
}

.duration-600 {
    transition-duration: 600ms;
}

.duration-1000 {
    transition-duration: 1000ms;
}

.pointer-events-none {
    pointer-events: none;
}

.size-\[58px\] {
    width: 58px;
    height: 58px;
}

.size-53 {
    width: 53px;
    height: 53px;
}

.size-60 {
    width: 60px;
    height: 60px;
}

.size-70 {
    width: 70px;
    height: 70px;
}

.\*\:size-\[7\.78px\] > * {
    width: 7.78px;
    height: 7.78px;
}

.\*\:size-22 > * {
    width: 22px;
    height: 22px;
}

.\*\:size-30 > * {
    width: 30px;
    height: 30px;
}

.\*\:size-15 > * {
    width: 15px;
    height: 15px;
}

.\*\:size-18 > * {
    width: 18px;
    height: 18px;
}

.\*\:size-24 > * {
    width: 24px;
    height: 24px;
}

.\*\:size-60 > * {
    width: 60px;
    height: 60px;
}

.\*\:h-\[27\.52px\] > * {
    height: 27.52px;
}

.\*\:w-\[144\.43px\] > * {
    width: 144.43px;
}

.\*\:flex-1 > * {
    flex: 1 1 0%;
}

.\*\:flex-none > * {
    flex: none;
}

.w-36 {
    width: 36px;
}

.h-73 {
    height: 73px;
}

.h-291 {
    height: 291px;
}

.h-70 {
    height: 70px;
}

.inset-ring-2 {
    box-shadow: inset 0 0 0 2px rgb(0 0 0 / 0.2);
}

.inset-ring-\[#00000033\] {
    box-shadow: inset 0 0 0 2px #00000033;
}

/* Hover States */
.hover\:bg-white:hover {
    background-color: rgb(255 255 255);
}

.hover\:bg-\[#b2b2b2\]:hover {
    background-color: #b2b2b2;
}

.hover\:text-white:hover {
    color: rgb(255 255 255);
}

.hover\:text-black:hover {
    color: rgb(0 0 0);
}

.hover\:opacity-100:hover {
    opacity: 1;
}

.hover\:\*\:opacity-100:hover > * {
    opacity: 1;
}

.hover\:bg-size-\[200\%\]:hover {
    background-size: 200%;
}

/* Data Attribute States */
[data-visible="true"] {
    opacity: 1;
    width: 100%;
    pointer-events: auto;
}

[data-active="true"] {
    color: white;
}

/* Responsive - SM breakpoint (640px+) */
@media (min-width: 640px) {
    .sm\:h-\[133\.17px\] {
        height: 133.17px;
    }
    
    .sm\:pl-\[64px\] {
        padding-left: 64px;
    }
    
    .sm\:pr-\[54px\] {
        padding-right: 54px;
    }
    
    .sm\:block {
        display: block;
    }
    
    .sm\:hidden {
        display: none;
    }
    
    .sm\:flex {
        display: flex;
    }
    
    .sm\:h-472 {
        height: 472px;
    }
    
    .sm\:h-\[43px\] {
        height: 43px;
    }
    
    .sm\:h-73 {
        height: 73px;
    }
    
    .sm\:h-291 {
        height: 291px;
    }
    
    .sm\:px-\[21px\] {
        padding-left: 21px;
        padding-right: 21px;
    }
    
    .sm\:px-48 {
        padding-left: 48px;
        padding-right: 48px;
    }
    
    .sm\:px-52 {
        padding-left: 52px;
        padding-right: 52px;
    }
    
    .sm\:px-60 {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .sm\:pt-361 {
        padding-top: 361px;
    }
    
    .sm\:pt-103 {
        padding-top: 103px;
    }
    
    .sm\:pb-94 {
        padding-bottom: 94px;
    }
    
    .sm\:p-24 {
        padding: 24px;
    }
    
    .sm\:p-28 {
        padding: 28px;
    }
    
    .sm\:p-30 {
        padding: 30px;
    }
    
    .sm\:pr-40 {
        padding-right: 40px;
    }
    
    .sm\:mb-16 {
        margin-bottom: 16px;
    }
    
    .sm\:mb-32 {
        margin-bottom: 32px;
    }
    
    .sm\:mb-94 {
        margin-bottom: 94px;
    }
    
    .sm\:mb-200 {
        margin-bottom: 200px;
    }
    
    .sm\:mb-178 {
        margin-bottom: 178px;
    }
    
    .sm\:mb-8 {
        margin-bottom: 8px;
    }
    
    .sm\:mb-14 {
        margin-bottom: 14px;
    }
    
    .sm\:gap-2 {
        gap: 2px;
    }
    
    .sm\:gap-9 {
        gap: 9px;
    }
    
    .sm\:gap-12 {
        gap: 12px;
    }
    
    .sm\:gap-16 {
        gap: 16px;
    }
    
    .sm\:gap-36 {
        gap: 36px;
    }
    
    .sm\:flex-row {
        flex-direction: row;
    }
    
    .sm\:flex-col {
        flex-direction: column;
    }
    
    .sm\:items-start {
        align-items: flex-start;
    }
    
    .sm\:text-left {
        text-align: left;
    }
    
    .sm\:max-w-331 {
        max-width: 331px;
    }
    
    .sm\:text-\[14\.4px\] {
        font-size: 14.4px;
    }
    
    .sm\:text-\[24px\] {
        font-size: 24px;
    }
    
    .sm\:text-\[32px\] {
        font-size: 32px;
    }
    
    .sm\:text-\[58px\] {
        font-size: 58px;
    }
    
    .sm\:text-\[203\.32px\] {
        font-size: 203.32px;
    }
    
    .sm\:text-\[21\.43px\] {
        font-size: 21.43px;
    }
    
    .sm\:text-\[22px\] {
        font-size: 22px;
    }
    
    .sm\:text-\[50px\] {
        font-size: 50px;
    }
    
    .sm\:font-medium {
        font-weight: 500;
    }
    
    .sm\:normal-case {
        text-transform: none;
    }
    
    .sm\:leading-65 {
        line-height: 65px;
    }
    
    .sm\:leading-28 {
        line-height: 28px;
    }
    
    .sm\:leading-\[24\.28px\] {
        line-height: 24.28px;
    }
    
    .sm\:leading-\[34px\] {
        line-height: 34px;
    }
    
    .sm\:leading-\[55px\] {
        line-height: 55px;
    }
    
    .sm\:leading-\[28\.08px\] {
        line-height: 28.08px;
    }
    
    .sm\:tracking-\[-0\.27px\] {
        letter-spacing: -0.27px;
    }
    
    .sm\:tracking-\[-0\.05px\] {
        letter-spacing: -0.05px;
    }
    
    .sm\:text-white {
        color: rgb(255 255 255);
    }
    
    .sm\:text-black {
        color: rgb(0 0 0);
    }
    
    .sm\:hover\:bg-white:hover {
        background-color: rgb(255 255 255);
    }
    
    .sm\:hover\:text-black:hover {
        color: rgb(0 0 0);
    }
    
    .sm\:data-\[active\=true\]\:bg-white[data-active="true"] {
        background-color: rgb(255 255 255);
    }
    
    .sm\:data-\[active\=true\]\:text-black[data-active="true"] {
        color: rgb(0 0 0);
    }
    
    .sm\:size-70 {
        width: 70px;
        height: 70px;
    }
    
    .\*\:w-\[15px\] > * {
        width: 15px;
    }
    
    .\*\:h-\[13px\] > * {
        height: 13px;
    }
}

/* Mobile Menu Specific Styles */
.mobile-menu {
    transition: width 0.5s ease;
}

.mobile-menu[data-visible="true"] {
    width: 100%;
}

.mobile-overlay {
    transition: opacity 1s ease;
}

.mobile-overlay[data-visible="true"] {
    opacity: 1;
    pointer-events: auto;
}

/* Background specific to sections */
.bg-\[rgb\(28\,24\,41\)\] {
    background-color: rgb(28, 24, 41);
}

/* Box shadow utilities */
[style*="box-shadow:0px -20px 15px 10px rgb(28, 24, 41, 0.6)"] {
    box-shadow: 0px -20px 15px 10px rgba(28, 24, 41, 0.6);
}

/* Sticky positioning specific */
.sticky.top-105 {
    top: 105px;
}

.sticky.top-133 {
    top: 133px;
}

/* Text background effects */
[style*="background:url"] {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Image sizing */
img[style*="position:absolute"] {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: transparent;
}

/* Custom animations and transitions */
.transition-all.duration-500 {
    transition: all 0.5s ease;
}

.transition-all.duration-600 {
    transition: all 0.6s ease;
}

.transition-all.duration-1000 {
    transition: all 1s ease;
}

/* Additional specific styles for exact matching */
.data-\[active\=true\]\:text-white[data-active="true"] {
    color: white;
}

.data-\[visible\=true\]\:opacity-100[data-visible="true"] {
    opacity: 1;
}

.data-\[visible\=true\]\:w-full[data-visible="true"] {
    width: 100%;
}

/* Utility for responsive flex behavior */
.\*\:flex-1 > * {
    flex: 1 1 0%;
}

.\*\:flex-none > * {
    flex: none;
}

/* Ensure proper overflow handling */
body {
    overflow-x: hidden;
}

/* Base styling for buttons */
button {
    background: none;
    border: none;
    cursor: pointer;
    font: inherit;
}

/* Links */
a {
    color: inherit;
    text-decoration: none;
}

/* Remove default margins */
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}

/* SVG sizing */
svg {
    display: block;
    vertical-align: middle;
}

/* Additional utility classes for BENEFITS and FAQ sections */
.h-276 {
    height: 276px;
}

.h-508 {
    height: 508px;
}

.mb-97 {
    margin-bottom: 97px;
}

.mb-132 {
    margin-bottom: 132px;
}

.mb-11 {
    margin-bottom: 11px;
}

.px-55 {
    padding-left: 55px;
    padding-right: 55px;
}

.max-w-238 {
    max-width: 238px;
}

.max-w-\\[1066px\\] {
    max-width: 1066px;
}

.pb-97 {
    padding-bottom: 97px;
}

.pb-80 {
    padding-bottom: 80px;
}

.max-h-0 {
    max-height: 0;
}

.max-h-dvh {
    max-height: 100dvh;
}

.data-\\[visible\\=false\\]\\:max-h-0[data-visible="false"] {
    max-height: 0;
}

.data-\\[visible\\=false\\]\\:rotate-180[data-visible="false"] {
    transform: rotate(180deg);
}

.leading-\\[25\\.6px\\] {
    line-height: 25.6px;
}

.text-\\[15px\\] {
    font-size: 15px;
}

.text-\\[28px\\] {
    font-size: 28px;
}

.tracking-0 {
    letter-spacing: 0;
}

.from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-black {
    --tw-gradient-to: black var(--tw-gradient-to-position);
}

.z-1 {
    z-index: 1;
}

.gap-21 {
    gap: 21px;
}

/* Responsive additions for SM breakpoint */
@media (min-width: 640px) {
    .sm\\:h-508 {
        height: 508px;
    }
    
    .sm\\:mb-132 {
        margin-bottom: 132px;
    }
    
    .sm\\:mb-11 {
        margin-bottom: 11px;
    }
    
    .sm\\:pb-80 {
        padding-bottom: 80px;
    }
    
    .sm\\:text-\\[28px\\] {
        font-size: 28px;
    }
    
    .sm\\:tracking-\\[-0\\.27px\\] {
        letter-spacing: -0.27px;
    }
    
    .sm\\:pt-\\[20px\\] {
        padding-top: 20px;
    }
    
    .sm\\:text-\\[21\\.43px\\] {
        font-size: 21.43px;
    }
    
    .sm\\:leading-\\[34px\\] {
        line-height: 34px;
    }
    
    .sm\\:leading-\\[28\\.08px\\] {
        line-height: 28.08px;
    }
    
    .sm\\:gap-9 {
        gap: 9px;
    }
    
    .sm\\:mb-\\[40px\\] {
        margin-bottom: 40px;
    }
    
    .sm\\:p-\\[30px\\] {
        padding: 30px;
    }
    
    .sm\\:\\*\\:size-\\[21px\\] > * {
        width: 21px;
        height: 21px;
    }
}