:root {
    --bg-primary: #FAF8F5;
    --bg-secondary: #F3F6FB;
    --surface-card: #FFFFFF;
    --surface-muted: #F8FAFC;
    --surface-highlight: #FFF5F5;
    --brand-primary: #6C8DF6;
    --brand-primary-light: #E8EDFF;
    --brand-primary-hover: #5A7CEB;
    --brand-secondary: #F6A8B8;
    --brand-secondary-light: #FDF0F3;
    --accent-mint: #82D9CC;
    --accent-mint-light: #EEFAF8;
    --accent-lavender: #B8A9F5;
    --accent-lavender-light: #F3F0FE;
    --accent-peach: #F9C7A1;
    --accent-peach-light: #FEF5EE;
    --text-primary: #243048;
    --text-secondary: #5C6B84;
    --text-muted: #8A99B5;
    --text-interactive: #4E73EC;
    --border-subtle: #EBE7E1;
    --border-soft-blue: #DCE5FA;
    --border-soft-pink: #FBE3E8;
    --border-soft-mint: #DCF5F1;
    --border-card: rgba(235, 231, 225, 0.85);
    --font-headings: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
    --radius-xs: 8px;
    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-lg: 24px;
    --radius-xl: 32px;
    --radius-pill: 9999px;
    --shadow-sm: 0 2px 8px 0 rgba(76, 99, 140, 0.04);
    --shadow-md: 0 8px 24px -4px rgba(76, 99, 140, 0.08);
    --shadow-lg: 0 16px 36px -8px rgba(76, 99, 140, 0.10);
    --shadow-card: 0 12px 32px 0 rgba(108, 141, 246, 0.06);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body.scalesense-body {
    margin: 0;
    padding: 0;
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.6;
    color: var(--text-primary);
    background-color: var(--bg-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-headings);
    color: var(--text-primary);
    margin-top: 0;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

a {
    color: var(--text-interactive);
    text-decoration: none;
    transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

a:hover {
    color: var(--brand-primary-hover);
    text-decoration: underline;
}

.text-muted {
    color: var(--text-muted) !important;
}

.scalesense-container {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .scalesense-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .scalesense-container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .scalesense-container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .scalesense-container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .scalesense-container {
        max-width: 1280px;
    }
}

/* ===== header ===== */
#site-header.site-header {
    background-color: #FAF8F5;
    border-bottom: 1px solid #EBE7E1;
    box-shadow: 0 2px 8px 0 rgba(76, 99, 140, 0.04);
    z-index: 1030;
    position: sticky;
    top: 0;
}

#site-header .navbar {
    padding-top: 14px;
    padding-bottom: 14px;
    background-color: #FAF8F5;
}

#site-header .header-logo-img {
    max-width: 44px;
    height: 44px;
    object-fit: contain;
    flex-shrink: 0;
}

#site-header .brand-title {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #243048;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

#site-header .brand-accent {
    color: #6C8DF6;
}

#site-header .navbar-nav {
    gap: 4px;
}

#site-header .nav-link {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #5C6B84;
    padding: 8px 16px;
    border-radius: 9999px;
    transition: color 0.2s ease, background-color 0.2s ease;
}

#site-header .nav-link:hover,
#site-header .nav-link:focus {
    color: #4E73EC;
    background-color: #E8EDFF;
}

#site-header .dropdown-menu {
    border: 1px solid #DCE5FA;
    border-radius: 14px;
    box-shadow: 0 12px 32px -8px rgba(76, 99, 140, 0.18);
    padding: 8px;
    min-width: 220px;
    background-color: #FFFFFF;
    margin-top: 6px;
}

#site-header .dropdown-item {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #5C6B84;
    padding: 10px 16px;
    border-radius: 10px;
    transition: color 0.2s ease, background-color 0.2s ease;
    display: flex;
    align-items: center;
    gap: 10px;
}

#site-header .dropdown-item:hover,
#site-header .dropdown-item:focus {
    color: #4E73EC;
    background-color: #E8EDFF;
}

#site-header .dropdown-toggle::after {
    margin-left: 6px;
    vertical-align: middle;
}

#site-header .navbar-toggler {
    border: 1px solid #DCE5FA;
    background-color: #FFFFFF;
    padding: 6px 10px;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(76, 99, 140, 0.04);
}

#site-header .navbar-toggler:focus {
    box-shadow: 0 0 0 3px rgba(108, 141, 246, 0.25);
    outline: none;
}

#site-header .header-menu-icon {
    font-size: 24px;
    color: #243048;
    display: block;
}

#site-header .btn-header-cta {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #6C8DF6;
    border: 1px solid #6C8DF6;
    border-radius: 9999px;
    padding: 10px 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(108, 141, 246, 0.25);
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

#site-header .btn-header-cta:hover,
#site-header .btn-header-cta:focus {
    color: #FFFFFF;
    background-color: #5A7CEB;
    border-color: #5A7CEB;
}

#site-header .header-cta-icon {
    font-size: 18px;
}

@media (max-width: 991.98px) {
    #site-header .navbar {
        padding: 8px 0;
    }

    #site-header .navbar .container {
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
    }

    #site-header .navbar-brand {
        flex: 1 1 auto;
        min-width: 0;
        max-width: calc(100% - 60px);
        gap: 6px;
        padding: 0;
    }

    #site-header .brand-title {
        font-size: 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #site-header .header-logo-img {
        max-width: 34px;
        height: 34px;
    }

    #site-header .navbar-toggler {
        flex: 0 0 auto;
        margin-left: 8px;
        padding: 6px 10px;
    }

    #site-header .navbar-collapse {
        background-color: #FAF8F5;
        border-radius: 18px;
        padding: 16px;
        margin-top: 12px;
        border: 1px solid #EBE7E1;
        box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.08);
        flex-basis: 100%;
    }

    #site-header .nav-link {
        padding: 10px 14px;
        font-size: 14px;
    }

    #site-header .header-cta-wrapper {
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid #EBE7E1;
        width: 100%;
    }

    #site-header .btn-header-cta {
        width: 100%;
    }

    #site-header .dropdown-menu {
        box-shadow: none;
        border-radius: 10px;
        margin-top: 4px;
    }
}

/* ===== hero ===== */
.hero-scale-section {
    background: linear-gradient(135deg, #0e1526 0%, #151a30 50%, #1b1633 100%);
    color: #e2e8f0;
    padding: 64px 0 72px;
    position: relative;
    overflow: hidden
}

.hero-scale-section .hero-glow-orb {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(80px);
    opacity: 0.35
}

.hero-scale-section .hero-glow-1 {
    width: 320px;
    height: 320px;
    background: #6c8df6;
    top: -60px;
    left: -40px
}

.hero-scale-section .hero-glow-2 {
    width: 380px;
    height: 380px;
    background: #b8a9f5;
    bottom: -80px;
    right: -40px
}

.hero-scale-section .hero-glow-3 {
    width: 260px;
    height: 260px;
    background: #82d9cc;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.hero-scale-section .hero-badge {
    background: rgba(108, 141, 246, 0.15);
    border: 1px solid rgba(108, 141, 246, 0.4);
    color: #dce5fa;
    border-radius: 9999px;
    padding: 6px 16px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.02em
}

.hero-scale-section .hero-title {
    color: #ffffff;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.015em
}

.hero-scale-section .hero-subtitle {
    color: #a8c0ff;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 600;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto
}

.hero-scale-section .hero-lead {
    color: #cbd5e1;
    font-size: 17px;
    line-height: 1.6;
    max-width: 760px
}

.hero-scale-section .hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 9999px;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease
}

.hero-scale-section .hero-btn-primary {
    background: #6c8df6;
    color: #ffffff;
    border: 1px solid #6c8df6
}

.hero-scale-section .hero-btn-primary:hover {
    background: #5a7ceb;
    border-color: #5a7ceb;
    color: #ffffff
}

.hero-scale-section .hero-btn-secondary {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2)
}

.hero-scale-section .hero-btn-secondary:hover {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.35);
    color: #ffffff
}

.hero-scale-section .interactive-scale-card {
    background: rgba(18, 24, 42, 0.85);
    border: 1px solid rgba(108, 141, 246, 0.3);
    border-radius: 24px;
    box-shadow: 0 16px 36px -8px rgba(0, 0, 0, 0.4)
}

.hero-scale-section .status-indicator {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #82d9cc;
    box-shadow: 0 0 8px #82d9cc
}

.hero-scale-section .scale-card-title {
    font-size: 15px
}

.hero-scale-section .scale-tab-btn {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #cbd5e1;
    padding: 7px 14px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap
}

.hero-scale-section .scale-tab-btn:hover {
    background: rgba(108, 141, 246, 0.15);
    border-color: rgba(108, 141, 246, 0.4);
    color: #ffffff
}

.hero-scale-section .scale-tab-btn.active {
    background: #6c8df6;
    border-color: #6c8df6;
    color: #ffffff
}

.hero-scale-section .scale-viewport {
    background: #0a0f1d;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    min-height: 200px;
    overflow: hidden
}

.hero-scale-section .grid-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(rgba(108, 141, 246, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(108, 141, 246, 0.12) 1px, transparent 1px);
    background-size: 18px 18px
}

.hero-scale-section .model-box {
    position: relative;
    background: linear-gradient(135deg, #6c8df6, #82d9cc);
    border: 2px solid #ffffff;
    border-radius: 10px;
    width: 120px;
    height: 70px;
    box-shadow: 0 8px 20px rgba(108, 141, 246, 0.4);
    transition: all 0.25s ease;
    z-index: 2
}

.hero-scale-section .model-label {
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.92);
    padding: 5px 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #0a0f1d;
    white-space: nowrap;
    line-height: 1.3;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3)
}

.hero-scale-section .dim-readout-panel {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px
}

.hero-scale-section .dim-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.08);
    padding-bottom: 10px
}

.hero-scale-section .dim-row:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.hero-scale-section .dim-label {
    color: #94a3b8;
    flex-shrink: 0;
    font-size: 12px
}

.hero-scale-section .dim-value {
    text-align: right;
    font-size: 13px
}

.hero-scale-section .info-feature-card {
    background: rgba(18, 24, 42, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    height: 100%
}

.hero-scale-section .feature-icon-box {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0
}

.hero-scale-section .icon-blue {
    background: rgba(108, 141, 246, 0.2);
    color: #8fb1ff
}

.hero-scale-section .icon-pink {
    background: rgba(246, 168, 184, 0.2);
    color: #f6a8b8
}

.hero-scale-section .feature-heading {
    font-size: 17px;
    line-height: 1.3;
    font-weight: 600
}

.hero-scale-section .feature-link {
    color: #ffffff;
    text-decoration: none
}

.hero-scale-section .feature-link:hover {
    color: #8fb1ff;
    text-decoration: underline
}

.hero-scale-section .feature-sub {
    font-size: 11px;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.04em
}

.hero-scale-section .feature-text {
    font-size: 13px;
    color: #cbd5e1;
    line-height: 1.5
}

@media (max-width:767.98px) {
    .hero-scale-section {
        padding: 36px 0 48px
    }

    .hero-scale-section .hero-title {
        font-size: 18px;
        line-height: 1.3;
        hyphens: auto
    }

    .hero-scale-section .hero-lead {
        font-size: 14px
    }

    .hero-scale-section .feature-heading {
        font-size: 14px;
        hyphens: auto
    }

    .hero-scale-section .hero-btn {
        width: 100%
    }
}

/* ===== numbers ===== */
.numbers-section-block {
    background-color: #FAF8F5;
    color: #243048;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

.numbers-section-block .numbers-header {
    max-width: 760px;
}

.numbers-section-block .numbers-pill-badge {
    display: inline-block;
    background-color: #E8EDFF;
    color: #4E73EC;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 6px 14px;
    border-radius: 9999px;
    border: 1px solid #DCE5FA;
}

.numbers-section-block .numbers-main-title {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 600;
    color: #243048;
    letter-spacing: -0.01em;
}

.numbers-section-block .numbers-lead-desc {
    font-size: 16px;
    line-height: 1.6;
    color: #5C6B84;
}

.numbers-section-block .numbers-filter-btn {
    background-color: #FFFFFF;
    color: #5C6B84;
    border: 1px solid #EBE7E1;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 20px;
    border-radius: 9999px;
    cursor: pointer;
}

.numbers-section-block .numbers-filter-btn:hover {
    border-color: #6C8DF6;
    color: #4E73EC;
}

.numbers-section-block .numbers-filter-btn.active {
    background-color: #6C8DF6;
    color: #FFFFFF;
    border-color: #6C8DF6;
    box-shadow: 0 4px 14px rgba(108, 141, 246, 0.25);
}

.numbers-section-block .numbers-stat-card {
    background: #FFFFFF;
    border: 1px solid #EBE7E1;
    border-radius: 24px;
    padding: 28px 24px;
    box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.06);
}

.numbers-section-block .numbers-stat-card:hover {
    border-color: #DCE5FA;
}

.numbers-section-block .numbers-icon-box {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.numbers-section-block .numbers-icon-blue {
    background-color: #E8EDFF;
    color: #4E73EC;
}

.numbers-section-block .numbers-icon-pink {
    background-color: #FDF0F3;
    color: #E56882;
}

.numbers-section-block .numbers-icon-mint {
    background-color: #EEFAF8;
    color: #2BA895;
}

.numbers-section-block .numbers-icon-lavender {
    background-color: #F3F0FE;
    color: #7E67DF;
}

.numbers-section-block .numbers-display-val {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.1;
    color: #243048;
    letter-spacing: -0.02em;
}

.numbers-section-block .numbers-stat-title {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    color: #243048;
}

.numbers-section-block .numbers-stat-desc {
    font-size: 14px;
    line-height: 1.5;
    color: #5C6B84;
}

.numbers-section-block .numbers-card-footer {
    border-top: 1px solid #F3F6FB;
}

.numbers-section-block .numbers-footer-tag {
    font-size: 12px;
    font-weight: 600;
    color: #8A99B5;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.numbers-section-block .numbers-meta-banner {
    background: #FFFFFF;
    border: 1px solid #DCE5FA;
    border-radius: 20px;
    box-shadow: 0 4px 16px rgba(76, 99, 140, 0.04);
}

.numbers-section-block .numbers-meta-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 12px;
    background-color: #EEFAF8;
    color: #2BA895;
    font-size: 24px;
}

.numbers-section-block .numbers-meta-heading {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: #243048;
}

.numbers-section-block .numbers-meta-text {
    font-size: 14px;
    line-height: 1.5;
    color: #5C6B84;
}

.numbers-section-block .numbers-action-btn {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: #6C8DF6;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 22px;
    border-radius: 9999px;
    border: 1px solid #6C8DF6;
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(108, 141, 246, 0.25);
}

.numbers-section-block .numbers-action-btn:hover {
    background-color: #5A7CEB;
    border-color: #5A7CEB;
    color: #FFFFFF;
    text-decoration: none;
}

@media (max-width: 767.98px) {
    .numbers-section-block .numbers-main-title {
        font-size: 22px;
        hyphens: auto;
    }

    .numbers-section-block .numbers-stat-title {
        font-size: 16px;
    }

    .numbers-section-block .numbers-display-val {
        font-size: 32px;
    }

    .numbers-section-block .numbers-meta-heading {
        font-size: 15px;
    }

    .numbers-section-block .numbers-lead-desc {
        font-size: 14px;
    }

    .numbers-section-block .numbers-stat-card {
        padding: 22px 18px;
    }

    .numbers-section-block .numbers-action-btn {
        width: 100%;
    }
}

/* ===== timeline ===== */
.scalesense-timeline {
    background-color: #FAF8F5;
    padding: 64px 0
}

.scalesense-timeline__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    background-color: #E8EDFF;
    color: #4E73EC;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-radius: 9999px;
    border: 1px solid #DCE5FA;
    margin-bottom: 16px
}

.scalesense-timeline__badge i {
    font-size: 16px;
    color: #4E73EC
}

.scalesense-timeline__title {
    font-family: 'Outfit', sans-serif;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 600;
    color: #243048;
    letter-spacing: -0.01em;
    margin-bottom: 14px
}

.scalesense-timeline__subtitle {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    color: #5C6B84;
    margin-bottom: 0
}

.scalesense-timeline__nav {
    background: #FFFFFF;
    border: 1px solid #EBE7E1;
    padding: 6px;
    border-radius: 9999px;
    box-shadow: 0 2px 8px 0 rgba(76, 99, 140, 0.04);
    gap: 6px;
    flex-wrap: wrap
}

.scalesense-timeline__tab {
    border: none;
    background: transparent;
    color: #5C6B84;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 9999px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent
}

.scalesense-timeline__tab i {
    font-size: 16px
}

.scalesense-timeline__tab:hover {
    color: #243048;
    background-color: #F8FAFC
}

.scalesense-timeline__tab.active {
    background-color: #6C8DF6;
    color: #FFFFFF;
    border-color: #6C8DF6;
    box-shadow: 0 4px 14px rgba(108, 141, 246, 0.25)
}

.scalesense-timeline__pane {
    display: none
}

.scalesense-timeline__pane.active {
    display: block
}

.scalesense-timeline__card {
    background: #FFFFFF;
    border: 1px solid #EBE7E1;
    border-radius: 24px;
    padding: 28px 24px;
    box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.06);
    display: flex;
    flex-direction: column;
    height: 100%
}

.scalesense-timeline__card:hover {
    border-color: #DCE5FA;
    box-shadow: 0 12px 32px 0 rgba(108, 141, 246, 0.08)
}

.scalesense-timeline__card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 18px;
    flex-wrap: wrap
}

.scalesense-timeline__tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    border-radius: 9999px
}

.scalesense-timeline__tag--mint {
    background-color: #EEFAF8;
    color: #2BA895;
    border: 1px solid #DCF5F1
}

.scalesense-timeline__tag--blue {
    background-color: #E8EDFF;
    color: #4E73EC;
    border: 1px solid #DCE5FA
}

.scalesense-timeline__tag--blush {
    background-color: #FDF0F3;
    color: #D75872;
    border: 1px solid #FBE3E8
}

.scalesense-timeline__marker {
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    font-weight: 500;
    color: #8A99B5;
    text-transform: uppercase
}

.scalesense-timeline__card-title {
    font-family: 'Outfit', sans-serif;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 600;
    color: #243048;
    margin-bottom: 12px
}

.scalesense-timeline__card-text {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
    color: #5C6B84;
    margin-bottom: 20px
}

.scalesense-timeline__features {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.scalesense-timeline__features li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #243048
}

.scalesense-timeline__features li i {
    color: #2BA895;
    font-size: 16px;
    flex-shrink: 0
}

.scalesense-timeline__card-footer {
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid #F3F6FB
}

.scalesense-timeline__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #4E73EC;
    text-decoration: none
}

.scalesense-timeline__link i {
    font-size: 16px
}

.scalesense-timeline__link:hover {
    color: #3B5ECC;
    text-decoration: underline
}

.scalesense-timeline__summary {
    background: linear-gradient(135deg, #FFFFFF 0%, #F1F5FD 100%);
    border: 1px solid #DCE5FA;
    border-radius: 24px;
    padding: 32px;
    box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.06)
}

.scalesense-timeline__summary-title {
    font-family: 'Outfit', sans-serif;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
    color: #243048;
    margin-bottom: 8px
}

.scalesense-timeline__summary-text {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #5C6B84
}

.scalesense-timeline__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 24px;
    border-radius: 9999px;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid transparent
}

.scalesense-timeline__btn--primary {
    background-color: #6C8DF6;
    color: #FFFFFF;
    border-color: #6C8DF6;
    box-shadow: 0 4px 14px rgba(108, 141, 246, 0.25)
}

.scalesense-timeline__btn--primary:hover {
    background-color: #5A7CEB;
    color: #FFFFFF;
    border-color: #5A7CEB
}

@media(min-width:768px) {
    .scalesense-timeline {
        padding: 72px 0
    }

    .scalesense-timeline__title {
        font-size: 32px
    }
}

@media(min-width:992px) {
    .scalesense-timeline {
        padding: 96px 0
    }
}

@media(max-width:767.98px) {
    .scalesense-timeline {
        padding: 48px 0
    }

    .scalesense-timeline__title {
        font-size: 16px;
        hyphens: auto
    }

    .scalesense-timeline__card-title {
        font-size: 14px;
        hyphens: auto
    }

    .scalesense-timeline__summary-title {
        font-size: 14px;
        hyphens: auto
    }

    .scalesense-timeline__subtitle {
        font-size: 14px
    }

    .scalesense-timeline__nav {
        flex-direction: column;
        border-radius: 18px
    }

    .scalesense-timeline__tab {
        width: 100%;
        justify-content: center;
        font-size: 13px;
        padding: 8px 14px
    }

    .scalesense-timeline__card {
        padding: 20px 16px;
        border-radius: 18px
    }

    .scalesense-timeline__summary {
        padding: 20px 16px;
        border-radius: 18px
    }
}

/* ===== objections ===== */
.scalesense-objections {
    background-color: #FAF8F5;
    color: #243048;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif
}

.scalesense-objections__badge {
    background-color: #E8EDFF;
    color: #4E73EC;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 9999px;
    border: 1px solid #DCE5FA;
    letter-spacing: 0.02em
}

.scalesense-objections__title {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #243048;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.01em
}

.scalesense-objections__subtitle {
    color: #5C6B84;
    font-size: 16px;
    line-height: 1.6;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto
}

.scalesense-objections__filter-bar {
    background-color: #FFFFFF;
    padding: 6px;
    border-radius: 9999px;
    border: 1px solid #EBE7E1;
    box-shadow: 0 2px 8px rgba(76, 99, 140, 0.04)
}

.scalesense-objections__filter-btn {
    background: transparent;
    border: none;
    color: #5C6B84;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: 9999px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background-color .2s ease, color .2s ease
}

.scalesense-objections__filter-btn:hover {
    color: #243048;
    background-color: #F3F6FB
}

.scalesense-objections__filter-btn.is-active {
    background-color: #6C8DF6;
    color: #FFFFFF
}

.scalesense-objections__card {
    background-color: #FFFFFF;
    border: 1px solid #EBE7E1;
    border-radius: 24px;
    box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.06);
    transition: border-color .2s ease, box-shadow .2s ease
}

.scalesense-objections__card:hover {
    border-color: #DCE5FA;
    box-shadow: 0 12px 32px 0 rgba(108, 141, 246, 0.08)
}

.scalesense-objections__icon-wrap {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px
}

.scalesense-objections__icon-wrap--blue {
    background-color: #E8EDFF;
    color: #4E73EC
}

.scalesense-objections__icon-wrap--mint {
    background-color: #EEFAF8;
    color: #2BA895
}

.scalesense-objections__icon-wrap--peach {
    background-color: #FEF5EE;
    color: #D97736
}

.scalesense-objections__icon-wrap--lavender {
    background-color: #F3F0FE;
    color: #7E67DF
}

.scalesense-objections__tag {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 3px 10px;
    border-radius: 9999px;
    display: inline-block
}

.scalesense-objections__tag--blue {
    background-color: #E8EDFF;
    color: #4E73EC
}

.scalesense-objections__tag--mint {
    background-color: #EEFAF8;
    color: #2BA895
}

.scalesense-objections__tag--peach {
    background-color: #FEF5EE;
    color: #D97736
}

.scalesense-objections__tag--lavender {
    background-color: #F3F0FE;
    color: #7E67DF
}

.scalesense-objections__card-title {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    color: #243048
}

.scalesense-objections__card-text {
    color: #5C6B84;
    font-size: 14px;
    line-height: 1.6
}

.scalesense-objections__cta-box {
    background: linear-gradient(180deg, #FFFFFF 0%, #F6F9FE 100%);
    border: 1px solid #DCE5FA;
    border-radius: 24px;
    box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.06)
}

.scalesense-objections__cta-title {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #243048
}

.scalesense-objections__cta-text {
    color: #5C6B84;
    font-size: 15px;
    line-height: 1.6;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto
}

.scalesense-objections__btn-primary {
    background-color: #6C8DF6;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 15px;
    padding: 12px 26px;
    border-radius: 9999px;
    border: 1px solid #6C8DF6;
    box-shadow: 0 4px 14px rgba(108, 141, 246, 0.25);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background-color .2s ease
}

.scalesense-objections__btn-primary:hover {
    background-color: #5A7CEB;
    color: #FFFFFF;
    text-decoration: none
}

.scalesense-objections__btn-outline {
    background-color: #FFFFFF;
    color: #243048;
    font-weight: 600;
    font-size: 15px;
    padding: 12px 26px;
    border-radius: 9999px;
    border: 1px solid #EBE7E1;
    box-shadow: 0 2px 6px rgba(76, 99, 140, 0.04);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background-color .2s ease, border-color .2s ease
}

.scalesense-objections__btn-outline:hover {
    background-color: #F3F6FB;
    border-color: #DCE5FA;
    color: #243048;
    text-decoration: none
}

@media (max-width:767.98px) {
    .scalesense-objections__title {
        font-size: 22px
    }

    .scalesense-objections__subtitle {
        font-size: 14px
    }

    .scalesense-objections__card-title {
        font-size: 16px
    }

    .scalesense-objections__cta-title {
        font-size: 18px
    }

    .scalesense-objections__filter-bar {
        border-radius: 16px;
        width: 100%
    }

    .scalesense-objections__filter-btn {
        font-size: 13px;
        padding: 6px 12px;
        width: 100%;
        justify-content: center
    }
}

/* ===== lessons ===== */
.scale-lessons-grid-section {
    background-color: #FAF8F5;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #243048;
}

.scale-lessons-grid-section .scale-badge {
    background-color: #E8EDFF;
    color: #4E73EC;
    font-size: 13px;
    font-weight: 600;
}

.scale-lessons-grid-section .scale-section-title {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #243048;
    line-height: 1.25;
}

@media (max-width: 767.98px) {
    .scale-lessons-grid-section .scale-section-title {
        font-size: 16px;
        hyphens: auto;
    }
}

.scale-lessons-grid-section .scale-section-subtitle {
    font-size: 16px;
    line-height: 1.6;
    color: #5C6B84;
}

.scale-lessons-grid-section .scale-lesson-card {
    background: #FFFFFF;
    border: 1px solid #EBE7E1;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.06);
}

.scale-lessons-grid-section .scale-card-media-link {
    overflow: hidden;
    height: 190px;
}

.scale-lessons-grid-section .scale-card-thumb {
    height: 100%;
    object-fit: cover;
    display: block;
}

.scale-lessons-grid-section .scale-tag {
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 9999px;
}

.scale-lessons-grid-section .scale-tag-blue {
    background-color: #E8EDFF;
    color: #4E73EC;
}

.scale-lessons-grid-section .scale-tag-mint {
    background-color: #EEFAF8;
    color: #2BA895;
}

.scale-lessons-grid-section .scale-tag-blush {
    background-color: #FDF0F3;
    color: #D75872;
}

.scale-lessons-grid-section .scale-tag-lavender {
    background-color: #F3F0FE;
    color: #7E67DF;
}

.scale-lessons-grid-section .scale-meta-text {
    font-size: 12px;
    color: #8A99B5;
    font-weight: 500;
}

.scale-lessons-grid-section .scale-card-title {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.35;
}

@media (max-width: 767.98px) {
    .scale-lessons-grid-section .scale-card-title {
        font-size: 14px;
        hyphens: auto;
    }
}

.scale-lessons-grid-section .scale-title-link {
    color: #243048;
    text-decoration: none;
}

.scale-lessons-grid-section .scale-card-text {
    font-size: 14px;
    line-height: 1.6;
    color: #5C6B84;
}

.scale-lessons-grid-section .scale-action-btn {
    background-color: #E8EDFF;
    color: #4E73EC;
    border: 1px solid #DCE5FA;
    border-radius: 9999px;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
}

.scale-lessons-grid-section .scale-view-all-btn {
    background-color: #6C8DF6;
    color: #FFFFFF;
    border: 1px solid #6C8DF6;
    border-radius: 9999px;
    padding: 14px 32px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 4px 14px rgba(108, 141, 246, 0.25);
    cursor: pointer;
}

/* ===== materials ===== */
.materials-grid-section {
    background-color: #FAF8F5;
    color: #243048;
}

.materials-grid-section .materials-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background-color: #E8EDFF;
    color: #4E73EC;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    border-radius: 9999px;
    letter-spacing: 0.02em;
}

.materials-grid-section .materials-section-title {
    font-family: 'Outfit', sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    color: #243048;
    margin-top: 10px;
    margin-bottom: 12px;
}

.materials-grid-section .materials-section-desc {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #5C6B84;
    max-width: 680px;
    margin: 0 auto;
}

.materials-grid-section .materials-filter-btn {
    background-color: #FFFFFF;
    color: #5C6B84;
    border: 1px solid #EBE7E1;
    border-radius: 9999px;
    padding: 8px 18px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.materials-grid-section .materials-filter-btn:hover {
    background-color: #F3F6FB;
    color: #243048;
    border-color: #DCE5FA;
}

.materials-grid-section .materials-filter-btn.active {
    background-color: #6C8DF6;
    color: #FFFFFF;
    border-color: #6C8DF6;
    box-shadow: 0 4px 12px rgba(108, 141, 246, 0.25);
}

.materials-grid-section .material-card {
    background-color: #FFFFFF;
    border: 1px solid #EBE7E1;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.06);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.materials-grid-section .material-card:hover {
    border-color: #DCE5FA;
    box-shadow: 0 12px 32px 0 rgba(108, 141, 246, 0.08);
}

.materials-grid-section .material-card-media {
    overflow: hidden;
    background-color: #F3F6FB;
}

.materials-grid-section .material-img {
    height: 220px;
    object-fit: cover;
    display: block;
}

.materials-grid-section .material-type-pill {
    position: absolute;
    top: 14px;
    left: 14px;
    background-color: rgba(255, 255, 255, 0.95);
    color: #243048;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 9999px;
    border: 1px solid rgba(235, 231, 225, 0.9);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.materials-grid-section .material-meta {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13px;
    color: #8A99B5;
}

.materials-grid-section .material-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.materials-grid-section .material-card-title {
    font-family: 'Outfit', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: 8px;
    color: #243048;
}

.materials-grid-section .material-title-link {
    color: #243048;
    text-decoration: none;
    transition: color 0.2s ease;
}

.materials-grid-section .material-title-link:hover {
    color: #4E73EC;
    text-decoration: none;
}

.materials-grid-section .material-card-text {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #5C6B84;
    margin-bottom: 16px;
}

.materials-grid-section .material-card-footer {
    border-color: #EBE7E1 !important;
}

.materials-grid-section .material-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 16px;
    background-color: #F8FAFC;
    color: #4E73EC;
    border: 1px solid #EBE7E1;
    border-radius: 12px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.materials-grid-section .material-action-btn:hover {
    background-color: #E8EDFF;
    border-color: #DCE5FA;
    color: #243048;
    text-decoration: none;
}

.materials-grid-section .material-action-btn i {
    font-size: 18px;
}

.materials-grid-section .materials-overview-box {
    max-width: 920px;
    background-color: #FFFFFF;
    border: 1px solid #DCE5FA;
    border-radius: 20px;
    box-shadow: 0 4px 16px rgba(76, 99, 140, 0.04);
}

.materials-grid-section .materials-overview-heading {
    font-family: 'Outfit', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #243048;
}

.materials-grid-section .materials-overview-subtext {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    color: #5C6B84;
}

.materials-grid-section .materials-view-all-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #6C8DF6;
    color: #FFFFFF;
    border: 1px solid #6C8DF6;
    border-radius: 9999px;
    padding: 10px 22px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(108, 141, 246, 0.25);
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.materials-grid-section .materials-view-all-btn:hover {
    background-color: #5A7CEB;
    border-color: #5A7CEB;
    color: #FFFFFF;
    text-decoration: none;
}

@media (max-width: 767.98px) {
    .materials-grid-section .materials-section-title {
        font-size: 22px;
        hyphens: auto;
    }

    .materials-grid-section .materials-overview-heading {
        font-size: 16px;
    }

    .materials-grid-section .material-card-title {
        font-size: 17px;
    }

    .materials-grid-section .material-img {
        height: 180px;
    }

    .materials-grid-section .materials-view-all-btn {
        width: 100%;
        justify-content: center;
    }
}

/* ===== footer ===== */
.scalesense-footer {
    background-color: #FAF8F5;
    border-top: 1px solid #EBE7E1;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #243048;
}

.scalesense-footer__card {
    background: #FFFFFF;
    border: 1px solid #EBE7E1;
    border-radius: 24px;
    box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.06);
}

.scalesense-footer__logo {
    max-width: 44px;
    height: 44px;
    object-fit: contain;
}

.scalesense-footer__brand-name {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #243048;
    letter-spacing: -0.01em;
}

.scalesense-footer__summary {
    font-size: 14px;
    line-height: 1.6;
    color: #5C6B84;
}

.scalesense-footer__col-title {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #243048;
    letter-spacing: -0.005em;
}

.scalesense-footer__nav-link {
    color: #5C6B84;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

.scalesense-footer__nav-link:hover,
.scalesense-footer__nav-link:focus {
    color: #4E73EC;
    text-decoration: underline;
}

.scalesense-footer__icon-box {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #E8EDFF;
    color: #4E73EC;
    font-size: 18px;
}

.scalesense-footer__contact-text {
    font-size: 14px;
    line-height: 1.5;
    color: #5C6B84;
}

.scalesense-footer__contact-link {
    font-size: 14px;
    font-weight: 500;
    color: #5C6B84;
    text-decoration: none;
    word-break: break-all;
    transition: color 0.2s ease;
}

.scalesense-footer__contact-link:hover,
.scalesense-footer__contact-link:focus {
    color: #4E73EC;
    text-decoration: underline;
}

.scalesense-footer__wa-btn {
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 9999px;
    background: #EEFAF8;
    color: #2BA895;
    border: 1px solid #DCF5F1;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.scalesense-footer__wa-btn:hover,
.scalesense-footer__wa-btn:focus {
    background: #DCF5F1;
    color: #1F8374;
    border-color: #82D9CC;
    text-decoration: none;
}

.scalesense-footer__copy {
    font-size: 13px;
    color: #8A99B5;
    line-height: 1.5;
}

.scalesense-footer__legal-link {
    font-size: 13px;
    font-weight: 500;
    color: #5C6B84;
    text-decoration: none;
    transition: color 0.2s ease;
}

.scalesense-footer__legal-link:hover,
.scalesense-footer__legal-link:focus {
    color: #4E73EC;
    text-decoration: underline;
}

@media (max-width: 767.98px) {
    .scalesense-footer__col-title {
        font-size: 15px;
    }

    .scalesense-footer__brand-name {
        font-size: 18px;
    }

    .scalesense-footer__card {
        border-radius: 18px;
    }
}

/* ===== PAGE: about ===== */
.about-resource-page{background-color:#FAF8F5;color:#243048;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif}.about-resource-page h1,.about-resource-page h2,.about-resource-page h3,.about-resource-page h4{font-family:'Outfit',-apple-system,BlinkMacSystemFont,sans-serif;color:#243048;font-weight:700}.about-resource-page .about-badge{background-color:#E8EDFF;color:#4E73EC;font-weight:600;font-size:0.875rem;display:inline-block;border:1px solid #DCE5FA}.about-resource-page .about-badge-sm{background-color:#EEFAF8;color:#2BA895;font-weight:600;font-size:0.75rem;letter-spacing:0.04em;text-transform:uppercase;border:1px solid #DCF5F1}.about-resource-page .about-main-title{font-size:2.25rem;line-height:1.2;letter-spacing:-0.015em}.about-resource-page .about-lead-text{font-size:1.125rem;line-height:1.6;color:#5C6B84;max-width:760px}.about-resource-page .about-card{background:#FFFFFF;border:1px solid #EBE7E1;border-radius:24px;box-shadow:0 8px 24px -4px rgba(76,99,140,0.06)}.about-resource-page .about-card-highlight{background:linear-gradient(180deg,#FFFFFF 0%,#F6F9FE 100%);border-color:#DCE5FA;box-shadow:0 12px 32px 0 rgba(108,141,246,0.08)}.about-resource-page .about-card-title{font-size:1.5rem;line-height:1.3}.about-resource-page .about-card-subtitle{font-size:1.25rem;line-height:1.35}.about-resource-page .about-card-text{font-size:0.95rem;line-height:1.6;color:#5C6B84}.about-resource-page .about-icon-box{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.about-resource-page .about-icon-blue{background-color:#E8EDFF;color:#4E73EC}.about-resource-page .about-icon-mint{background-color:#EEFAF8;color:#2BA895}.about-resource-page .about-icon-blush{background-color:#FDF0F3;color:#E56882}.about-resource-page .about-icon-lavender{background-color:#F3F0FE;color:#7E67DF}.about-resource-page .about-icon-peach{background-color:#FEF5EE;color:#F9C7A1}.about-resource-page .about-image-wrapper{border-radius:18px;overflow:hidden;background:#F3F6FB;border:1px solid #EBE7E1}.about-resource-page .about-feature-image{width:100%;height:260px;object-fit:cover;display:block}.about-resource-page .about-stat-row{border-top-color:#EBE7E1!important}.about-resource-page .about-stat-number{display:block;font-family:'Outfit',sans-serif;font-weight:700;font-size:1.5rem;color:#4E73EC;line-height:1.2}.about-resource-page .about-stat-label{font-size:0.8rem;color:#8A99B5;font-weight:600;text-transform:uppercase;letter-spacing:0.03em}.about-resource-page .about-section-title{font-size:1.75rem}.about-resource-page .about-section-subtitle{font-size:1rem;color:#5C6B84}.about-resource-page .about-pillar-card{background:#FFFFFF;border:1px solid #EBE7E1;border-radius:20px;box-shadow:0 4px 16px -2px rgba(76,99,140,0.05)}.about-resource-page .about-pillar-title{font-size:1.15rem}.about-resource-page .about-pillar-text{font-size:0.9rem;line-height:1.55;color:#5C6B84}.about-resource-page .about-interactive-panel{background:linear-gradient(135deg,#FFFFFF 0%,#F3F6FB 100%);border-color:#DCE5FA}.about-resource-page .about-interactive-title{font-size:1.5rem}.about-resource-page .about-toggle-btn{background:#FFFFFF;border:1px solid #EBE7E1;color:#243048;font-weight:600;font-size:0.9rem;padding:12px 18px;text-align:left;border-radius:12px!important;margin-bottom:8px;box-shadow:0 2px 6px rgba(76,99,140,0.04)}.about-resource-page .about-toggle-btn:hover{background:#F8FAFC;border-color:#DCE5FA;color:#4E73EC}.about-resource-page .about-toggle-btn.active{background:#6C8DF6;color:#FFFFFF;border-color:#6C8DF6;box-shadow:0 4px 14px rgba(108,141,246,0.3)}.about-resource-page .about-demo-display{background:#FFFFFF;border:1px solid #DCE5FA;box-shadow:0 8px 20px rgba(76,99,140,0.06)}.about-resource-page .about-demo-tag{font-size:0.8rem;font-weight:600;color:#2BA895;background:#EEFAF8;padding:4px 10px;border-radius:9999px;display:inline-block}.about-resource-page .about-demo-exponent{font-family:'JetBrains Mono',monospace;font-size:0.85rem;color:#8A99B5;font-weight:500}.about-resource-page .about-demo-heading{font-size:1.35rem}.about-resource-page .about-demo-body{font-size:0.95rem;line-height:1.6;color:#5C6B84}.about-resource-page .about-demo-metadata{background:#F8FAFC;border:1px solid #EBE7E1;font-size:0.875rem}.about-resource-page .about-demo-metadata strong{color:#243048}.about-resource-page .about-list li{font-size:0.95rem;color:#5C6B84;display:flex;align-items:flex-start}.about-resource-page .about-list i{font-size:1.2rem;margin-top:2px}.about-resource-page .about-banner-card{background:linear-gradient(135deg,#FAF8F5 0%,#F1F5FD 100%);border:1px solid #DCE5FA;border-radius:32px;box-shadow:0 12px 32px 0 rgba(108,141,246,0.06)}.about-resource-page .about-banner-title{font-size:1.75rem}.about-resource-page .about-banner-text{font-size:1rem;color:#5C6B84;max-width:640px}.about-resource-page .about-btn-primary{background-color:#6C8DF6;color:#FFFFFF;border:1px solid #6C8DF6;border-radius:9999px;font-weight:600;padding:10px 22px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(108,141,246,0.25)}.about-resource-page .about-btn-primary:hover{background-color:#5A7CEB;color:#FFFFFF;border-color:#5A7CEB}.about-resource-page .about-btn-secondary{background-color:#E8EDFF;color:#4E73EC;border:1px solid #DCE5FA;border-radius:9999px;font-weight:600;padding:10px 22px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.about-resource-page .about-btn-secondary:hover{background-color:#DCE5FA;color:#3B5ECC}.about-resource-page .about-btn-outline{background-color:#FFFFFF;color:#243048;border:1px solid #EBE7E1;border-radius:9999px;font-weight:600;padding:10px 22px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(76,99,140,0.04)}.about-resource-page .about-btn-outline:hover{background-color:#F8FAFC;color:#243048;border-color:#DCE5FA}@media (max-width:767.98px){.about-resource-page .about-main-title{font-size:1.75rem}.about-resource-page .about-section-title{font-size:1.4rem}.about-resource-page .about-card-title{font-size:1.25rem}.about-resource-page .about-feature-image{height:200px}}

/* ===== PAGE: lessons ===== */
.catalog-section {
  background-color: #FAF8F5;
  color: #243048;
}

.catalog-section .catalog-badge {
  background: #E8EDFF;
  color: #4E73EC;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 6px 16px;
  border-radius: 9999px;
  border: 1px solid #DCE5FA;
}

.catalog-section .catalog-badge-sub {
  background: #FDF0F3;
  color: #D75872;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 6px 14px;
  border-radius: 9999px;
  border: 1px solid #FBE3E8;
}

.catalog-section .catalog-main-title {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 1.2;
  color: #243048;
}

@media (max-width: 767.98px) {
  .catalog-section .catalog-main-title {
    font-size: 18px;
    hyphens: auto;
  }
}

.catalog-section .catalog-main-desc {
  color: #5C6B84;
  font-size: 16px;
  line-height: 1.6;
  max-width: 720px;
}

@media (max-width: 767.98px) {
  .catalog-section .catalog-main-desc {
    font-size: 14px;
  }
}

.catalog-section .catalog-filter-bar {
  border: 1px solid #EBE7E1;
  box-shadow: 0 4px 16px -2px rgba(76, 99, 140, 0.05);
}

.catalog-section .catalog-filter-btn {
  background: #F8FAFC;
  color: #5C6B84;
  border: 1px solid #EBE7E1;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 18px;
  border-radius: 9999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.catalog-section .catalog-filter-btn:hover {
  background: #E8EDFF;
  color: #4E73EC;
  border-color: #DCE5FA;
}

.catalog-section .catalog-filter-btn.active {
  background: #6C8DF6;
  color: #FFFFFF;
  border-color: #6C8DF6;
  box-shadow: 0 4px 12px rgba(108, 141, 246, 0.25);
}

.catalog-section .catalog-search-wrapper .catalog-search-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #8A99B5;
}

.catalog-section .catalog-search-input {
  background-color: #F8FAFC;
  border: 1px solid #EBE7E1;
  border-radius: 9999px;
  padding: 9px 16px 9px 40px;
  font-size: 14px;
  color: #243048;
}

.catalog-section .catalog-search-input::placeholder {
  color: #8A99B5;
  opacity: 1;
}

.catalog-section .catalog-search-input:focus {
  background-color: #FFFFFF;
  border-color: #6C8DF6;
  box-shadow: 0 0 0 3px rgba(108, 141, 246, 0.15);
  color: #243048;
}

.catalog-section .catalog-card {
  background: #FFFFFF;
  border: 1px solid #EBE7E1;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.06);
}

.catalog-section .catalog-card:hover {
  border-color: #DCE5FA;
  box-shadow: 0 12px 32px 0 rgba(108, 141, 246, 0.12);
}

.catalog-section .catalog-card-image-wrap {
  height: 200px;
  overflow: hidden;
  background-color: #F3F6FB;
}

.catalog-section .catalog-card-img {
  height: 200px;
  width: 100%;
  object-fit: cover;
  display: block;
}

.catalog-section .catalog-card-pill {
  position: absolute;
  top: 12px;
  right: 12px;
  background: rgba(255, 255, 255, 0.92);
  color: #243048;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 4px 10px;
  border-radius: 9999px;
  border: 1px solid #EBE7E1;
}

.catalog-section .catalog-card-meta {
  font-size: 13px;
  color: #8A99B5;
}

.catalog-section .meta-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.catalog-section .catalog-card-title {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
}

@media (max-width: 767.98px) {
  .catalog-section .catalog-card-title {
    font-size: 14px;
    hyphens: auto;
  }
}

.catalog-section .catalog-card-title-link {
  color: #243048;
  text-decoration: none;
}

.catalog-section .catalog-card-title-link:hover {
  color: #4E73EC;
}

.catalog-section .catalog-card-text {
  font-size: 14px;
  color: #5C6B84;
  line-height: 1.55;
}

.catalog-section .catalog-card-footer {
  border-top: 1px solid #F3F6FB;
}

.catalog-section .catalog-btn-link {
  color: #4E73EC;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.catalog-section .catalog-btn-link:hover {
  color: #3B5ECC;
}

.catalog-section .catalog-btn-select {
  background: #F8FAFC;
  color: #243048;
  border: 1px solid #EBE7E1;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 9999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.catalog-section .catalog-btn-select:hover {
  background: #E8EDFF;
  color: #4E73EC;
  border-color: #DCE5FA;
}

.catalog-section .catalog-load-more-btn {
  background: #FFFFFF;
  color: #243048;
  border: 1px solid #EBE7E1;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 28px;
  border-radius: 9999px;
  box-shadow: 0 4px 12px rgba(76, 99, 140, 0.05);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.catalog-section .catalog-load-more-btn:hover {
  background: #6C8DF6;
  color: #FFFFFF;
  border-color: #6C8DF6;
}

.catalog-section .catalog-page-num {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid #EBE7E1;
  color: #5C6B84;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.catalog-section .catalog-page-num.active {
  background: #6C8DF6;
  color: #FFFFFF;
  border-color: #6C8DF6;
}

.catalog-section .catalog-tariff-box {
  background: linear-gradient(135deg, #F3F6FB 0%, #FAF8F5 100%);
  border: 1px solid #DCE5FA;
}

.catalog-section .catalog-tariff-title {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #243048;
  line-height: 1.25;
}

@media (max-width: 767.98px) {
  .catalog-section .catalog-tariff-title {
    font-size: 16px;
    hyphens: auto;
  }
}

.catalog-section .catalog-tariff-desc {
  color: #5C6B84;
  font-size: 15px;
  line-height: 1.6;
}

.catalog-section .selected-tariff-display {
  color: #4E73EC;
  font-size: 15px;
}

.catalog-section .catalog-form {
  border: 1px solid #EBE7E1;
}

.catalog-section .catalog-label {
  font-size: 13px;
  font-weight: 600;
  color: #243048;
  margin-bottom: 6px;
}

.catalog-section .catalog-input {
  background-color: #F8FAFC;
  border: 1px solid #EBE7E1;
  border-radius: 12px;
  padding: 10px 14px;
  font-size: 14px;
  color: #243048;
}

.catalog-section .catalog-input::placeholder {
  color: #8A99B5;
  opacity: 1;
}

.catalog-section .catalog-input:focus {
  background-color: #FFFFFF;
  border-color: #6C8DF6;
  box-shadow: 0 0 0 3px rgba(108, 141, 246, 0.15);
  color: #243048;
}

.catalog-section .catalog-submit-btn {
  background: #6C8DF6;
  color: #FFFFFF;
  border: 1px solid #6C8DF6;
  font-size: 15px;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: 9999px;
  box-shadow: 0 4px 14px rgba(108, 141, 246, 0.25);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.catalog-section .catalog-submit-btn:hover {
  background: #5A7CEB;
  border-color: #5A7CEB;
}

/* ===== PAGE: materials ===== */
.materials-catalog-page { background-color: #FAF8F5; color: #243048; }
.materials-catalog-page__badge { background-color: #E8EDFF; color: #4E73EC; font-size: 13px; font-weight: 600; border-radius: 9999px; border: 1px solid #DCE5FA; }
.materials-catalog-page__title { font-family: 'Outfit', sans-serif; font-size: 32px; font-weight: 700; color: #243048; line-height: 1.25; }
@media (max-width: 767.98px) { .materials-catalog-page__title { font-size: 24px; } }
.materials-catalog-page__desc { color: #5C6B84; font-size: 16px; line-height: 1.6; max-width: 680px; }
.materials-catalog-page__search { position: relative; }
.materials-catalog-page__search-icon { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #8A99B5; font-size: 20px; }
.materials-catalog-page__search-input { background-color: #FFFFFF; border: 1px solid #EBE7E1; border-radius: 9999px; padding: 12px 20px 12px 46px; font-size: 14px; color: #243048; }
.materials-catalog-page__search-input::placeholder { color: #8A99B5; }
.materials-catalog-page__search-input:focus { border-color: #6C8DF6; box-shadow: 0 0 0 3px rgba(108, 141, 246, 0.15); background-color: #FFFFFF; color: #243048; }
.materials-catalog-page__counter { font-size: 14px; font-weight: 500; color: #5C6B84; background-color: #FFFFFF; padding: 12px 24px; border-radius: 9999px; border: 1px solid #EBE7E1; display: inline-flex; align-items: center; letter-spacing: 0.3px; }
.materials-catalog-page__counter .js-visible-count { margin: 0 4px; font-weight: 700; color: #243048; }
.materials-catalog-page__card { background-color: #FFFFFF; border: 1px solid #EBE7E1; border-radius: 24px; overflow: hidden; box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.06); }
.materials-catalog-page__img-wrap { height: 210px; overflow: hidden; background-color: #F3F6FB; }
.materials-catalog-page__img { object-fit: cover; }
.materials-catalog-page__meta { font-size: 13px; color: #8A99B5; }
.materials-catalog-page__author, .materials-catalog-page__date { display: inline-flex; align-items: center; }
.materials-catalog-page__card-title { font-family: 'Outfit', sans-serif; font-size: 20px; font-weight: 600; line-height: 1.35; color: #243048; }
.materials-catalog-page__link { color: #243048; text-decoration: none; }
.materials-catalog-page__link:hover { color: #4E73EC; }
.materials-catalog-page__card-text { font-size: 14px; line-height: 1.6; color: #5C6B84; }
.materials-catalog-page__stats { font-size: 13px; color: #8A99B5; display: inline-flex; align-items: center; }
.materials-catalog-page__btn-sm { background-color: #E8EDFF; color: #4E73EC; border: 1px solid #DCE5FA; border-radius: 9999px; font-size: 13px; font-weight: 600; padding: 6px 16px; text-decoration: none; display: inline-flex; align-items: center; }
.materials-catalog-page__btn-sm:hover { background-color: #6C8DF6; color: #FFFFFF; border-color: #6C8DF6; }
.materials-catalog-page__btn-load { background-color: #6C8DF6; color: #FFFFFF; border: 1px solid #6C8DF6; border-radius: 9999px; font-size: 15px; font-weight: 600; padding: 12px 28px; box-shadow: 0 4px 14px rgba(108, 141, 246, 0.25); display: inline-flex; align-items: center; justify-content: center; }
.materials-catalog-page__btn-load:hover { background-color: #5A7CEB; color: #FFFFFF; border-color: #5A7CEB; }
.materials-catalog-page__request-card { background: linear-gradient(180deg, #FFFFFF 0%, #F6F9FE 100%); border: 1px solid #DCE5FA; border-radius: 32px; box-shadow: 0 12px 32px 0 rgba(108, 141, 246, 0.08); }
.materials-catalog-page__request-icon { width: 52px; height: 52px; border-radius: 16px; background-color: #EEFAF8; color: #2BA895; font-size: 26px; }
.materials-catalog-page__request-title { font-family: 'Outfit', sans-serif; font-size: 24px; font-weight: 700; color: #243048; line-height: 1.3; }
.materials-catalog-page__request-desc { color: #5C6B84; font-size: 15px; line-height: 1.6; }
.materials-catalog-page__check { color: #2BA895; font-size: 18px; flex-shrink: 0; }
.materials-catalog-page__features span { font-size: 14px; color: #243048; font-weight: 500; }
.materials-catalog-page__form { background-color: #FFFFFF; border: 1px solid #EBE7E1; box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.06); }
.materials-catalog-page__form-title { font-family: 'Outfit', sans-serif; font-size: 18px; font-weight: 600; color: #243048; }
.materials-catalog-page__label { font-size: 13px; font-weight: 600; color: #5C6B84; margin-bottom: 6px; }
.materials-catalog-page__input, .materials-catalog-page__select { background-color: #F8FAFC; border: 1px solid #EBE7E1; border-radius: 12px; font-size: 14px; color: #243048; padding: 10px 14px; }
.materials-catalog-page__input::placeholder { color: #8A99B5; }
.materials-catalog-page__input:focus, .materials-catalog-page__select:focus { background-color: #FFFFFF; border-color: #6C8DF6; box-shadow: 0 0 0 3px rgba(108, 141, 246, 0.15); color: #243048; }
.materials-catalog-page__btn-submit { background-color: #6C8DF6; color: #FFFFFF; border: 1px solid #6C8DF6; border-radius: 9999px; font-size: 15px; font-weight: 600; padding: 12px 24px; box-shadow: 0 4px 14px rgba(108, 141, 246, 0.25); display: inline-flex; align-items: center; justify-content: center; }
.materials-catalog-page__btn-submit:hover { background-color: #5A7CEB; color: #FFFFFF; border-color: #5A7CEB; }

/* ===== PAGE: contact ===== */
.contact-section { background-color: #FAF8F5; font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif; color: #243048; } .contact-section .contact-badge-pill { display: inline-flex; align-items: center; background-color: #E8EDFF; color: #4E73EC; font-size: 13px; font-weight: 600; padding: 6px 16px; border-radius: 9999px; border: 1px solid #DCE5FA; } .contact-section .contact-main-heading { font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 40px; font-weight: 700; line-height: 1.2; color: #243048; letter-spacing: -0.015em; } .contact-section .contact-lead-desc { font-size: 18px; line-height: 1.6; color: #5C6B84; max-width: 680px; } .contact-section .contact-info-card { background: linear-gradient(180deg, #FFFFFF 0%, #F6F9FE 100%); border: 1px solid #DCE5FA; border-radius: 24px; padding: 36px; box-shadow: 0 12px 32px 0 rgba(108, 141, 246, 0.08); } .contact-section .contact-form-card { background: #FFFFFF; border: 1px solid #EBE7E1; border-radius: 24px; padding: 36px; box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.06); } .contact-section .contact-card-title { font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 24px; font-weight: 600; line-height: 1.35; color: #243048; letter-spacing: -0.005em; } .contact-section .contact-card-subtitle { font-size: 15px; line-height: 1.5; color: #5C6B84; } .contact-section .contact-icon-box { width: 48px; height: 48px; min-width: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 22px; } .contact-section .bg-soft-blue { background-color: #E8EDFF; color: #4E73EC; } .contact-section .bg-soft-mint { background-color: #EEFAF8; color: #2BA895; } .contact-section .bg-soft-blush { background-color: #FDF0F3; color: #E56882; } .contact-section .bg-soft-lavender { background-color: #F3F0FE; color: #7E67DF; } .contact-section .contact-item-label { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: #8A99B5; } .contact-section .contact-item-value { font-size: 15px; font-weight: 500; color: #243048; font-style: normal; line-height: 1.5; } .contact-section .contact-item-link { font-size: 15px; font-weight: 600; color: #4E73EC; text-decoration: none; word-break: break-word; } .contact-section .contact-item-link:hover { color: #3B5ECC; text-decoration: underline; } .contact-section .contact-info-footer { border-top: 1px solid #EBE7E1; } .contact-section .contact-schedule-pill { background-color: #FAF8F5; border: 1px solid #EBE7E1; border-radius: 12px; padding: 10px 14px; font-size: 13px; color: #5C6B84; font-weight: 500; } .contact-section .contact-schedule-pill i { color: #4E73EC; font-size: 16px; } .contact-section .contact-field-label { font-size: 14px; font-weight: 600; color: #243048; margin-bottom: 6px; } .contact-section .contact-form-input { background-color: #F8FAFC; border: 1px solid #EBE7E1; border-radius: 12px; padding: 12px 16px; font-size: 14px; color: #243048; box-shadow: none; } .contact-section .contact-form-input:focus { background-color: #FFFFFF; border-color: #6C8DF6; box-shadow: 0 0 0 3px rgba(108, 141, 246, 0.15); color: #243048; } .contact-section .contact-form-input::placeholder { color: #8A99B5; opacity: 1; } .contact-section .contact-consent-text { font-size: 13px; color: #5C6B84; line-height: 1.4; } .contact-section .form-check-input:checked { background-color: #6C8DF6; border-color: #6C8DF6; } .contact-section .contact-submit-btn { background-color: #6C8DF6; color: #FFFFFF; font-weight: 600; font-size: 16px; padding: 14px 28px; border-radius: 9999px; border: 1px solid #6C8DF6; box-shadow: 0 4px 14px rgba(108, 141, 246, 0.25); display: inline-flex; align-items: center; justify-content: center; text-decoration: none; cursor: pointer; } .contact-section .contact-submit-btn:hover { background-color: #5A7CEB; border-color: #5A7CEB; color: #FFFFFF; } @media (max-width: 767.98px) { .contact-section .contact-main-heading { font-size: 26px; } .contact-section .contact-lead-desc { font-size: 15px; } .contact-section .contact-card-title { font-size: 20px; } .contact-section .contact-info-card, .contact-section .contact-form-card { padding: 24px 18px; border-radius: 18px; } }

/* ===== PAGE: privacy ===== */
.privacy-content-section{background-color:#FAF8F5;padding:64px 0 96px 0;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;color:#243048}.privacy-content-section .privacy-header-card{background:linear-gradient(135deg,#FFFFFF 0%,#F6F9FE 100%);border:1px solid #DCE5FA;border-radius:24px;padding:36px 32px;box-shadow:0 12px 32px 0 rgba(108,141,246,0.06)}.privacy-content-section .privacy-badge{display:inline-flex;align-items:center;background:#E8EDFF;color:#4E73EC;border:1px solid #DCE5FA;border-radius:9999px;padding:6px 14px;font-size:12px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:16px}.privacy-content-section .privacy-main-title{font-family:'Outfit',-apple-system,BlinkMacSystemFont,sans-serif;font-size:36px;font-weight:700;line-height:1.2;color:#243048;margin-bottom:12px;letter-spacing:-0.015em}.privacy-content-section .privacy-main-desc{font-size:16px;line-height:1.6;color:#5C6B84;max-width:820px;margin-bottom:20px}.privacy-content-section .privacy-meta-strip{border-top:1px solid #EBE7E1;padding-top:18px}.privacy-content-section .privacy-meta-item{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#5C6B84}.privacy-content-section .privacy-meta-item i{font-size:16px}.privacy-content-section .privacy-toc-card{background:#FFFFFF;border:1px solid #EBE7E1;border-radius:20px;padding:24px;box-shadow:0 8px 24px -4px rgba(76,99,140,0.06);top:24px}.privacy-content-section .privacy-toc-title{font-family:'Outfit',sans-serif;font-size:18px;font-weight:600;color:#243048;display:flex;align-items:center}.privacy-content-section .privacy-toc-counter{background:#F3F6FB;color:#5C6B84;font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px}.privacy-content-section .privacy-search-box .input-group{border:1px solid #EBE7E1;border-radius:12px;overflow:hidden;background:#FFFFFF}.privacy-content-section .privacy-search-box .input-group-text{background:#FAF8F5;border:none;color:#8A99B5}.privacy-content-section .privacy-search-box .form-control{border:none;background:#FFFFFF;color:#243048;font-size:13px;box-shadow:none;padding:10px 12px}.privacy-content-section .privacy-search-box .form-control::placeholder{color:#8A99B5;opacity:1}.privacy-content-section .privacy-search-box .form-control:focus{background:#FFFFFF;color:#243048}.privacy-content-section .privacy-nav-list{display:flex;flex-direction:column;gap:6px}.privacy-content-section .privacy-nav-item{display:flex;align-items:center;padding:10px 14px;border-radius:12px;font-size:13.5px;font-weight:500;color:#5C6B84;text-decoration:none;border:1px solid transparent;background:#FAF8F5}.privacy-content-section .privacy-nav-item i{font-size:16px;margin-right:6px;color:#8A99B5}.privacy-content-section .privacy-nav-item:hover{background:#F3F6FB;color:#4E73EC;text-decoration:none}.privacy-content-section .privacy-nav-item.active{background:#E8EDFF;color:#4E73EC;border-color:#DCE5FA;font-weight:600}.privacy-content-section .privacy-nav-item.active i{color:#4E73EC}.privacy-content-section .privacy-help-box{background:linear-gradient(180deg,#FAF8F5 0%,#F3F6FB 100%);border:1px solid #EBE7E1;border-radius:14px;padding:18px}.privacy-content-section .privacy-help-title{font-family:'Outfit',sans-serif;font-size:15px;font-weight:600;color:#243048;margin-bottom:6px}.privacy-content-section .privacy-help-text{font-size:12.5px;line-height:1.5;color:#5C6B84;margin-bottom:12px}.privacy-content-section .privacy-btn-contact{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:8px 14px;border-radius:9999px;background:#6C8DF6;color:#FFFFFF;font-size:13px;font-weight:600;text-decoration:none;border:1px solid #6C8DF6}.privacy-content-section .privacy-btn-contact:hover{background:#5A7CEB;color:#FFFFFF;text-decoration:none}.privacy-content-section .privacy-body-card{background:#FFFFFF;border:1px solid #EBE7E1;border-radius:24px;padding:36px;box-shadow:0 8px 24px -4px rgba(76,99,140,0.06)}.privacy-content-section .privacy-article-block{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid #EBE7E1;position:relative}.privacy-content-section .privacy-article-block:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.privacy-content-section .privacy-block-icon{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px}.privacy-content-section .icon-blue{background:#E8EDFF;color:#4E73EC}.privacy-content-section .icon-mint{background:#EEFAF8;color:#2BA895}.privacy-content-section .icon-blush{background:#FDF0F3;color:#E56882}.privacy-content-section .icon-lavender{background:#F3F0FE;color:#7E67DF}.privacy-content-section .privacy-section-heading{font-family:'Outfit',sans-serif;font-size:22px;font-weight:600;line-height:1.3;color:#243048;margin-bottom:14px}.privacy-content-section .privacy-paragraph{font-size:15px;line-height:1.65;color:#5C6B84;margin-bottom:14px}.privacy-content-section .privacy-inline-link{color:#4E73EC;font-weight:600;text-decoration:underline}.privacy-content-section .privacy-inline-link:hover{color:#3B5ECC;text-decoration:underline}.privacy-content-section .privacy-detail-box{background:#FAF8F5;border:1px solid #EBE7E1;border-radius:14px;padding:18px 20px}.privacy-content-section .privacy-detail-title{font-family:'Outfit',sans-serif;font-size:16px;font-weight:600;color:#243048;margin-bottom:6px;display:flex;align-items:center}.privacy-content-section .privacy-detail-desc{font-size:14px;line-height:1.55;color:#5C6B84}.privacy-content-section .privacy-feature-list{list-style:none;padding-left:0;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.privacy-content-section .privacy-feature-list li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.55;color:#5C6B84}.privacy-content-section .privacy-feature-list li i{font-size:18px;margin-top:2px;flex-shrink:0;color:#6C8DF6}.privacy-content-section .privacy-feature-list li strong{color:#243048}.privacy-content-section .privacy-spec-card{background:linear-gradient(180deg,#FFFFFF 0%,#F6F9FE 100%);border:1px solid #DCE5FA;border-radius:14px;padding:16px;height:100%}.privacy-content-section .privacy-spec-title{font-family:'Outfit',sans-serif;font-size:15px;font-weight:600;color:#243048;margin-bottom:6px}.privacy-content-section .privacy-spec-desc{font-size:13px;line-height:1.5;color:#5C6B84}.privacy-content-section .privacy-highlight-box{background:linear-gradient(135deg,#FAF8F5 0%,#F1F5FD 100%);border:1px solid #DCE5FA;border-radius:16px;padding:24px}.privacy-content-section .privacy-highlight-title{font-family:'Outfit',sans-serif;font-size:18px;font-weight:600;color:#243048;margin-bottom:10px}.privacy-content-section .privacy-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border-radius:9999px;font-size:13.5px;font-weight:600;text-decoration:none}.privacy-content-section .privacy-action-btn.primary{background:#6C8DF6;color:#FFFFFF;border:1px solid #6C8DF6}.privacy-content-section .privacy-action-btn.primary:hover{background:#5A7CEB;color:#FFFFFF;text-decoration:none}.privacy-content-section .privacy-action-btn.secondary{background:#E8EDFF;color:#4E73EC;border:1px solid #DCE5FA}.privacy-content-section .privacy-action-btn.secondary:hover{background:#D6E0FF;color:#3B5ECC;text-decoration:none}.privacy-content-section .privacy-action-btn.outline{background:#FFFFFF;color:#243048;border:1px solid #EBE7E1}.privacy-content-section .privacy-action-btn.outline:hover{background:#F3F6FB;color:#243048;text-decoration:none}@media (max-width:991.98px){.privacy-content-section{padding:48px 0 72px 0}.privacy-content-section .privacy-toc-card{position:static!important;margin-bottom:12px}.privacy-content-section .privacy-body-card{padding:24px}.privacy-content-section .privacy-header-card{padding:28px 20px}}@media (max-width:767.98px){.privacy-content-section .privacy-main-title{font-size:18px;line-height:1.25;hyphens:auto}.privacy-content-section .privacy-section-heading{font-size:16px;line-height:1.3;hyphens:auto}.privacy-content-section .privacy-toc-title,.privacy-content-section .privacy-detail-title,.privacy-content-section .privacy-highlight-title{font-size:14px;line-height:1.35}.privacy-content-section .privacy-action-btn{width:100%}}

/* ===== PAGE: terms ===== */
.terms-page-section {
  background-color: #FAF8F5;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  color: #243048;
}

.terms-page-section .terms-header-card {
  background: linear-gradient(135deg, #FFFFFF 0%, #F6F9FE 100%);
  border: 1px solid #DCE5FA;
}

.terms-page-section .terms-badge-pill {
  background-color: #E8EDFF;
  color: #4E73EC;
}

.terms-page-section .terms-main-title {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
  color: #243048;
}

@media (max-width: 767.98px) {
  .terms-page-section .terms-main-title {
    font-size: 26px;
  }
}

.terms-page-section .terms-lead-text {
  font-size: 16px;
  line-height: 1.6;
  color: #5C6B84;
}

.terms-page-section .terms-icon-circle {
  width: 44px;
  height: 44px;
}

.terms-page-section .terms-sticky-sidebar {
  top: 24px;
  z-index: 10;
}

.terms-page-section .terms-search-widget .form-control {
  background-color: #FAF8F5;
  border-color: #EBE7E1;
  font-size: 14px;
  color: #243048;
}

.terms-page-section .terms-search-widget .form-control:focus {
  background-color: #FFFFFF;
  border-color: #6C8DF6;
  box-shadow: 0 0 0 0.25rem rgba(108, 141, 246, 0.15);
}

.terms-page-section .terms-nav-list .nav-link {
  color: #5C6B84;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 14px;
  border-radius: 10px;
  margin-bottom: 4px;
  border: 1px solid transparent;
}

.terms-page-section .terms-nav-list .nav-link:hover {
  background-color: #F3F6FB;
  color: #4E73EC;
}

.terms-page-section .terms-nav-list .nav-link.active {
  background-color: #E8EDFF;
  color: #4E73EC;
  font-weight: 600;
  border-color: #DCE5FA;
}

.terms-page-section .terms-support-card {
  background-color: #F8FAFC;
  border: 1px dashed #DCE5FA;
}

.terms-page-section .terms-content-card {
  background-color: #FFFFFF;
}

.terms-page-section .terms-section-num {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.terms-page-section h2 {
  color: #243048;
  line-height: 1.3;
}

.terms-page-section .terms-text {
  line-height: 1.7;
  font-size: 15px;
}

.terms-page-section .terms-list {
  padding-left: 20px;
  line-height: 1.7;
  font-size: 15px;
}

.terms-page-section .terms-link {
  color: #4E73EC;
  text-decoration: none;
  font-weight: 500;
}

.terms-page-section .terms-link:hover {
  color: #3B5ECC;
  text-decoration: underline;
}

.terms-page-section .terms-callout-note {
  background-color: #F8FAFC;
}

.terms-page-section .btn-primary {
  background-color: #6C8DF6;
  border-color: #6C8DF6;
  box-shadow: 0 4px 14px rgba(108, 141, 246, 0.25);
}

.terms-page-section .btn-primary:hover {
  background-color: #5A7CEB;
  border-color: #5A7CEB;
}

.terms-page-section .terms-highlight {
  background-color: #FFF3CD;
  padding: 0 2px;
  border-radius: 2px;
}

/* ===== PAGE: disclaimer ===== */
.disclaimer-page {
  background-color: #FAF8F5;
  color: #243048;
}

.disclaimer-page .disclaimer-page__badge {
  background-color: #E8EDFF;
  color: #4E73EC;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 9999px;
  border: 1px solid #DCE5FA;
}

.disclaimer-page .disclaimer-page__main-title {
  font-family: 'Outfit', sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.25;
  color: #243048;
}

@media (max-width: 767.98px) {
  .disclaimer-page .disclaimer-page__main-title {
    font-size: 22px;
    hyphens: auto;
  }
}

.disclaimer-page .disclaimer-page__lead {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  max-width: 720px;
  color: #5C6B84;
}

@media (max-width: 767.98px) {
  .disclaimer-page .disclaimer-page__lead {
    font-size: 14px;
  }
}

.disclaimer-page .disclaimer-page__card {
  background-color: #FFFFFF;
  border: 1px solid #EBE7E1;
  border-radius: 24px;
  box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.06);
}

.disclaimer-page .disclaimer-page__notice-box {
  background-color: #F8FAFC;
  border: 1px solid #DCE5FA;
}

.disclaimer-page .disclaimer-page__notice-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background-color: #E8EDFF;
  color: #4E73EC;
}

.disclaimer-page .disclaimer-page__section-title {
  font-family: 'Outfit', sans-serif;
  font-weight: 600;
  color: #243048;
}

@media (max-width: 767.98px) {
  .disclaimer-page .disclaimer-page__section-title.h4 {
    font-size: 16px;
  }
  .disclaimer-page .disclaimer-page__section-title.h5 {
    font-size: 14px;
  }
}

.disclaimer-page .disclaimer-page__text {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #5C6B84;
}

@media (max-width: 767.98px) {
  .disclaimer-page .disclaimer-page__text {
    font-size: 14px;
  }
}

.disclaimer-page .disclaimer-page__link {
  color: #4E73EC;
  text-decoration: none;
  font-weight: 600;
}

.disclaimer-page .disclaimer-page__link:hover {
  color: #3B5ECC;
  text-decoration: underline;
}

.disclaimer-page .disclaimer-page__meta {
  font-family: 'Plus Jakarta Sans', sans-serif;
  color: #8A99B5;
}

.comment-item {
    background-color: #FFFFFF;
    border: 1px solid #EBE7E1;
    border-radius: 24px;
    box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.06);
}

.comment-main {
    background: linear-gradient(180deg, #FFFFFF 0%, #F6F9FE 100%);
    border-color: #DCE5FA;
}

.comment-avatar {
    width: 48px;
    height: 48px;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    user-select: none;
}

.avatar-primary {
    background-color: #E8EDFF;
    color: #4E73EC;
    border: 2px solid #FFFFFF;
}

.comment-author {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #243048;
}

.comment-badge {
    font-size: 11px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 9999px;
    letter-spacing: 0.02em;
}

.badge-primary {
    background-color: #EEFAF8;
    color: #2BA895;
    border: 1px solid #DCF5F1;
}

.comment-date {
    font-size: 13px;
    color: #8A99B5;
    font-weight: 500;
}

.comment-text {
    font-size: 15px;
    line-height: 1.6;
    color: #5C6B84;
}

.comment-actions {
    border-top: 1px solid #F3F6FB;
    padding-top: 12px;
}

.comment-action-btn {
    background: transparent;
    border: none;
    padding: 6px 12px;
    border-radius: 9999px;
    font-size: 13px;
    font-weight: 600;
    color: #5C6B84;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.comment-action-btn:hover {
    background-color: #E8EDFF;
    color: #4E73EC;
}

.comment-action-btn i {
    font-size: 16px;
}

.comment-item {
    background-color: #FFFFFF;
    border: 1px solid #EBE7E1;
    border-radius: 20px;
    box-shadow: 0 4px 14px 0 rgba(76, 99, 140, 0.04);
}

.comment-reply {
    background-color: #F8FAFC;
    border: 1px solid #EBE7E1;
    position: relative;
}

.comment-reply::before {
    content: '';
    position: absolute;
    left: -20px;
    top: 24px;
    width: 14px;
    height: 2px;
    background-color: #DCE5FA;
}

.comment-avatar {
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    user-select: none;
}

.avatar-reply {
    background-color: #FDF0F3;
    color: #D75872;
    border: 2px solid #FFFFFF;
}

.comment-author {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #243048;
}

.comment-badge {
    font-size: 10px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 9999px;
    letter-spacing: 0.02em;
}

.badge-reply {
    background-color: #F3F0FE;
    color: #7E67DF;
    border: 1px solid #E5E0FA;
}

.comment-date {
    font-size: 12px;
    color: #8A99B5;
    font-weight: 500;
}

.comment-text {
    font-size: 14px;
    line-height: 1.5;
    color: #5C6B84;
}

.comment-actions {
    padding-top: 8px;
}

.comment-action-btn {
    background: transparent;
    border: none;
    padding: 4px 10px;
    border-radius: 9999px;
    font-size: 12px;
    font-weight: 600;
    color: #5C6B84;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

.comment-action-btn:hover {
    background-color: #E8EDFF;
    color: #4E73EC;
}

.comment-action-btn i {
    font-size: 14px;
}


/* ===== PAGE TEMPLATE: lessons-list ===== */
#site-header.site-header {
    background-color: #FAF8F5;
    border-bottom: 1px solid #EBE7E1;
    box-shadow: 0 2px 8px 0 rgba(76, 99, 140, 0.04);
    z-index: 1030;
    position: sticky;
    top: 0;
}

#site-header .navbar {
    padding-top: 14px;
    padding-bottom: 14px;
    background-color: #FAF8F5;
}

#site-header .header-logo-img {
    max-width: 44px;
    height: 44px;
    object-fit: contain;
    flex-shrink: 0;
}

#site-header .brand-title {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #243048;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

#site-header .brand-accent {
    color: #6C8DF6;
}

#site-header .navbar-nav {
    gap: 4px;
}

#site-header .nav-link {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #5C6B84;
    padding: 8px 16px;
    border-radius: 9999px;
    transition: color 0.2s ease, background-color 0.2s ease;
}

#site-header .nav-link:hover,
#site-header .nav-link:focus,
#site-header .nav-link.active {
    color: #4E73EC;
    background-color: #E8EDFF;
}

#site-header .navbar-toggler {
    border: 1px solid #DCE5FA;
    background-color: #FFFFFF;
    padding: 6px 10px;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(76, 99, 140, 0.04);
}

#site-header .navbar-toggler:focus {
    box-shadow: 0 0 0 3px rgba(108, 141, 246, 0.25);
    outline: none;
}

#site-header .header-menu-icon {
    font-size: 24px;
    color: #243048;
    display: block;
}

#site-header .btn-header-cta {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #6C8DF6;
    border: 1px solid #6C8DF6;
    border-radius: 9999px;
    padding: 10px 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(108, 141, 246, 0.25);
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

#site-header .btn-header-cta:hover,
#site-header .btn-header-cta:focus {
    color: #FFFFFF;
    background-color: #5A7CEB;
    border-color: #5A7CEB;
}

#site-header .header-cta-icon {
    font-size: 18px;
}

@media (max-width: 991.98px) {
    #site-header .navbar {
        padding: 8px 0;
    }

    #site-header .navbar .container {
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
    }

    #site-header .navbar-brand {
        flex: 1 1 auto;
        min-width: 0;
        max-width: calc(100% - 60px);
        gap: 6px;
        padding: 0;
    }

    #site-header .brand-title {
        font-size: 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #site-header .header-logo-img {
        max-width: 34px;
        height: 34px;
    }

    #site-header .navbar-toggler {
        flex: 0 0 auto;
        margin-left: 8px;
        padding: 6px 10px;
    }

    #site-header .navbar-collapse {
        background-color: #FAF8F5;
        border-radius: 18px;
        padding: 16px;
        margin-top: 12px;
        border: 1px solid #EBE7E1;
        box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.08);
        flex-basis: 100%;
    }

    #site-header .nav-link {
        padding: 10px 14px;
        font-size: 14px;
    }

    #site-header .header-cta-wrapper {
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid #EBE7E1;
        width: 100%;
    }

    #site-header .btn-header-cta {
        width: 100%;
    }

    #site-header .dropdown-menu {
        box-shadow: none;
        border-radius: 10px;
        margin-top: 4px;
    }
}

.lesson-detail-page {
    background-color: #FAF8F5;
    color: #243048;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

.lesson-detail-page .lesson-detail-hero {
    background: linear-gradient(135deg, #FAF8F5 0%, #F1F5FD 100%);
    border-bottom: 1px solid #EBE7E1;
}

.lesson-detail-page .lesson-breadcrumb .breadcrumb-item a {
    color: #5C6B84;
    text-decoration: none;
    font-size: 13px;
}

.lesson-detail-page .lesson-breadcrumb .breadcrumb-item a:hover {
    color: #4E73EC;
    text-decoration: underline;
}

.lesson-detail-page .lesson-breadcrumb .breadcrumb-item.active {
    color: #243048;
    font-size: 13px;
    font-weight: 600;
}

.lesson-detail-page .badge-pill {
    font-size: 12px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 9999px;
    display: inline-flex;
    align-items: center;
    letter-spacing: 0.01em;
}

.lesson-detail-page .badge-pill-blue {
    background-color: #E8EDFF;
    color: #4E73EC;
    border: 1px solid #DCE5FA;
}

.lesson-detail-page .badge-pill-mint {
    background-color: #EEFAF8;
    color: #2BA895;
    border: 1px solid #DCF5F1;
}

.lesson-detail-page .badge-pill-lavender {
    background-color: #F3F0FE;
    color: #7E67DF;
    border: 1px solid #E4DCFC;
}

.lesson-detail-page .lesson-hero-title {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    color: #243048;
}

.lesson-detail-page .lesson-hero-lead {
    font-size: 17px;
    line-height: 1.6;
    color: #5C6B84;
}

.lesson-detail-page .meta-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #FFFFFF;
    border: 1px solid #DCE5FA;
    color: #4E73EC;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.lesson-detail-page .meta-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #8A99B5;
}

.lesson-detail-page .meta-val {
    font-size: 14px;
    color: #243048;
}

.lesson-detail-page .meta-divider {
    width: 1px;
    height: 28px;
    background-color: #EBE7E1;
}

.lesson-detail-page .lesson-quick-spec-card {
    background: #FFFFFF;
    border: 1px solid #DCE5FA;
    border-radius: 24px;
    box-shadow: 0 12px 32px 0 rgba(108, 141, 246, 0.08);
}

.lesson-detail-page .spec-card-title {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #243048;
}

.lesson-detail-page .spec-name {
    font-size: 13px;
    color: #5C6B84;
}

.lesson-detail-page .spec-value {
    font-size: 13px;
    color: #243048;
}

.lesson-detail-page .lesson-article-card {
    background: #FFFFFF;
    border: 1px solid #EBE7E1;
    border-radius: 24px;
    box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.06);
}

.lesson-detail-page .lesson-featured-figure {
    border-radius: 18px;
    overflow: hidden;
    background: #F3F6FB;
}

.lesson-detail-page .lesson-main-img {
    width: 100%;
    height: auto;
    max-height: 460px;
    object-fit: cover;
    display: block;
    border-radius: 18px;
}

.lesson-detail-page .lesson-img-caption {
    font-size: 13px;
    font-style: italic;
}

.lesson-detail-page .lesson-body-typography h2 {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: #243048;
    line-height: 1.25;
    margin-top: 24px;
    margin-bottom: 14px;
}

.lesson-detail-page .lesson-body-typography h3 {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #243048;
    line-height: 1.35;
    margin-top: 20px;
    margin-bottom: 12px;
}

.lesson-detail-page .lesson-body-typography h4 {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: #243048;
}

.lesson-detail-page .lesson-body-typography p {
    font-size: 16px;
    line-height: 1.65;
    color: #5C6B84;
    margin-bottom: 16px;
}

.lesson-detail-page .lesson-callout-box {
    background: #EEFAF8;
    border-left: 4px solid #82D9CC;
    border-radius: 16px;
}

.lesson-detail-page .callout-icon-box {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #FFFFFF;
    color: #2BA895;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 2px 6px rgba(43, 168, 149, 0.15);
}

.lesson-detail-page .callout-heading {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: #1F8374;
}

.lesson-detail-page .callout-text {
    font-size: 14px;
    line-height: 1.5;
    color: #243048;
}

/* Unique Proportion & Measurement Rule variants per lesson page */
.lesson-detail-page .lesson-callout-box.callout--blue {
    background: #E6F0FF;
    border-left: 4px solid #4E73EC;
}
.lesson-detail-page .lesson-callout-box.callout--blue .callout-icon-box {
    background: #FFFFFF;
    color: #4E73EC;
    box-shadow: 0 2px 6px rgba(78, 115, 236, 0.18);
}
.lesson-detail-page .lesson-callout-box.callout--blue .callout-heading {
    color: #2D4DB8;
}

.lesson-detail-page .lesson-callout-box.callout--violet {
    background: #F0E6FF;
    border-left: 4px solid #8B5CF6;
}
.lesson-detail-page .lesson-callout-box.callout--violet .callout-icon-box {
    background: #FFFFFF;
    color: #8B5CF6;
    box-shadow: 0 2px 6px rgba(139, 92, 246, 0.18);
}
.lesson-detail-page .lesson-callout-box.callout--violet .callout-heading {
    color: #5B3DA8;
}

.lesson-detail-page .lesson-callout-box.callout--orange {
    background: #FFF0E0;
    border-left: 4px solid #F59E0B;
}
.lesson-detail-page .lesson-callout-box.callout--orange .callout-icon-box {
    background: #FFFFFF;
    color: #D97706;
    box-shadow: 0 2px 6px rgba(245, 158, 11, 0.18);
}
.lesson-detail-page .lesson-callout-box.callout--orange .callout-heading {
    color: #B45309;
}

.lesson-detail-page .lesson-callout-box.callout--pink {
    background: #FFE6F0;
    border-left: 4px solid #EC4899;
}
.lesson-detail-page .lesson-callout-box.callout--pink .callout-icon-box {
    background: #FFFFFF;
    color: #DB2777;
    box-shadow: 0 2px 6px rgba(236, 72, 153, 0.18);
}
.lesson-detail-page .lesson-callout-box.callout--pink .callout-heading {
    color: #9D174D;
}

.lesson-detail-page .lesson-callout-box.callout--green {
    background: #E6F9EC;
    border-left: 4px solid #22C55E;
}
.lesson-detail-page .lesson-callout-box.callout--green .callout-icon-box {
    background: #FFFFFF;
    color: #16A34A;
    box-shadow: 0 2px 6px rgba(34, 197, 94, 0.18);
}
.lesson-detail-page .lesson-callout-box.callout--green .callout-heading {
    color: #15803D;
}

.lesson-detail-page .lesson-callout-box.callout--teal {
    background: #E0F7F4;
    border-left: 4px solid #14B8A6;
}
.lesson-detail-page .lesson-callout-box.callout--teal .callout-icon-box {
    background: #FFFFFF;
    color: #0D9488;
    box-shadow: 0 2px 6px rgba(20, 184, 166, 0.18);
}
.lesson-detail-page .lesson-callout-box.callout--teal .callout-heading {
    color: #0F766E;
}

.lesson-detail-page .lesson-callout-box.callout--indigo {
    background: #E8E6FF;
    border-left: 4px solid #6366F1;
}
.lesson-detail-page .lesson-callout-box.callout--indigo .callout-icon-box {
    background: #FFFFFF;
    color: #4F46E5;
    box-shadow: 0 2px 6px rgba(99, 102, 241, 0.18);
}
.lesson-detail-page .lesson-callout-box.callout--indigo .callout-heading {
    color: #3730A3;
}

.lesson-detail-page .lesson-callout-box.callout--red {
    background: #FFE6E6;
    border-left: 4px solid #EF4444;
}
.lesson-detail-page .lesson-callout-box.callout--red .callout-icon-box {
    background: #FFFFFF;
    color: #DC2626;
    box-shadow: 0 2px 6px rgba(239, 68, 68, 0.18);
}
.lesson-detail-page .lesson-callout-box.callout--red .callout-heading {
    color: #B91C1C;
}

.lesson-detail-page .lesson-callout-box.callout--amber {
    background: #FFF7E0;
    border-left: 4px solid #EAB308;
}
.lesson-detail-page .lesson-callout-box.callout--amber .callout-icon-box {
    background: #FFFFFF;
    color: #CA8A04;
    box-shadow: 0 2px 6px rgba(234, 179, 8, 0.18);
}
.lesson-detail-page .lesson-callout-box.callout--amber .callout-heading {
    color: #A16207;
}

.lesson-detail-page .lesson-callout-box.callout--cyan {
    background: #E0F7FF;
    border-left: 4px solid #06B6D4;
}
.lesson-detail-page .lesson-callout-box.callout--cyan .callout-icon-box {
    background: #FFFFFF;
    color: #0891B2;
    box-shadow: 0 2px 6px rgba(6, 182, 212, 0.18);
}
.lesson-detail-page .lesson-callout-box.callout--cyan .callout-heading {
    color: #0E7490;
}

.lesson-detail-page .lesson-callout-box.callout--emerald {
    background: #E0F5EC;
    border-left: 4px solid #10B981;
}
.lesson-detail-page .lesson-callout-box.callout--emerald .callout-icon-box {
    background: #FFFFFF;
    color: #059669;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.18);
}
.lesson-detail-page .lesson-callout-box.callout--emerald .callout-heading {
    color: #047857;
}

.lesson-detail-page .lesson-callout-box.callout--rose {
    background: #FFE6EE;
    border-left: 4px solid #F43F5E;
}
.lesson-detail-page .lesson-callout-box.callout--rose .callout-icon-box {
    background: #FFFFFF;
    color: #E11D48;
    box-shadow: 0 2px 6px rgba(244, 63, 94, 0.18);
}
.lesson-detail-page .lesson-callout-box.callout--rose .callout-heading {
    color: #BE123C;
}

.lesson-detail-page .lesson-callout-box.callout--lime {
    background: #F0FCE7;
    border-left: 4px solid #84CC16;
}
.lesson-detail-page .lesson-callout-box.callout--lime .callout-icon-box {
    background: #FFFFFF;
    color: #65A30D;
    box-shadow: 0 2px 6px rgba(132, 204, 22, 0.18);
}
.lesson-detail-page .lesson-callout-box.callout--lime .callout-heading {
    color: #4D7C0F;
}

.lesson-detail-page .lesson-callout-box.callout--sky {
    background: #E0F2FE;
    border-left: 4px solid #0EA5E9;
}
.lesson-detail-page .lesson-callout-box.callout--sky .callout-icon-box {
    background: #FFFFFF;
    color: #0284C7;
    box-shadow: 0 2px 6px rgba(14, 165, 233, 0.18);
}
.lesson-detail-page .lesson-callout-box.callout--sky .callout-heading {
    color: #0369A1;
}

.lesson-detail-page .tab-btn {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: 13px;
    background: #F3F6FB;
    color: #5C6B84;
    border: 1px solid #EBE7E1;
    border-radius: 9999px;
    padding: 8px 16px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.lesson-detail-page .tab-btn:hover {
    background: #E8EDFF;
    color: #4E73EC;
}

.lesson-detail-page .tab-btn.active {
    background: #6C8DF6;
    color: #FFFFFF;
    border-color: #6C8DF6;
}

.lesson-detail-page .tab-pane-box {
    background: #FAF8F5;
    border: 1px solid #EBE7E1;
    border-radius: 18px;
    padding: 20px;
}

.lesson-detail-page .tab-pane-box .pane-title {
    font-size: 16px;
    color: #243048;
}

.lesson-detail-page .tab-pane-box .pane-desc {
    font-size: 14px;
    line-height: 1.6;
    color: #5C6B84;
}

.lesson-detail-page .lesson-checklist li span {
    font-size: 15px;
    color: #243048;
}

.lesson-detail-page .lesson-share-bar {
    background: #FAF8F5;
    border: 1px solid #EBE7E1;
}

.lesson-detail-page .btn-share-link {
    font-size: 13px;
    font-weight: 600;
    background: #FFFFFF;
    color: #243048;
    border: 1px solid #DCE5FA;
    border-radius: 9999px;
    padding: 6px 14px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.lesson-detail-page .btn-share-link:hover {
    background: #E8EDFF;
    color: #4E73EC;
}

.lesson-detail-page .comment-item {
    background: #FAF8F5;
    border: 1px solid #EBE7E1;
    border-radius: 18px;
}

.lesson-detail-page .comment-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
}

.lesson-detail-page .avatar-primary {
    background-color: #E8EDFF;
    color: #4E73EC;
    border: 1px solid #DCE5FA;
}

.lesson-detail-page .avatar-reply {
    background-color: #FDF0F3;
    color: #E56882;
    border: 1px solid #FBE3E8;
}

.lesson-detail-page .comment-author {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #243048;
}

.lesson-detail-page .comment-badge {
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 6px;
}

.lesson-detail-page .badge-primary {
    background-color: #E8EDFF;
    color: #4E73EC;
}

.lesson-detail-page .badge-reply {
    background-color: #FDF0F3;
    color: #E56882;
}

.lesson-detail-page .comment-date {
    font-size: 12px;
    color: #8A99B5;
}

.lesson-detail-page .comment-text {
    font-size: 14px;
    line-height: 1.6;
    color: #5C6B84;
}

.lesson-detail-page .comment-action-btn {
    background: #FFFFFF;
    border: 1px solid #EBE7E1;
    border-radius: 9999px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    color: #5C6B84;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.lesson-detail-page .comment-action-btn:hover,
.lesson-detail-page .comment-action-btn.active {
    color: #4E73EC;
    background-color: #E8EDFF;
    border-color: #DCE5FA;
}

.lesson-detail-page .comment-form-block {
    background: #FAF8F5;
    border: 1px solid #EBE7E1;
}

.lesson-detail-page .form-title {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #243048;
}

.lesson-detail-page .form-input-custom {
    background-color: #FFFFFF;
    border: 1px solid #DCE5FA;
    border-radius: 12px;
    color: #243048;
    font-size: 14px;
    padding: 10px 14px;
}

.lesson-detail-page .form-input-custom:focus {
    background-color: #FFFFFF;
    border-color: #6C8DF6;
    box-shadow: 0 0 0 3px rgba(108, 141, 246, 0.2);
    color: #243048;
}

.lesson-detail-page .form-input-custom::placeholder {
    color: #8A99B5;
    opacity: 1;
}

.lesson-detail-page .btn-primary-custom {
    background-color: #6C8DF6;
    color: #FFFFFF;
    border: 1px solid #6C8DF6;
    border-radius: 9999px;
    padding: 10px 22px;
    font-weight: 600;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(108, 141, 246, 0.25);
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.lesson-detail-page .btn-primary-custom:hover {
    background-color: #5A7CEB;
    border-color: #5A7CEB;
    color: #FFFFFF;
}

.lesson-detail-page .btn-outline-custom {
    background-color: #FFFFFF;
    color: #243048;
    border: 1px solid #DCE5FA;
    border-radius: 9999px;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(76, 99, 140, 0.04);
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.lesson-detail-page .btn-outline-custom:hover {
    background-color: #EEFAF8;
    color: #2BA895;
    border-color: #82D9CC;
}

.lesson-detail-page .sidebar-card {
    background: #FFFFFF;
    border: 1px solid #EBE7E1;
    border-radius: 24px;
    box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.06);
}

.lesson-detail-page .sidebar-card.highlight-mint {
    background: linear-gradient(180deg, #FFFFFF 0%, #F5FBF9 100%);
    border-color: #DCF5F1;
}

.lesson-detail-page .sidebar-card.highlight-lavender {
    background: linear-gradient(180deg, #FFFFFF 0%, #F8F6FE 100%);
    border-color: #E4DCFC;
}

.lesson-detail-page .sidebar-title {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #243048;
}

.lesson-detail-page .sidebar-card-sub {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #243048;
}

.lesson-detail-page .sidebar-lesson-link {
    padding: 10px 14px;
    border-radius: 12px;
    background: #FAF8F5;
    border: 1px solid #EBE7E1;
    color: #243048;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.lesson-detail-page .sidebar-lesson-link:hover {
    background: #E8EDFF;
    border-color: #DCE5FA;
    color: #4E73EC;
}

.lesson-detail-page .sidebar-icon-wrap {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.lesson-detail-page .sidebar-icon-wrap.mint {
    background: #EEFAF8;
    color: #2BA895;
}

.lesson-detail-page .sidebar-icon-wrap.lavender {
    background: #F3F0FE;
    color: #7E67DF;
}

@media (max-width: 767.98px) {
    .lesson-detail-page .lesson-hero-title {
        font-size: 18px;
        hyphens: auto;
    }

    .lesson-detail-page .lesson-body-typography h2 {
        font-size: 16px;
        hyphens: auto;
    }

    .lesson-detail-page .lesson-body-typography h3 {
        font-size: 14px;
        hyphens: auto;
    }

    .lesson-detail-page .lesson-hero-lead {
        font-size: 14px;
    }

    .lesson-detail-page .meta-divider {
        display: none;
    }

    .lesson-detail-page .comment-item.comment-reply {
        margin-left: 1rem !important;
    }
}

.scalesense-footer {
    background-color: #FAF8F5;
    border-top: 1px solid #EBE7E1;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #243048;
}

.scalesense-footer__card {
    background: #FFFFFF;
    border: 1px solid #EBE7E1;
    border-radius: 24px;
    box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.06);
}

.scalesense-footer__logo {
    max-width: 44px;
    height: 44px;
    object-fit: contain;
}

.scalesense-footer__brand-name {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #243048;
    letter-spacing: -0.01em;
}

.scalesense-footer__summary {
    font-size: 14px;
    line-height: 1.6;
    color: #5C6B84;
}

.scalesense-footer__col-title {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #243048;
    letter-spacing: -0.005em;
}

.scalesense-footer__nav-link {
    color: #5C6B84;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

.scalesense-footer__nav-link:hover,
.scalesense-footer__nav-link:focus {
    color: #4E73EC;
    text-decoration: underline;
}

.scalesense-footer__icon-box {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #E8EDFF;
    color: #4E73EC;
    font-size: 18px;
}

.scalesense-footer__contact-text {
    font-size: 14px;
    line-height: 1.5;
    color: #5C6B84;
}

.scalesense-footer__contact-link {
    font-size: 14px;
    font-weight: 500;
    color: #5C6B84;
    text-decoration: none;
    word-break: break-all;
    transition: color 0.2s ease;
}

.scalesense-footer__contact-link:hover,
.scalesense-footer__contact-link:focus {
    color: #4E73EC;
    text-decoration: underline;
}

.scalesense-footer__wa-btn {
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 9999px;
    background: #EEFAF8;
    color: #2BA895;
    border: 1px solid #DCF5F1;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.scalesense-footer__wa-btn:hover,
.scalesense-footer__wa-btn:focus {
    background: #DCF5F1;
    color: #1F8374;
    border-color: #82D9CC;
    text-decoration: none;
}

.scalesense-footer__copy {
    font-size: 13px;
    color: #8A99B5;
    line-height: 1.5;
}

.scalesense-footer__legal-link {
    font-size: 13px;
    font-weight: 500;
    color: #5C6B84;
    text-decoration: none;
    transition: color 0.2s ease;
}

.scalesense-footer__legal-link:hover,
.scalesense-footer__legal-link:focus {
    color: #4E73EC;
    text-decoration: underline;
}

@media (max-width: 767.98px) {
    .scalesense-footer__col-title {
        font-size: 15px;
    }

    .scalesense-footer__brand-name {
        font-size: 18px;
    }

    .scalesense-footer__card {
        border-radius: 18px;
    }
}

/* ===== PAGE TEMPLATE: materials-list ===== */
#site-header.site-header {
    background-color: #FAF8F5;
    border-bottom: 1px solid #EBE7E1;
    box-shadow: 0 2px 8px 0 rgba(76, 99, 140, 0.04);
    z-index: 1030;
    position: sticky;
    top: 0;
}

#site-header .navbar {
    padding-top: 14px;
    padding-bottom: 14px;
    background-color: #FAF8F5;
}

#site-header .header-logo-img {
    max-width: 44px;
    height: 44px;
    object-fit: contain;
    flex-shrink: 0;
}

#site-header .brand-title {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #243048;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

#site-header .brand-accent {
    color: #6C8DF6;
}

#site-header .navbar-nav {
    gap: 4px;
}

#site-header .nav-link {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #5C6B84;
    padding: 8px 16px;
    border-radius: 9999px;
    transition: color 0.2s ease, background-color 0.2s ease;
}

#site-header .nav-link:hover,
#site-header .nav-link:focus {
    color: #4E73EC;
    background-color: #E8EDFF;
}

#site-header .navbar-toggler {
    border: 1px solid #DCE5FA;
    background-color: #FFFFFF;
    padding: 6px 10px;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(76, 99, 140, 0.04);
}

#site-header .navbar-toggler:focus {
    box-shadow: 0 0 0 3px rgba(108, 141, 246, 0.25);
    outline: none;
}

#site-header .header-menu-icon {
    font-size: 24px;
    color: #243048;
    display: block;
}

#site-header .btn-header-cta {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #6C8DF6;
    border: 1px solid #6C8DF6;
    border-radius: 9999px;
    padding: 10px 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(108, 141, 246, 0.25);
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

#site-header .btn-header-cta:hover,
#site-header .btn-header-cta:focus {
    color: #FFFFFF;
    background-color: #5A7CEB;
    border-color: #5A7CEB;
}

#site-header .header-cta-icon {
    font-size: 18px;
}

@media (max-width: 991.98px) {
    #site-header .navbar {
        padding: 8px 0;
    }

    #site-header .navbar .container {
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
    }

    #site-header .navbar-brand {
        flex: 1 1 auto;
        min-width: 0;
        max-width: calc(100% - 60px);
        gap: 6px;
        padding: 0;
    }

    #site-header .brand-title {
        font-size: 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #site-header .header-logo-img {
        max-width: 34px;
        height: 34px;
    }

    #site-header .navbar-toggler {
        flex: 0 0 auto;
        margin-left: 8px;
        padding: 6px 10px;
    }

    #site-header .navbar-collapse {
        background-color: #FAF8F5;
        border-radius: 18px;
        padding: 16px;
        margin-top: 12px;
        border: 1px solid #EBE7E1;
        box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.08);
        flex-basis: 100%;
    }

    #site-header .nav-link {
        padding: 10px 14px;
        font-size: 14px;
    }

    #site-header .header-cta-wrapper {
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid #EBE7E1;
        width: 100%;
    }

    #site-header .btn-header-cta {
        width: 100%;
    }

    #site-header .dropdown-menu {
        box-shadow: none;
        border-radius: 10px;
        margin-top: 4px;
    }
}

.material-detail-page {
    background-color: #FAF8F5;
    color: #243048;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

.material-detail-page .material-hero-section {
    background: linear-gradient(135deg, #FAF8F5 0%, #F1F5FD 100%);
    border-bottom: 1px solid #EBE7E1;
    padding: 36px 0 44px;
}

.material-detail-page .material-breadcrumbs {
    font-size: 13px;
    color: #8A99B5;
}

.material-detail-page .breadcrumb-link {
    color: #5C6B84;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.material-detail-page .breadcrumb-link:hover {
    color: #4E73EC;
    text-decoration: underline;
}

.material-detail-page .breadcrumb-separator {
    color: #8A99B5;
    font-size: 14px;
}

.material-detail-page .breadcrumb-current {
    color: #243048;
    font-weight: 600;
    max-width: 280px;
}

.material-detail-page .material-tag-badge {
    background: #E8EDFF;
    border: 1px solid #DCE5FA;
    color: #4E73EC;
    padding: 6px 14px;
    border-radius: 9999px;
    font-size: 13px;
    font-weight: 600;
}

.material-detail-page .material-hero-title {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    color: #243048;
    letter-spacing: -0.015em;
}

.material-detail-page .material-hero-lead {
    font-size: 17px;
    line-height: 1.6;
    color: #5C6B84;
}

.material-detail-page .material-hero-meta {
    font-size: 14px;
    color: #5C6B84;
}

.material-detail-page .material-hero-meta .meta-item strong {
    color: #243048;
}

.material-detail-page .material-quick-card {
    background: #FFFFFF;
    border: 1px solid #DCE5FA;
    border-radius: 24px;
    box-shadow: 0 12px 32px 0 rgba(108, 141, 246, 0.08);
}

.material-detail-page .quick-icon-box {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #E8EDFF;
    color: #4E73EC;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.material-detail-page .quick-card-heading {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #243048;
}

.material-detail-page .quick-card-sub {
    font-size: 12px;
    color: #8A99B5;
    text-transform: uppercase;
    font-weight: 600;
}

.material-detail-page .quick-card-desc {
    font-size: 13px;
    line-height: 1.5;
    color: #5C6B84;
}

.material-detail-page .btn-material-action {
    background-color: #6C8DF6;
    color: #FFFFFF;
    border: 1px solid #6C8DF6;
    border-radius: 9999px;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(108, 141, 246, 0.25);
    transition: background-color 0.2s ease;
}

.material-detail-page .btn-material-action:hover {
    background-color: #5A7CEB;
    color: #FFFFFF;
}

.material-detail-page .material-article-card,
.material-detail-page .material-comments-section,
.material-detail-page .sidebar-card {
    background: #FFFFFF;
    border: 1px solid #EBE7E1;
    border-radius: 24px;
    box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.06);
}

.material-detail-page .material-featured-image-wrapper {
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid #EBE7E1;
    background: #F8FAFC;
}

.material-detail-page .material-featured-img {
    width: 100%;
    height: auto;
    max-height: 460px;
    object-fit: cover;
    display: block;
}

.material-detail-page .material-prose h2 {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #243048;
    margin-top: 28px;
    margin-bottom: 14px;
    line-height: 1.3;
}

.material-detail-page .material-prose h3 {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: #243048;
    line-height: 1.35;
}

.material-detail-page .material-prose p {
    font-size: 15px;
    line-height: 1.7;
    color: #5C6B84;
    margin-bottom: 16px;
}

.material-detail-page .material-bullet-list,
.material-detail-page .material-numbered-list {
    padding-left: 24px;
    color: #5C6B84;
    font-size: 15px;
    line-height: 1.7;
}

.material-detail-page .callout-box {
    background: linear-gradient(180deg, #FFFFFF 0%, #F6F9FE 100%);
    border: 1px solid #DCE5FA;
    border-radius: 18px;
}

.material-detail-page .callout-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #E8EDFF;
    color: #4E73EC;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.material-detail-page .callout-title {
    font-size: 17px;
    font-weight: 600;
    color: #243048;
}

.material-detail-page .callout-text {
    font-size: 14px;
    line-height: 1.6;
    color: #5C6B84;
}

/* Unique Instructor Core Recommendation variants per material page */
.material-detail-page .callout-box.ic--blue {
    background: linear-gradient(180deg, #FFFFFF 0%, #E6F0FF 100%);
    border: 1px solid #B8CCFF;
}
.material-detail-page .callout-box.ic--blue .callout-icon { background: #4E73EC; color: #FFFFFF; }
.material-detail-page .callout-box.ic--blue .callout-title { color: #2D4DB8; }

.material-detail-page .callout-box.ic--violet {
    background: linear-gradient(180deg, #FFFFFF 0%, #F0E6FF 100%);
    border: 1px solid #D4C2FF;
}
.material-detail-page .callout-box.ic--violet .callout-icon { background: #8B5CF6; color: #FFFFFF; }
.material-detail-page .callout-box.ic--violet .callout-title { color: #5B3DA8; }

.material-detail-page .callout-box.ic--orange {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFF0E0 100%);
    border: 1px solid #FFD9A8;
}
.material-detail-page .callout-box.ic--orange .callout-icon { background: #F59E0B; color: #FFFFFF; }
.material-detail-page .callout-box.ic--orange .callout-title { color: #B45309; }

.material-detail-page .callout-box.ic--pink {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFE6F0 100%);
    border: 1px solid #FFC2DC;
}
.material-detail-page .callout-box.ic--pink .callout-icon { background: #EC4899; color: #FFFFFF; }
.material-detail-page .callout-box.ic--pink .callout-title { color: #9D174D; }

.material-detail-page .callout-box.ic--green {
    background: linear-gradient(180deg, #FFFFFF 0%, #E6F9EC 100%);
    border: 1px solid #B6ECC2;
}
.material-detail-page .callout-box.ic--green .callout-icon { background: #22C55E; color: #FFFFFF; }
.material-detail-page .callout-box.ic--green .callout-title { color: #15803D; }

.material-detail-page .callout-box.ic--teal {
    background: linear-gradient(180deg, #FFFFFF 0%, #E0F7F4 100%);
    border: 1px solid #A8E8E0;
}
.material-detail-page .callout-box.ic--teal .callout-icon { background: #14B8A6; color: #FFFFFF; }
.material-detail-page .callout-box.ic--teal .callout-title { color: #0F766E; }

.material-detail-page .callout-box.ic--indigo {
    background: linear-gradient(180deg, #FFFFFF 0%, #E8E6FF 100%);
    border: 1px solid #C5C2FF;
}
.material-detail-page .callout-box.ic--indigo .callout-icon { background: #6366F1; color: #FFFFFF; }
.material-detail-page .callout-box.ic--indigo .callout-title { color: #3730A3; }

.material-detail-page .callout-box.ic--red {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFE6E6 100%);
    border: 1px solid #FFC2C2;
}
.material-detail-page .callout-box.ic--red .callout-icon { background: #EF4444; color: #FFFFFF; }
.material-detail-page .callout-box.ic--red .callout-title { color: #B91C1C; }

.material-detail-page .callout-box.ic--amber {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFF7E0 100%);
    border: 1px solid #FFE89A;
}
.material-detail-page .callout-box.ic--amber .callout-icon { background: #EAB308; color: #FFFFFF; }
.material-detail-page .callout-box.ic--amber .callout-title { color: #A16207; }

.material-detail-page .callout-box.ic--cyan {
    background: linear-gradient(180deg, #FFFFFF 0%, #E0F7FF 100%);
    border: 1px solid #A8E6FF;
}
.material-detail-page .callout-box.ic--cyan .callout-icon { background: #06B6D4; color: #FFFFFF; }
.material-detail-page .callout-box.ic--cyan .callout-title { color: #0E7490; }

.material-detail-page .callout-box.ic--emerald {
    background: linear-gradient(180deg, #FFFFFF 0%, #E0F5EC 100%);
    border: 1px solid #A8E8CC;
}
.material-detail-page .callout-box.ic--emerald .callout-icon { background: #10B981; color: #FFFFFF; }
.material-detail-page .callout-box.ic--emerald .callout-title { color: #047857; }

.material-detail-page .callout-box.ic--rose {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFE6EE 100%);
    border: 1px solid #FFC2D2;
}
.material-detail-page .callout-box.ic--rose .callout-icon { background: #F43F5E; color: #FFFFFF; }
.material-detail-page .callout-box.ic--rose .callout-title { color: #BE123C; }

.material-detail-page .callout-box.ic--lime {
    background: linear-gradient(180deg, #FFFFFF 0%, #F0FCE7 100%);
    border: 1px solid #D9F0A8;
}
.material-detail-page .callout-box.ic--lime .callout-icon { background: #84CC16; color: #FFFFFF; }
.material-detail-page .callout-box.ic--lime .callout-title { color: #4D7C0F; }

.material-detail-page .callout-box.ic--sky {
    background: linear-gradient(180deg, #FFFFFF 0%, #E0F2FE 100%);
    border: 1px solid #A8DAFF;
}
.material-detail-page .callout-box.ic--sky .callout-icon { background: #0EA5E9; color: #FFFFFF; }
.material-detail-page .callout-box.ic--sky .callout-title { color: #0369A1; }

.material-detail-page .share-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #F8FAFC;
    border: 1px solid #EBE7E1;
    color: #5C6B84;
    padding: 6px 12px;
    border-radius: 9999px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.material-detail-page .share-btn:hover {
    background: #E8EDFF;
    border-color: #DCE5FA;
    color: #4E73EC;
}

.material-detail-page .comments-heading {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #243048;
}

.material-detail-page .comment-item {
    background: #FAF8F5;
    border: 1px solid #EBE7E1;
    border-radius: 18px;
}

.material-detail-page .comment-item.comment-reply {
    background: #F3F6FB;
    border-color: #DCE5FA;
}

.material-detail-page .comment-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
}

.material-detail-page .avatar-primary {
    background: #E8EDFF;
    color: #4E73EC;
}

.material-detail-page .avatar-reply {
    background: #FDF0F3;
    color: #D75872;
}

.material-detail-page .comment-author {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #243048;
}

.material-detail-page .comment-badge {
    font-size: 11px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 9999px;
}

.material-detail-page .badge-primary {
    background: #E8EDFF;
    color: #4E73EC;
}

.material-detail-page .badge-reply {
    background: #FDF0F3;
    color: #D75872;
}

.material-detail-page .comment-date {
    font-size: 12px;
    color: #8A99B5;
}

.material-detail-page .comment-text {
    font-size: 14px;
    line-height: 1.6;
    color: #5C6B84;
}

.material-detail-page .comment-action-btn {
    background: #FFFFFF;
    border: 1px solid #EBE7E1;
    color: #5C6B84;
    padding: 4px 10px;
    border-radius: 9999px;
    font-size: 12px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.material-detail-page .comment-action-btn:hover,
.material-detail-page .comment-action-btn.active {
    background: #E8EDFF;
    border-color: #DCE5FA;
    color: #4E73EC;
}

.material-detail-page .comment-form-box {
    background: #F8FAFC;
    border: 1px solid #EBE7E1;
    border-radius: 18px;
}

.material-detail-page .comment-form-title {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #243048;
}

.material-detail-page .form-label {
    font-size: 13px;
    color: #243048;
}

.material-detail-page .form-control {
    background: #FFFFFF;
    border: 1px solid #EBE7E1;
    border-radius: 12px;
    padding: 10px 14px;
    font-size: 14px;
    color: #243048;
}

.material-detail-page .form-control::placeholder {
    color: #8A99B5;
    opacity: 1;
}

.material-detail-page .form-control:focus {
    border-color: #6C8DF6;
    box-shadow: 0 0 0 3px rgba(108, 141, 246, 0.2);
    outline: none;
}

.material-detail-page .btn-comment-submit {
    background: #6C8DF6;
    color: #FFFFFF;
    border: 1px solid #6C8DF6;
    border-radius: 9999px;
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.material-detail-page .btn-comment-submit:hover {
    background: #5A7CEB;
}

.material-detail-page .sidebar-card-title {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: #243048;
    letter-spacing: -0.005em;
}

.material-detail-page .standards-list li {
    font-size: 14px;
    color: #5C6B84;
}

.material-detail-page .spec-label {
    font-size: 13px;
    color: #8A99B5;
}

.material-detail-page .spec-val {
    font-size: 13px;
    color: #243048;
}

.material-detail-page .related-link {
    color: #5C6B84;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.2s ease;
}

.material-detail-page .related-link:hover {
    color: #4E73EC;
    text-decoration: underline;
}

.scalesense-footer {
    background-color: #FAF8F5;
    border-top: 1px solid #EBE7E1;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #243048;
}

.scalesense-footer__card {
    background: #FFFFFF;
    border: 1px solid #EBE7E1;
    border-radius: 24px;
    box-shadow: 0 8px 24px -4px rgba(76, 99, 140, 0.06);
}

.scalesense-footer__logo {
    max-width: 44px;
    height: 44px;
    object-fit: contain;
}

.scalesense-footer__brand-name {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #243048;
    letter-spacing: -0.01em;
}

.scalesense-footer__summary {
    font-size: 14px;
    line-height: 1.6;
    color: #5C6B84;
}

.scalesense-footer__col-title {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #243048;
    letter-spacing: -0.005em;
}

.scalesense-footer__nav-link {
    color: #5C6B84;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

.scalesense-footer__nav-link:hover,
.scalesense-footer__nav-link:focus {
    color: #4E73EC;
    text-decoration: underline;
}

.scalesense-footer__icon-box {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #E8EDFF;
    color: #4E73EC;
    font-size: 18px;
}

.scalesense-footer__contact-text {
    font-size: 14px;
    line-height: 1.5;
    color: #5C6B84;
}

.scalesense-footer__contact-link {
    font-size: 14px;
    font-weight: 500;
    color: #5C6B84;
    text-decoration: none;
    word-break: break-all;
    transition: color 0.2s ease;
}

.scalesense-footer__contact-link:hover,
.scalesense-footer__contact-link:focus {
    color: #4E73EC;
    text-decoration: underline;
}

.scalesense-footer__wa-btn {
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 9999px;
    background: #EEFAF8;
    color: #2BA895;
    border: 1px solid #DCF5F1;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.scalesense-footer__wa-btn:hover,
.scalesense-footer__wa-btn:focus {
    background: #DCF5F1;
    color: #1F8374;
    border-color: #82D9CC;
    text-decoration: none;
}

.scalesense-footer__copy {
    font-size: 13px;
    color: #8A99B5;
    line-height: 1.5;
}

.scalesense-footer__legal-link {
    font-size: 13px;
    font-weight: 500;
    color: #5C6B84;
    text-decoration: none;
    transition: color 0.2s ease;
}

.scalesense-footer__legal-link:hover,
.scalesense-footer__legal-link:focus {
    color: #4E73EC;
    text-decoration: underline;
}

@media (max-width: 767.98px) {
    .material-detail-page .material-hero-title {
        font-size: 18px;
        line-height: 1.3;
        hyphens: auto;
    }

    .material-detail-page .material-prose h2 {
        font-size: 16px;
        hyphens: auto;
    }

    .material-detail-page .material-prose h3 {
        font-size: 14px;
        hyphens: auto;
    }

    .material-detail-page .material-hero-lead {
        font-size: 14px;
    }

    .material-detail-page .btn-material-action {
        width: 100%;
    }

    .scalesense-footer__col-title {
        font-size: 15px;
    }

    .scalesense-footer__brand-name {
        font-size: 18px;
    }

    .scalesense-footer__card {
        border-radius: 18px;
    }
}