/* Take Part Section - Desktop Styles */
.take-part {
    overflow: hidden;
}
/* Background Image - Desktop */
.take-part-bg {
    position: absolute;
    top: -2.5rem; /* -40px negative margin top */
    left: 0;
    transform: none;
    width: 100%;
    height: calc(100% + 2.5rem);
    background: url('../../../../assets/img/product/take-part/take-part.png') top left/cover no-repeat;
    z-index: 2;
}

/* Content Block - Desktop */
.take-part-content {
    margin-left: 48.313rem; /* 773px left margin */
    width: 35.875rem; /* 574px width */
    align-items: center;
    text-align: center;
    padding: 0;
}

/* Title - Desktop */
.take-part-title {
    font-family: "FRIZON", 'Noto Sans JP', sans-serif;
    font-size: 3.375rem; /* 54px */
    font-style: normal;
    font-weight: 400;
    line-height: 3.375rem; /* 54px - 100% */
    margin-top: 6rem; /* Adjust based on layout needs */
    margin-bottom: 2.375rem; /* 38px gap vertically */
}

/* Countdown Headers - Desktop */
.countdown-headers {
    gap: 4.938rem; /* Same 79px gap */
    padding: 0 1.438rem; /* Same 23px padding */
}

.countdown-label {
    color: rgba(255, 255, 255, 0.60);
    font-family: Inter;
    font-size: 0.875rem; /* 14px - same as mobile */
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

/* Countdown Display - Desktop */
.countdown-number {
    color: #FFF;
    font-family: "FRIZON", 'Noto Sans JP', sans-serif;
    font-size: 5.264rem; /* 84.223px */
    font-style: normal;
    font-weight: 400;
    line-height: 5.264rem; /* 84.223px - 100% */
}

.countdown-separator {
    color: #FFF;
    font-family: "FRIZON", 'Noto Sans JP', sans-serif;
    font-size: 5.264rem; /* 84.223px */
    font-style: normal;
    font-weight: 400;
    line-height: 5.264rem;
    margin: 0 0.25rem;
}

/* Early Bird Button - Desktop */
.early-bird-btn {
    margin-top: 2.375rem; /* 38px gap */
}

/* Trust & Traction Area - Desktop */
.trust-traction-area {
    max-width: 80rem; /* 1280px */
    margin: 20rem auto 0;
    padding: 0 2rem;
    gap: 2rem; /* 32px vertical gap between blocks on desktop */
}

/* Header Area - Desktop */
.trust-title {
    color: var(--10, #FFF);
    text-align: center;
    font-family: "FRIZON", 'Noto Sans JP', sans-serif;
    font-size: 3.375rem; /* 54px */
    font-style: normal;
    font-weight: 900;
    line-height: 3.375rem; /* 54px - 100% */
}

.trust-subtitle {
    color: var(--10, #FFF);
    text-align: center;
    font-family: Inter;
    font-size: 1.5rem; /* 24px */
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.031rem; /* -0.5px */
}

/* Stats Container - Desktop */
.stats-container {
    flex-direction: row;
    gap: 2rem;
    justify-content: center;
    align-items: stretch;
}

/* Reset mobile width for stats boxes */
.stats-box {
    width: auto; /* Reset mobile full width */
}

/* First Box - Desktop */
.stats-box-1 {
    display: flex;
    width: 16.313rem; /* 261px */
    padding: 2rem; /* 32px */
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 2rem; /* 32px */
    flex-shrink: 0;
    align-self: stretch;
    border-radius: var(--borderRadius, 1rem); /* 16px */
    background: var(--SyFu-Dark, #0D1B2B);}

/* Second Box - Desktop */
.stats-box-2 {
    display: flex;
    width: 40.375rem; /* 646px */
    height: 12.625rem; /* 202px */
    padding: 2rem; /* 32px */
    flex-direction: column;
    align-items: center;
    gap: 0.375rem; /* 6px */
    flex-shrink: 0;
    border-radius: var(--borderRadius, 1rem); /* 16px */
    background: var(--SyFu-Dark, #0D1B2B);
}

.stats-box-2 .stats-content {
    flex-direction: column;
    gap: 0.375rem; /* 6px gap between title and columns */
    align-items: center;
    justify-content: center;
    width: 100%;
}

.stats-box-2 .stats-columns {
    flex-direction: row;
    gap: 4rem;
    align-items: center;
    justify-content: center;
}

.stats-box-2 .stats-item {
    align-items: center;
    text-align: center;
}

/* Third Box - Desktop */
.stats-box-3 {
    display: flex;
    width: 20.875rem; /* 334px */
    padding: 2rem; /* 32px */
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 2rem; /* 32px */
    flex-shrink: 0;
    align-self: stretch;
    border-radius: var(--borderRadius, 1rem); /* 16px */
    background: var(--SyFu-Dark, #0D1B2B);
}

.stats-box-3 .stats-content {
    align-items: center;
    text-align: center;
    width: 100%;
}

/* User Reviews Boxes - Desktop */
.reviews-container {
    flex-direction: row; /* Horizontal layout on desktop */
    gap: 2rem; /* 32px gap between boxes */
    max-width: 80rem; /* 1280px max width */
    width: 100%;
}