.foundation-page {
    background-color: #ffffff;
    color: #111111;
}
.foundation-page .main-header:not(.is-top) {
    background: rgba(255, 255, 255, 0.85);
    border-bottom: 1px solid #e0e0e0;
}
.foundation-page .logo span,
.foundation-page .hamburger span {
    color: #111111;
    background-color: #111111;
}
.foundation-page .desktop-nav > li > a { color: #555555; }
.foundation-page .desktop-nav > li > a:hover { color: #111111; }

.section-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 6rem 1.5rem;
}
.section-title {
    font-family: 'Albert Sans', sans-serif;
    font-size: clamp(2rem, 5vw, 2.5rem);
    font-weight: 700;
    margin: 0 auto 1rem;
    max-width: 20ch;
    text-align: center;
}
.section-subtitle, .section-prose {
    font-family: 'Lora', serif;
    font-size: 1.1rem;
    line-height: 1.8;
    color: #333;
    max-width: 55ch;
    margin: 0 auto 2rem;
    text-align: center;
}

.foundation-intro {
    font-family: 'Albert Sans', sans-serif;
    font-size: clamp(1.5rem, 4vw, 2rem);
    line-height: 1.4;
    max-width: 25ch;
    margin-bottom: 4rem;
    color: #111111;
}

/* --- OVERHAUL: METRICS SECTION STYLES TO MATCH IMAGE --- */
.metrics-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px; /* This creates the thick white dividers */
    background-color: #FFFFFF; /* This is the color of the dividers */
    border-radius: 24px;
    overflow: hidden; /* This makes the inner items conform to the rounded corners */
}
.metric-item {
    background-color: #1C1C2C; /* Dark navy background for each box */
    padding: 3rem 1.5rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.stat-number-wrapper,
.stat-number {
    font-family: 'Albert Sans', sans-serif;
    font-size: clamp(4rem, 12vw, 6rem);
    font-weight: 400; /* Thinner font to match image */
    line-height: 1;
    color: #EAEAF2; /* Bright, light gray text color */
}
.stat-label {
    display: block;
    margin-top: 0.75rem;
    font-family: 'Albert Sans', sans-serif;
    font-size: 1.1rem;
    color: #8A8AA0; /* Muted gray for the labels */
}
/* --- END OVERHAUL --- */

.section-cash-management { background-color: #f7f7f7; }
.product-cards-container { margin-top: 3rem; display: grid; gap: 1.5rem; }
.product-card { border: 1px solid; border-radius: 16px; padding: 2rem; text-align: left; color: #111; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.product-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.card-blue { border-color: #A6D5FA; background-color: #EBF5FF; }
.card-green { border-color: #A3E6B8; background-color: #EBFDF2; }
.card-header { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; gap: 0.25rem 1rem; align-items: center; margin-bottom: 1rem; }
.card-header img { grid-row: 1 / 3; width: 40px; }
.product-title { font-family: 'Albert Sans', sans-serif; font-size: 1.5rem; font-weight: 600; }
.product-audience { font-size: 0.9rem; color: #555; }
.product-description { font-size: 1.1rem; margin-bottom: 1rem; }
.product-apy { font-family: 'Albert Sans', sans-serif; font-size: 3.5rem; font-weight: 500; line-height: 1; }
.product-arrow { font-size: 2rem; }

.btn-visit { display: inline-block; background: #f0f0f0; border-radius: 8px; padding: 0.75rem 1.25rem; font-weight: 600; color: #111; margin-bottom: 3rem; display: flex; align-items: center; gap: 0.5rem; width: fit-content; margin-left: auto; margin-right: auto; }
.rate-list { display: flex; flex-direction: column; gap: 1px; background-color: #e0e0e0; border-radius: 12px; overflow: hidden; }
.rate-item { display: grid; grid-template-columns: 1fr auto auto; gap: 1rem; align-items: center; padding: 1.25rem; background-color: #fff; }
.rate-asset-info { display: flex; align-items: center; gap: 1rem; }
.rate-asset-info img { width: 40px; height: 40px; }
.rate-asset-name h3 { font-size: 1.1rem; font-weight: 600; }
.rate-asset-name span { font-size: 0.9rem; color: #555; }
.rate-value { font-size: 1.2rem; font-weight: 600; text-align: right; }
.rate-value span { display: block; font-size: 0.8rem; font-weight: 400; color: #555; }

.section-tokenized-assets { text-align: center; }
.btn-dark { background-color: #111; color: #fff; padding: 1rem 2.5rem; border-radius: 8px; font-weight: 600; display: inline-block; margin-top: 1rem; }
.mockups-container { margin-top: 3rem; display: grid; gap: 2rem; }
.mockup-image { width: 100%; height: auto; border-radius: 8px; box-shadow: 0 20px 50px rgba(0,0,0,0.1); }

.section-perspectives { background-color: #1A0033; color: #fff; }
.perspectives-title { color: #fff; font-size: 1.5rem; font-weight: 600; margin-bottom: 3rem; text-align: left; }
.perspective-slider { overflow: hidden; max-width: 600px; margin: 0; }
.perspective-slide { text-align: left; opacity: 0; transition: opacity 0.5s ease; }
.swiper-slide-active.perspective-slide { opacity: 1; }
.partner-logo { height: 32px; color: #fff; margin-bottom: 2rem; }
.perspective-slide blockquote { font-family: 'Lora', serif; font-size: 1.25rem; line-height: 1.7; margin-bottom: 2rem; color: #fff; }
.perspective-slide cite { font-style: normal; font-family: 'Albert Sans', sans-serif; color: #ccc; }
.swiper-pagination { position: static; margin-top: 2rem; text-align: left; }
.swiper-pagination-bullet { width: 30px; height: 4px; background-color: rgba(255,255,255,0.3); border-radius: 2px; opacity: 1; transition: background-color 0.3s ease, width 0.3s ease; }
.swiper-pagination-bullet-active { width: 50px; background-color: #fff; }

@media (max-width: 767px) {
    .section-container { padding: 4rem 1rem; }
    .metrics-grid { grid-template-columns: 1fr; }
    .rate-item { grid-template-columns: 2fr 1fr 1fr; gap: 0.5rem; padding: 1rem; }
    .rate-asset-info { gap: 0.75rem; }
    .rate-asset-name h3 { font-size: 1rem; }
    .rate-asset-name span { font-size: 0.8rem; }
    .rate-value { font-size: 1rem; }
    .rate-value span { font-size: 0.75rem; }
    .perspective-slider { max-width: 100%; }
}