@font-face {
    font-family: 'Choldera';
    src: url('Assets/Choldera\ Demo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Unbounded';
    src: url('Assets/Unbounded.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BlueOcen';
    src: url('Assets/Blue\ Ocean.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: none;
}

html, body {
    height: 100%;
    width: 100%;
    background-color: #181818;
    color: #ffeedc;
    font-family: 'Unbounded', sans-serif;
    overflow-x: hidden;
}

html {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    background-color: transparent;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #ffeedc;
    border-radius: 4px;
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}


h1, h2, h3, .choldera-text {
    font-family: 'Choldera', display;
}

.text-primary-green-span {
    color: #55A887;
}

.preloader-lock {
    overflow: hidden;
}

#global-site-preloader {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at 20% 30%, rgba(85, 168, 135, 0.16), transparent 42%),
        radial-gradient(circle at 78% 70%, rgba(112, 153, 135, 0.14), transparent 44%),
        #181818;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

#global-site-preloader.is-visible {
    opacity: 1;
    visibility: visible;
}

#global-site-preloader.is-exit {
    opacity: 0;
    visibility: hidden;
}

.global-preloader-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(32rem, 82vw);
    min-height: 12rem;
}

.global-preloader-brand-stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.9rem;
    z-index: 2;
    width: 100%;
}

.global-preloader-icon {
    width: clamp(3rem, 8vw, 4.4rem);
    filter: drop-shadow(0 0 18px rgba(255, 238, 220, 0.16));
    animation: preloaderIconSpin 2.2s linear infinite;
}

.global-preloader-wordmark {
    width: clamp(12rem, 42vw, 22rem);
    filter: drop-shadow(0 0 16px rgba(255, 238, 220, 0.12));
}

.global-preloader-status {
    color: rgba(255, 238, 220, 0.82);
    font-family: 'Unbounded', sans-serif;
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    animation: preloaderStatusPulse 1.2s ease-in-out infinite;
}

.global-preloader-orbit {
    position: absolute;
    border: 1px solid rgba(255, 238, 220, 0.16);
    border-radius: 999px;
    pointer-events: none;
}

.global-preloader-orbit-one {
    width: clamp(13rem, 48vw, 25rem);
    min-height: clamp(13rem, 48vw, 25rem);
    animation: preloaderOrbitOne 4.8s linear infinite;
}

.global-preloader-orbit-two {
    width: clamp(9rem, 34vw, 18rem);
    min-height: clamp(9rem, 34vw, 18rem);
    animation: preloaderOrbitTwo 3.7s linear infinite reverse;
}

@keyframes preloaderIconSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes preloaderStatusPulse {
    0%, 100% { opacity: 0.45; }
    50% { opacity: 1; }
}

@keyframes preloaderOrbitOne {
    from { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(180deg) scale(1.03); }
    to { transform: rotate(360deg) scale(1); }
}

@keyframes preloaderOrbitTwo {
    from { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(180deg) scale(0.96); }
    to { transform: rotate(360deg) scale(1); }
}


[class*="-reveal"] {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform, opacity;
}

[class*="-reveal"].is-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.reveal-scale-in { transform: scale(0.95); }
.reveal-scale-in.is-visible { transform: scale(1) !important; }


.card-hover-interaction { transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease; }
.card-hover-interaction:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); }

.button-hover-interaction { transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); position: relative; }
.button-hover-interaction:hover { transform: scale(1.05); filter: brightness(1.1); }
.button-hover-interaction:active { transform: scale(0.98); }


.login-page-main-wrapper {
    position: relative;
    display: flex;
    min-height: 100vh;
    width: 100%;
    padding: 2vw; 
    gap: 40px;
    align-items: center;
    justify-content: center;
    overflow: hidden; 
}

.background-video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.15;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
}

.background-video-element {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.background-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(18, 18, 18, 0.65); 
    z-index: 1;
}

.main-navigation-header-bar,
.home-page-main-wrapper,
.login-page-main-wrapper,
section {
    position: relative;
    z-index: 1;
}

.branding-stats-column-container {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    width: 50%;
    position: relative;
    overflow: hidden;
}

.login-branding-card-reveal {
    width: 100%;
    max-width: 550px;
    background-color: #181818;
    border: 1px solid #709987;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.login-branding-card-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.branding-header-banner-box {
    width: 100%;
    height: 200px;
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('Assets/AboutSecimg1.png'); 
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.branding-logo-image-element {
    width: 300px; 
    filter: brightness(1.2);
}

.branding-content-details-box {
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 60px; 
}

.taglines-and-cta-wrapper {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.branding-hero-title-text {
    font-size: 2.2rem;
    line-height: 1.2;
    letter-spacing: 1px;
}

.branding-get-app-button-primary {
    background-color: #55A887;
    color: #181818;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    padding: 14px 28px;
    border: none;
    border-radius: 4px;
    width: fit-content;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}

.branding-get-app-button-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(85, 168, 135, 0.4);
    background-color: #61c29b;
}

.branding-available-platforms-box {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 0.8rem;
    color: #709987;
}

.platform-icons-row-flex {
    display: flex;
    gap: 10px;
}

.platform-icon-image {
    height: 20px;
}

.branding-stats-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    border-top: 1px solid rgba(112, 153, 135, 0.3);
    padding-top: 30px;
}

.stat-item-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.stat-label-text {
    font-size: 0.75rem;
    color: #709987;
    text-transform: capitalize;
}

.stat-value-text {
    font-family: 'Unbounded', sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
}

.login-form-column-container {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    width: 50%;
}

.login-content-wrapper-reveal {
    width: 100%;
    max-width: 500px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 35px;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.login-content-wrapper-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.login-header-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.login-welcome-back-header {
    font-size: 4rem;
    letter-spacing: 2px;
}

.login-welcome-subtext {
    font-size: 0.95rem;
    color: #709987;
    line-height: 1.5;
}

.login-submission-form-container {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.form-input-group-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form-label-text-style {
    font-size: 0.9rem;
    font-weight: 600;
}

.form-input-field-style {
    background-color: #222222;
    border: 1px solid rgba(112, 153, 135, 0.4);
    border-radius: 4px;
    padding: 16px;
    color: #ffeedc;
    font-family: 'Unbounded', sans-serif;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}

.form-input-field-style:focus {
    border-color: #55AAAA;
    box-shadow: 0 0 12px rgba(85, 170, 170, 0.2);
    background-color: #222222;
    outline: none;
}

.form-input-field-style:-webkit-autofill,
.form-input-field-style:-webkit-autofill:hover, 
.form-input-field-style:-webkit-autofill:focus, 
.form-input-field-style:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #222222 inset !important;
    -webkit-text-fill-color: #ffeedc !important;
}

.password-input-with-toggle-box {
    position: relative;
    display: flex;
    flex-direction: column;
}

.password-toggle-control-btn {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    opacity: 0.6;
    transition: opacity 0.3s ease;
}

.password-toggle-control-btn:hover {
    opacity: 1;
}

.toggle-icon-image {
    width: 20px;
}

.form-options-row-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
}

.remember-me-checkbox-group {
    display: flex;
    align-items: center;
    gap: 8px;
}

.custom-checkbox-input {
    accent-color: #55A887;
    width: 16px;
    height: 16px;
}

.forgot-password-link-element {
    color: #ffeedc;
    text-decoration: none;
    transition: color 0.3s ease;
}

.forgot-password-link-element:hover {
    color: #55A887;
}

.login-form-submit-button-primary {
    background-color: #181818;
    color: #ffeedc;
    border: 1px solid rgba(112, 153, 135, 0.6);
    border-radius: 4px;
    padding: 18px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
    margin-top: 10px;
}

.login-form-submit-button-primary:hover {
    background-color: #222222;
    border-color: #55AAAA;
}

.login-form-submit-button-primary:active {
    transform: scale(0.98);
}

.google-auth-login-button-secondary {
    background-color: #ffeedc;
    color: #181818;
    border: none;
    border-radius: 4px;
    padding: 18px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition: opacity 0.3s ease, transform 0.2s ease;
}

.google-auth-login-button-secondary:hover {
    opacity: 0.9;
}

.google-logo-icon {
    width: 22px;
    height: 22px;
}

.reveal-base {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.reveal-base.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 1024px) {
    .login-page-main-wrapper {
        flex-direction: column;
        padding: 5vw;
        gap: 60px;
    }

    .branding-stats-column-container, 
    .login-form-column-container {
        width: 100%;
        justify-content: center;
    }

    .login-branding-card-box, 
    .login-right-content-wrapper {
        max-width: 600px;
    }
}

@media (max-width: 600px) {
    .login-welcome-back-header {
        font-size: 2.8rem;
    }

    .branding-hero-title-text {
        font-size: 1.8rem;
    }

    .branding-content-details-box {
        padding: 25px;
        gap: 40px;
    }

    .branding-stats-summary-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
}


.home-page-body-root {
    scroll-behavior: smooth;
    background-color: transparent; 
}

.pill-nav-container {
    position: fixed;
    top: 800px;
    left: 50%;
    width: fit-content;
    max-width: calc(100vw - 24px);
    transform: translateX(-50%);
    display: flex;
    gap: 15px;
    z-index: 2000;
    opacity: 1;
    transition: transform 0.22s ease, opacity 0.22s ease;
}

.pill-nav-container.nav-hidden-on-footer {
    transform: translateX(-50%) translateY(18px);
    opacity: 0;
    pointer-events: none;
}

.floating-scroll-bottom-btn {
    position: fixed;
    right: 24px;
    bottom: 24px;
    width: 52px;
    height: 52px;
    border-radius: 999px;
    border: 1px solid rgba(255, 238, 220, 0.15);
    background-color: #121212;
    color: #ffeedc;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.42);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    cursor: pointer;
    z-index: 1990;
    transition: transform 0.22s ease, opacity 0.22s ease, background-color 0.22s ease;
}

.floating-scroll-bottom-btn:hover {
    background-color: #1b1b1b;
    transform: translateY(-2px);
}

.floating-scroll-bottom-btn:active {
    transform: translateY(0);
}

.floating-scroll-bottom-btn.is-hidden-near-footer {
    opacity: 0;
    transform: translateY(18px);
    pointer-events: none;
}

@media (max-width: 768px) {
    .floating-scroll-bottom-btn {
        right: 16px;
        bottom: 16px;
        width: 48px;
        height: 48px;
    }
}

@media (max-height: 938px) {
    .pill-nav-container {
        top: calc(100vh - 138px);
    }
}

.pill-nav-main,
.pill-nav-lang {
    background-color: #121212;
    border: 1px solid rgba(255, 238, 220, 0.1);
    border-radius: 100px;
    padding: 10px 25px;
    display: flex;
    padding: 20px;
    box-sizing: border-box  ;
    align-items: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
}

.pill-nav-logout {
    background-color: #121212;
    border: 1px solid rgba(255, 238, 220, 0.1);
    border-radius: 100px;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
}

.nav-logout-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 44px;
    min-height: 44px;
    border: 1px solid rgba(255, 238, 220, 0.14);
    border-radius: 50%;
    background-color: #181818;
    color: #ffeedc;
    cursor: pointer;
    overflow: hidden;
    transition: border-color 0.22s ease, transform 0.22s ease, color 0.22s ease, background-color 0.22s ease;
}

.nav-logout-logo-img {
    position: absolute;
    width: 20px;
    height: 20px;
    object-fit: contain;
    opacity: 1;
    transition: opacity 0.22s ease;
}

.nav-logout-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0;
    transition: opacity 0.22s ease;
}

.nav-logout-trigger:hover,
.nav-logout-trigger:focus-visible {
    border-color: rgba(255, 238, 220, 0.45);
    transform: translateY(-0.04rem);
    outline: none;
}

.nav-logout-trigger:hover .nav-logout-logo-img,
.nav-logout-trigger:focus-visible .nav-logout-logo-img,
.nav-logout-trigger.is-armed .nav-logout-logo-img {
    opacity: 0;
}

.nav-logout-trigger:hover .nav-logout-icon,
.nav-logout-trigger:focus-visible .nav-logout-icon,
.nav-logout-trigger.is-armed .nav-logout-icon {
    opacity: 1;
}

.nav-logout-trigger.is-armed {
    background-image: linear-gradient(rgba(255, 0, 0, 0.5), rgba(255, 0, 0, 0.5));
    border-color: rgba(255, 238, 220, 0.8);
}

.pill-nav-main {
    max-width: calc(100vw - 86px);
    overflow-x: auto;
    overflow-y: hidden;
}

.pill-nav-list {
    display: flex;
    list-style: none;
    gap: 30px;
    padding: 0;
    margin: 0;
    flex-wrap: nowrap;
}

.pill-nav-list li {
    display: flex;
    align-items: center;
}

.pill-nav-list a,
.lang-link {
    text-decoration: none;
    color: rgba(255, 238, 220, 0.5);
    font-size: 0.85rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.pill-nav-list a.active,
.pill-nav-list a:hover,
.lang-link:hover {
    color: #ffeedc;
}

.pill-nav-list a.active {
    font-weight: 700;
}

.pill-icon {
    width: 18px;
    height: 18px;
    stroke-width: 1.5;
    transition: transform 0.3s ease;
}

.pill-nav-list a:hover .pill-icon,
.lang-link:hover .pill-icon {
    transform: scale(1.1);
}

.pill-nav-lang {
    padding: 10px 20px;
}

.lang-link {
    font-weight: 700;
    color: #ffeedc;
    letter-spacing: 1px;
}

@media (max-width: 1200px) {
    .pill-nav-list a,
    .lang-link {
        font-size: 0.76rem;
    }
}

@media (max-width: 900px) {
    .pill-nav-list a,
    .lang-link {
        font-size: 0.7rem;
    }
}

.home-hero-section-reveal {
    padding: 150px 5vw 80px;
    display: flex;
    flex-direction: column;
    gap: 100px;
    position: relative;
    overflow: hidden;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.home-hero-section-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.hero-content-flex-container {
 position: relative;
 z-index: 10;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.hero-branding-typography-box {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.hero-main-title-unified {
    font-size: 4.5rem;
    line-height: 1.1;
    letter-spacing: 2px;
    font-family: 'Choldera', display;
}

.hero-subtext-description {
    font-size: 1rem;
    color: #709987;
    max-width: 400px;
    line-height: 1.6;
}

.hero-cta-group {
    display: flex;
    align-items: center;
    gap: 25px;
}

.cta-primary-btn {
    background-color: #ffeedc;
    color: #181818;
    border: none;
    padding: 15px 30px;
    border-radius: 4px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.cta-link-video {
    color: #ffeedc;
    text-decoration: underline;
    font-size: 0.9rem;
}

.hero-info-card-widget-layout {
    display: flex;
    justify-content: flex-end;
}

.hero-bottom-mini-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(112, 153, 135, 0.2);
    padding-top: 30px;
}

.mini-nav-links-flex {
    display: flex;
    list-style: none;
    width: 100%;
    justify-content: space-between;
}

.mini-nav-links-flex a {
    text-decoration: none;
    color: rgba(255, 238, 220, 0.5);
    font-size: 0.8rem;
    font-weight: 500;
    transition: color 0.3s ease;
}

.mini-nav-links-flex a:hover {
    color: #ffeedc;
}

.widget-card-item-bordered {
    background-color: #181818;
    border: 1px solid #709987;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    max-width: 300px;
    border-radius: 16px;
}

.widget-label-pill {
    font-size: 0.7rem;
    color: #55A887;
    background-color: rgba(85, 168, 135, 0.1);
    padding: 4px 10px;
    border-radius: 50px;
    width: fit-content;
}

.widget-title-unified {
    font-size: 1.8rem;
    font-family: 'Choldera', display;
}

.widget-app-store-icons {
    display: flex;
    gap: 15px;
    margin-top: 10px;
}

.widget-app-store-icons img {
    height: 25px;
}

.hero-bottom-mini-nav {
    border-top: 1px solid rgba(112, 153, 135, 0.2);
    padding-top: 40px;
}

.mini-nav-links-flex {
    display: flex;
    justify-content: center;
    list-style: none;
    gap: 50px;
}

.mini-nav-links-flex a {
    text-decoration: none;
    color: #709987;
    font-size: 0.8rem;
    letter-spacing: 2px;
}

.join-revolution-section-reveal {
    padding: 80px;
 background-color: #181818;

    transform: translateY(20px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.join-revolution-section-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.join-content-grid-wrapper {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 60px;
    align-items: center;
}

.join-hero-title-unified {
    font-size: 4rem;
    margin-bottom: 40px;
    font-family: 'Choldera', display;
}

.join-cta-actions-group {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cta-green-pill-btn {
    background-color: #55A887;
    color: #181818;
    border: none;
    padding: 20px 40px;
    border-radius: 50px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    width: fit-content;
    cursor: pointer;
}

.cta-store-buttons-flex {
    display: flex;
    gap: 15px;
}

.store-btn-secondary {
    background-color: #ffeedc;
    color: #181818;
    border: none;
    padding: 12px 25px;
    border-radius: 4px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    font-size: 0.8rem;
    cursor: pointer;
}

.join-stats-summary-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
}

.stat-counter-block {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.counter-label-text {
    font-size: 0.9rem;
    color: #709987;
}

.counter-value-number {
    font-size: 4.5rem;
    font-weight: 700;
}

.creators-section-consolidated {
    padding: 100px 5vw;
    display: flex;
    flex-direction: column;
    background-color: #181818;
    gap: 80px;
}

.creators-header-reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.creators-header-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.creators-main-title-unified {
    font-size: 5rem;
    font-family: 'Choldera', display;
}

.creators-features-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 120px;
}

.feature-item-row-reveal {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.feature-item-row-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.feature-item-row-reversed-reveal {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.feature-item-row-reversed-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.feature-visual-media-box {
    position: relative;
}

.feature-main-image-bordered {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    border: 1px solid #709987;
    border-radius: 16px;
}

.feature-tag-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: #55A887;
    color: #181818;
    padding: 6px 15px;
    border-radius: 50px;
    font-size: 0.7rem;
    font-weight: 700;
}

.feature-content-details-box {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.feature-index-number {
    font-size: 4rem;
    font-family: 'Unbounded', sans-serif;
    color: rgba(112, 153, 135, 0.2);
}

.feature-heading-unified {
    font-size: 2.8rem;
    font-family: 'Choldera', display;
}

.feature-description-text {
    color: #709987;
    line-height: 1.8;
}

.feature-action-link {
    color: #ffeedc;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}

.leaders-section-reveal {
    padding: 80px;
    background-color: #181818;
    transform: translateY(20px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.leaders-section-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.leaders-title-unified {
    font-size: 4.5rem;
    margin-bottom: 60px;
    font-family: 'Choldera', display;
}

.leaders-cards-grid-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.leader-main-featured-card-bordered {
    background-color: #181818;
    border: 1px solid #709987;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 16px;
}

.leader-profile-icon img {
    height: 80px;
    width: 80px;
    object-fit: cover;
    border-radius: 50%;
    background-color: #55A887;
}

.leader-name-unified {
    font-size: 2.5rem;
    font-family: 'Choldera', display;
}

.leader-role-tag {
    color: #55A887;
    letter-spacing: 2px;
    font-size: 0.8rem;
}

.leader-bio-summary {
    color: #709987;
    line-height: 1.6;
}

.leader-cta-primary-btn {
    background-color: #55A887;
    color: #181818;
    border: none;
    padding: 15px 30px;
    border-radius: 4px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    margin-top: 20px;
}

.leaders-side-mini-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.mini-leader-item {
    background-color: #181818;
    border: 1px solid rgba(112, 153, 135, 0.3);
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: transform 0.3s ease, border-color 0.3s ease;
    cursor: pointer;
    border-radius: 16px;
}

.mini-leader-item:hover {
    transform: scale(1.02);
    border-color: #55A887;
}

.mini-leader-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.results-section-reveal {
    padding: 80px;
    background-color: #181818;
    transform: translateY(20px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.results-section-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.results-title-unified {
    font-size: 4.5rem;
    margin-bottom: 60px;
    font-family: 'Choldera', display;
}

.results-case-study-banner {
    background-color: #181818;
    border: 1px solid #709987;
    padding: 60px;
    display: flex;
    flex-direction: column;
    gap: 60px;
    border-radius: 16px;
}

.case-study-label {
    color: #55A887;
    font-size: 0.8rem;
    margin-bottom: 15px;
    display: block;
}

.case-study-title-unified {
    font-size: 3rem;
    font-family: 'Choldera', display;
}

.case-study-metrics-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    border-top: 1px solid rgba(112, 153, 135, 0.2);
    padding-top: 40px;
}

.metric-item-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.metric-label {
    color: #709987;
    font-size: 0.9rem;
}

.metric-value {
    font-size: 3.5rem;
    font-weight: 700;
}

.articles-section-reveal {
    padding: 80px;
    background-color: #181818;
    transform: translateY(20px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.articles-section-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.articles-main-title-unified {
    font-size: 4.5rem;
    margin-bottom: 60px;
    font-family: 'Choldera', display;
}

.articles-grid-layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.article-card-item {
    background-color: #181818;
    border: 1px solid rgba(112, 153, 135, 0.3);
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    transition: transform 0.3s ease, border-color 0.3s ease;
    cursor: pointer;
    border-radius: 16px;
}

.article-card-item:hover {
    transform: scale(1.03);
    border-color: #55A887;
}

.article-category-tag {
    color: #55A887;
    font-size: 0.7rem;
    background-color: rgba(85, 168, 135, 0.1);
    padding: 4px 12px;
    border-radius: 50px;
    width: fit-content;
}

.article-heading-unified {
    font-size: 2rem;
    line-height: 1.3;
    font-family: 'Choldera', display;
}

.article-excerpt-text {
    color: #709987;
    font-size: 0.9rem;
    line-height: 1.6;
}

.article-read-more {
    color: #ffeedc;
    text-decoration: underline;
    font-size: 0.8rem;
    font-weight: 700;
}

.testimonial-section-reveal {
    padding: 100px 5vw;
   background-color: #55A887;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.testimonial-section-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.testimonial-green-card-reveal {
    background-color: #55A887;
    color: #181818;
    padding: 80px;
    display: grid;
    grid-template-columns: 0.5fr 1.5fr;
    gap: 60px;
    align-items: center;
    border-radius: 16px;
}

.testimonial-avatar-image {
    width: 250px;
    height: 250px;
    object-fit: cover;
    border-radius: 50%;
    border: 10px solid rgba(24, 24, 24, 0.1);
}

.testimonial-content-text-box {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.testimonial-author-label {
    font-weight: 700;
    letter-spacing: 2px;
}

.testimonial-quote-text {
    font-size: 2.5rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 500;
    line-height: 1.3;
}

.author-credits {
    font-weight: 700;
    font-size: 0.9rem;
}

.ready-to-start-reveal {
    padding: 150px 5vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
   background-color: #181818;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.ready-to-start-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.ready-title-unified {
    font-size: 5rem;
    font-family: 'Choldera', display;
}

.ready-description-text {
    color: #709987;
    max-width: 600px;
}

.final-get-started-btn {
    background-color: #ffeedc;
    color: #181818;
    border: none;
    padding: 20px 50px;
    border-radius: 4px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    cursor: pointer;
}

.main-site-footer-container {
    background-color: #181818; 
    padding: 80px;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #ffeedc27;
    gap: 60px;
width: 100%;
}

.footer-action-banner-row {
    width: 100%;
    display: flex;
    justify-content: center;
}

.footer-get-app-pill-btn {
    background-color: #55A887;
    color: #121212;
    width: 100%;
    padding: 18px;
    border-radius: 50px;
    text-align: center;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.footer-get-app-pill-btn:hover {
    background-color: #61c29b;
    transform: scale(1.01);
}

.footer-navigation-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr 1.2fr 1.8fr;
    gap: 40px;
    align-items: start;
}

.footer-nav-column {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer-nav-label {
    color: #55A887;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.footer-about-text {
    color: #ffeedc;
    line-height: 1.6;
    font-size: 0.95rem;
    max-width: 250px;
}

.footer-link-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-link-item {
    color: #ffeedc;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    transition: color 0.3s ease;
}

.footer-link-item:hover {
    color: #55A887;
}

.footer-connect-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer-connect-item {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #ffeedc;
    font-size: 0.9rem;
    text-decoration: none;
}

.footer-connect-icon {
    width: 18px;
    height: 18px;
    opacity: 0.8;
}

.footer-subscribe-wrapper {
    display: flex;
    flex-direction: column;
    gap: 25px;
    position: relative;
}

.footer-email-field-row {
    position: relative;
    border-bottom: 1px solid rgba(112, 153, 135, 0.4);
    padding-bottom: 10px;
}

.footer-email-input-minimal {
    background: none;
    border: none;
    color: #ffeedc;
    width: 100%;
    font-family: inherit;
    font-size: 0.9rem;
    padding: 5px 0;
}

.footer-email-input-minimal::placeholder {
    color: rgba(112, 153, 135, 0.5);
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 1px;
}

.footer-subscribe-action-link {
    color: #55A887;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.8rem;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 10px;
}

.back-to-top-pill-btn {
    position: absolute;
    right: 0;
    top: -10px;
    background-color: #55A887;
    color: #121212;
    width: 80px;
    height: 45px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.back-to-top-pill-btn:hover {
    transform: translateY(-5px);
}

.footer-bottom-branding-row {
    position: relative;
    margin-top: 40px;
}

.footer-massive-branding-text {
    width: 100%;
    display: flex;
    justify-content: center;
    opacity: 0.08;
    pointer-events: none;
    margin-bottom: -20px;
}

.footer-massive-logo-img {
    max-width: 1200px;
    width: 100%;
    filter: grayscale(1);
}

.footer-legal-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    border-top: 1px solid rgba(112, 153, 135, 0.1);
    color: rgba(255, 238, 220, 0.4);
    font-size: 0.75rem;
    font-weight: 600;
}

.footer-legal-links-flex {
    display: flex;
    gap: 30px;
}

.footer-legal-link {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-legal-link:hover {
    color: #55A887;
}

@media (max-width: 1200px) {
    .hero-main-title-text { font-size: 3.5rem; }
    .hero-content-flex-container { grid-template-columns: 1fr 1fr; }
    .hero-info-card-widget { display: none; }
    .join-hero-title { font-size: 3rem; }
    .creators-main-title { font-size: 4rem; }
    .feature-item-row-layout { grid-template-columns: 1fr; gap: 40px; }
    .feature-item-row-layout.reverse-flex { grid-template-columns: 1fr; }
    .feature-item-row-layout.reverse-flex .feature-content-details-box { order: 2; }
    .testimonial-green-card-box { grid-template-columns: 1fr; text-align: center; justify-items: center; }
}

@media (max-width: 640px) {
    .nav-links-list-flex, .pill-nav-container { display: none; }
    .hero-main-title-text { font-size: 2.5rem; }
    .hero-central-3d-logo { max-width: 300px; }
    .join-content-grid-wrapper { grid-template-columns: 1fr; }
    .join-hero-title { font-size: 2.2rem; }
    .leaders-cards-grid-layout { grid-template-columns: 1fr; }
    .articles-grid-layout { grid-template-columns: 1fr; }
    .results-case-study-banner { padding: 30px; }
    .case-study-title { font-size: 1.8rem; }
    .case-study-metrics-grid { grid-template-columns: 1fr; }
    .footer-top-links-grid, .footer-navigation-grid { display: flex;
    flex-direction: column; }
    .ready-title-text { font-size: 2.5rem; }
    .footer-action-banner-row { margin-bottom: 20px; }
    .back-to-top-pill-btn {
    top: 150px;
    width: 100%;;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    transition: transform 0.3s ease;
}
}

#google-picker-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(5px);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

#google-picker-overlay.google-modal-overlay-visible {
    display: flex;
}

.google-picker-card {
    background-color: #ffffff;
    color: #202124;
    width: 100%;
    max-width: 450px;
    border-radius: 8px;
    padding: 40px;
    box-shadow: 0 1px 3px rgba(60,64,67, 0.3), 0 4px 8px 3px rgba(60,64,67, 0.15);
    font-family: 'Roboto', 'Arial', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.google-picker-header {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.google-full-logo-modal {
    width: 90px;
    height: auto;
}

.google-picker-title {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 10px 0 0;
    font-family: 'Unbounded', sans-serif;
}

.google-picker-subtitle {
    font-size: 1rem;
    color: #5f6368;
}

.app-name-text {
    font-weight: 500;
    color: #202124;
}

.google-accounts-list {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #dadce0;
}

.google-account-item {
    padding: 12px 0;
    border-bottom: 1px solid #dadce0;
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.google-account-item:hover {
    background-color: #f8f9fa;
}

.account-avatar-circle {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #55A887;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.account-avatar-icon {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #5f6368;
}

.account-info-box {
    display: flex;
    flex-direction: column;
    font-size: 0.9rem;
}

.account-name-text {
    font-weight: 500;
    color: #3c4043;
}

.account-email-text {
    color: #5f6368;
    font-size: 0.8rem;
}

.google-picker-footer {
    font-size: 0.8rem;
    color: #5f6368;
    line-height: 1.5;
}


.about-page-body-root {
    scroll-behavior: smooth;
    background-color: #181818;
}

.about-page-main-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
}


.about-hero-section-reveal {
    height: 90vh;
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    padding: 100px 5vw;
}

.about-hero-content-wrapper {
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 40px;
}

.about-hero-title-text-unified {
    font-size: 6rem;
    line-height: 1.1;
    letter-spacing: 2px;
    font-family: 'Choldera', display;
    color: #ffeedc;
}

.about-hero-cta-btn-row {
    display: flex;
    gap: 20px;
}

.about-hero-btn-primary {
    background-color: #ffeedc;
    color: #181818;
    padding: 18px 35px;
    border-radius: 4px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.about-hero-btn-primary:hover {
    transform: translateY(-3px);
    background-color: #ffffff;
}

.about-hero-btn-secondary {
    background-color: transparent;
    color: #ffeedc;
    border: 1px solid rgba(255, 238, 220, 0.4);
    padding: 18px 35px;
    border-radius: 4px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.about-hero-btn-secondary:hover {
    border-color: #55A887;
    color: #55A887;
}


.about-intro-section-reveal {
    padding: 100px 8vw;
    display: flex;
    justify-content: center;
}

.about-intro-grid-layout {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 80px;
    align-items: center;
}

.about-intro-content-details-box {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.about-intro-main-title-unified {
    font-size: 4rem;
    font-family: 'Choldera', display;
}

.about-intro-description-wrapper {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.about-intro-p-style, .about-intro-p-style-secondary {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #709987;
}

.about-intro-visual-graphics-box {
    display: flex;
    justify-content: center;
}

.about-intro-3d-gear-img {
    width: 100%;
    max-width: 400px;
    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.5));
}


.about-stats-section-reveal {
    padding: 60px 8vw;
}

.about-stats-cards-grid-layout {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.about-stat-card-item {
    background-color: #181818;
    border: 1px solid rgba(112, 153, 135, 0.3);
    border-radius: 16px;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    transition: border-color 0.3s ease;
}

.about-stat-card-item:hover {
    border-color: #55A887;
}

.about-stat-value {
    font-size: 3rem;
    font-weight: 700;
    color: #ffeedc;
}

.about-stat-label {
    font-size: 0.8rem;
    color: #709987;
    letter-spacing: 2px;
}


.about-values-section-reveal {
    padding: 80px 8vw;
}

.about-values-cards-grid-layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.about-value-green-card {
    background-color: #55A887;
    color: #181818;
    border-radius: 16px;
    padding: 50px 40px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    transition: transform 0.3s ease;
}

.about-value-green-card:hover {
    transform: translateY(-10px);
}

.about-value-card-title {
    font-size: 1.8rem;
    font-family: 'Choldera', display;
    letter-spacing: 1px;
}

.about-value-card-text {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 500;
}


.about-workflow-section-reveal {
    padding: 100px 8vw;
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.about-workflow-main-title-unified {
    font-size: 4rem;
    font-family: 'Choldera', display;
    text-align: center;
}

.about-workflow-steps-flex-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.about-workflow-step-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
    flex: 1;
    position: relative;
}

.about-step-indicator-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #55A887;
    color: #181818;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 800;
}

.about-step-icon-wrapper {
    width: 60px;
    height: 60px;
    color: #ffeedc;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-step-title-text {
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 1px;
}

.about-step-dots-divider {
    position: absolute;
    right: -20px;
    top: 45px;
    color: rgba(112, 153, 135, 0.4);
    font-size: 1.5rem;
    letter-spacing: 5px;
}


.about-creators-reveal {
    padding: 100px 8vw;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.about-creators-main-title-unified {
    font-size: 4rem;
    font-family: 'Choldera', display;
    text-align: left;
}

.about-creator-features-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 100px;
}

.about-creator-entry-row-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.about-creator-visual-box {
    position: relative;
    width: 100%;
}

.about-creator-main-img-bordered {
    width: 100%;
    aspect-ratio: 16/10;
    object-fit: cover;
    border-radius: 16px;
    border: 1px solid rgba(112, 153, 135, 0.4);
}

.about-creator-num-badge {
    position: absolute;
    top: -30px;
    left: 40%;
    font-size: 7rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    color: rgba(112, 153, 135, 0.1);
    z-index: -1;
}

.about-creator-copy-box {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.about-creator-category-label {
    font-size: 0.75rem;
    color: #55A887;
    background-color: rgba(85, 168, 135, 0.1);
    padding: 5px 15px;
    border-radius: 50px;
    width: fit-content;
}

.about-creator-sub-heading-unified {
    font-size: 2.8rem;
    font-family: 'Choldera', display;
}

.about-creator-p-text {
    line-height: 1.8;
    color: #709987;
}

.about-creator-learn-link {
    color: #ffeedc;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 700;
    border-bottom: 1px solid #55A887;
    width: fit-content;
    padding-bottom: 5px;
    transition: border-color 0.3s ease;
}

.about-creator-learn-link:hover {
    border-color: #ffeedc;
}

.reversed-flex .about-creator-copy-box {
    order: 1;
}
.reversed-flex .about-creator-visual-box {
    order: 2;
}


.about-industries-section-reveal {
    padding: 100px 8vw;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.about-industries-main-title-unified {
    font-size: 4rem;
    font-family: 'Choldera', display;
    text-align: center;
}

.about-industries-cards-grid-layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.about-industry-dark-card {
    background-color: #181818;
    border: 1px solid rgba(112, 153, 135, 0.3);
    border-radius: 16px;
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: all 0.3s ease;
    cursor: default;
}

.about-industry-dark-card:hover {
    border-color: #55A887;
    transform: scale(1.02);
}

.about-industry-emoji {
    font-size: 2.5rem;
}

.about-industry-card-title {
    font-size: 1.2rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    color: #ffeedc;
}

.about-industry-card-count {
    font-size: 0.85rem;
    color: #709987;
}


@media (max-width: 1024px) {
    .about-hero-title-text-unified { font-size: 4rem; }
    .about-intro-grid-layout { grid-template-columns: 1fr; text-align: center; }
    .about-intro-content-details-box { align-items: center; }
    .about-stats-cards-grid-layout { grid-template-columns: repeat(2, 1fr); }
    .about-values-cards-grid-layout { grid-template-columns: 1fr; }
    .about-workflow-steps-flex-row { flex-wrap: wrap; gap: 50px; justify-content: center; }
    .about-workflow-step-box { flex: 0 1 40%; }
    .about-step-dots-divider { display: none; }
    .about-creator-entry-row-grid { grid-template-columns: 1fr; gap: 40px; }
    .reversed-flex .about-creator-copy-box { order: 2; }
    .reversed-flex .about-creator-visual-box { order: 1; }
    .about-industries-cards-grid-layout { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .about-hero-title-text-unified { font-size: 2.8rem; }
    .about-intro-main-title-unified { font-size: 2.5rem; }
    .about-hero-cta-btn-row { flex-direction: column; width: 100%; }
    .about-stats-cards-grid-layout { grid-template-columns: 1fr; }
    .about-workflow-step-box { flex: 0 1 100%; }
    .about-industries-cards-grid-layout { grid-template-columns: 1fr; }
    .about-creator-sub-heading-unified { font-size: 1.8rem; }
}


.contact-page-body-root {
    background-color: #181818;
    color: #ffeedc;
    overflow-x: hidden;
}

.contact-page-main-wrapper {
    display: flex;
    flex-direction: column;
}


.contact-hero-reveal {
    padding: 80px;
    box-sizing: border-box;
    min-height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contact-grid-container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 80px;
    align-items: stretch;
}

.contact-title-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 26px;
}

.contact-massive-heading-unified {
    font-size: 6rem;
    line-height: 1.1;
    font-family: 'Choldera', display;
    letter-spacing: 2px;
}

.contact-reach-links-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    max-width: 620px;
}

.contact-reach-link-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 240px;
    min-height: 48px;
    padding: 10px 16px;
    border: 1px solid rgba(255, 238, 220, 0.24);
    border-radius: 16px;
    background-color: rgba(255, 238, 220, 0.04);
    color: #ffeedc;
    text-decoration: none;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1;
    box-sizing: border-box;
    transition: transform 0.22s ease, border-color 0.22s ease, color 0.22s ease, background-color 0.22s ease;
}

.contact-reach-link-btn:hover,
.contact-reach-link-btn:focus-visible {
    transform: translateY(-0.08rem);
    border-color: rgba(85, 168, 135, 0.62);
    background-color: rgba(85, 168, 135, 0.1);
    color: #55A887;
    outline: none;
}

.contact-reach-link-icon {
    width: 18px;
    height: 18px;
    display: inline-flex;
    color: currentColor;
}

.contact-reach-link-icon svg {
    width: 100%;
    height: 100%;
}

.contact-reach-link-text {
    white-space: nowrap;
}

.contact-right-content-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
}

.contact-details-col {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.contact-branding-small {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: #ffeedc;
}

.contact-secondary-heading-unified {
    font-size: 4.5rem;
    line-height: 1.1;
    font-family: 'Choldera', display;
}

.contact-p-description {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #709987;
    max-width: 300px;
}

.contact-id-card-wrapper {
    background-color: transparent;
    border: 1px solid rgba(112, 153, 135, 0.2);
    border-radius: 16px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.contact-item-row {
    display: flex;
    align-items: center;
    gap: 20px;
}

.contact-icon-box {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #55A887;
}

.contact-handle-text {
    font-size: 1.1rem;
    font-weight: 500;
}

.contact-faq-action-button {
    background-color: transparent;
    color: #ffeedc;
    border: 1px solid #709987;
    border-radius: 4px;
    padding: 15px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 10px;
}

.contact-faq-action-button:hover {
    background-color: #55A887;
    border-color: #55A887;
    color: #181818;
}


.contact-ticker-reveal {
    background-color: rgba(255, 238, 220, 0.03);
    padding: 40px 0;
    border-top: 1px solid rgba(112, 153, 135, 0.1);
    border-bottom: 1px solid rgba(112, 153, 135, 0.1);
    overflow: hidden;
}

.contact-ticker-sliding-track {
    display: flex;
    gap: 80px;
    white-space: nowrap;
    animation: contactTickerScroll 40s linear infinite;
}

.contact-ticker-item {
    font-size: 1.2rem;
    font-weight: 500;
    color: #ffeedc;
    opacity: 0.7;
}

@keyframes contactTickerScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}


.contact-social-reveal {
    padding: 100px 5vw;
}

.contact-social-grid-layout {
    display: grid;
    grid-template-columns: 0.8fr 1.1fr 1.1fr;
    gap: 40px;
    align-items: stretch;
}

.contact-social-sidebar-box {
    display: flex;
    align-items: flex-end;
}

.contact-sidebar-p-style {
    font-size: 0.9rem;
    line-height: 1.8;
    color: #55AAAA;
    max-width: 250px;
}

.contact-platform-card-item {
    background-color: rgba(255, 238, 220, 0.05);
    border-radius: 16px;
    padding: 80px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.contact-platform-card-item:hover {
    transform: translateY(-10px);
    background-color: rgba(85, 168, 135, 0.1);
}

.contact-platform-icon-large {
    width: 120px;
    height: 120px;
    color: #ffeedc;
}

.contact-visit-action-link {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ffeedc;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9rem;
}


.contact-pill-nav-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 50px 0;
}


@media (max-width: 1024px) {
    .contact-grid-container { grid-template-columns: 1fr 1.5fr; }
    .contact-title-col { grid-column: span 2; text-align: center; }
    .contact-massive-heading-unified { font-size: 4rem; }
    .contact-social-grid-layout { grid-template-columns: 1fr 1fr; }
    .contact-social-sidebar-box { grid-column: span 2; align-items: center; text-align: center; }
    .contact-sidebar-p-style { max-width: none; }
}

@media (max-width: 768px) {
    .contact-grid-container { grid-template-columns: 1fr; text-align: center; }
    .contact-title-col { grid-column: span 1; }
    .contact-details-col { align-items: center; }
    .contact-secondary-heading-unified { font-size: 3rem; }
    .contact-reach-links-row { justify-content: center; flex-wrap: wrap; max-width: none; }
    .contact-reach-link-btn { min-width: 240px; }
    .contact-social-grid-layout { grid-template-columns: 1fr; }
    .contact-social-sidebar-box { grid-column: span 1; }
    .contact-platform-card-item { padding: 50px 30px; }
}


.subscriptions-v2-body-root {
    background-color: #181818;
    color: #ffeedc;
    overflow-x: hidden;
}

.subscriptions-page-v2-wrapper {
    display: flex;
    flex-direction: column;
}


.pricing-table-v2-reveal {
    padding: 100px 5vw;
}

.pricing-v2-grid-layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    min-height: 80vh;
    border: 1px solid rgba(255, 238, 220, 0.1);
    border-radius: 16px;
    overflow: hidden;
}

.pricing-v2-card-item {
    padding: 80px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    border-right: 1px solid rgba(255, 238, 220, 0.1);
    background-color: #181818;
    transition: background-color 0.3s ease;
}

.pricing-v2-card-item:last-child {
    border-right: none;
}

.featured-inverse-tier {
    background-color: #ffeedc;
    color: #181818;
}


.pricing-v2-visual-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    width: 100%;
}

.pricing-v2-watermark-dollar {
    position: absolute;
    font-size: 14rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    color: rgba(255, 238, 220, 0.05);
    z-index: 1;
}

.featured-inverse-tier .pricing-v2-watermark-dollar {
    color: rgba(24, 24, 24, 0.05);
}

.pricing-v2-amount-row {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: baseline;
}

.pricing-v2-integer-value {
    font-size: 8rem;
    font-weight: 700;
    font-family: 'Unbounded', sans-serif;
    letter-spacing: -4px;
}

.pricing-v2-decimal-value {
    font-size: 2.5rem;
    font-weight: 700;
    font-family: 'Unbounded', sans-serif;
}


.pricing-v2-plan-title-unified {
    font-size: 2.5rem;
    font-family: 'Choldera', display;
    letter-spacing: 2px;
}


.pricing-v2-features-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

.feature-bullet-item {
    font-size: 0.95rem;
    line-height: 1.6;
    font-family: 'Unbounded', sans-serif;
    opacity: 0.8;
}


.pricing-v2-card-footer {
    width: 100%;
    margin-top: auto;
}

.pricing-v2-subscribe-action-btn, 
.pricing-v2-subscribe-action-btn-inverted {
    display: block;
    width: 100%;
    padding: 25px 0;
    text-align: center;
    text-decoration: none;
    font-size: 1.2rem;
    font-family: 'Choldera', display;
    letter-spacing: 4px;
    border-top: 1px solid rgba(255, 238, 220, 0.1);
    transition: all 0.3s ease;
}

.pricing-v2-subscribe-action-btn {
    color: #ffeedc;
}

.pricing-v2-subscribe-action-btn:hover {
    background-color: #ffeedc;
    color: #181818;
}

.pricing-v2-subscribe-action-btn-inverted {
    color: #181818;
    border-top-color: rgba(24, 24, 24, 0.1);
}

.pricing-v2-subscribe-action-btn-inverted:hover {
    background-color: #181818;
    color: #ffeedc;
}


.subs-v2-pill-nav-wrapper {
    padding: 80px 5vw;
    display: flex;
    justify-content: center;
}


@media (max-width: 1100px) {
    .pricing-v2-grid-layout { grid-template-columns: 1fr; border-right: none; }
    .pricing-v2-card-item { border-right: none; border-bottom: 1px solid rgba(255, 238, 220, 0.1); }
    .pricing-v2-card-item:last-child { border-bottom: none; }
    .pricing-v2-integer-value { font-size: 6rem; }
    .pricing-v2-watermark-dollar { font-size: 10rem; }
}

@media (max-width: 600px) {
    .pricing-v2-plan-title-unified { font-size: 1.8rem; }
    .pricing-v2-integer-value { font-size: 4.5rem; }
}


.faq-page-body-root {
    background-color: #181818;
    background-image: linear-gradient(rgba(24, 24, 24, 0.8), rgba(24, 24, 24, 0.8)), url('Assets/AboutSection2.png');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: #ffeedc;
    overflow-x: hidden;
}

.faq-site-main-layout {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}


.faq-minimal-branding-nav {
    padding: 40px 5vw;
    display: flex;
    justify-content: center;
}

.faq-top-logo-img {
    height: 12px;
    opacity: 0.8;
}


.faq-hero-reveal {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 60px 5vw;
}

.faq-display-title-unified {
    font-size: 14rem;
    font-family: 'Choldera', display;
    line-height: 1;
    letter-spacing: -5px;
    opacity: 0.9;
}

.faq-numeric-pagination-grid {
    display: flex;
    gap: 25px;
}

.faq-page-number-item {
    font-size: 1.2rem;
    font-weight: 700;
    font-family: 'Unbounded', sans-serif;
    color: rgba(255, 238, 220, 0.3);
    cursor: pointer;
    transition: color 0.3s ease, transform 0.3s ease;
}

.faq-page-number-item:hover {
    color: #ffeedc;
    transform: scale(1.1);
}

.faq-page-number-item.active {
    color: #55A887;
}


.faq-content-reveal {
    padding: 20px 10vw;
    display: flex;
    justify-content: center;
}

.faq-content-inner-wrapper {
    max-width: 900px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 40px;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.faq-active-title-unified {
    font-size: 2.5rem;
    font-family: 'Choldera', display;
    line-height: 1.3;
    letter-spacing: 1px;
}

.faq-active-copy-unified {
    font-size: 1.1rem;
    line-height: 1.8;
    color: rgba(255, 238, 220, 0.85);
    font-family: 'Unbounded', sans-serif;
}


.faq-action-wrapper-reveal {
    padding: 80px 5vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.faq-large-outlined-pill-btn {
    background-color: transparent;
    border: 1px solid rgba(255, 238, 220, 0.2);
    color: #ffeedc;
    padding: 20px 80px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 700;
    font-family: 'Unbounded', sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
    width: fit-content;
    max-width: 600px;
}

.faq-large-outlined-pill-btn:hover {
    background-color: #ffeedc;
    color: #181818;
    border-color: #ffeedc;
}

.faq-survey-minimal-link {
    font-size: 0.75rem;
    color: rgba(255, 238, 220, 0.5);
    text-decoration: none;
    transition: color 0.3s ease;
}

.faq-survey-minimal-link:hover {
    color: #55AAAA;
}


.faq-pill-nav-overlay-wrapper {
    padding: 60px 0;
    display: flex;
    justify-content: center;
}


@media (max-width: 1024px) {
    .faq-display-title-unified { font-size: 10rem; }
    .faq-active-title-unified { font-size: 2rem; }
    .faq-large-outlined-pill-btn { padding: 20px 40px; width: 90%; }
}

@media (max-width: 600px) {
    .faq-display-title-unified { font-size: 6rem; }
    .faq-active-title-unified { font-size: 1.5rem; }
    .faq-numeric-pagination-grid { gap: 15px; }
    .faq-page-number-item { font-size: 1rem; }
}


.policy-page-body-root {
    background-color: #181818;
    color: #ffeedc;
    overflow-x: hidden;
}

.policy-site-wrapper {
    display: flex;
    flex-direction: column;
}


.policy-hero-reveal {
    padding: 100px 8vw;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.policy-hero-title-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.policy-massive-title-unified {
    font-size: 6rem;
    font-family: 'Choldera', display;
    line-height: 1.1;
    letter-spacing: 2px;
}

.policy-massive-icon-img {
    width: 250px;
    height: 250px;
    opacity: 0.9;
}

.policy-hero-meta-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 100px;
}

.policy-last-updated-text {
    font-size: 0.8rem;
    font-weight: 700;
    color: #55AAAA;
    letter-spacing: 2px;
}

.policy-intro-p-text {
    max-width: 500px;
    font-size: 1.1rem;
    line-height: 1.8;
    color: #709987;
}

.policy-section-title-unified {
    font-size: 4rem;
    font-family: 'Choldera', display;
    margin-bottom: 50px;
}


.policy-collect-reveal {
    padding: 100px 8vw;
}

.policy-collect-blocks-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.policy-data-block {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.policy-data-sub-heading {
    font-size: 1.2rem;
    font-weight: 700;
    font-family: 'Unbounded', sans-serif;
}

.policy-data-p {
    font-size: 1.05rem;
    line-height: 1.8;
    color: #709987;
    max-width: 800px;
}


.policy-usage-reveal {
    padding: 100px 8vw;
}

.policy-usage-grid-layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.policy-usage-green-card {
    background-color: #55A887;
    border-radius: 16px;
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.usage-card-index {
    font-size: 1.2rem;
    font-weight: 700;
    color: #181818;
    font-family: 'Unbounded', sans-serif;
}

.usage-card-text {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #181818;
    font-weight: 500;
}


.policy-sharing-reveal {
    padding: 100px 8vw;
}

.policy-sharing-intro-text {
    font-size: 1.1rem;
    color: #709987;
    margin-bottom: 60px;
    max-width: 700px;
}

.policy-sharing-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-bottom: 80px;
}

.policy-stat-card-item {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.policy-stat-number {
    font-size: 4rem;
    font-weight: 700;
    font-family: 'Unbounded', sans-serif;
    color: #ffeedc;
}

.policy-stat-info {
    font-size: 0.85rem;
    color: #55AAAA;
    line-height: 1.6;
}

.policy-sharing-details-wrapper {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.policy-detail-row {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.policy-detail-title {
    font-size: 1.1rem;
    font-weight: 700;
    font-family: 'Unbounded', sans-serif;
}


.policy-rights-reveal {
    padding: 100px 8vw;
}

.policy-rights-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.policy-right-item-row {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(112, 153, 135, 0.2);
}

.policy-right-icon-box {
    font-size: 2rem;
    width: 60px;
}

.policy-right-content-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.policy-right-title {
    font-size: 1.1rem;
    font-weight: 700;
    font-family: 'Unbounded', sans-serif;
}

.policy-right-p {
    font-size: 1rem;
    line-height: 1.6;
    color: #709987;
    max-width: 800px;
}


.policy-security-reveal {
    padding: 100px 8vw;
}

.policy-security-intro-text {
    font-size: 1.1rem;
    color: #709987;
    margin-bottom: 60px;
    max-width: 700px;
}

.policy-security-grid-layout {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.policy-security-dark-card {
    background-color: rgba(255, 238, 220, 0.03);
    border: 1px solid rgba(112, 153, 135, 0.2);
    border-radius: 16px;
    padding: 50px 40px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.policy-security-card-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: #ffeedc;
    font-family: 'Unbounded', sans-serif;
}

.policy-security-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.policy-security-list li {
    font-size: 0.95rem;
    color: #709987;
    display: flex;
    align-items: center;
    gap: 10px;
}

.policy-security-list li::before {
    content: "•";
    color: #55A887;
}


.policy-cookies-reveal {
    padding: 100px 8vw 200px 8vw;
}

.policy-cookies-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 60px;
    margin-bottom: 80px;
}

.policy-cookie-tier-row {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.policy-cookie-header-row {
    display: flex;
    align-items: center;
    gap: 20px;
}

.policy-cookie-title {
    font-size: 1.1rem;
    font-weight: 700;
    font-family: 'Unbounded', sans-serif;
}

.policy-cookie-badge-required, 
.policy-cookie-badge-optional {
    font-size: 0.7rem;
    letter-spacing: 1px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 4px;
}

.policy-cookie-badge-required {
    background-color: #55A887;
    color: #181818;
}

.policy-cookie-badge-optional {
    background-color: rgba(255, 238, 220, 0.1);
    color: #55AAAA;
}

.policy-cookie-p {
    font-size: 1rem;
    color: #709987;
}

.policy-cookie-footer-p {
    font-size: 0.9rem;
    color: #55AAAA;
    font-style: italic;
}


.policy-pill-nav-module {
    padding: 100px 0;
    display: flex;
    justify-content: center;
}


@media (max-width: 1024px) {
    .policy-massive-title-unified { font-size: 4rem; }
    .policy-massive-icon-img { width: 150px; height: 150px; }
    .policy-usage-grid-layout { grid-template-columns: repeat(2, 1fr); }
    .policy-sharing-stats-grid { grid-template-columns: 1fr; }
    .policy-security-grid-layout { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .policy-hero-title-row { flex-direction: column; align-items: flex-start; gap: 40px; }
    .policy-hero-meta-row { flex-direction: column; gap: 40px; }
    .policy-usage-grid-layout { grid-template-columns: 1fr; }
    .policy-section-title-unified { font-size: 3rem; }
}



.careers-page-body-root {
    background-color: #181818;
    color: #ffeedc;
}


.careers-hero-reveal {
    position: relative;
    padding: 180px 8vw 100px 8vw;
    min-height: 90vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.careers-hero-grid-container {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 100px;
    width: 100%;
    position: relative;
    z-index: 2;
}

.careers-hero-badge-pill {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #55A887;
    border: 1px solid rgba(85, 168, 135, 0.3);
    padding: 6px 16px;
    border-radius: 4px;
    margin-bottom: 30px;
}

.careers-hero-main-heading-unified {
    font-size: 7rem;
    line-height: 0.9;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.careers-hero-subtext-copy {
    font-size: 1.25rem;
    color: #709987;
    max-width: 500px;
    margin-bottom: 60px;
    line-height: 1.6;
}

.careers-hero-cta-actions {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 100px;
}

.careers-primary-pill-btn-beige {
    background-color: #ffeedc;
    color: #181818;
    border: none;
    padding: 16px 40px;
    border-radius: 4px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    font-size: 0.9rem;
    cursor: pointer;
}

.careers-secondary-action-link {
    color: #ffeedc;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.9rem;
    letter-spacing: 1px;
    position: relative;
}

.careers-secondary-action-link::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #55A887;
    transition: width 0.3s ease;
}

.careers-secondary-action-link:hover::after {
    width: 100%;
}

.careers-hero-quick-stats-row {
    display: flex;
    gap: 60px;
}

.hero-stat-mini-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mini-stat-value {
    font-size: 2.5rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    color: #55A887;
}

.mini-stat-label {
    font-size: 0.8rem;
    color: #709987;
    letter-spacing: 1px;
    text-transform: uppercase;
}


.careers-hero-benefits-preview-col {
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
}

.benefit-preview-card {
    background-color: rgba(255, 238, 220, 0.03);
    border: 1px solid rgba(255, 238, 220, 0.05);
    padding: 30px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.benefit-preview-icon {
    font-size: 1.5rem;
}

.benefit-preview-title {
    font-size: 1.1rem;
    font-weight: 700;
    font-family: 'Unbounded', sans-serif;
    color: #ffeedc;
}

.benefit-preview-text {
    font-size: 0.9rem;
    color: #709987;
}


.find-your-role-reveal {
    padding: 120px 8vw;
    background-color: #121212;
}

.role-board-header {
    margin-bottom: 60px;
}

.small-label-dash {
    color: #709987;
    font-size: 0.75rem;
    letter-spacing: 2px;
    font-weight: 700;
    display: block;
    margin-bottom: 20px;
}

.role-board-main-title-unified {
    font-size: 5rem;
    text-transform: uppercase;
}

.role-filter-tab-pill-nav {
    display: flex;
    gap: 15px;
    margin-bottom: 80px;
    flex-wrap: wrap;
}

.role-filter-tab-item {
    background-color: rgba(255, 238, 220, 0.05);
    color: #ffeedc;
    border: 1px solid rgba(255, 238, 220, 0.1);
    padding: 10px 24px;
    border-radius: 50px;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
}

.role-filter-tab-item.active,
.role-filter-tab-item:hover {
    background-color: #55A887;
    color: #181818;
    border-color: #55A887;
}

.role-board-content-grid-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}


.role-card-featured-high-impact {
    background-color: rgba(255, 238, 220, 0.02);
    border: 1px solid rgba(85, 168, 135, 0.4);
    border-radius: 16px;
    padding: 60px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    grid-row: span 2;
}

.role-card-header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.role-card-title-unified {
    font-size: 2.5rem;
    line-height: 1.1;
}

.role-badge-tag-pill {
    background-color: #55AAAA;
    color: #181818;
    font-size: 0.7rem;
    font-weight: 800;
    padding: 6px 14px;
    border-radius: 4px;
}

.role-card-detail-text {
    font-size: 1rem;
    color: #ffeedc;
    font-weight: 600;
}

.role-card-description-long {
    font-size: 1.1rem;
    color: #709987;
    line-height: 1.6;
}

.role-card-tags-flex {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.mini-tag-pill {
    background-color: rgba(85, 168, 135, 0.1);
    color: #55AAAA;
    border: 1px solid rgba(85, 170, 170, 0.2);
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 700;
}

.role-apply-now-btn-beige {
    width: 100%;
    padding: 18px;
    background-color: #ffeedc;
    color: #181818;
    border: none;
    border-radius: 4px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 800;
    font-size: 1rem;
    cursor: pointer;
    margin-top: 20px;
}


.role-positions-grid-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.role-card-mini-item {
    background-color: rgba(255, 238, 220, 0.03);
    border: 1px solid rgba(255, 238, 220, 0.05);
    padding: 30px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    transition: all 0.3s ease;
}

.mini-role-category-tag {
    font-size: 0.65rem;
    font-weight: 800;
    color: #55A887;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.mini-role-title {
    font-size: 1.1rem;
    font-weight: 700;
    font-family: 'Unbounded', sans-serif;
    color: #ffeedc;
}

.mini-role-specs {
    font-size: 0.85rem;
    color: #709987;
}

.role-view-details-action {
    background: none;
    border: 1px solid rgba(255, 238, 220, 0.1);
    color: #ffeedc;
    padding: 10px;
    border-radius: 50px;
    font-size: 0.7rem;
    font-weight: 700;
    font-family: 'Unbounded', sans-serif;
    cursor: pointer;
    margin-top: 10px;
    transition: all 0.3s ease;
}

.role-view-details-action:hover {
    background-color: #ffeedc;
    color: #181818;
}


.role-missing-green-cta-card {
    background-color: #55A887;
    color: #181818;
    padding: 40px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    grid-column: span 2;
}

.role-missing-title {
    font-size: 1.5rem;
    font-weight: 800;
    font-family: 'Unbounded', sans-serif;
}

.role-missing-description {
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.5;
}

.role-general-apply-action {
    background-color: #181818;
    color: #55A887;
    border: none;
    padding: 14px 28px;
    border-radius: 50px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 800;
    font-size: 0.85rem;
    cursor: pointer;
    align-self: flex-start;
}


.why-join-us-reveal {
    padding: 120px 8vw;
    background-color: #181818;
}

.why-reveal-header {
    margin-bottom: 80px;
}

.why-reveal-title-unified {
    font-size: 5rem;
    text-transform: uppercase;
}

.benefits-five-column-grid-layout {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.benefit-col-item {
    background-color: rgba(255, 238, 220, 0.02);
    border: 1px solid rgba(255, 238, 220, 0.05);
    padding: 40px 25px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
}

.benefit-emoji-large {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 10px;
}

.benefit-col-title {
    font-size: 1rem;
    letter-spacing: 1px;
    font-weight: 700;
}

.benefit-details-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.benefit-details-list li {
    font-size: 0.85rem;
    color: #709987;
}


.how-it-works-reveal {
    padding: 120px 8vw;
    background-color: #121212;
}

.process-reveal-header {
    margin-bottom: 100px;
    text-align: center;
}

.process-title-unified {
    font-size: 5rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.process-intro-text {
    font-size: 1.1rem;
    color: #709987;
    max-width: 600px;
    margin: 0 auto;
}

.recruitment-timeline-staggered-layout {
    display: flex;
    flex-direction: column;
    gap: 60px;
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
}

.recruitment-timeline-staggered-layout::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, transparent, rgba(85, 168, 135, 0.5), transparent);
    z-index: 1;
}

.timeline-step-card-box {
    width: 45%;
    background-color: rgba(255, 238, 220, 0.03);
    border: 1px solid rgba(255, 238, 220, 0.05);
    padding: 40px;
    border-radius: 16px;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.timeline-step-card-box.left-reveal {
    align-self: flex-start;
}

.timeline-step-card-box.right-reveal {
    align-self: flex-end;
}


.timeline-step-card-box::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 14px;
    height: 14px;
    background-color: #55A887;
    border-radius: 50%;
    border: 4px solid #121212;
}

.timeline-step-card-box.left-reveal::after {
    right: -27.5%;
}

.timeline-step-card-box.right-reveal::after {
    left: -27.5%;
}

.timeline-step-index {
    font-size: 1.2rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    color: #55A887;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.timeline-tag-pill {
    font-size: 0.65rem;
    background-color: rgba(255, 238, 220, 0.05);
    color: #55AAAA;
    padding: 4px 10px;
    border-radius: 4px;
    letter-spacing: 1px;
}

.timeline-step-title {
    font-size: 1.4rem;
    letter-spacing: 1px;
}

.timeline-step-description {
    font-size: 0.95rem;
    color: #709987;
    line-height: 1.6;
}


.careers-ready-cta-reveal {
    padding: 150px 8vw 250px 8vw;
    text-align: center;
    background-color: #181818;
}

.ready-cta-title-unified {
    font-size: 6rem;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.ready-cta-description {
    font-size: 1.2rem;
    color: #709987;
    max-width: 700px;
    margin: 0 auto 60px auto;
    line-height: 1.6;
}

.ready-join-empire-btn-beige {
    padding: 20px 50px;
    background-color: #ffeedc;
    color: #181818;
    border: none;
    border-radius: 4px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 800;
    font-size: 1.1rem;
    cursor: pointer;
    margin-bottom: 40px;
}

.ready-cta-footer-small {
    font-size: 0.75rem;
    color: #55AAAA;
    letter-spacing: 1px;
    text-transform: uppercase;
}


.careers-pill-nav-wrapper {
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
}


@media (max-width: 1200px) {
    .careers-hero-main-heading-unified { font-size: 5rem; }
    .benefits-five-column-grid-layout { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1024px) {
    .careers-hero-grid-container { grid-template-columns: 1fr; gap: 60px; }
    .role-board-content-grid-layout { grid-template-columns: 1fr; }
    .role-card-featured-high-impact { grid-row: auto; }
    .role-positions-grid-layout { grid-template-columns: 1fr 1fr; }
    .recruitment-timeline-staggered-layout::before { left: 0; }
    .timeline-step-card-box { width: 90%; align-self: flex-start; margin-left: 10%; }
    .timeline-step-card-box::after { left: -11% !important; }
}

@media (max-width: 768px) {
    .careers-hero-main-heading-unified { font-size: 4rem; }
    .role-board-main-title-unified, 
    .process-title-unified, 
    .why-reveal-title-unified { font-size: 3.5rem; }
    .ready-cta-title-unified { font-size: 4rem; }
    .benefits-five-column-grid-layout { grid-template-columns: repeat(2, 1fr); }
    .role-positions-grid-layout { grid-template-columns: 1fr; }
    .role-missing-green-cta-card { grid-column: auto; }
}

@media (max-width: 480px) {
    .careers-hero-main-heading-unified { font-size: 3rem; }
    .role-board-main-title-unified, 
    .process-title-unified, 
    .why-reveal-title-unified { font-size: 2.5rem; }
    .ready-cta-title-unified { font-size: 2.5rem; }
    .benefits-five-column-grid-layout { grid-template-columns: 1fr; }
    .careers-hero-quick-stats-row { flex-direction: column; gap: 30px; }
    .timeline-step-card-box { padding: 30px; }
}



.team-page-body-root {
    background-color: #181818;
    color: #ffeedc;
}


.team-hero-reveal {
    min-height: 90vh;
    padding: 180px 8vw 100px 8vw;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.team-hero-bg-visual {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 70% 30%, rgba(85, 168, 135, 0.15), transparent);
    z-index: 1;
}

.team-hero-inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
}

.team-hero-tagline-badge {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #55A887;
    margin-bottom: 30px;
}

.team-hero-main-title-unified {
    font-size: 7rem;
    line-height: 0.9;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.team-hero-intro-copy {
    font-size: 1.25rem;
    color: #709987;
    max-width: 600px;
    margin-bottom: 80px;
    line-height: 1.6;
}

.team-hero-metrics-row {
    display: flex;
    gap: 80px;
    margin-bottom: 120px;
}

.team-metric-stat-box {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.team-metric-value-text {
    font-size: 3rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    color: #55A887;
}

.team-metric-label-text {
    font-size: 0.8rem;
    color: #ffeedc;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
}


.our-leaders-reveal {
    padding: 120px 8vw;
    background-color: #121212;
}

.leaders-section-header {
    margin-bottom: 80px;
}

.leaders-main-title-unified {
    font-size: 5rem;
    text-transform: uppercase;
}

.leaders-grid-canvas-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}


.leader-primary-spotlight-card {
    background-color: rgba(255, 238, 220, 0.03);
    border: 1px solid rgba(85, 168, 135, 0.4);
    padding: 60px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    grid-row: span 3;
}

.leader-avatar-large {
    width: 80px;
    height: 80px;
    border-radius: 16px;
    background-color: #55A887;
    padding: 15px;
}

.leader-info-content-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.leader-name-text {
    font-size: 2.5rem;
    letter-spacing: 1px;
}

.leader-position-tag-pill {
    font-size: 0.8rem;
    color: #55A887;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.leader-bio-description {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #709987;
}

.leader-quote-block-unified {
    padding: 30px;
    background-color: rgba(85, 168, 135, 0.1);
    border-left: 4px solid #55A887;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.95rem;
    color: #ffeedc;
    font-style: italic;
    border-radius: 0 16px 16px 0;
}


.leaders-secondary-grid-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.leader-compact-card {
    background-color: rgba(255, 238, 220, 0.02);
    border: 1px solid rgba(255, 238, 220, 0.05);
    padding: 30px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 30px;
    transition: all 0.3s ease;
}

.avatar-sm {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: rgba(85, 168, 135, 0.2);
    padding: 8px;
}

.leader-compact-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.compact-leader-name {
    font-size: 1.2rem;
    letter-spacing: 1px;
}

.compact-leader-role {
    font-size: 0.8rem;
    color: #55A887;
    font-weight: 700;
}

.compact-leader-spec {
    font-size: 0.75rem;
    color: #709987;
    font-weight: 600;
}


.meet-the-teams-reveal {
    padding: 120px 8vw;
    background-color: #181818;
}

.teams-reveal-header-box {
    margin-bottom: 100px;
}

.teams-main-title-unified {
    font-size: 5rem;
    text-transform: uppercase;
}

.department-grouping-vertical-list {
    display: flex;
    flex-direction: column;
    gap: 120px;
}

.department-header-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 1px solid rgba(255, 238, 220, 0.05);
    padding-bottom: 20px;
    margin-bottom: 60px;
}

.department-name-unified {
    font-size: 2rem;
    letter-spacing: 2px;
}

.department-count-pill-tag {
    font-size: 0.8rem;
    color: #55AAAA;
    font-weight: 800;
    letter-spacing: 1px;
}

.team-member-flex-grid-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.member-card-mini-box {
    flex: 1 1 200px;
    min-width: 200px;
    background-color: rgba(255, 238, 220, 0.02);
    border: 1px solid rgba(255, 238, 220, 0.05);
    padding: 30px;
    border-radius: 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.member-mini-avatar {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    background-color: rgba(255, 238, 220, 0.05);
    padding: 12px;
}

.member-name-mini {
    font-size: 1rem;
    font-weight: 700;
}

.member-role-mini {
    font-size: 0.8rem;
    color: #709987;
    font-weight: 600;
}


.studio-culture-reveal {
    padding: 150px 8vw 250px 8vw;
    background-color: #121212;
}

.culture-split-grid-canvas {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
}

.culture-main-title-unified {
    font-size: 5rem;
    text-transform: uppercase;
    margin-bottom: 60px;
    line-height: 1.1;
}

.culture-value-list-grid {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.culture-value-item-box {
    background-color: rgba(255, 238, 220, 0.02);
    border: 1px solid rgba(255, 238, 220, 0.05);
    padding: 40px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.value-item-title {
    font-size: 1.2rem;
    font-weight: 800;
    font-family: 'Unbounded', sans-serif;
    color: #55A887;
}

.value-item-text {
    font-size: 1rem;
    line-height: 1.6;
    color: #709987;
}

.culture-testimonials-col {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.culture-testimonial-card-item {
    background-color: rgba(255, 238, 220, 0.03);
    border: 1px solid rgba(85, 170, 170, 0.1);
    padding: 50px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.testimonial-quote-text {
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 500;
    color: #ffeedc;
}

.testimonial-footer-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.testimonial-name {
    font-size: 1rem;
    font-weight: 800;
    margin-bottom: 4px;
}

.testimonial-meta {
    font-size: 0.8rem;
    color: #55AAAA;
    font-weight: 700;
}

.testimonial-status-badge {
    background-color: rgba(85, 168, 135, 0.1);
    color: #55A887;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 800;
}


@media (max-width: 1200px) {
    .team-hero-main-title-unified { font-size: 5rem; }
    .culture-split-grid-canvas { gap: 60px; }
}

@media (max-width: 1024px) {
    .leaders-grid-canvas-layout { grid-template-columns: 1fr; }
    .leader-primary-spotlight-card { grid-row: auto; }
    .culture-split-grid-canvas { grid-template-columns: 1fr; gap: 80px; }
    .team-hero-metrics-row { gap: 40px; }
}

@media (max-width: 768px) {
    .team-hero-main-title-unified,
    .leaders-main-title-unified, 
    .teams-main-title-unified,
    .culture-main-title-unified { font-size: 4rem; }
    .team-hero-metrics-row { flex-wrap: wrap; }
}

@media (max-width: 480px) {
    .team-hero-main-title-unified,
    .leaders-main-title-unified, 
    .teams-main-title-unified,
    .culture-main-title-unified { font-size: 3rem; }
    .team-metric-value-text { font-size: 2.5rem; }
    .leader-name-text { font-size: 2rem; }
    .leader-primary-spotlight-card { padding: 40px; }
    .member-card-mini-box { flex: 1 1 100%; }
}



.blog-page-body-root {
    background-color: #181818;
    color: #ffeedc;
}


.blog-hero-reveal {
    padding: 100px 8vw 120px 8vw;
    background-color: #181818;
}

.blog-hero-header-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.blog-hero-main-title-unified {
    font-size: 8rem;
    line-height: 0.9;
    margin-bottom: 80px;
    text-transform: uppercase;
}

.blog-hero-featured-grid-canvas {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

.blog-featured-card-spotlight {
    background-color: rgba(255, 238, 220, 0.02);
    border: 1px solid rgba(255, 238, 220, 0.05);
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.featured-card-visual-box {
    width: 100%;
    height: 400px;
    background-color: #55A887;
    display: flex;
    justify-content: center;
    align-items: center;
}

.featured-visual-graphic-green {
    width: 120px;
    height: 120px;
    color: #181818;
    opacity: 0.8;
}

.featured-card-content-box {
    padding: 60px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.featured-category-badge-pill {
    align-self: flex-start;
    background-color: #55AAAA;
    color: #181818;
    font-size: 0.7rem;
    font-weight: 800;
    padding: 6px 14px;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.featured-card-title-unified {
    font-size: 3rem;
    line-height: 1.1;
    letter-spacing: 1px;
}

.featured-card-excerpt {
    font-size: 1.1rem;
    color: #709987;
    line-height: 1.6;
    max-width: 800px;
}

.featured-card-meta-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 238, 220, 0.05);
}

.featured-author-mini {
    display: flex;
    align-items: center;
    gap: 15px;
}

.author-avatar-initial {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #55A887;
    color: #181818;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
}

.author-name {
    font-size: 1rem;
    font-weight: 700;
}

.post-date {
    font-size: 0.8rem;
    color: #709987;
}

.read-more-action-link {
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: 1px;
    color: #ffeedc;
    border-bottom: 2px solid #55A887;
    padding-bottom: 4px;
    cursor: pointer;
}


.blog-hero-sidebar-col {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.sidebar-module-box {
    background-color: rgba(255, 238, 220, 0.02);
    border: 1px solid rgba(255, 238, 220, 0.05);
    padding: 40px;
    border-radius: 16px;
}

.sidebar-module-title-unified {
    font-size: 0.9rem;
    font-weight: 800;
    color: #55A887;
    letter-spacing: 1px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.quick-read-item-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.quick-read-link {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 5px;
    transition: transform 0.3s ease;
}

.quick-read-link:hover {
    transform: translateX(10px);
}

.quick-read-title {
    font-size: 1rem;
    color: #ffeedc;
    line-height: 1.4;
}

.quick-read-meta {
    font-size: 0.75rem;
    color: #709987;
}

.sidebar-module-text {
    font-size: 0.95rem;
    color: #709987;
    line-height: 1.5;
    margin-bottom: 25px;
}

.sidebar-subscribe-btn-green {
    width: 100%;
    padding: 14px;
    background-color: #55A887;
    color: #181818;
    border: none;
    border-radius: 4px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 800;
    font-size: 0.85rem;
    cursor: pointer;
}


.recent-articles-reveal {
    padding: 120px 8vw;
    background-color: #121212;
}

.archive-reveal-header {
    margin-bottom: 60px;
}

.archive-main-title-unified {
    font-size: 5rem;
    text-transform: uppercase;
}

.blog-filter-tab-pill-nav {
    display: flex;
    gap: 15px;
    margin-bottom: 80px;
    flex-wrap: wrap;
}

.blog-filter-tab-item {
    background-color: rgba(255, 238, 220, 0.04);
    border: 1px solid rgba(255, 238, 220, 0.05);
    color: #ffeedc;
    padding: 10px 24px;
    border-radius: 50px;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
}

.blog-filter-tab-item.active,
.blog-filter-tab-item:hover {
    background-color: #55A887;
    color: #181818;
    border-color: #55A887;
}

.blog-archive-mixed-grid-layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(300px, auto);
    gap: 30px;
}

.blog-card-item-vertical {
    background-color: rgba(255, 238, 220, 0.02);
    border: 1px solid rgba(255, 238, 220, 0.05);
    padding: 40px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.blog-card-emoji-header {
    font-size: 2.5rem;
    margin-bottom: 10px;
}

.blog-card-category-label {
    font-size: 0.65rem;
    font-weight: 800;
    color: #55A887;
    letter-spacing: 1px;
}

.blog-card-title-unified {
    font-size: 1.5rem;
    line-height: 1.3;
}

.blog-card-excerpt {
    font-size: 0.95rem;
    color: #709987;
    line-height: 1.5;
}

.blog-card-footer {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
    font-weight: 600;
    color: #55AAAA;
}


.blog-card-item-horizontal {
    grid-column: span 2;
    background-color: rgba(255, 238, 220, 0.02);
    border: 1px solid rgba(255, 238, 220, 0.05);
    padding: 30px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 30px;
}

.blog-card-mini-visual {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    background-color: rgba(255, 238, 220, 0.05);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
}

.blog-card-mini-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.blog-card-mini-content .blog-card-title-unified {
    font-size: 1.2rem;
}

.blog-card-meta {
    font-size: 0.8rem;
    color: #709987;
}

.mini-card-action-arrow {
    font-size: 1.5rem;
    color: #55A887;
}

.archive-action-footer {
    display: flex;
    justify-content: center;
    margin-top: 80px;
}

.load-more-action-pill-btn-beige {
    background-color: #ffeedc;
    color: #181818;
    border: none;
    padding: 16px 40px;
    border-radius: 4px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 800;
    font-size: 0.9rem;
    cursor: pointer;
}


.blog-topic-hub-reveal {
    padding: 120px 8vw 200px 8vw;
    background-color: #181818;
}

.topic-reveal-header {
    margin-bottom: 80px;
}

.topic-main-title-unified {
    font-size: 5rem;
    text-transform: uppercase;
}

.topic-hub-grid-canvas {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 60px;
}

.topic-cards-grid-layout {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.topic-item-card-mini {
    background-color: rgba(255, 238, 220, 0.02);
    border: 1px solid rgba(255, 238, 220, 0.05);
    padding: 40px;
    border-radius: 16px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.topic-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.topic-emoji {
    font-size: 2rem;
}

.topic-count-badge {
    background-color: rgba(85, 168, 135, 0.1);
    color: #55A887;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 800;
}

.topic-card-title {
    font-size: 1.25rem;
    font-weight: 800;
    color: #ffeedc;
}

.topic-card-desc {
    font-size: 0.95rem;
    color: #709987;
    line-height: 1.5;
}


.topic-hub-sidebar-col {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.popular-ranking-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.ranking-item {
    display: flex;
    gap: 20px;
    text-decoration: none;
}

.ranking-index {
    font-size: 1.5rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 800;
    color: rgba(85, 168, 135, 0.3);
}

.ranking-content {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ranking-title {
    font-size: 0.95rem;
    color: #ffeedc;
    line-height: 1.4;
}

.ranking-meta {
    font-size: 0.75rem;
    color: #55AAAA;
    font-weight: 700;
}

.search-field-minimal-row {
    display: flex;
    align-items: center;
    background-color: rgba(255, 238, 220, 0.05);
    border-radius: 4px;
    padding: 0 15px;
}

.search-input-minimal {
    flex: 1;
    background: none;
    border: none;
    padding: 15px 0;
    color: #ffeedc;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.8rem;
    outline: none;
}

.search-icon-svg {
    width: 18px;
    height: 18px;
    color: #55AAAA;
}


@media (max-width: 1200px) {
    .blog-hero-main-title-unified { font-size: 6rem; }
    .blog-hero-featured-grid-canvas,
    .topic-hub-grid-canvas { grid-template-columns: 1fr; }
    .blog-hero-sidebar-col { flex-direction: row; }
    .sidebar-module-box { flex: 1; }
    .blog-archive-mixed-grid-layout { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 1024px) {
    .archive-main-title-unified, 
    .topic-main-title-unified { font-size: 4rem; }
}

@media (max-width: 768px) {
    .blog-hero-main-title-unified { font-size: 4rem; }
    .blog-hero-sidebar-col { flex-direction: column; }
    .featured-card-title-unified { font-size: 2.2rem; }
    .featured-card-content-box { padding: 40px; }
    .topic-cards-grid-layout { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    .blog-hero-main-title-unified { font-size: 3rem; }
    .archive-main-title-unified, 
    .topic-main-title-unified { font-size: 2.5rem; }
    .blog-card-item-horizontal { grid-column: auto; }
}



.partners-page-body-root {
    background-color: #181818;
    color: #ffeedc;
}


.partners-hero-reveal {
    min-height: 95vh;
    padding: 160px 8vw 100px 8vw;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.partners-hero-inner-container {
    width: 100%;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 80px;
    align-items: center;
    position: relative;
    z-index: 2;
}

.partners-hero-tagline-badge {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 2px;
    color: #55AAAA;
    margin-bottom: 30px;
}

.partners-hero-main-title-unified {
    font-size: 8rem;
    line-height: 0.9;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.partners-hero-intro-copy {
    font-size: 1.25rem;
    color: #709987;
    max-width: 550px;
    margin-bottom: 50px;
    line-height: 1.6;
}

.partners-hero-actions-row {
    display: flex;
    gap: 20px;
    margin-bottom: 80px;
}

.partners-primary-pill-btn-beige {
    background-color: #ffeedc;
    color: #181818;
    padding: 16px 32px;
    border-radius: 50px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 800;
    font-size: 0.85rem;
    text-decoration: none;
}

.partners-secondary-outline-btn {
    border: 1px solid rgba(255, 238, 220, 0.2);
    color: #ffeedc;
    padding: 16px 32px;
    border-radius: 50px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 800;
    font-size: 0.85rem;
    text-decoration: none;
}

.partners-hero-metrics-grid {
    display: flex;
    gap: 60px;
}

.partner-metric-item {
    display: flex;
    flex-direction: column;
}

.partner-metric-number {
    font-size: 3rem;
    font-weight: 700;
    color: #55A887;
}

.partner-metric-label {
    font-size: 0.8rem;
    color: #709987;
    text-transform: uppercase;
    letter-spacing: 1px;
}


.partners-hero-visual-col {
    display: flex;
    justify-content: center;
    position: relative;
}

.abstract-globe-container {
    width: 100%;
    max-width: 450px;
    animation: rotateGlobe 60s linear infinite;
}

@keyframes rotateGlobe {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}


.trusted-leaders-reveal {
    padding: 120px 8vw;
    background-color: #121212;
}

.trusted-section-header {
    margin-bottom: 80px;
}

.trusted-main-title-unified {
    font-size: 5rem;
    text-transform: uppercase;
}

.partners-spotlight-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 80px;
}

.partner-full-spotlight-card {
    background-color: rgba(255, 238, 220, 0.02);
    border: 1px solid rgba(255, 238, 220, 0.05);
    padding: 50px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.partner-card-badge-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.partner-logo-mini-circle {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(85, 168, 135, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
}

.partner-type-tag {
    font-size: 0.7rem;
    font-weight: 800;
    color: #55AAAA;
    letter-spacing: 1px;
}

.partner-spotlight-title {
    font-size: 2rem;
    margin-bottom: 20px;
}

.partner-spotlight-desc {
    font-size: 1.1rem;
    color: #709987;
    line-height: 1.6;
    margin-bottom: 40px;
}

.partner-stat-meta-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 238, 220, 0.05);
}

.partner-meta-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.meta-label {
    font-size: 0.65rem;
    font-weight: 800;
    color: #55A887;
    text-transform: uppercase;
}

.meta-value {
    font-size: 1rem;
    font-weight: 700;
}


.partner-icons-grid-layout {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}

.partner-mini-card-item {
    background-color: rgba(255, 238, 220, 0.02);
    border: 1px solid rgba(255, 238, 220, 0.05);
    padding: 30px;
    border-radius: 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.partner-mini-emoji {
    font-size: 2rem;
}

.partner-mini-name {
    font-size: 0.9rem;
    font-weight: 800;
}

.partner-mini-role {
    font-size: 0.75rem;
    color: #709987;
}


.partnership-benefits-reveal {
    padding: 150px 8vw;
    background-color: #181818;
}

.benefits-section-header {
    margin-bottom: 80px;
}

.benefits-main-title-unified {
    font-size: 5rem;
    text-transform: uppercase;
    line-height: 1.1;
}

.benefits-numbered-grid-layout {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    margin-bottom: 120px;
}

.benefit-numbered-item {
    background-color: rgba(255, 238, 220, 0.02);
    border: 1px solid rgba(255, 238, 220, 0.05);
    padding: 60px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    position: relative;
}

.benefit-index-number {
    font-size: 3rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 800;
    color: rgba(85, 168, 135, 0.2);
    position: absolute;
    top: 40px;
    right: 40px;
}

.benefit-title-text {
    font-size: 1.5rem;
    max-width: 80%;
}

.benefit-body-copy {
    font-size: 1rem;
    color: #709987;
    line-height: 1.6;
}

.benefit-bullet-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    list-style: none;
    margin-top: 20px;
}

.benefit-bullet-list li {
    font-size: 0.85rem;
    font-weight: 700;
    color: #ffeedc;
    display: flex;
    align-items: center;
    gap: 10px;
}

.benefit-bullet-list li::before {
    content: "→";
    color: #55A887;
}

.partners-testimonials-footer-row {
    display: flex;
    gap: 80px;
    padding-top: 80px;
    border-top: 1px solid rgba(255, 238, 220, 0.05);
}

.partner-mini-quote {
    flex: 1;
}

.partner-mini-quote p {
    font-size: 1.1rem;
    font-style: italic;
    color: #709987;
    margin-bottom: 15px;
    line-height: 1.5;
}

.partner-mini-quote cite {
    font-size: 0.85rem;
    font-weight: 800;
    color: #55AAAA;
}


.partner-cta-reveal {
    padding: 100px 8vw 250px 8vw;
    background-color: #121212;
}

.partner-cta-inner-container {
    background: linear-gradient(135deg, rgba(85, 168, 135, 0.05), rgba(18, 18, 18, 1));
    border: 1px solid rgba(85, 168, 135, 0.2);
    padding: 100px 80px;
    border-radius: 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.partner-cta-title-unified {
    font-size: 5rem;
    text-transform: uppercase;
}

.partner-cta-subtext {
    font-size: 1.2rem;
    color: #709987;
    max-width: 700px;
    line-height: 1.6;
}

.partner-steps-row {
    display: flex;
    gap: 40px;
    margin: 40px 0;
}

.step-card-pill {
    background-color: rgba(255, 238, 220, 0.02);
    border: 1px solid rgba(255, 238, 220, 0.05);
    padding: 30px;
    border-radius: 16px;
    width: 220px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.step-index-mini {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #55A887;
    color: #181818;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    font-size: 0.8rem;
    margin: 0 auto;
}

.step-label {
    font-size: 1.1rem;
    letter-spacing: 1px;
}

.step-details {
    font-size: 0.75rem;
    color: #709987;
    font-weight: 600;
}

.partners-action-pill-btn-beige {
    background-color: #ffeedc;
    color: #181818;
    border: none;
    padding: 20px 48px;
    border-radius: 4px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 800;
    font-size: 0.95rem;
    cursor: pointer;
}


@media (max-width: 1200px) {
    .partners-hero-main-title-unified { font-size: 6rem; }
}

@media (max-width: 1024px) {
    .partners-hero-inner-container { grid-template-columns: 1fr; gap: 60px; text-align: center; }
    .partners-hero-intro-copy { margin: 0 auto 50px auto; }
    .partners-hero-actions-row, .partners-hero-metrics-grid { justify-content: center; }
    .partners-spotlight-row { grid-template-columns: 1fr; }
    .partner-icons-grid-layout { grid-template-columns: repeat(3, 1fr); }
    .benefits-numbered-grid-layout { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .partners-hero-main-title-unified,
    .trusted-main-title-unified, 
    .benefits-main-title-unified,
    .partner-cta-title-unified { font-size: 4rem; }
    .partner-icons-grid-layout { grid-template-columns: repeat(2, 1fr); }
    .partner-steps-row { flex-direction: column; }
    .step-card-pill { width: 100%; }
    .partners-testimonials-footer-row { flex-direction: column; gap: 40px; }
}

@media (max-width: 480px) {
    .partners-hero-main-title-unified,
    .trusted-main-title-unified, 
    .benefits-main-title-unified,
    .partner-cta-title-unified { font-size: 3rem; }
    .partners-hero-metrics-grid { flex-direction: column; align-items: center; gap: 30px; }
    .partner-full-spotlight-card { padding: 40px; }
    .benefit-numbered-item { padding: 40px; }
    .partner-cta-inner-container { padding: 60px 30px; }
}


.features-page-body-root {
    background-color: #181818;
    color: #ffeedc;
}

.features-page-main-wrapper {
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 0;
}


.features-section-title-unified {
    font-size: 3rem;
    line-height: 1.1;
    letter-spacing: 1px;
    font-family: 'Choldera', display;
    text-transform: uppercase;
}


.features-hero-section-reveal {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 180px 5vw 80px;
    gap: 25px;
    border-bottom: 1px solid rgba(112, 153, 135, 0.2);
}

.features-hero-label {
    font-size: 0.7rem;
    color: #55A887;
    letter-spacing: 3px;
}

.features-hero-title-unified {
    font-size: 5rem;
    line-height: 1.1;
    letter-spacing: 2px;
    font-family: 'Choldera', display;
    text-transform: uppercase;
}

.features-hero-subtext {
    font-size: 1.1rem;
    color: #709987;
    max-width: 600px;
    line-height: 1.6;
    margin-top: 10px;
}

.features-hero-pills-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
    margin-bottom: 20px;
    max-width: 800px;
}

.feature-hero-pill-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 24px;
    background-color: #1a1a1a;
    border: 1px solid rgba(112, 153, 135, 0.2);
    border-radius: 50px;
    font-size: 0.85rem;
    color: #ffeedc;
    transition: border-color 0.3s ease, background-color 0.3s ease;
}

.feature-hero-pill-item:hover {
    border-color: #55A887;
    background-color: #222;
}

.features-hero-cta-group {
    display: flex;
    gap: 20px;
    align-items: center;
}

.features-start-trial-btn {
    background-color: #ffeedc;
    color: #181818;
    border: none;
    padding: 18px 36px;
    border-radius: 4px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    cursor: pointer;
}

.features-pricing-btn {
    background-color: transparent;
    color: #ffeedc;
    border: 1px solid #ffeedc;
    padding: 18px 36px;
    border-radius: 4px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.features-pricing-btn:hover {
    background-color: #ffeedc;
    color: #181818;
}


.features-creators-reveal {
    padding: 100px 5vw;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.creators-block-container {
    display: flex;
    flex-direction: column;
    gap: 120px;
}

.creator-row-right {
    display: flex;
    justify-content: flex-end;
}

.creator-row-left {
    display: flex;
    justify-content: flex-start;
}

.creator-content-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 450px;
}

.creator-badge-label {
    font-size: 0.7rem;
    color: #181818;
    background-color: #55A887;
    padding: 5px 12px;
    border-radius: 4px;
    width: fit-content;
    font-weight: 700;
    letter-spacing: 1px;
}

.creator-block-title-unified {
    font-size: 2.5rem;
    line-height: 1.1;
    font-family: 'Choldera', display;
    text-transform: uppercase;
}

.creator-block-desc {
    color: #709987;
    line-height: 1.6;
    font-size: 0.95rem;
}

.creator-feature-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    list-style: none;
    margin-top: 10px;
}

.creator-feature-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.9rem;
}

.creator-list-icon {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: rgba(85, 168, 135, 0.1);
    border: 1px solid #55A887;
    display: flex;
    align-items: center;
    justify-content: center;
}


.features-toolkit-reveal {
    padding: 100px 5vw;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.toolkit-header-box {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.toolkit-subtext {
    color: #709987;
    max-width: 500px;
    font-size: 1rem;
    line-height: 1.5;
}

.toolkit-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.toolkit-card-item {
    background-color: #141414;
    border: 1px solid rgba(112, 153, 135, 0.15);
    border-radius: 16px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.toolkit-card-title-unified {
    font-size: 1.1rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
}

.toolkit-card-desc {
    color: #709987;
    font-size: 0.85rem;
    line-height: 1.6;
}


.features-poweruser-reveal {
    padding: 100px 5vw;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.poweruser-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.poweruser-category-box {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.poweruser-category-title {
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #ffeedc;
    border-bottom: 1px solid rgba(112, 153, 135, 0.2);
    padding-bottom: 15px;
}

.poweruser-items-grid-2col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.poweruser-card-item {
    background-color: #111;
    border: 1px solid rgba(112, 153, 135, 0.15);
    border-radius: 16px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.poweruser-card-label {
    font-size: 1rem;
    font-weight: 700;
}

.poweruser-card-desc {
    color: #709987;
    font-size: 0.9rem;
    line-height: 1.5;
}


.features-ready-reveal {
    padding: 120px 5vw;
    display: flex;
    justify-content: center;
    text-align: center;
}

.features-ready-content {
    max-width: 600px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.features-ready-title-unified {
    font-size: 3.5rem;
    line-height: 1.1;
    font-family: 'Choldera', display;
    text-transform: uppercase;
}

.features-ready-desc {
    color: #709987;
    font-size: 1.1rem;
    line-height: 1.6;
}


@media (max-width: 1024px) {
    .features-hero-title-unified {
        font-size: 4rem;
    }
    .toolkit-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .features-hero-title-unified {
        font-size: 3rem;
    }
    .features-section-title-unified {
        font-size: 2.5rem;
    }
    .features-hero-cta-group {
        flex-direction: column;
        width: 100%;
    }
    .features-start-trial-btn, .features-pricing-btn {
        width: 100%;
        justify-content: center;
    }
    .creator-row-right, .creator-row-left {
        justify-content: center;
    }
    .creator-content-block {
        max-width: 100%;
    }
    .toolkit-cards-grid {
        grid-template-columns: 1fr;
    }
    .poweruser-items-grid-2col {
        grid-template-columns: 1fr;
    }
}


.case-studies-body-root {
    background-color: #181818;
    color: #ffeedc;
}

.cs-page-main-wrapper {
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 0;
}


.cs-section-title-unified {
    font-size: 3rem;
    line-height: 1.1;
    letter-spacing: 1px;
    font-family: 'Choldera', display;
    text-transform: uppercase;
    margin-bottom: 40px;
}


.cs-hero-reveal {
    padding: 180px 5vw 80px;
    display: flex;
    flex-direction: column;
    gap: 60px;
    border-bottom: 1px solid rgba(112, 153, 135, 0.2);
}

.cs-hero-content-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 50px;
    align-items: center;
}

.cs-hero-title-box {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.cs-hero-label {
    font-size: 0.8rem;
    color: #709987;
    letter-spacing: 2px;
}

.cs-hero-title-unified {
    font-size: 4.5rem;
    line-height: 1.1;
    font-family: 'Choldera', display;
}

.cs-hero-desc {
    font-size: 1.1rem;
    color: #709987;
    line-height: 1.6;
    max-width: 500px;
}

.cs-hero-stats-box {
    display: flex;
    flex-direction: column;
    background-color: #141414;
    border: 1px solid rgba(112, 153, 135, 0.2);
    border-radius: 16px;
    overflow: hidden;
}

.cs-hero-stat-item {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid rgba(112, 153, 135, 0.2);
}

.cs-hero-stat-item.border-none {
    border-bottom: none;
}

.cs-hero-stat-val {
    font-size: 2.5rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
}

.cs-hero-stat-label {
    font-size: 0.9rem;
    color: #ffeedc;
    margin-top: 5px;
}

.cs-filter-row {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.cs-filter-pill {
    background-color: transparent;
    color: #709987;
    border: 1px solid #709987;
    padding: 10px 24px;
    border-radius: 50px;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.cs-filter-pill:hover,
.cs-filter-pill.active {
    background-color: #55A887;
    color: #181818;
    border-color: #55A887;
}


.cs-spotlight-reveal {
    padding: 80px 5vw;
}

.cs-spotlight-card {
    background-color: #131c19;
    border-radius: 16px;
    padding: 50px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.cs-spotlight-header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cs-category-badge {
    background-color: #55A887;
    color: #181818;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 700;
    width: fit-content;
    margin-bottom: 15px;
    display: inline-block;
}

.cs-spotlight-title-unified {
    font-size: 3.5rem;
    font-family: 'Choldera', display;
}

.cs-spotlight-subtitle {
    font-size: 1.1rem;
    color: #709987;
}

.cs-spotlight-icon-box {
    background-color: #55A887;
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
}

.cs-spotlight-columns-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 30px 0;
    border-top: 1px solid rgba(85, 168, 135, 0.2);
    border-bottom: 1px solid rgba(85, 168, 135, 0.2);
}

.cs-column-item {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.cs-column-title {
    font-size: 0.9rem;
    font-weight: 700;
}

.cs-column-text {
    font-size: 0.85rem;
    color: rgba(255, 238, 220, 0.7);
    line-height: 1.6;
}

.cs-spotlight-results-box {
    background-color: #182420;
    padding: 40px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.cs-results-title {
    font-size: 1.2rem;
    font-family: 'Choldera', display;
    letter-spacing: 2px;
}

.cs-results-stats-grid {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.cs-result-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    flex: 1;
    text-align: center;
    border-right: 1px solid rgba(85, 168, 135, 0.3);
}

.cs-result-stat.border-none {
    border-right: none;
}

.cs-result-val {
    font-size: 2rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
}

.cs-result-label {
    font-size: 0.8rem;
    color: #709987;
}

.cs-spotlight-quote-box {
    display: flex;
    gap: 30px;
    align-items: center;
    padding: 20px 0;
}

.cs-quote-text {
    font-size: 1rem;
    color: #ffeedc;
    font-style: italic;
    line-height: 1.5;
    flex: 1;
}

.cs-quote-author {
    display: flex;
    gap: 15px;
    align-items: center;
}

.cs-quote-avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.cs-quote-author-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.cs-author-name {
    font-size: 0.9rem;
    font-weight: 700;
}

.cs-author-role {
    font-size: 0.75rem;
    color: #709987;
}


.cs-proven-reveal {
    padding: 80px 5vw;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.cs-proven-cards-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.cs-proven-card {
    background-color: #141414;
    border: 1px solid rgba(112, 153, 135, 0.2);
    border-radius: 16px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.cs-proven-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.cs-proven-title-unified {
    font-size: 2.2rem;
    font-family: 'Choldera', display;
}

.cs-proven-subtitle {
    font-size: 1rem;
    color: #709987;
    margin-top: 5px;
}

.cs-proven-icon-box {
    background-color: #1a2420;
    width: 50px;
    height: 50px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.cs-proven-details {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 20px 0;
    border-top: 1px solid rgba(112, 153, 135, 0.2);
    border-bottom: 1px solid rgba(112, 153, 135, 0.2);
}

.cs-detail-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cs-proven-stats-row {
    display: flex;
    gap: 40px;
}

.cs-mini-stat {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.cs-mini-val {
    font-size: 1.2rem;
    font-weight: 700;
}

.cs-mini-label {
    font-size: 0.75rem;
    color: #709987;
}


.cs-deliver-reveal {
    padding: 80px 5vw;
}

.cs-deliver-header-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 50px;
}

.cs-deliver-desc {
    color: #709987;
    font-size: 1rem;
}

.cs-deliver-steps-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.cs-step-card {
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-top: 2px solid rgba(112, 153, 135, 0.2);
    padding-top: 20px;
}

.cs-step-number {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: 'Unbounded', sans-serif;
}

.cs-step-title {
    font-size: 1.1rem;
    font-family: 'Choldera', display;
}

.cs-step-text {
    font-size: 0.85rem;
    color: #709987;
    line-height: 1.5;
}


.cs-industries-reveal {
    padding: 80px 5vw;
}

.cs-industries-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.cs-industry-card {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 30px;
    border-bottom: 1px solid rgba(112, 153, 135, 0.2);
    background-color: transparent;
}

.cs-emoji-icon {
    font-size: 2rem;
}

.cs-industry-title {
    font-size: 1.1rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
}

.cs-industry-link {
    color: #709987;
    font-size: 0.85rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: color 0.3s ease;
}

.cs-industry-link:hover {
    color: #55A887;
}


.cs-cta-reveal {
    padding: 100px 5vw;
    display: flex;
    justify-content: center;
}

.cs-cta-container {
    background-color: #141414;
    border: 1px solid #55A887;
    border-radius: 16px;
    padding: 60px;
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 25px;
}

.cs-cta-title-unified {
    font-size: 3rem;
    line-height: 1.1;
    font-family: 'Choldera', display;
}

.cs-cta-desc {
    color: #709987;
    font-size: 1rem;
    max-width: 500px;
    line-height: 1.6;
}

.cs-cta-actions {
    display: flex;
    gap: 20px;
    margin-top: 10px;
}

.cs-cta-btn-primary {
    background-color: #ffeedc;
    color: #181818;
    border: none;
    padding: 16px 32px;
    border-radius: 4px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    cursor: pointer;
}

.cs-cta-btn-outline {
    background-color: transparent;
    color: #ffeedc;
    border: 1px solid rgba(112, 153, 135, 0.4);
    padding: 16px 32px;
    border-radius: 4px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.cs-cta-btn-outline:hover {
    border-color: #ffeedc;
}


@media (max-width: 1024px) {
    .cs-hero-content-grid {
        grid-template-columns: 1fr;
    }
    .cs-hero-title-unified {
        font-size: 3.5rem;
    }
    .cs-spotlight-columns-grid {
        grid-template-columns: 1fr;
    }
    .cs-results-stats-grid {
        flex-wrap: wrap;
        gap: 20px;
    }
    .cs-result-stat {
        border-right: none;
        width: 45%;
        flex: none;
    }
    .cs-proven-details {
        grid-template-columns: 1fr;
    }
    .cs-proven-stats-row {
        flex-wrap: wrap;
    }
    .cs-deliver-steps-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .cs-industries-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .cs-deliver-steps-grid {
        grid-template-columns: 1fr;
    }
    .cs-industries-grid {
        grid-template-columns: 1fr;
    }
    .cs-cta-actions {
        flex-direction: column;
        width: 100%;
    }
    .cs-hero-title-unified {
        font-size: 2.8rem;
    }
    .cs-spotlight-title-unified {
        font-size: 2.5rem;
    }
    .cs-section-title-unified,
    .cs-cta-title-unified {
        font-size: 2.2rem;
    }
}


.op-page-body-root {
    background-color: #181818;
    color: #ffeedc;
}

.op-page-main-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
}


.op-section-title-unified {
    font-size: 3rem;
    line-height: 1.1;
    letter-spacing: 1px;
    font-family: 'Choldera', display;
    text-transform: uppercase;
    margin-bottom: 30px;
}


.op-btn-primary {
    background-color: #ffeedc;
    color: #181818;
    border: none;
    padding: 16px 32px;
    border-radius: 4px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    cursor: pointer;
}

.op-btn-outline {
    background-color: transparent;
    color: #ffeedc;
    border: 1px solid rgba(112, 153, 135, 0.4);
    padding: 16px 32px;
    border-radius: 4px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.op-btn-outline:hover {
    border-color: #ffeedc;
    background-color: rgba(255, 238, 220, 0.05);
}


.op-hero-reveal {
    padding: 180px 5vw 100px;
}

.op-hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.op-hero-content-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.op-hero-label {
    font-size: 0.8rem;
    color: #709987;
    letter-spacing: 2px;
}

.op-hero-title-unified {
    font-size: 5rem;
    line-height: 1.1;
    font-family: 'Choldera', display;
}

.op-hero-desc {
    font-size: 1.1rem;
    color: #709987;
    line-height: 1.6;
    max-width: 500px;
}

.op-hero-actions {
    display: flex;
    gap: 20px;
    margin-top: 10px;
}

.op-hero-visual-box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.op-hero-main-image {
    max-width: 100%;
    width: 450px;
    height: auto;
    filter: drop-shadow(0 0 30px rgba(85, 168, 135, 0.2));
}


.op-timeline-reveal {
    padding: 80px 5vw;
}

.op-timeline-visual-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0;
    margin-bottom: 60px;
    border-bottom: 1px solid rgba(112, 153, 135, 0.2);
}

.op-time-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    z-index: 2;
}

.op-time-icon {
    width: 60px;
    height: 60px;
    background-color: #141414;
    border: 1px solid #55A887;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.op-time-label {
    font-size: 0.75rem;
    font-weight: 700;
    color: #ffeedc;
    text-align: center;
}

.op-time-line {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, rgba(85,168,135,0.5) 0%, rgba(85,168,135,0.1) 100%);
    margin: 0 15px;
    margin-top: -35px; 
}


.op-steps-container {
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.op-step-row {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 60px;
    background-color: #111111;
    border: 1px solid rgba(112, 153, 135, 0.15);
    border-radius: 16px;
    padding: 60px;
}

.op-step-left {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.op-step-number {
    font-size: 4rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    color: rgba(85, 168, 135, 0.2);
    line-height: 1;
}

.op-step-title-group {
    display: flex;
    align-items: center;
    gap: 15px;
}

.op-step-icon {
    font-size: 1.8rem;
}

.op-step-title-unified {
    font-size: 1.8rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
}

.op-step-subtitle {
    font-size: 0.95rem;
    color: #709987;
    line-height: 1.5;
}

.op-step-duration-badge {
    background-color: #55A887;
    color: #181818;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 700;
    width: fit-content;
    margin-top: 10px;
}

.op-step-right {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.op-step-desc {
    font-size: 1rem;
    color: #ffeedc;
    line-height: 1.6;
}

.op-step-box-card {
    background-color: #181818;
    border-radius: 8px;
    padding: 30px;
    border-left: 3px solid #55A887;
}

.op-box-title {
    font-size: 0.85rem;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.op-activities-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    list-style: none;
}

.op-activities-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.85rem;
    color: #ffeedc;
}

.op-check-icon {
    color: #55A887;
    font-weight: 700;
}

.op-deliverables-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.op-deliverable-pill {
    background-color: rgba(85, 168, 135, 0.1);
    color: #55A887;
    border: 1px solid rgba(85, 168, 135, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 600;
}


.op-transparency-reveal {
    padding: 80px 5vw;
}

.op-transparency-subtitle {
    color: #709987;
    font-size: 1rem;
    margin-bottom: 40px;
}

.op-transparency-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.op-trans-card {
    background-color: #111;
    border: 1px solid rgba(112, 153, 135, 0.15);
    border-radius: 16px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.op-trans-icon-bg {
    background-color: #181818;
    width: 50px;
    height: 50px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    border: 1px solid rgba(85, 168, 135, 0.3);
}

.op-trans-title {
    font-size: 1.1rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
}

.op-trans-desc {
    color: #709987;
    font-size: 0.9rem;
    line-height: 1.6;
}


.op-cta-reveal {
    padding: 100px 5vw;
    display: flex;
    justify-content: center;
}

.op-cta-container {
    background-color: #141414;
    border: 1px solid #55A887;
    border-radius: 16px;
    padding: 60px;
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 25px;
}

.op-cta-title-unified {
    font-size: 3rem;
    line-height: 1.1;
    font-family: 'Choldera', display;
}

.op-cta-desc {
    color: #709987;
    font-size: 1rem;
    max-width: 500px;
    line-height: 1.6;
}

.op-cta-actions {
    display: flex;
    gap: 20px;
    margin-top: 10px;
}


@media (max-width: 1024px) {
    .op-hero-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .op-hero-content-box {
        align-items: center;
    }
    .op-hero-actions {
        justify-content: center;
    }
    .op-step-row {
        grid-template-columns: 1fr;
        padding: 40px;
        gap: 40px;
    }
    .op-transparency-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .op-timeline-visual-bar {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
        border-bottom: none;
        padding: 0;
        margin-bottom: 40px;
    }
    .op-time-line {
        width: 2px;
        height: 30px;
        margin: -15px 0 -15px 29px; 
    }
    .op-time-item {
        flex-direction: row;
    }
    .op-activities-list {
        grid-template-columns: 1fr;
    }
    .op-transparency-grid {
        grid-template-columns: 1fr;
    }
    .op-cta-actions {
        flex-direction: column;
        width: 100%;
    }
    .op-hero-title-unified {
        font-size: 3.5rem;
    }
    .op-section-title-unified,
    .op-cta-title-unified {
        font-size: 2.2rem;
    }
}


.perf-page-body-root {
    background-color: #181818;
    color: #ffeedc;
}

.perf-page-main-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
}


.perf-section-title-unified {
    font-size: 3rem;
    line-height: 1.1;
    letter-spacing: 1px;
    font-family: 'Choldera', display;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.emoji-sm { font-size: 1.5rem; }
.text-center { text-align: center; }


.perf-btn-primary {
    background-color: #ffeedc;
    color: #181818;
    border: none;
    padding: 16px 32px;
    border-radius: 4px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    cursor: pointer;
}

.perf-btn-outline {
    background-color: transparent;
    color: #ffeedc;
    border: 1px solid rgba(112, 153, 135, 0.4);
    padding: 16px 32px;
    border-radius: 4px;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.perf-btn-outline:hover {
    border-color: #ffeedc;
    background-color: rgba(255, 238, 220, 0.05);
}


.perf-hero-reveal {
    padding: 180px 5vw 80px;
    border-bottom: 1px solid rgba(112, 153, 135, 0.2);
}

.perf-hero-content-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
}

.perf-hero-label {
    font-size: 0.8rem;
    color: #709987;
    letter-spacing: 2px;
}

.perf-hero-title-unified {
    font-size: 5rem;
    line-height: 1.1;
    font-family: 'Choldera', display;
}

.perf-hero-desc {
    font-size: 1.1rem;
    color: #709987;
    line-height: 1.6;
    max-width: 600px;
    margin-bottom: 40px;
}

.perf-hero-stats-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background-color: #141414;
    border: 1px solid rgba(112, 153, 135, 0.2);
    border-radius: 16px;
    width: 100%;
    max-width: 900px;
}

.perf-hero-stat-card {
    padding: 40px 20px;
    border-right: 1px solid rgba(112, 153, 135, 0.2);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.perf-hero-stat-card:last-child {
    border-right: none;
}

.perf-stat-val {
    font-size: 2.5rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
}

.perf-stat-desc {
    font-size: 0.9rem;
    color: #ffeedc;
    line-height: 1.4;
}


.perf-realtime-reveal {
    padding: 80px 5vw;
}

.perf-section-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 50px;
}

.perf-filter-row {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.perf-filter-pill {
    background-color: transparent;
    color: #709987;
    border: 1px solid #709987;
    padding: 10px 24px;
    border-radius: 50px;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.perf-filter-pill.active, .perf-filter-pill:hover {
    background-color: #55A887;
    color: #181818;
    border-color: #55A887;
}

.perf-realtime-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.perf-rt-card {
    background-color: #111;
    border: 1px solid rgba(112, 153, 135, 0.15);
    border-radius: 16px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.perf-rt-val {
    font-size: 2rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    margin-top: 10px;
}

.perf-rt-label {
    font-size: 0.85rem;
    color: #709987;
}

.perf-rt-trend {
    font-size: 0.8rem;
    font-weight: 700;
    margin-top: 10px;
}


.perf-growth-reveal {
    padding: 80px 5vw;
}

.perf-growth-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.perf-growth-card {
    background-color: #141414;
    border: 1px solid rgba(112, 153, 135, 0.2);
    border-radius: 16px;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.perf-growth-header {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 40%;
}

.perf-growth-badge {
    background-color: rgba(85, 168, 135, 0.1);
    color: #55A887;
    border: 1px solid rgba(85, 168, 135, 0.3);
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 700;
    width: fit-content;
}

.perf-growth-sub {
    font-size: 0.9rem;
    color: #709987;
    line-height: 1.5;
}

.perf-growth-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}

.perf-g-stat {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.perf-g-label {
    font-size: 0.75rem;
    font-weight: 700;
    color: #709987;
}

.perf-g-val {
    font-size: 1.8rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
}


.perf-roi-reveal {
    padding: 80px 5vw;
}

.perf-roi-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.perf-roi-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.perf-roi-card {
    background-color: #111;
    border: 1px solid rgba(112, 153, 135, 0.15);
    border-radius: 16px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.perf-roi-title {
    font-size: 1.2rem;
    font-weight: 700;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(112, 153, 135, 0.2);
}

.perf-roi-lines {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.perf-roi-line {
    display: flex;
    justify-content: space-between;
    font-size: 0.95rem;
    font-family: 'Unbounded', sans-serif;
}

.perf-roi-total {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.perf-roi-total-val {
    font-size: 2.2rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
}

.perf-roi-big-card {
    background-color: #141414;
    border: 1px dashed rgba(85, 168, 135, 0.4);
    border-radius: 16px;
    padding: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.perf-roi-big-val {
    font-size: 4rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
}

.perf-roi-big-sub {
    font-size: 0.85rem;
    color: #709987;
}


.perf-compare-reveal {
    padding: 80px 5vw;
}

.perf-compare-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.perf-comp-col {
    background-color: #111;
    border: 1px solid rgba(112, 153, 135, 0.15);
    border-radius: 12px;
    padding: 30px;
}

.perf-comp-header {
    font-size: 0.85rem;
    font-weight: 700;
    color: #ffeedc;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(112, 153, 135, 0.2);
    margin-bottom: 20px;
}

.perf-comp-rows {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.p-row {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 0.8rem;
    color: #709987;
}

.p-num {
    font-size: 1.5rem;
    font-family: 'Unbounded', sans-serif;
    color: #ffeedc;
    font-weight: 700;
}


.perf-above-reveal {
    padding: 80px 5vw;
}

.perf-above-desc {
    color: #709987;
    margin-bottom: 40px;
}

.perf-above-list {
    display: flex;
    flex-direction: column;
}

.perf-above-row {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    padding: 25px 0;
    border-top: 1px solid rgba(112, 153, 135, 0.2);
    align-items: center;
}

.p-ab-metric {
    font-size: 1.1rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
}

.p-ab-ind, .p-ab-us {
    font-size: 1.2rem;
    font-weight: 700;
}

.p-ab-ind span, .p-ab-us span {
    font-size: 0.8rem;
    color: #709987;
    margin-right: 10px;
}


.perf-guarantee-reveal {
    padding: 80px 5vw;
}

.perf-guar-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    background-color: #111;
    border: 1px solid rgba(112, 153, 135, 0.15);
    border-radius: 16px;
    padding: 60px;
}

.perf-guar-left {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.perf-guar-desc {
    color: #709987;
    font-size: 1rem;
    line-height: 1.6;
}

.perf-guar-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    list-style: none;
    margin-top: 10px;
}

.perf-guar-list li {
    font-size: 0.95rem;
    display: flex;
    gap: 10px;
    align-items: center;
}

.perf-guar-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: center;
}

.perf-guar-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
    padding: 30px;
    border-radius: 12px;
    background-color: #181818;
    border: 1px solid rgba(112, 153, 135, 0.1);
}

.p-g-val {
    font-size: 2.5rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
}


.perf-cta-reveal {
    padding: 100px 5vw;
    display: flex;
    justify-content: center;
}

.perf-cta-container {
    background-color: #141414;
    border: 1px solid #55A887;
    border-radius: 16px;
    padding: 60px;
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 25px;
}

.perf-cta-title-unified {
    font-size: 3rem;
    line-height: 1.1;
    font-family: 'Choldera', display;
}

.perf-cta-desc {
    color: #709987;
    font-size: 1rem;
    max-width: 500px;
    line-height: 1.6;
}

.perf-cta-actions {
    display: flex;
    gap: 20px;
    margin-top: 10px;
}


@media (max-width: 1024px) {
    .perf-hero-stats-row {
        grid-template-columns: 1fr;
    }
    .perf-hero-stat-card {
        border-right: none;
        border-bottom: 1px solid rgba(112, 153, 135, 0.2);
    }
    .perf-hero-stat-card:last-child {
        border-bottom: none;
    }
    .perf-section-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .perf-realtime-grid, .perf-compare-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .perf-growth-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }
    .perf-growth-header {
        max-width: 100%;
    }
    .perf-roi-grid {
        grid-template-columns: 1fr;
    }
    .perf-guar-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .perf-realtime-grid, .perf-compare-grid {
        grid-template-columns: 1fr;
    }
    .perf-growth-stats-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .perf-above-row {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .perf-guar-right {
        grid-template-columns: 1fr;
    }
    .perf-cta-actions {
        flex-direction: column;
        width: 100%;
    }
    .perf-hero-title-unified {
        font-size: 3.5rem;
    }
    .perf-section-title-unified, .perf-cta-title-unified {
        font-size: 2.2rem;
    }
}


.tc-page-body-root {
    background-color: #181818;
    color: #ffeedc;
}

.tc-page-main-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
}


.tc-dark-section {
    background-color: #181818;
}

.tc-green-section {
    background-color: rgba(85, 168, 135, 0.15); 
}

.tc-light-green-span {
    color: #55A887;
    filter: brightness(1.2); 
}

.tc-section-reveal {
    padding: 100px 5vw;
}

.tc-section-header {
    text-align: center;
    margin-bottom: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.tc-main-title-unified, .tc-section-title-unified {
    font-size: 3.5rem;
    line-height: 1.1;
    letter-spacing: 1px;
    font-family: 'Choldera', display;
    text-transform: uppercase;
}

.tc-subtitle-text {
    font-size: 1.1rem;
    color: #709987;
    max-width: 600px;
}

.tc-badge-label {
    font-size: 0.75rem;
    color: #181818;
    background-color: #ffeedc;
    padding: 6px 12px;
    border-radius: 4px;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: 1px;
}


.tc-featured-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 60px;
    margin-top: 80px; 
}

.tc-featured-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 60px;
    align-items: center;
    background-color: #141414;
    border: 1px solid rgba(112, 153, 135, 0.2);
    border-radius: 20px;
    padding: 40px;
    margin-bottom: 60px;
}

.tc-image-wrapper {
    width: 100%;
    height: 500px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #111;
}

.tc-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tc-feat-info-col {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.tc-quote-marks {
    font-size: 4rem;
    color: #55A887;
    line-height: 0;
    margin-bottom: 10px;
    font-family: 'Choldera', display;
}

.tc-feat-quote {
    font-size: 2rem;
    font-family: 'Choldera', display;
    line-height: 1.3;
}

.tc-feat-profile {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-left: 3px solid #55A887;
    padding-left: 20px;
}

.tc-prof-name {
    font-size: 1.5rem;
    font-weight: 700;
}

.tc-prof-role {
    font-size: 0.95rem;
    font-weight: 600;
}

.tc-prof-desc {
    font-size: 0.95rem;
    color: #709987;
    line-height: 1.6;
    margin-top: 5px;
}

.tc-feat-stats {
    display: flex;
    gap: 40px;
    margin-top: 10px;
}

.tc-stat-box {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.tc-stat-label {
    font-size: 0.8rem;
    color: #709987;
}

.tc-stat-val {
    font-size: 1.5rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
    color: #55A887;
}


.tc-filter-row {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 40px;
}

.tc-filter-pill {
    background-color: transparent;
    color: #709987;
    border: 1px solid #709987;
    padding: 10px 24px;
    border-radius: 50px;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tc-filter-pill.active, .tc-filter-pill:hover {
    background-color: #55A887;
    color: #181818;
    border-color: #55A887;
}


.tc-cards-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.tc-creator-card {
    background-color: #141414;
    border: 1px solid rgba(112, 153, 135, 0.2);
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: border-color 0.3s ease, transform 0.3s ease;
}

.tc-creator-card:hover {
    border-color: rgba(85, 168, 135, 0.5);
    transform: translateY(-5px);
}

.tc-card-img-wrapper {
    width: 100%;
    height: 350px;
    border-radius: 12px;
    overflow: hidden;
    background-color: #111;
}

.tc-card-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.tc-creator-card:hover .tc-card-img-wrapper img {
    transform: scale(1.05); 
}

.tc-card-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.tc-card-name {
    font-size: 1.2rem;
    font-weight: 700;
}

.tc-card-role {
    font-size: 0.85rem;
    font-weight: 600;
}

.tc-card-desc {
    font-size: 0.85rem;
    color: #709987;
    line-height: 1.5;
    min-height: 60px; 
}

.tc-card-stats-row {
    display: flex;
    gap: 20px;
    margin-top: 10px;
    padding-top: 15px;
    border-top: 1px solid rgba(112, 153, 135, 0.2);
}

.tc-card-stat {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.tc-s-label {
    font-size: 0.7rem;
    color: #709987;
}

.tc-s-val {
    font-size: 0.95rem;
    font-weight: 700;
    color: #ffeedc;
}

.tc-stars {
    color: #55A887;
    letter-spacing: 2px;
    font-size: 1.1rem;
    margin-top: 10px;
}


.tc-green-section .tc-creator-card {
    background-color: #181818; 
    border-color: rgba(85, 168, 135, 0.3);
}


#tc-bottom-cta {
    display: flex;
    justify-content: center;
    padding: 60px 5vw;
}

.tc-cta-bar {
    background-color: #55A887;
    padding: 20px 60px;
    border-radius: 50px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.tc-cta-bar:hover {
    transform: scale(1.05);
}

.tc-cta-text {
    color: #181818;
    font-size: 1.2rem;
    font-family: 'Unbounded', sans-serif;
    font-weight: 700;
}


@media (max-width: 1024px) {
    .tc-featured-grid {
        grid-template-columns: 1fr;
    }
    .tc-image-wrapper {
        height: 600px;
    }
    .tc-cards-grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .tc-cards-grid-3 {
        grid-template-columns: 1fr;
    }
    .tc-image-wrapper {
        height: 400px;
    }
    .tc-main-title-unified, .tc-section-title-unified {
        font-size: 2.5rem;
    }
    .tc-feat-quote {
        font-size: 1.5rem;
    }
}

nav a {
    color: #ffffff !important;
    opacity: 0.5 !important;
    transition: opacity 0.3s ease, color 0.3s ease !important;
}

nav a.active,
nav a:hover {
    color: #ffffff !important;
    opacity: 1 !important;
}

@media (max-width: 1024px) {
    html {
        font-size: 14px !important;
    }

    section {
        padding: 40px !important;
        flex-wrap: wrap !important;
    }
}

@media (max-width: 600px) {
    html {
        font-size: 12px !important;
    }

    section {
        display: flex !important;
        padding: 24px !important;
        flex-direction: column !important;
        flex-wrap: wrap !important;
        text-align: center !important;
        align-items: center !important;
    }
    
    section h1, section h2, section h3, section p, section span, section a {
        text-align: center !important;
    }
}

.burger-menu-btn {
    display: none;
    align-items: center;
    justify-content: center;
    background-color: #121212;
    border: 1px solid rgba(255, 238, 220, 0.1);
    border-radius: 100px;
    width: 60px;
    height: 60px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
    cursor: pointer;
    z-index: 3000;
    transition: all 0.3s ease;
    color: #ffeedc;
}

.burger-menu-btn.is-active {
    background-color: #ffeedc;
    color: #121212;
}

.burger-icon {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    stroke-width: 2;
    transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

.burger-menu-btn.is-active .burger-icon {
    transform: rotate(90deg) scale(0.9);
}

.mobile-nav-fullscreen-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(18, 18, 18, 0.98);
    backdrop-filter: blur(15px);
    z-index: 2500;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1), visibility 0.5s;
}

.mobile-nav-fullscreen-overlay.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.mobile-nav-fullscreen-overlay .pill-nav-list {
    flex-direction: column;
    gap: 40px;
    margin: 0;
    padding: 0;
}

.mobile-nav-fullscreen-overlay .pill-nav-list li {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.mobile-nav-fullscreen-overlay.is-open .pill-nav-list li {
    opacity: 1;
    transform: translateY(0);
}

.mobile-nav-fullscreen-overlay .pill-nav-list a {
    font-size: 1.8rem;
    font-family: 'Unbounded', sans-serif;
    color: rgba(255, 238, 220, 0.6) !important;
    text-align: center;
    justify-content: center;
}

.mobile-nav-fullscreen-overlay .pill-nav-list a.active,
.mobile-nav-fullscreen-overlay .pill-nav-list a:hover {
    color: #ffffff !important;
}

@media (max-width: 640px) {
    .pill-nav-main {
        display: none !important;
    }
    
    .burger-menu-btn {
        display: flex;
    }
}

.recent-articles-section-shell {
    width: 100%;
}

.recent-articles-content-frame {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    width: 100%;
}

.recent-articles-heading-stack {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.recent-articles-kicker-label {
    color: rgba(112, 153, 135, 0.7);
    font-family: 'Unbounded', sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.recent-articles-title-lockup {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    padding: 0;
    color: #ffeedc;
    font-family: 'Choldera', display;
    font-size: clamp(3.75rem, 6vw, 5.6rem);
    letter-spacing: 0.02em;
    line-height: 0.9;
}

.recent-articles-title-light {
    color: #ffeedc;
}

.recent-articles-title-green {
    color: #55A887;
}

.recent-articles-editorial-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 0.95fr) minmax(0, 1.8fr);
    grid-template-areas:
        "alpha beta delta"
        "alpha gamma delta";
    gap: 0.9rem;
    align-items: stretch;
}

.recent-articles-story-card {
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: 1rem;
    min-height: 11.2rem;
    padding: 1.25rem;
    background-color: #181818;
    border: 1px solid rgba(255, 238, 220, 0.12);
    border-radius: 16px;
    box-sizing: border-box;
    overflow: hidden;
    transform: translateY(2rem);
    opacity: 0;
    transition: transform 0.45s ease, opacity 0.45s ease, border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    will-change: transform;
}

.articles-section-reveal.recent-articles-section-shell.is-visible .recent-articles-story-card {
    opacity: 1;
    transform: translateY(0);
}

.articles-section-reveal.recent-articles-section-shell.is-visible .recent-articles-story-card:nth-child(1) {
    transition-delay: 0.08s;
}

.articles-section-reveal.recent-articles-section-shell.is-visible .recent-articles-story-card:nth-child(2) {
    transition-delay: 0.16s;
}

.articles-section-reveal.recent-articles-section-shell.is-visible .recent-articles-story-card:nth-child(3) {
    transition-delay: 0.24s;
}

.articles-section-reveal.recent-articles-section-shell.is-visible .recent-articles-story-card:nth-child(4) {
    transition-delay: 0.32s;
}

.recent-articles-story-card:hover {
    border-color: rgba(85, 168, 135, 0.45);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

.recent-articles-story-card-alpha {
    grid-area: alpha;
    min-height: 26rem;
}

.recent-articles-story-card-beta {
    grid-area: beta;
}

.recent-articles-story-card-gamma {
    grid-area: gamma;
}

.recent-articles-story-card-delta {
    grid-area: delta;
    min-height: 26rem;
}

.recent-articles-card-topline {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.6rem;
}

.recent-articles-card-symbol {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    min-height: 2rem;
    color: #ffeedc;
    font-size: 1.55rem;
    line-height: 1;
    filter: saturate(1.1);
}

.recent-articles-card-topic {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.6rem;
    padding: 0.2rem 0.65rem;
    background-color: #55AAAA;
    border-radius: 999px;
    color: #ffeedc;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.58rem;
    font-weight: 500;
    line-height: 1;
}

.recent-articles-card-copyblock {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    align-self: start;
}

.recent-articles-card-headline {
    padding: 0;
    color: #ffeedc;
    font-family: 'Choldera', display;
    font-size: clamp(1.95rem, 2vw, 2.7rem);
    line-height: 0.95;
    letter-spacing: 0.02em;
    overflow-wrap: anywhere;
}

.recent-articles-story-card-beta .recent-articles-card-headline,
.recent-articles-story-card-gamma .recent-articles-card-headline {
    font-size: clamp(1.6rem, 1.8vw, 2.15rem);
}

.recent-articles-card-headline-featured {
    font-size: clamp(2.9rem, 4vw, 4.8rem);
    max-width: 11ch;
}

.recent-articles-card-summary {
    max-width: 24ch;
    color: rgba(255, 238, 220, 0.86);
    font-family: 'Unbounded', sans-serif;
    font-size: 0.88rem;
    font-weight: 300;
    line-height: 1.45;
}

.recent-articles-card-meta {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.recent-articles-card-authorblock {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.recent-articles-card-author,
.recent-articles-card-date,
.recent-articles-card-duration {
    color: rgba(255, 238, 220, 0.9);
    font-family: 'Unbounded', sans-serif;
    font-size: 0.78rem;
    font-weight: 400;
    line-height: 1.35;
}

.recent-articles-card-date {
    font-weight: 600;
}

.recent-articles-card-duration {
    color: rgba(255, 238, 220, 0.72);
    white-space: nowrap;
}

.recent-articles-footer-rail {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.9rem 0 0;
    border-top: 1px solid rgba(255, 238, 220, 0.08);
}

.recent-articles-footer-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.5rem 1rem;
    color: #ffeedc;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.7rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: 4px;
    transition: color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
}

.recent-articles-footer-link:hover,
.recent-articles-footer-link:focus-visible {
    color: #55A887;
    background-color: rgba(255, 238, 220, 0.04);
    transform: translateY(-0.15rem);
    outline: none;
}

@media (max-width: 1180px) {
    .recent-articles-editorial-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "alpha beta"
            "alpha gamma"
            "delta delta";
    }

    .recent-articles-story-card-delta {
        min-height: 18rem;
    }

    .recent-articles-card-headline-featured {
        max-width: none;
    }
}

@media (max-width: 768px) {
    .recent-articles-content-frame {
        gap: 1.75rem;
    }

    .recent-articles-title-lockup {
        gap: 0.5rem;
        font-size: clamp(2.8rem, 12vw, 4rem);
    }

    .recent-articles-editorial-grid {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "alpha"
            "beta"
            "gamma"
            "delta";
    }

    .recent-articles-story-card,
    .recent-articles-story-card-alpha,
    .recent-articles-story-card-delta {
        min-height: 0;
    }

    .recent-articles-card-meta {
        align-items: flex-start;
        flex-direction: column;
    }
}

.partners-strip-section-reveal {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    padding: 0;
    background-color: #181818;
    border-top: 1px solid rgba(255, 238, 220, 0.08);
    border-bottom: 1px solid rgba(255, 238, 220, 0.08);
    box-sizing: border-box;
    opacity: 0;
    transform: translateY(1rem);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.partners-strip-section-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.partners-strip-header-row {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: start;
    gap: 1.25rem;
    width: 100%;
    padding: 1.1rem 2rem;
    border-bottom: 1px solid rgba(255, 238, 220, 0.06);
    box-sizing: border-box;
}

.partners-strip-kicker-label {
    color: rgba(112, 153, 135, 0.8);
    font-family: 'Unbounded', sans-serif;
    font-size: 0.74rem;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.02em;
    text-transform: none;
}

.partners-strip-summary-text {
    color: rgba(112, 153, 135, 0.95);
    font-family: 'Unbounded', sans-serif;
    font-size: 0.7rem;
    font-weight: 400;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.partners-strip-logo-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
}

.partners-strip-logo-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 6.3rem;
    padding: 1rem;
    border-right: 1px solid rgba(255, 238, 220, 0.06);
    border-bottom: 1px solid rgba(255, 238, 220, 0.06);
    border-radius: 16px;
    box-sizing: border-box;
    transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.partners-strip-logo-cell:last-child {
    border-right: 0;
}

.partners-strip-logo-cell:hover {
    background-color: rgba(255, 238, 220, 0.02);
    border-color: rgba(85, 168, 135, 0.22);
    transform: translateY(-0.1rem);
}

.partners-strip-logo-icon {
    width: 1.7rem;
    height: 1.7rem;
    stroke: rgba(255, 238, 220, 0.5);
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke 0.25s ease, transform 0.25s ease;
}

.partners-strip-logo-cell:hover .partners-strip-logo-icon {
    stroke: rgba(255, 238, 220, 0.82);
    transform: scale(1.03);
}

.partners-strip-footer-row {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.75rem 1rem;
    border-top: 1px solid rgba(255, 238, 220, 0.06);
    box-sizing: border-box;
}

.partners-strip-footer-button-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.45rem 0.95rem;
    border-radius: 4px;
    color: #ffeedc;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.72rem;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    transition: color 0.25s ease, background-color 0.25s ease, transform 0.22s ease;
}

.partners-strip-footer-button-link:hover,
.partners-strip-footer-button-link:focus-visible {
    color: #55A887;
    background-color: rgba(255, 238, 220, 0.04);
    transform: translateY(-0.1rem);
    outline: none;
}

@media (max-width: 1024px) {
    .partners-strip-header-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .partners-strip-logo-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .partners-strip-logo-cell:nth-child(3),
    .partners-strip-logo-cell:nth-child(6) {
        border-right: 0;
    }
}

@media (max-width: 640px) {
    .partners-strip-header-row {
        padding: 1rem 1rem;
    }

    .partners-strip-logo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .partners-strip-logo-cell {
        min-height: 5.5rem;
    }

    .partners-strip-logo-cell:nth-child(2),
    .partners-strip-logo-cell:nth-child(4),
    .partners-strip-logo-cell:nth-child(6) {
        border-right: 0;
    }
}

.djr-section-reveal {
    width: 100%;
    padding: 2rem 2.2rem;
    background-color: #181818;
    box-sizing: border-box;
}

.djr-shell-grid-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    align-items: stretch;
    gap: 2rem;
    width: 100%;
}

.djr-left-column-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.djr-kicker-line {
    color: rgba(112, 153, 135, 0.9);
    font-family: 'Unbounded', sans-serif;
    font-size: 0.78rem;
    line-height: 1.3;
}

.djr-main-title-display {
    color: #ffeedc;
    font-family: 'Choldera', display;
    font-size: clamp(3rem, 5.7vw, 5.6rem);
    line-height: 0.86;
    letter-spacing: 0.01em;
}

.djr-main-title-accent {
    color: #55A887;
}

.djr-action-stack-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.9rem;
    width: 100%;
    max-width: 30rem;
}

.djr-primary-action-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    width: 100%;
    min-height: 3.05rem;
    padding: 0.6rem 1rem;
    border-radius: 4px;
    background-color: #55A887;
    color: #ffeedc;
    font-family: 'Unbounded', sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    text-decoration: none;
    box-sizing: border-box;
    transition: background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.djr-primary-action-link:hover,
.djr-primary-action-link:focus-visible {
    background-color: #709987;
    transform: translateY(-0.12rem);
    box-shadow: 0 0.8rem 1.8rem rgba(0, 0, 0, 0.28);
    outline: none;
}

.djr-primary-icon-badge {
    width: 1rem;
    height: 1rem;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.djr-store-row-layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    width: 100%;
}

.djr-store-action-card {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 2.95rem;
    padding: 0.55rem 0.75rem;
    border-radius: 4px;
    background-color: rgba(255, 238, 220, 0.88);
    color: #181818;
    text-decoration: none;
    box-sizing: border-box;
    transition: background-color 0.25s ease, transform 0.25s ease;
}

.djr-store-action-card:hover,
.djr-store-action-card:focus-visible {
    background-color: #ffeedc;
    transform: translateY(-0.1rem);
    outline: none;
}

.djr-store-icon-mark {
    width: 1.15rem;
    height: 1.15rem;
    flex-shrink: 0;
}

.djr-store-copy-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.08rem;
    font-family: 'Unbounded', sans-serif;
    line-height: 1;
}

.djr-store-copy-stack span:first-child {
    font-size: 0.55rem;
    font-weight: 500;
}

.djr-store-copy-stack span:last-child {
    font-size: 0.94rem;
    font-weight: 800;
}

.djr-right-column-stats {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
}

.djr-stat-row-shell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    width: 100%;
    min-height: 6.55rem;
    padding: 0.8rem 0.2rem;
    border-bottom: 1px solid rgba(255, 238, 220, 0.14);
    box-sizing: border-box;
    opacity: 0;
    transform: translateY(0.8rem);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.djr-section-reveal.is-visible .djr-stat-row-shell {
    opacity: 1;
    transform: translateY(0);
}

.djr-section-reveal.is-visible .djr-stat-row-shell:nth-child(1) {
    transition-delay: 0.08s;
}

.djr-section-reveal.is-visible .djr-stat-row-shell:nth-child(2) {
    transition-delay: 0.16s;
}

.djr-section-reveal.is-visible .djr-stat-row-shell:nth-child(3) {
    transition-delay: 0.24s;
}

.djr-stat-label-text {
    color: rgba(255, 238, 220, 0.5);
    font-family: 'Unbounded', sans-serif;
    font-size: 0.98rem;
    font-weight: 400;
    line-height: 1.3;
}

.djr-stat-value-number {
    color: #ffeedc;
    font-family: 'Choldera', display;
    font-size: clamp(3rem, 4.9vw, 5rem);
    line-height: 0.82;
    letter-spacing: 0.01em;
}

.djr-stat-value-green {
    color: #55A887;
}

@media (max-width: 1120px) {
    .djr-shell-grid-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .djr-right-column-stats {
        border-top: 1px solid rgba(255, 238, 220, 0.1);
    }
}

@media (max-width: 760px) {
    .djr-section-reveal {
        padding: 1.3rem 1rem;
    }

    .djr-store-row-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .djr-stat-row-shell {
        min-height: 5.7rem;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
}

.home-hero-section-reveal.hero-sonic-section-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    background-color: #181818;
    border-radius: 16px;
    overflow: hidden;
    min-height: 42rem;
    padding: 0;
    opacity: 0;
    transform: translateY(1.2rem);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.home-hero-section-reveal.hero-sonic-section-shell.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.hero-sonic-backdrop-layer {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    width: 100%;
    min-height: 42rem;
    background:
        radial-gradient(30rem 26rem at 10% 85%, rgba(255, 238, 220, 0.08), transparent 65%),
        radial-gradient(26rem 20rem at 88% 32%, rgba(85, 170, 170, 0.1), transparent 70%),
        linear-gradient(115deg, rgba(255, 255, 255, 0.05) 0%, transparent 42%),
        #181818;
    box-sizing: border-box;
}

.hero-sonic-main-grid {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.78fr);
    align-items: stretch;
    gap: 1.2rem;
    width: 100%;
    min-height: 42rem;
    padding: 1.8rem 2.2rem 1.9rem;
    box-sizing: border-box;
}

.hero-sonic-brand-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.2rem;
}

.hero-sonic-brand-chip {
    color: #ffeedc;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    align-self: center;
}

.hero-sonic-display-title {
    color: #ffeedc;
    font-family: 'Choldera', display;
    font-size: clamp(4.2rem, 8.2vw, 8.5rem);
    line-height: 0.86;
    letter-spacing: 0.01em;
}

.hero-sonic-title-green {
    color: #55A887;
}

.hero-sonic-bottom-row {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 1rem 0 0.5rem;
    border-top: 1px solid rgba(255, 238, 220, 0.12);
}

.hero-sonic-description-text {
    color: rgba(255, 238, 220, 0.68);
    font-family: 'Unbounded', sans-serif;
    font-size: 0.98rem;
    font-weight: 400;
    line-height: 1.3;
}

.hero-sonic-actions-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.55rem;
    width: 100%;
}

.hero-sonic-btn-start,
.hero-sonic-btn-explore {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.85rem;
    padding: 0.55rem 1.45rem;
    border-radius: 4px;
    border: 1px solid rgba(255, 238, 220, 0.22);
    text-decoration: none;
    font-family: 'Unbounded', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    transition: transform 0.22s ease, background-color 0.22s ease, color 0.22s ease, border-color 0.22s ease;
    box-sizing: border-box;
}

.hero-sonic-btn-start {
    background-color: #ffeedc;
    color: #181818;
}

.hero-sonic-btn-explore {
    background-color: rgba(24, 24, 24, 0.75);
    color: #ffeedc;
}

.hero-sonic-btn-start:hover,
.hero-sonic-btn-start:focus-visible {
    background-color: #ffffff;
    transform: translateY(-0.08rem);
    outline: none;
}

.hero-sonic-btn-explore:hover,
.hero-sonic-btn-explore:focus-visible {
    border-color: rgba(255, 238, 220, 0.45);
    transform: translateY(-0.08rem);
    outline: none;
}

.hero-sonic-info-column {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    align-items: end;
    gap: 1rem;
}

.hero-sonic-symbol-block {
    position: relative;
    display: block;
    width: 100%;
    max-width: 24rem;
    min-height: 18rem;
    justify-self: center;
}

.hero-sonic-symbol-video {
    position: absolute;
    top: 0;
margin-left: 90px;
    min-height: 14.4rem;
    object-fit: cover;
    border-radius: 16px;
    box-sizing: border-box;
    background-color: transparent;
    mix-blend-mode: lighten;
}

.hero-sonic-symbol-video-one {
    width: 68%;
    min-height: 16rem;
    z-index: 1;
    left: -100px;
    top: -100px;
    background-color: transparent;
    mix-blend-mode: lighten;
    transform: translate(0.4rem, 1.2rem) rotate(-9deg) scale(1.5);
}

.hero-sonic-symbol-video-two {
    width: 42%;
    min-height: 10rem;
    z-index: 2;
    top: -50px;
    left: -20px;
    background-color: transparent;
    mix-blend-mode: lighten;
    transform: translate(8.8rem, 0.2rem) rotate(10deg) scale(1.5);
}

.hero-sonic-symbol-video-three {
    width: 38%;
    min-height: 8.8rem;
    left: -90px;
    z-index: 3;
    background-color: transparent;
    mix-blend-mode: lighten;
    transform: translate(10.2rem, 7.4rem) rotate(19deg) scale(1.5);
}

.hero-sonic-status-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.85rem;
    width: 100%;
    padding: 0.45rem 1rem 0.8rem;
    background-color: rgba(24, 24, 24, 0.86);
    border: 1px solid rgba(255, 238, 220, 0.12);
    border-radius: 16px;
    box-sizing: border-box;
}

.hero-sonic-status-topline {
    width: 100%;
    min-height: 0.26rem;
    background-color: #d32f2f;
    border-radius: 4px;
}

.hero-sonic-status-head {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.hero-sonic-status-label {
    color: rgba(255, 238, 220, 0.45);
    font-family: 'Unbounded', sans-serif;
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.hero-sonic-status-dot {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 4px;
    background-color: #d32f2f;
    display: inline-flex;
}

.hero-sonic-status-title {
    color: #ffeedc;
    font-family: 'Choldera', display;
    font-size: 2.2rem;
    line-height: 0.9;
}

.hero-sonic-status-meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.hero-sonic-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.2rem;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    background-color: #55AAAA;
    color: #181818;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.65rem;
    font-weight: 600;
    line-height: 1;
}

.hero-sonic-status-eta {
    color: rgba(255, 238, 220, 0.56);
    font-family: 'Unbounded', sans-serif;
    font-size: 0.72rem;
    line-height: 1.2;
}

.hero-sonic-progress-track {
    width: 100%;
    min-height: 0.22rem;
    background-color: rgba(255, 238, 220, 0.2);
    border-radius: 4px;
    overflow: hidden;
}

.hero-sonic-progress-bar {
    display: flex;
    min-height: 100%;
    width: 0%;
    background-color: #55A887;
    border-radius: 4px;
    transition: width 1.1s cubic-bezier(0.16, 1, 0.3, 1);
}

.hero-sonic-progress-value {
    color: rgba(255, 238, 220, 0.68);
    font-family: 'Unbounded', sans-serif;
    font-size: 0.88rem;
    line-height: 1;
    align-self: flex-end;
}

@media (max-width: 1120px) {
    .hero-sonic-main-grid {
        grid-template-columns: minmax(0, 1fr);
        min-height: 38rem;
    }

    .hero-sonic-info-column {
        grid-template-rows: auto auto;
    }

    .hero-sonic-symbol-block {
        justify-self: start;
    }
}

@media (max-width: 760px) {
    .home-hero-section-reveal.hero-sonic-section-shell,
    .hero-sonic-backdrop-layer {
        min-height: 34rem;
    }

    .hero-sonic-main-grid {
        padding: 1.1rem 1rem 1.2rem;
        min-height: 34rem;
    }

    .hero-sonic-bottom-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .hero-sonic-actions-row {
        flex-wrap: wrap;
    }

    .hero-sonic-symbol-video {
        min-height: 9.2rem;
    }

    .hero-sonic-symbol-video-one {
        width: 70%;
        min-height: 12.5rem;
        transform: translate(0.2rem, 1.1rem) rotate(-9deg) scale(1.5);
    }

    .hero-sonic-symbol-video-two {
        width: 43%;
        min-height: 8rem;
        transform: translate(7.2rem, 0.4rem) rotate(10deg) scale(1.5);
    }

    .hero-sonic-symbol-video-three {
        width: 39%;
        min-height: 7.2rem;
        transform: translate(8.6rem, 6.8rem) rotate(19deg) scale(1.5);
    }
}

.creators-section-consolidated.creators-craft-section-shell {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    width: 100%;
    padding: 2rem 2.2rem;
    background-color: #181818;
    box-sizing: border-box;
    opacity: 0;
    transform: translateY(1rem);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.creators-section-consolidated.creators-craft-section-shell.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.creators-craft-header-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.55rem;
}

.creators-craft-kicker {
    color: rgba(112, 153, 135, 0.85);
    font-family: 'Unbounded', sans-serif;
    font-size: 0.78rem;
    line-height: 1.3;
    letter-spacing: 0.01em;
}

.creators-craft-title {
    color: #ffeedc;
    font-family: 'Choldera', display;
    font-size: clamp(3rem, 5.4vw, 5.5rem);
    line-height: 0.9;
    letter-spacing: 0.01em;
}

.creators-craft-title-accent {
    color: #55A887;
}

.creators-craft-feature-grid {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.creators-craft-feature-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: stretch;
    gap: 1rem;
    width: 100%;
    min-height: 16rem;
    padding: 0.2rem;
    border-radius: 16px;
    box-sizing: border-box;
    transition: border-color 0.25s ease, transform 0.25s ease;
}

.creators-craft-feature-row:hover {
    border-color: rgba(85, 168, 135, 0.35);
}

.creators-craft-media-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.55rem;
    width: 100%;
    padding: 0.65rem;
    box-sizing: border-box;
}

.creators-craft-media-image {
    width: 100%;
    min-height: 13.2rem;
    object-fit: cover;
    border-radius: 16px;
}

.creators-craft-media-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.45rem;
    padding: 0.22rem 0.62rem;
    border-radius: 4px;
    background-color: #55AAAA;
    color: #181818;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.62rem;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

.creators-craft-content-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.75rem;
    width: 100%;
    padding:80px;
    box-sizing: border-box;
}

.creators-craft-index-number {
    color: rgba(85, 168, 135, 0.8);
    font-family: 'Unbounded', sans-serif;
    font-size: 0.84rem;
    font-weight: 600;
    line-height: 1;
}

.creators-craft-feature-title {
    color: #ffeedc;
    font-family: 'Choldera', display;
    font-size: clamp(1.75rem, 2.5vw, 2.7rem);
    line-height: 0.92;
    letter-spacing: 0.01em;
}

.creators-craft-feature-copy {
    color: rgba(255, 238, 220, 0.72);
    font-family: 'Unbounded', sans-serif;
    font-size: 0.88rem;
    line-height: 1.45;
}

.creators-craft-inline-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.35rem 0.8rem;
    border-radius: 4px;
    border: 1px solid rgba(255, 238, 220, 0.2);
    color: #ffeedc;
    text-decoration: none;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1;
    transition: color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.creators-craft-inline-link:hover,
.creators-craft-inline-link:focus-visible {
    color: #55A887;
    border-color: rgba(85, 168, 135, 0.6);
    transform: translateY(-0.08rem);
    outline: none;
}

.creators-craft-footer-row {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.creators-craft-end-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 2.6rem;
    padding: 24px;
    box-sizing: border-box;
    border-top: 1px solid rgba(255, 238, 220, 0.24);
    border-bottom: 1px solid rgba(255, 238, 220, 0.24);
    background-color: #181818;
    color: #ffeedc;
    text-decoration: none;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1;
    transition: transform 0.22s ease, background-color 0.22s ease;
}

.creators-craft-end-button:hover,
.creators-craft-end-button:focus-visible {
    background-color: #181818;
    transform: translateY(0.25rem);
    box-shadow: 0 0.7rem 1.6rem rgba(0, 0, 0, 0.25);
    background-color: #55A887;
    border-color: 1px solid rgba(255, 238, 220, 0.24);;
    color: #ffeedc;
    outline: none;
}

@media (max-width: 980px) {
    .creators-craft-feature-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .creators-craft-feature-row-secondary .creators-craft-media-column {
        order: -1;
    }

    .creators-craft-content-column {
        padding: 0.65rem;
    }
}

@media (max-width: 760px) {
    .creators-section-consolidated.creators-craft-section-shell {
        padding: 1.3rem 1rem;
    }

    .creators-craft-media-image {
        min-height: 10.5rem;
    }
}

.leaders-section-reveal.leaders-spotlight-section-reveal {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    width: 100%;
    padding: 1.8rem 2.2rem;
    background-color: #181818;
    box-sizing: border-box;
    opacity: 0;
    transform: translateY(1rem);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.leaders-section-reveal.leaders-spotlight-section-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.leaders-spotlight-heading-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.45rem;
}

.leaders-spotlight-kicker {
    color: rgba(112, 153, 135, 0.84);
    font-family: 'Unbounded', sans-serif;
    font-size: 0.78rem;
    line-height: 1.3;
}

.leaders-spotlight-main-title {
    color: #ffeedc;
    font-family: 'Choldera', display;
    font-size: clamp(3.3rem, 5.7vw, 5.6rem);
    line-height: 0.88;
    letter-spacing: 0.01em;
}

.leaders-spotlight-main-title-accent {
    color: #55A887;
}

.leaders-spotlight-grid-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.9rem;
    width: 100%;
}

.leaders-spotlight-feature-card {
    grid-row: span 4;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.7rem;
    min-height: 29rem;
    padding: 1.2rem;
    border: 1px solid rgba(85, 168, 135, 0.55);
    border-radius: 16px;
    background-color: rgba(24, 24, 24, 0.75);
    box-sizing: border-box;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.leaders-spotlight-mini-card {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.95rem;
    min-height: 7.2rem;
    padding: 1rem 1.2rem;
    border: 1px solid rgba(255, 238, 220, 0.14);
    border-radius: 16px;
    background-color: rgba(24, 24, 24, 0.72);
    box-sizing: border-box;
    transition: transform 0.25s ease, border-color 0.25s ease;
}

.leaders-spotlight-feature-card:hover,
.leaders-spotlight-mini-card:hover {
    transform: translateY(-0.08rem);
}

.leaders-spotlight-mini-card:hover {
    border-color: rgba(85, 168, 135, 0.38);
}

.leaders-spotlight-avatar-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.3rem;
    min-height: 3.3rem;
    border-radius: 12px;
    background-color: #55A887;
    color: #181818;
    font-size: 1.35rem;
    line-height: 1;
    box-sizing: border-box;
}

.leaders-spotlight-name-text {
    color: #ffeedc;
    font-family: 'Choldera', display;
    font-size: 2rem;
    line-height: 0.95;
}

.leaders-spotlight-role-text {
    color: #55A887;
    font-family: 'Unbounded', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25;
}

.leaders-spotlight-bio-text {
    color: #ffeedc;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.95rem;
    line-height: 1.35;
}

.leaders-spotlight-quote-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 2.9rem;
    padding: 0.65rem 0.8rem;
    border-radius: 4px;
    background-color: rgba(85, 168, 135, 0.78);
    color: #ffeedc;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.88rem;
    line-height: 1.25;
    box-sizing: border-box;
}

.leaders-spotlight-inline-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 2.55rem;
    padding: 0.55rem 0.8rem;
    border-radius: 4px;
    border: 1px solid rgba(255, 238, 220, 0.15);
    color: #ffeedc;
    text-decoration: none;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.72rem;
    font-weight: 600;
    transition: color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.leaders-spotlight-inline-action:hover,
.leaders-spotlight-inline-action:focus-visible {
    color: #55A887;
    border-color: rgba(85, 168, 135, 0.52);
    transform: translateY(-0.08rem);
    outline: none;
}

.leaders-spotlight-social-row {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.4rem 0 0;
}

.leaders-spotlight-social-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.05rem;
    min-height: 1.65rem;
    border-radius: 8px;
    border: 1px solid rgba(255, 238, 220, 0.16);
    color: #ffeedc;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.7rem;
}

.leaders-spotlight-mini-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.18rem;
}

.leaders-spotlight-mini-name {
    color: #ffeedc;
    font-family: 'Choldera', display;
    font-size: 1.6rem;
    line-height: 0.95;
}

.leaders-spotlight-mini-role {
    color: #55A887;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.86rem;
    line-height: 1.2;
}

.leaders-spotlight-mini-location {
    color: #ffeedc;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.8rem;
    line-height: 1.2;
}

.leaders-spotlight-footer-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.2rem 0 0;
}

.leaders-spotlight-end-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 2.8rem;
    padding: 0.55rem 1rem;
    border-radius: 4px;
    border: 1px solid rgba(255, 238, 220, 0.22);
    background-color: #181818;
    color: #ffeedc;
    text-decoration: none;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1;
    transition: transform 0.22s ease, border-color 0.22s ease, color 0.22s ease;
}

.leaders-spotlight-end-button:hover,
.leaders-spotlight-end-button:focus-visible {
    transform: translateY(-0.1rem);
    border-color: rgba(85, 168, 135, 0.62);
    color: #55A887;
    outline: none;
}

@media (max-width: 1024px) {
    .leaders-spotlight-grid-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .leaders-spotlight-feature-card {
        grid-row: auto;
        min-height: 0;
    }
}

@media (max-width: 760px) {
    .leaders-section-reveal.leaders-spotlight-section-reveal {
        padding: 1.3rem 1rem;
    }
}

.results-section-reveal.proven-results-section-shell {
    display: flex;
    flex-direction: column;
    gap: 1.05rem;
    width: 100%;
    padding: 1.8rem 2.2rem;
    background-color: #181818;
    box-sizing: border-box;
}

.proven-results-heading-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.45rem;
}

.proven-results-kicker-text {
    color: rgba(112, 153, 135, 0.84);
    font-family: 'Unbounded', sans-serif;
    font-size: 0.78rem;
    line-height: 1.3;
}

.proven-results-main-title {
    color: #ffeedc;
    font-family: 'Choldera', display;
    font-size: clamp(3.3rem, 5.8vw, 5.7rem);
    line-height: 0.88;
    letter-spacing: 0.01em;
}

.proven-results-main-title-accent {
    color: #55A887;
}

.proven-results-case-card-frame {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    width: 100%;
    padding: 1rem;
    border: 1px solid rgba(255, 238, 220, 0.14);
    border-radius: 16px;
    background-color: rgba(24, 24, 24, 0.76);
    box-sizing: border-box;
    transition: transform 0.25s ease, border-color 0.25s ease;
}

.proven-results-case-card-frame:hover {
    transform: translateY(-0.08rem);
    border-color: rgba(85, 168, 135, 0.42);
}

.proven-results-case-top-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    padding: 0.2rem 0;
    border-bottom: 1px solid rgba(255, 238, 220, 0.12);
}

.proven-results-case-title-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
}

.proven-results-case-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.4rem;
    padding: 0.2rem 0.65rem;
    border-radius: 4px;
    background-color: #55AAAA;
    color: #181818;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.62rem;
    font-weight: 600;
    line-height: 1;
}

.proven-results-case-name {
    color: #ffeedc;
    font-family: 'Choldera', display;
    font-size: clamp(2.1rem, 4vw, 4.1rem);
    line-height: 0.88;
    letter-spacing: 0.01em;
}

.proven-results-case-subtitle {
    color: #55A887;
    font-family: 'Unbounded', sans-serif;
    font-size: 1.05rem;
    font-weight: 500;
    line-height: 1.2;
}

.proven-results-case-icon-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.8rem;
    min-height: 4.8rem;
    border-radius: 12px;
    background-color: #55AAAA;
    color: #181818;
    font-size: 2rem;
}

.proven-results-metrics-panel {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.55rem;
    width: 100%;
    padding: 0.85rem;
    border: 1px solid rgba(255, 238, 220, 0.09);
    border-radius: 16px;
    background-color: rgba(24, 24, 24, 0.68);
    box-sizing: border-box;
}

.proven-results-metrics-title {
    color: #55A887;
    font-family: 'Choldera', display;
    font-size: 2rem;
    line-height: 0.9;
}

.proven-results-metrics-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
    width: 100%;
}

.proven-results-metric-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
    padding: 0.15rem;
    border-radius: 16px;
    box-sizing: border-box;
    transition: transform 0.22s ease;
}

.proven-results-metric-item:hover {
    transform: translateY(-0.06rem);
}

.proven-results-metric-value {
    color: #55A887;
    font-family: 'Choldera', display;
    font-size: clamp(2rem, 3vw, 3.1rem);
    line-height: 0.85;
}

.proven-results-metric-label {
    color: #ffeedc;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.25;
}

.proven-results-metric-note {
    color: rgba(255, 238, 220, 0.5);
    font-family: 'Unbounded', sans-serif;
    font-size: 0.72rem;
    line-height: 1.2;
}

.proven-results-case-footer-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.6rem;
    width: 100%;
    padding: 0.35rem 0;
    border-top: 1px solid rgba(255, 238, 220, 0.12);
}

.proven-results-footer-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.22rem;
}

.proven-results-footer-label {
    color: rgba(255, 238, 220, 0.5);
    font-family: 'Unbounded', sans-serif;
    font-size: 0.72rem;
    font-weight: 500;
    line-height: 1;
}

.proven-results-footer-value {
    color: #ffeedc;
    font-family: 'Unbounded', sans-serif;
    font-size: 1.65rem;
    font-weight: 700;
    line-height: 0.95;
}

.proven-results-action-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.2rem 0 0;
}

.proven-results-end-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 2.65rem;
    padding: 0.55rem 1rem;
    border-radius: 4px;
    border: 1px solid rgba(255, 238, 220, 0.2);
    background-color: #181818;
    color: #ffeedc;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: transform 0.22s ease, border-color 0.22s ease, color 0.22s ease;
}

.proven-results-end-button:hover,
.proven-results-end-button:focus-visible {
    transform: translateY(-0.1rem);
    border-color: rgba(85, 168, 135, 0.62);
    color: #55A887;
    outline: none;
}

@media (max-width: 1024px) {
    .proven-results-metrics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .results-section-reveal.proven-results-section-shell {
        padding: 1.3rem 1rem;
    }

    .proven-results-case-top-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .proven-results-metrics-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

.testimonial-section-reveal.testimonial-sculpt-section-shell {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    padding: 80px;
    background-color: #55A887;
    box-sizing: border-box;
}

.testimonial-sculpt-card-shell {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: stretch;
    gap: 1.1rem;
    width: 100%;
    padding: 1.3rem 1.5rem 0.9rem;
    background-color: #55A887;
    border-radius: 16px;
    box-sizing: border-box;
}

.testimonial-sculpt-media-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
}

.testimonial-sculpt-image-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    width: 100%;
    max-width: 24rem;
    min-height: 20rem;
    border-radius: 16px;
    overflow: hidden;
    box-sizing: border-box;
}

.testimonial-sculpt-image-main {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    width: 100%;
    min-height: 20rem;
    object-fit: cover;
    border-radius: 16px;
}

.testimonial-sculpt-controls-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
    width: 100%;
    max-width: 24rem;
    transform: translateY(-1.35rem);
}

.testimonial-sculpt-control-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    min-height: 2.8rem;
    border: 1px solid #ffeedc;
    border-radius: 4px;
    background-color: rgba(24, 24, 24, 0.92);
    color: #ffeedc;
    font-family: 'Unbounded', sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    transition: transform 0.22s ease, color 0.22s ease, border-color 0.22s ease;
}

.testimonial-sculpt-control-btn + .testimonial-sculpt-control-btn {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.testimonial-sculpt-control-btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.testimonial-sculpt-control-btn:hover,
.testimonial-sculpt-control-btn:focus-visible {
    transform: translateY(-0.08rem);
    color: #55A887;
    border-color: rgba(85, 168, 135, 0.7);
    outline: none;
}

.testimonial-sculpt-content-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.85rem;
    width: 100%;
    padding: 0.55rem 0;
}

.testimonial-sculpt-stars-row {
    color: #ffeedc;
    font-family: 'Unbounded', sans-serif;
    font-size: 0.92rem;
    line-height: 1;
    letter-spacing: 0.22em;
}

.testimonial-sculpt-quote-text {
    color: #ffeedc;
    font-family: 'Choldera', display;
    font-size: clamp(2.15rem, 3.9vw, 4.2rem);
    line-height: 0.95;
    letter-spacing: 0.01em;
}

.testimonial-sculpt-author-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.12rem;
}

.testimonial-sculpt-author-name {
    color: #ffeedc;
    font-family: 'Choldera', display;
    font-size: 1.8rem;
    line-height: 0.95;
}

.testimonial-sculpt-author-role {
    color: rgba(255, 238, 220, 0.58);
    font-family: 'Unbounded', sans-serif;
    font-size: 0.72rem;
    line-height: 1.2;
    letter-spacing: 0.08em;
}

@media (max-width: 1024px) {
    .testimonial-sculpt-card-shell {
        grid-template-columns: minmax(0, 1fr);
    }

    .testimonial-sculpt-image-shell,
    .testimonial-sculpt-controls-row {
        max-width: 100%;
    }
}

@media (max-width: 760px) {
    .testimonial-sculpt-card-shell {
        padding: 1rem 1rem 0.8rem;
    }

    .testimonial-sculpt-image-shell,
    .testimonial-sculpt-image-main {
        min-height: 15rem;
    }
}

#home-content-container > section {
    display: flex;
    flex-direction: column;
    padding: 80px;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    body,
    main,
    section,
    article,
    header,
    footer,
    div,
    aside,
    form {
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    span,
    a,
    li,
    label,
    input,
    button,
    blockquote {
        text-align: center !important;
    }

    ul,
    ol {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding-left: 0 !important;
    }
}