:root {
    --rsa-primary: #00F0FF;
    --rsa-primary-hover: #38F5FF;
    --rsa-primary-glow: rgba(0, 240, 255, 0.22);
    --rsa-secondary: #7928CA;
    --rsa-secondary-hover: #8A3FFC;
    --rsa-accent-warning: #FFB800;
    --rsa-accent-alert: #FF3366;
    --rsa-accent-success: #00E599;
    --rsa-bg-main: #080B10;
    --rsa-bg-surface: #0E141E;
    --rsa-bg-surface-elevated: #141B28;
    --rsa-bg-card: #101724;
    --rsa-bg-card-glass: rgba(16, 23, 36, 0.75);
    --rsa-bg-terminal: #05070A;
    --rsa-border-subtle: #1B2434;
    --rsa-border-medium: #26344B;
    --rsa-border-highlight: rgba(0, 240, 255, 0.4);
    --rsa-border-critical: rgba(255, 51, 102, 0.45);
    --rsa-text-primary: #F1F5F9;
    --rsa-text-secondary: #94A3B8;
    --rsa-text-muted: #64748B;
    --rsa-grid-line: rgba(0, 240, 255, 0.04);
    --rsa-font-heading: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    --rsa-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --rsa-font-mono: 'JetBrains Mono', monospace;
}

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

html {
    scroll-behavior: smooth;
}

body.rsa-dark-theme {
    margin: 0;
    padding: 0;
    background-color: var(--rsa-bg-main);
    color: var(--rsa-text-primary);
    font-family: var(--rsa-font-body);
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    background-image:
        radial-gradient(circle at 50% -20%, rgba(0, 240, 255, 0.12) 0%, rgba(8, 11, 16, 0) 65%),
        radial-gradient(circle at 85% 60%, rgba(121, 40, 202, 0.08) 0%, rgba(8, 11, 16, 0) 50%),
        linear-gradient(to right, rgba(27, 36, 52, 0.25) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(27, 36, 52, 0.25) 1px, transparent 1px);
    background-size: 100% 100%, 100% 100%, 48px 48px, 48px 48px;
}

a {
    color: var(--rsa-primary);
    text-decoration: none;
    transition: color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

a:hover {
    color: var(--rsa-primary-hover);
}

.text-muted {
    color: #94A3B8 !important;
}

.rsa-font-mono {
    font-family: var(--rsa-font-mono);
}

.rsa-font-heading {
    font-family: var(--rsa-font-heading);
}

/* ===== header ===== */
.rsa-header-block {
    position: sticky;
    top: 0;
    z-index: 1030;
    background-color: #080B10;
    border-bottom: 1px solid #1B2434;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.rsa-header-block .rsa-top-telemetry {
    background-color: #05070A;
    border-bottom: 1px solid #1B2434;
    padding: 0.35rem 0;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}

.rsa-header-block .rsa-status-indicator {
    color: #00F0FF;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.rsa-header-block .rsa-status-dot {
    width: 6px;
    height: 6px;
    background-color: #00E599;
    border-radius: 50%;
    box-shadow: 0 0 8px #00E599;
    display: inline-block;
}

.rsa-header-block .rsa-telemetry-separator {
    color: #26344B;
}

.rsa-header-block .rsa-telemetry-text {
    color: #94A3B8;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.rsa-header-block .rsa-telemetry-link {
    color: #00F0FF;
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    transition: color 0.2s ease;
}

.rsa-header-block .rsa-telemetry-link:hover {
    color: #38F5FF;
    text-decoration: underline;
}

.rsa-header-block .rsa-navbar {
    background-color: #0E141E;
    padding: 0.75rem 0;
}

.rsa-header-block .rsa-brand {
    text-decoration: none;
    color: #F1F5F9;
}

.rsa-header-block .rsa-logo-img {
    width: 44px;
    height: 44px;
    max-width: 44px;
    max-height: 44px;
    object-fit: contain;
    border-radius: 6px;
}

.rsa-header-block .rsa-brand-title {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: 1.15rem;
    letter-spacing: -0.02em;
    color: #F1F5F9;
    line-height: 1.1;
}

.rsa-header-block .rsa-brand-subtitle {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.65rem;
    color: #00F0FF;
    letter-spacing: 0.08em;
    line-height: 1;
    margin-top: 2px;
}

.rsa-header-block .rsa-toggler {
    border: 1px solid #26344B;
    background-color: #141B28;
    color: #00F0FF;
    padding: 0.4rem 0.65rem;
    border-radius: 6px;
}

.rsa-header-block .rsa-toggler:focus {
    box-shadow: 0 0 0 2px rgba(0, 240, 255, 0.4);
}

.rsa-header-block .rsa-toggler-icon {
    font-size: 1.5rem;
    vertical-align: middle;
}

.rsa-header-block .rsa-nav-collapse {
    background-color: #0E141E;
}

@media (max-width: 991.98px) {
    .rsa-header-block .rsa-nav-collapse {
        background-color: #0E141E;
        padding: 1.25rem 0;
        border-top: 1px solid #1B2434;
        margin-top: 0.75rem;
    }
}

.rsa-header-block .rsa-nav-link {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 500;
    font-size: 0.9rem;
    color: #94A3B8;
    padding: 0.5rem 0.85rem;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.rsa-header-block .rsa-nav-link:hover,
.rsa-header-block .rsa-nav-link:focus {
    color: #00F0FF;
    background-color: rgba(0, 240, 255, 0.05);
}

.rsa-header-block .rsa-nav-link.active {
    color: #00F0FF;
    font-weight: 600;
}

.rsa-header-block .rsa-btn-primary {
    background-color: #00F0FF;
    color: #080B10;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    padding: 0.65rem 1.25rem;
    border-radius: 6px;
    border: 1px solid #38F5FF;
    text-decoration: none;
    box-shadow: 0 0 16px rgba(0, 240, 255, 0.25);
    transition: all 0.25s ease;
    white-space: nowrap;
}

.rsa-header-block .rsa-btn-primary:hover {
    background-color: #38F5FF;
    color: #080B10;
    box-shadow: 0 0 24px rgba(0, 240, 255, 0.45);
    transform: translateY(-1px);
}

.rsa-header-block .rsa-btn-primary:active {
    transform: translateY(0);
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.2);
}

/* ===== hero ===== */
.hero-sequence-atlas {
    background-color: #080B10;
    min-height: 90vh;
    display: flex;
    align-items: center;
    color: #F1F5F9;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif
}

.hero-sequence-atlas__video-wrapper {
    overflow: hidden
}

.hero-sequence-atlas__video {
    object-fit: cover;
    opacity: .35
}

.hero-sequence-atlas__overlay {
    background: radial-gradient(circle at 75% 25%, rgba(0, 240, 255, 0.14) 0%, rgba(8, 11, 16, 0.92) 70%), linear-gradient(180deg, rgba(8, 11, 16, 0.5) 0%, #080B10 100%)
}

.hero-sequence-atlas__grid-pattern {
    background-image: linear-gradient(to right, rgba(27, 36, 52, 0.35) 1px, transparent 1px), linear-gradient(to bottom, rgba(27, 36, 52, 0.35) 1px, transparent 1px);
    background-size: 48px 48px;
    pointer-events: none
}

.hero-sequence-atlas__badge {
    background: rgba(14, 20, 30, 0.85);
    border: 1px solid #1B2434;
    backdrop-filter: blur(8px)
}

.hero-sequence-atlas__status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #00F0FF;
    box-shadow: 0 0 10px #00F0FF;
    display: inline-block
}

.hero-sequence-atlas__badge-text {
    font-family: 'JetBrains Mono', monospace;
    font-size: .75rem;
    letter-spacing: .08em;
    color: #00F0FF;
    font-weight: 600
}

.hero-sequence-atlas__title {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: clamp(2.25rem, 4.5vw, 3.75rem);
    font-weight: 700;
    line-height: 1.15;
    color: #F1F5F9;
    letter-spacing: -0.03em
}

.hero-sequence-atlas__subtitle {
    color: #94A3B8;
    font-size: clamp(1rem, 1.5vw, 1.15rem);
    line-height: 1.6;
    max-width: 620px
}

.hero-sequence-atlas__btn-primary {
    background-color: #00F0FF;
    color: #080B10;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    font-size: .95rem;
    padding: .875rem 1.75rem;
    border-radius: 8px;
    border: 1px solid #38F5FF;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.35);
    transition: all .25s ease
}

.hero-sequence-atlas__btn-primary:hover {
    background-color: #38F5FF;
    color: #080B10;
    transform: translateY(-2px);
    box-shadow: 0 0 28px rgba(0, 240, 255, 0.55)
}

.hero-sequence-atlas__btn-secondary {
    background: rgba(20, 27, 40, 0.7);
    color: #F1F5F9;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 500;
    font-size: .95rem;
    padding: .875rem 1.75rem;
    border-radius: 8px;
    border: 1px solid #26344B;
    backdrop-filter: blur(8px);
    transition: all .25s ease
}

.hero-sequence-atlas__btn-secondary:hover {
    border-color: #00F0FF;
    color: #00F0FF;
    background: rgba(0, 240, 255, 0.08);
    transform: translateY(-2px)
}

.hero-sequence-atlas__metric-card {
    background: rgba(16, 23, 36, 0.65);
    border: 1px solid #1B2434;
    backdrop-filter: blur(6px)
}

.hero-sequence-atlas__metric-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: .7rem;
    color: #64748B;
    letter-spacing: .05em;
    margin-bottom: .25rem
}

.hero-sequence-atlas__metric-value {
    font-family: 'Space Grotesk', sans-serif;
    font-size: .95rem;
    font-weight: 600;
    color: #F1F5F9
}

.hero-sequence-atlas__metric-value--alert {
    color: #00E599
}

.hero-sequence-atlas__console {
    background: rgba(14, 20, 30, 0.85);
    border: 1px solid rgba(0, 240, 255, 0.25);
    backdrop-filter: blur(14px);
    box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.7), 0 0 24px rgba(0, 240, 255, 0.1)
}

.hero-sequence-atlas__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block
}

.hero-sequence-atlas__console-title {
    font-family: 'JetBrains Mono', monospace;
    font-size: .75rem;
    color: #94A3B8;
    letter-spacing: .05em
}

.hero-sequence-atlas__badge-mini {
    font-family: 'JetBrains Mono', monospace;
    font-size: .7rem;
    padding: .2rem .5rem;
    background: #101724;
    border: 1px solid #26344B;
    border-radius: 4px;
    color: #00F0FF
}

.hero-sequence-atlas__node {
    background: #101724;
    border: 1px solid #1B2434;
    transition: all .25s cubic-bezier(0.16, 1, 0.3, 1)
}

.hero-sequence-atlas__node.is-active {
    border-color: rgba(0, 240, 255, 0.4);
    background: linear-gradient(135deg, #101724 0%, rgba(0, 240, 255, 0.06) 100%)
}

.hero-sequence-atlas__node.is-pending {
    border-color: rgba(255, 184, 0, 0.35);
    background: linear-gradient(135deg, #101724 0%, rgba(255, 184, 0, 0.05) 100%)
}

.hero-sequence-atlas__node.is-blocked {
    border-color: rgba(255, 51, 102, 0.35);
    background: linear-gradient(135deg, #101724 0%, rgba(255, 51, 102, 0.05) 100%)
}

.hero-sequence-atlas__node:hover {
    transform: translateX(4px);
    border-color: #00F0FF
}

.hero-sequence-atlas__node-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: .875rem;
    font-weight: 600;
    color: #F1F5F9
}

.hero-sequence-atlas__node-status {
    font-family: 'JetBrains Mono', monospace;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .05em
}

.hero-sequence-atlas__node-meta {
    font-size: .75rem;
    color: #94A3B8;
    line-height: 1.4
}

/* ===== atlas_sections ===== */
.atlas-sections-block {
    background-color: #080B10;
    color: #F1F5F9;
    position: relative;
}

.atlas-sections-block__eyebrow {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8125rem;
    letter-spacing: 0.08em;
    color: #00F0FF;
    text-transform: uppercase;
}

.atlas-sections-block__title {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #F1F5F9;
    font-weight: 700;
    font-size: clamp(1.75rem, 3vw, 2.35rem);
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.atlas-sections-block__subtitle {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #94A3B8;
    font-size: 1rem;
    line-height: 1.6;
    max-width: 680px;
}

.atlas-sections-block__view-all-btn {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    font-size: 0.9375rem;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    background-color: #141B28;
    color: #00F0FF;
    border: 1px solid #26344B;
    text-decoration: none;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.atlas-sections-block__view-all-btn:hover {
    background-color: rgba(0, 240, 255, 0.1);
    border-color: #00F0FF;
    color: #38F5FF;
    transform: translateY(-2px);
}

.atlas-sections-block__filter-bar {
    border-bottom: 1px solid #1B2434;
    padding-bottom: 1rem;
}

.atlas-sections-block__filter-btn {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8125rem;
    color: #94A3B8;
    background-color: #0E141E;
    border: 1px solid #1B2434;
    padding: 0.45rem 1rem;
    border-radius: 6px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.atlas-sections-block__filter-btn:hover {
    color: #F1F5F9;
    border-color: #26344B;
    background-color: #141B28;
}

.atlas-sections-block__filter-btn.active {
    background-color: rgba(0, 240, 255, 0.12);
    border-color: #00F0FF;
    color: #00F0FF;
}

.atlas-sections-block__card {
    background-color: #101724;
    border: 1px solid #1B2434;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.atlas-sections-block__card:hover {
    border-color: rgba(0, 240, 255, 0.4);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 240, 255, 0.15);
    transform: translateY(-3px);
}

.atlas-sections-block__card-img-wrap {
    position: relative;
    overflow: hidden;
    background-color: #05070A;
}

.atlas-sections-block__card-img {
    height: 180px;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.atlas-sections-block__card:hover .atlas-sections-block__card-img {
    transform: scale(1.04);
}

.atlas-sections-block__badge {
    position: absolute;
    top: 12px;
    left: 12px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    letter-spacing: 0.05em;
    font-weight: 600;
    padding: 0.3rem 0.65rem;
    border-radius: 4px;
    text-transform: uppercase;
}

.atlas-sections-block__badge--tier0 {
    background-color: rgba(0, 240, 255, 0.9);
    color: #080B10;
}

.atlas-sections-block__badge--tier1 {
    background-color: rgba(121, 40, 202, 0.9);
    color: #F1F5F9;
}

.atlas-sections-block__badge--tier2 {
    background-color: rgba(255, 184, 0, 0.9);
    color: #080B10;
}

.atlas-sections-block__meta {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
}

.atlas-sections-block__step {
    color: #00F0FF;
}

.atlas-sections-block__blocker-count {
    color: #FF3366;
}

.atlas-sections-block__card-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0.5rem;
}

.atlas-sections-block__card-title-link {
    color: #F1F5F9;
    text-decoration: none;
    transition: color 0.2s ease;
}

.atlas-sections-block__card-title-link:hover {
    color: #00F0FF;
}

.atlas-sections-block__card-desc {
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    line-height: 1.55;
    color: #94A3B8;
}

.atlas-sections-block__status-indicator {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #94A3B8;
    display: inline-flex;
    align-items: center;
}

.atlas-sections-block__dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 6px;
}

.atlas-sections-block__dot--active {
    background-color: #00E599;
    box-shadow: 0 0 6px rgba(0, 229, 153, 0.6);
}

.atlas-sections-block__card-action-btn {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #00F0FF;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: transform 0.2s ease, color 0.2s ease;
}

.atlas-sections-block__card-action-btn:hover {
    color: #38F5FF;
    transform: translateX(2px);
}

@media (max-width: 767.98px) {
    .atlas-sections-block__title {
        font-size: 1.25rem;
    }

    .atlas-sections-block__card-title {
        font-size: 1.1rem;
    }

    .atlas-sections-block__view-all-btn {
        width: 100%;
    }
}

/* ===== core_materials ===== */
.core-materials-section {
    background-color: #080B10;
    color: #F1F5F9;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    position: relative;
    border-top: 1px solid #1B2434;
    border-bottom: 1px solid #1B2434;
}

.core-materials-section .text-cyan {
    color: #00F0FF !important;
}

.core-materials-section .font-mono {
    font-family: 'JetBrains Mono', monospace;
}

.core-materials-section .tracking-wider {
    letter-spacing: 0.08em;
}

.core-materials-section .core-materials-badge {
    background-color: rgba(0, 240, 255, 0.08);
    border: 1px solid rgba(0, 240, 255, 0.25);
}

.core-materials-section .core-materials-title {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 700;
    color: #F1F5F9;
    line-height: 1.25;
}

.core-materials-section .core-materials-subtitle {
    color: #94A3B8;
    font-size: 1.05rem;
    line-height: 1.6;
    max-width: 760px;
}

.core-materials-section .core-materials-main-cta {
    background-color: rgba(20, 27, 40, 0.85);
    color: #00F0FF;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    font-size: 0.9375rem;
    padding: 0.75rem 1.4rem;
    border-radius: 8px;
    border: 1px solid #26344B;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.core-materials-section .core-materials-main-cta:hover {
    background-color: rgba(0, 240, 255, 0.12);
    border-color: #00F0FF;
    color: #38F5FF;
    transform: translateY(-2px);
}

.core-materials-section .core-materials-filter-bar {
    padding: 0.5rem;
    background-color: #0E141E;
    border: 1px solid #1B2434;
    border-radius: 10px;
}

.core-materials-section .core-filter-btn {
    background-color: transparent;
    color: #94A3B8;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8125rem;
    padding: 0.45rem 1rem;
    border-radius: 6px;
    border: 1px solid transparent;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.core-materials-section .core-filter-btn:hover {
    color: #F1F5F9;
    background-color: #141B28;
    border-color: #26344B;
}

.core-materials-section .core-filter-btn.active {
    color: #080B10;
    background-color: #00F0FF;
    border-color: #00F0FF;
    font-weight: 600;
    box-shadow: 0 0 14px rgba(0, 240, 255, 0.35);
}

.core-materials-section .core-scenario-card {
    background-color: #101724;
    border: 1px solid #1B2434;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.core-materials-section .core-scenario-card:hover {
    border-color: rgba(0, 240, 255, 0.4);
    transform: translateY(-4px);
    box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(0, 240, 255, 0.2);
}

.core-materials-section .core-card-media {
    background-color: #05070A;
}

.core-materials-section .core-card-img {
    height: 220px;
    object-fit: cover;
    transition: transform 0.4s ease;
    display: block;
}

.core-materials-section .core-scenario-card:hover .core-card-img {
    transform: scale(1.04);
}

.core-materials-section .core-tier-badge {
    background-color: rgba(8, 11, 16, 0.88);
    color: #00F0FF;
    border: 1px solid rgba(0, 240, 255, 0.3);
    font-size: 0.75rem;
    padding: 0.35rem 0.65rem;
    border-radius: 4px;
    backdrop-filter: blur(6px);
}

.core-materials-section .core-card-meta {
    font-size: 0.78rem;
    color: #64748B;
}

.core-materials-section .core-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.core-materials-section .core-card-title {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.35;
}

.core-materials-section .core-card-title a {
    color: #F1F5F9;
    transition: color 0.2s ease;
}

.core-materials-section .core-card-title a:hover {
    color: #00F0FF;
}

.core-materials-section .core-card-desc {
    color: #94A3B8;
    font-size: 0.9375rem;
    line-height: 1.55;
}

.core-materials-section .core-card-footer {
    border-color: #1B2434 !important;
}

.core-materials-section .core-tag {
    font-size: 0.78rem;
    color: #94A3B8;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.core-materials-section .core-card-btn {
    background-color: #00F0FF;
    color: #080B10;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    padding: 0.45rem 1rem;
    border-radius: 6px;
    border: 1px solid #38F5FF;
    box-shadow: 0 0 12px rgba(0, 240, 255, 0.25);
    transition: all 0.2s ease;
}

.core-materials-section .core-card-btn:hover {
    background-color: #38F5FF;
    color: #080B10;
    box-shadow: 0 0 18px rgba(0, 240, 255, 0.45);
    transform: translateY(-1px);
}

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

    .core-materials-section .core-card-title {
        font-size: 1rem;
        hyphens: auto;
    }

    .core-materials-section .core-card-img {
        height: 180px;
    }

    .core-materials-section .core-materials-filter-bar {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 0.5rem;
    }

    .core-materials-section .core-filter-btn {
        white-space: nowrap;
        flex-shrink: 0;
    }
}

/* ===== featured_case ===== */
.atlas-featured-case {
    background-color: #080B10;
    color: #F1F5F9;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    position: relative;
    overflow: hidden;
}

.atlas-featured-case .case-container {
    background: #0E141E;
    border: 1px solid #1B2434;
    border-radius: 14px;
    position: relative;
    box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.7);
}

.atlas-featured-case .case-badge-tier {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.atlas-featured-case .badge-mono {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    color: #00F0FF;
    background: #080B10;
    padding: 0.35rem 0.65rem;
    border-radius: 4px;
    border: 1px solid #1B2434;
}

.atlas-featured-case .badge-status {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #FF3366;
    background: rgba(255, 51, 102, 0.12);
    padding: 0.35rem 0.65rem;
    border-radius: 4px;
    border: 1px solid rgba(255, 51, 102, 0.3);
    display: inline-flex;
    align-items: center;
}

.atlas-featured-case .case-img-link {
    border: 1px solid #26344B;
    position: relative;
    background-color: #05070A;
}

.atlas-featured-case .case-main-img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.atlas-featured-case .case-img-link:hover .case-main-img {
    transform: scale(1.03);
}

.atlas-featured-case .case-stat-strip {
    background: #101724;
    border: 1px solid #1B2434;
    border-radius: 8px;
}

.atlas-featured-case .stat-num {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #F1F5F9;
    line-height: 1.1;
}

.atlas-featured-case .stat-danger {
    color: #FF3366;
}

.atlas-featured-case .stat-highlight {
    color: #00F0FF;
}

.atlas-featured-case .stat-lbl {
    font-size: 0.75rem;
    color: #94A3B8;
    margin-top: 0.2rem;
}

.atlas-featured-case .case-category-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8125rem;
    color: #00F0FF;
    letter-spacing: 0.05em;
    display: inline-flex;
    align-items: center;
}

.atlas-featured-case .case-headline {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: clamp(1.25rem, 2.5vw, 1.85rem);
    line-height: 1.25;
    margin: 0;
}

.atlas-featured-case .case-title-link {
    color: #F1F5F9;
    text-decoration: none;
    transition: color 0.2s ease;
}

.atlas-featured-case .case-title-link:hover {
    color: #00F0FF;
}

.atlas-featured-case .case-summary-text {
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #94A3B8;
}

.atlas-featured-case .inspection-console {
    background: #101724;
    border: 1px solid #26344B;
    border-radius: 10px;
    padding: 1rem;
}

.atlas-featured-case .console-tab-btn {
    background: #080B10;
    color: #94A3B8;
    border: 1px solid #1B2434;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 0.5rem 0.85rem;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
}

.atlas-featured-case .console-tab-btn:hover {
    border-color: #00F0FF;
    color: #F1F5F9;
    background: rgba(0, 240, 255, 0.06);
}

.atlas-featured-case .console-tab-btn.active {
    background: rgba(0, 240, 255, 0.15);
    border-color: #00F0FF;
    color: #00F0FF;
}

.atlas-featured-case .console-panel-content {
    display: none;
}

.atlas-featured-case .console-panel-content.active {
    display: block;
}

.atlas-featured-case .panel-card-inner {
    background: #080B10;
    border: 1px solid #1B2434;
    border-radius: 6px;
}

.atlas-featured-case .panel-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    letter-spacing: 0.08em;
    color: #FFB800;
    font-weight: 600;
}

.atlas-featured-case .panel-question-heading {
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.35;
    color: #FFFFFF;
    margin-bottom: 0.5rem;
}

.atlas-featured-case .panel-body-text {
    font-size: 0.875rem;
    line-height: 1.5;
    color: #F1F5F9;
}

.atlas-featured-case .panel-meta-indicator {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
}

.atlas-featured-case .meta-key {
    color: #94A3B8;
}

.atlas-featured-case .meta-val {
    color: #00F0FF;
    font-weight: 600;
}

.atlas-featured-case .btn-primary-action {
    background: #00F0FF;
    color: #080B10;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    font-size: 0.9375rem;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    border: 1px solid #38F5FF;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.25);
    transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.atlas-featured-case .btn-primary-action:hover {
    background: #38F5FF;
    color: #080B10;
    transform: translateY(-2px);
    box-shadow: 0 0 28px rgba(0, 240, 255, 0.45);
}

.atlas-featured-case .btn-secondary-action {
    background: rgba(20, 27, 40, 0.6);
    color: #F1F5F9;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 500;
    font-size: 0.9375rem;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    border: 1px solid #26344B;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.atlas-featured-case .btn-secondary-action:hover {
    border-color: #00F0FF;
    color: #00F0FF;
    background: rgba(0, 240, 255, 0.06);
    transform: translateY(-2px);
}

@media (max-width: 767.98px) {
    .atlas-featured-case .case-headline {
        font-size: 16px;
        hyphens: auto;
    }

    .atlas-featured-case .case-main-img {
        height: 200px;
    }

    .atlas-featured-case .console-tab-btn {
        width: 100%;
        justify-content: center;
    }
}

/* ===== cost_calculator ===== */
.sequence-cost-calc {
    background-color: #080B10;
    color: #F1F5F9;
    padding: clamp(4rem, 7vw, 7rem) 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    position: relative;
}

.sequence-cost-calc__badge {
    display: inline-flex;
    align-items: center;
    background-color: rgba(0, 240, 255, 0.08);
    color: #00F0FF;
    border: 1px solid rgba(0, 240, 255, 0.3);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8125rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    margin-bottom: 1rem;
}

.sequence-cost-calc__title {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    font-weight: 700;
    color: #F1F5F9;
    line-height: 1.25;
    margin-bottom: 0.75rem;
}

.sequence-cost-calc__subtitle {
    color: #94A3B8;
    font-size: 1rem;
    line-height: 1.6;
    max-width: 680px;
    margin: 0 auto;
}

.sequence-cost-calc__card {
    background-color: #0E141E;
    border: 1px solid #1B2434;
    border-radius: 14px;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.sequence-cost-calc__step-header {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    margin-bottom: 1rem;
}

.sequence-cost-calc__step-index {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.875rem;
    font-weight: 700;
    color: #00F0FF;
    background-color: rgba(0, 240, 255, 0.1);
    border: 1px solid rgba(0, 240, 255, 0.25);
    border-radius: 6px;
    padding: 0.2rem 0.5rem;
    line-height: 1.2;
}

.sequence-cost-calc__step-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    color: #F1F5F9;
    margin-bottom: 0.25rem;
    line-height: 1.3;
}

.sequence-cost-calc__step-desc {
    font-size: 0.875rem;
    color: #94A3B8;
    margin-bottom: 0;
    line-height: 1.4;
}

.sequence-cost-calc__btn-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
}

@media (min-width: 576px) {
    .sequence-cost-calc__btn-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.sequence-cost-calc__btn {
    background-color: #101724;
    border: 1px solid #1B2434;
    border-radius: 8px;
    padding: 0.875rem 0.75rem;
    text-align: left;
    transition: all 0.25s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.sequence-cost-calc__btn:hover {
    border-color: rgba(0, 240, 255, 0.5);
    background-color: #141B28;
}

.sequence-cost-calc__btn.active {
    border-color: #00F0FF;
    background-color: rgba(0, 240, 255, 0.08);
    box-shadow: 0 0 12px rgba(0, 240, 255, 0.2);
}

.sequence-cost-calc__btn-name {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #F1F5F9;
    margin-bottom: 0.25rem;
    display: block;
}

.sequence-cost-calc__btn.active .sequence-cost-calc__btn-name {
    color: #00F0FF;
}

.sequence-cost-calc__btn-detail {
    font-size: 0.75rem;
    color: #94A3B8;
    line-height: 1.3;
    display: block;
}

.sequence-cost-calc__summary-card {
    background: linear-gradient(145deg, #101724 0%, #0E141E 100%);
    border: 1px solid rgba(0, 240, 255, 0.25);
    border-radius: 14px;
    padding: clamp(1.25rem, 3vw, 2rem);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}

.sequence-cost-calc__summary-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #94A3B8;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.sequence-cost-calc__status-indicator {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    color: #00E599;
    font-family: 'JetBrains Mono', monospace;
}

.sequence-cost-calc__status-dot {
    width: 7px;
    height: 7px;
    background-color: #00E599;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 6px #00E599;
}

.sequence-cost-calc__price-display {
    background-color: #05070A;
    border: 1px solid #1B2434;
    border-radius: 10px;
    padding: 1.25rem;
    text-align: center;
}

.sequence-cost-calc__price-label {
    font-size: 0.8125rem;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: 'JetBrains Mono', monospace;
    margin-bottom: 0.35rem;
}

.sequence-cost-calc__price-val {
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(2rem, 3.5vw, 2.5rem);
    font-weight: 700;
    color: #00F0FF;
    line-height: 1.1;
}

.sequence-cost-calc__spec-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background-color: rgba(5, 7, 10, 0.5);
    border: 1px solid #1B2434;
    border-radius: 8px;
    padding: 0.875rem;
}

.sequence-cost-calc__spec-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8125rem;
    color: #94A3B8;
}

.sequence-cost-calc__spec-item strong {
    color: #F1F5F9;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 500;
}

.sequence-cost-calc__includes-title {
    font-size: 0.8125rem;
    color: #F1F5F9;
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-family: 'Space Grotesk', sans-serif;
}

.sequence-cost-calc__includes-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.sequence-cost-calc__includes-list li {
    font-size: 0.8125rem;
    color: #94A3B8;
    display: flex;
    align-items: center;
}

.sequence-cost-calc__primary-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #00F0FF;
    color: #080B10;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    font-size: 0.9375rem;
    padding: 0.875rem 1.25rem;
    border-radius: 8px;
    text-decoration: none;
    border: 1px solid #38F5FF;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.35);
    transition: all 0.25s ease;
    text-align: center;
}

.sequence-cost-calc__primary-btn:hover {
    background-color: #38F5FF;
    color: #080B10;
    transform: translateY(-2px);
    box-shadow: 0 0 28px rgba(0, 240, 255, 0.55);
}

.sequence-cost-calc__cta-note {
    font-size: 0.75rem;
    color: #64748B;
    text-align: center;
    margin-top: 0.5rem;
    margin-bottom: 0;
}

/* ===== contractor_questions ===== */
.contractor-audit-block {
    background-color: #080B10;
    color: #F1F5F9;
    position: relative;
    overflow: hidden;
}

.contractor-audit-block .text-cyan {
    color: #00F0FF !important;
}

.contractor-audit-block .text-light-custom {
    color: #F1F5F9 !important;
}

.contractor-audit-block .text-muted-custom {
    color: #94A3B8 !important;
}

.contractor-audit-block .font-mono {
    font-family: 'JetBrains Mono', monospace;
}

.contractor-audit-block__badge {
    background: rgba(0, 240, 255, 0.08);
    border: 1px solid rgba(0, 240, 255, 0.25);
    font-size: 0.75rem;
    letter-spacing: 0.08em;
}

.contractor-audit-block__title {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 700;
    line-height: 1.25;
    color: #F1F5F9;
    letter-spacing: -0.02em;
}

.contractor-audit-block__lead {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.05rem;
    line-height: 1.6;
    color: #94A3B8;
}

.contractor-audit-block__stat-card {
    background: #0E141E;
    border: 1px solid #1B2434;
}

.contractor-audit-block__stat-number {
    font-size: 1.75rem;
    line-height: 1;
}

.contractor-audit-block__stat-label {
    font-size: 0.875rem;
    line-height: 1.3;
}

.contractor-audit-block__filter-btn {
    background: #0E141E;
    color: #94A3B8;
    border: 1px solid #1B2434;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.55rem 1.15rem;
    border-radius: 8px;
    transition: all 0.25s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.contractor-audit-block__filter-btn:hover,
.contractor-audit-block__filter-btn.active {
    background: rgba(0, 240, 255, 0.12);
    border-color: #00F0FF;
    color: #00F0FF;
    box-shadow: 0 0 12px rgba(0, 240, 255, 0.2);
}

.contractor-audit-block__card {
    background: #101724;
    border: 1px solid #1B2434;
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.contractor-audit-block__card:hover {
    transform: translateY(-4px);
    border-color: rgba(0, 240, 255, 0.4);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.6), 0 0 16px rgba(0, 240, 255, 0.15);
}

.contractor-audit-block__tag {
    font-size: 0.75rem;
    color: #00F0FF;
    letter-spacing: 0.06em;
}

.contractor-audit-block__status-pill {
    font-size: 0.75rem;
    color: #94A3B8;
    background: #080B10;
    padding: 0.25rem 0.65rem;
    border-radius: 4px;
    border: 1px solid #1B2434;
}

.contractor-audit-block__dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
}

.contractor-audit-block__dot.bg-amber {
    background-color: #FFB800;
    box-shadow: 0 0 6px #FFB800;
}

.contractor-audit-block__dot.bg-crimson {
    background-color: #FF3366;
    box-shadow: 0 0 6px #FF3366;
}

.contractor-audit-block__dot.bg-cyan {
    background-color: #00F0FF;
    box-shadow: 0 0 6px #00F0FF;
}

.contractor-audit-block__dot.bg-purple {
    background-color: #7928CA;
    box-shadow: 0 0 6px #7928CA;
}

.contractor-audit-block__question {
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(1.1rem, 1.8vw, 1.35rem);
    font-weight: 600;
    color: #F1F5F9;
    line-height: 1.35;
}

.contractor-audit-block__desc {
    font-family: 'Inter', sans-serif;
    font-size: 0.9375rem;
    color: #94A3B8;
    line-height: 1.55;
}

.contractor-audit-block__metric-box {
    background: #080B10;
    border: 1px solid #1B2434;
}

.contractor-audit-block__expected {
    font-family: 'Inter', sans-serif;
    line-height: 1.5;
}

.contractor-audit-block__cta-panel {
    background: linear-gradient(135deg, #0E141E 0%, #141B28 100%);
    border: 1px solid rgba(0, 240, 255, 0.25);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}

.contractor-audit-block__cta-heading {
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(1.25rem, 2vw, 1.6rem);
    font-weight: 600;
    color: #F1F5F9;
}

.contractor-audit-block__cta-text {
    font-family: 'Inter', sans-serif;
    font-size: 0.9375rem;
    line-height: 1.6;
}

.contractor-audit-block__btn-primary {
    background-color: #00F0FF;
    color: #080B10;
    font-family: 'Space Grotesk', sans-serif;
    padding: 0.875rem 1.75rem;
    border-radius: 8px;
    border: 1px solid #38F5FF;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.35);
    transition: all 0.25s ease;
}

.contractor-audit-block__btn-primary:hover {
    background-color: #38F5FF;
    color: #080B10;
    transform: translateY(-2px);
    box-shadow: 0 0 28px rgba(0, 240, 255, 0.55);
}

@media (max-width: 767.98px) {
    .contractor-audit-block__title {
        font-size: 16px;
        hyphens: auto;
    }

    .contractor-audit-block__question,
    .contractor-audit-block__cta-heading {
        font-size: 14px;
        hyphens: auto;
    }

    .contractor-audit-block__btn-primary {
        width: 100%;
        justify-content: center;
    }
}

/* ===== support_times ===== */
.support-times-section {
    background-color: #080B10;
    padding: clamp(3.5rem, 6vw, 6rem) 0;
    position: relative;
    overflow: hidden;
    color: #F1F5F9;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.support-times-section .support-times-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.9rem;
    border-radius: 6px;
    background: rgba(0, 240, 255, 0.06);
    border: 1px solid rgba(0, 240, 255, 0.25);
    color: #00F0FF;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    margin-bottom: 1.25rem;
}

.support-times-section .support-times-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(1.6rem, 3.2vw, 2.35rem);
    font-weight: 700;
    line-height: 1.25;
    color: #F1F5F9;
    margin-bottom: 0.75rem;
}

.support-times-section .support-times-subtitle {
    color: #94A3B8;
    font-size: 1rem;
    max-width: 680px;
    margin: 0 auto;
    line-height: 1.6;
}

.support-times-section .support-times-card {
    background: #101724;
    border: 1px solid #1B2434;
    border-radius: 10px;
    padding: 1.5rem;
    position: relative;
    display: flex;
    flex-direction: column;
    transition: border-color 0.25s ease, transform 0.25s ease;
}

.support-times-section .support-times-card:hover {
    border-color: rgba(0, 240, 255, 0.4);
    transform: translateY(-2px);
}

.support-times-section .card-status-indicator {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.support-times-section .status-active {
    background: #00E599;
    box-shadow: 0 0 10px rgba(0, 229, 153, 0.6);
}

.support-times-section .status-cyan {
    background: #00F0FF;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.6);
}

.support-times-section .status-purple {
    background: #7928CA;
    box-shadow: 0 0 10px rgba(121, 40, 202, 0.6);
}

.support-times-section .status-dormant {
    background: #64748B;
}

.support-times-section .card-icon-wrap {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: rgba(20, 27, 40, 0.8);
    border: 1px solid #26344B;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    color: #00F0FF;
    margin-bottom: 1rem;
}

.support-times-section .card-tier-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    color: #94A3B8;
    letter-spacing: 0.08em;
    font-weight: 600;
    margin-bottom: 0.4rem;
    display: block;
}

.support-times-section .card-metric-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #F1F5F9;
    margin-bottom: 0.6rem;
    line-height: 1.2;
}

.support-times-section .card-desc {
    font-size: 0.875rem;
    color: #94A3B8;
    line-height: 1.55;
    margin-bottom: 1.25rem;
    flex-grow: 1;
}

.support-times-section .card-meta {
    padding-top: 0.875rem;
    border-top: 1px solid #1B2434;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.75rem;
}

.support-times-section .meta-label {
    color: #64748B;
}

.support-times-section .meta-val {
    color: #00F0FF;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 500;
}

.support-times-section .support-console-panel {
    background: #0E141E;
    border: 1px solid #26344B;
    border-radius: 12px;
    overflow: hidden;
}

.support-times-section .console-header {
    background: #05070A;
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #1B2434;
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.support-times-section .console-dots {
    display: flex;
    align-items: center;
    gap: 6px;
}

.support-times-section .console-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.support-times-section .dot-red {
    background: #FF3366;
}

.support-times-section .dot-yellow {
    background: #FFB800;
}

.support-times-section .dot-green {
    background: #00E599;
}

.support-times-section .console-title {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #94A3B8;
    letter-spacing: 0.05em;
}

.support-times-section .console-body {
    padding: 1.5rem;
}

.support-times-section .console-row {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.35rem;
}

.support-times-section .console-icon {
    font-size: 1.35rem;
    color: #00F0FF;
    padding-top: 0.15rem;
    flex-shrink: 0;
}

.support-times-section .console-item-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #F1F5F9;
    margin-bottom: 0.25rem;
}

.support-times-section .console-item-desc {
    font-size: 0.875rem;
    color: #94A3B8;
    margin-bottom: 0;
    line-height: 1.5;
}

.support-times-section .support-action-panel {
    background: linear-gradient(135deg, rgba(16, 23, 36, 0.95) 0%, rgba(20, 27, 40, 0.85) 100%);
    border: 1px solid rgba(0, 240, 255, 0.2);
    border-radius: 12px;
    padding: 1.75rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}

.support-times-section .action-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #00F0FF;
    letter-spacing: 0.08em;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.support-times-section .action-panel-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    color: #F1F5F9;
    margin-bottom: 0.6rem;
    line-height: 1.3;
}

.support-times-section .action-panel-desc {
    font-size: 0.875rem;
    color: #94A3B8;
    line-height: 1.6;
    margin-bottom: 0;
}

.support-times-section .support-btn {
    padding: 0.85rem 1.25rem;
    border-radius: 8px;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    font-size: 0.9375rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.support-times-section .support-btn-whatsapp {
    background: #00E599;
    color: #080B10;
    border: 1px solid #00F5A5;
    box-shadow: 0 0 16px rgba(0, 229, 153, 0.3);
}

.support-times-section .support-btn-whatsapp:hover {
    background: #00F5A5;
    color: #080B10;
    transform: translateY(-2px);
    box-shadow: 0 0 24px rgba(0, 229, 153, 0.5);
}

.support-times-section .support-btn-secondary {
    background: rgba(20, 27, 40, 0.8);
    color: #F1F5F9;
    border: 1px solid #26344B;
}

.support-times-section .support-btn-secondary:hover {
    border-color: #00F0FF;
    color: #00F0FF;
    background: rgba(0, 240, 255, 0.08);
    transform: translateY(-2px);
}

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

    .support-times-section .card-metric-title {
        font-size: 14px;
        hyphens: auto;
    }

    .support-times-section .action-panel-title {
        font-size: 14px;
        hyphens: auto;
    }
}

/* ===== quick_numbers ===== */
#quick-numbers-section {
    background-color: #080B10;
    border-top: 1px solid #1B2434;
    border-bottom: 1px solid #1B2434;
    overflow: hidden;
}

#quick-numbers-section .text-cyan {
    color: #00F0FF;
}

#quick-numbers-section .quick-num-card {
    background: #101724;
    border: 1px solid #1B2434;
    border-radius: 12px;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease, box-shadow 0.25s ease;
    position: relative;
}

#quick-numbers-section .quick-num-card:hover {
    transform: translateY(-4px);
    border-color: rgba(0, 240, 255, 0.4);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 240, 255, 0.15);
}

#quick-numbers-section .quick-num-tier {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: #64748B;
}

#quick-numbers-section .quick-num-icon-wrap {
    width: 36px;
    height: 36px;
    background: rgba(0, 240, 255, 0.08);
    border: 1px solid rgba(0, 240, 255, 0.2);
    border-radius: 8px;
    font-size: 1.25rem;
    flex-shrink: 0;
}

#quick-numbers-section .quick-num-value {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 2.75rem;
    font-weight: 700;
    line-height: 1;
    color: #F1F5F9;
    letter-spacing: -0.03em;
}

#quick-numbers-section .quick-num-suffix {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    margin-left: 0.25rem;
}

#quick-numbers-section .quick-num-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3;
    color: #F1F5F9;
}

#quick-numbers-section .quick-num-desc {
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #94A3B8;
}

#quick-numbers-section .quick-num-footer {
    border-top: 1px solid #1B2434;
}

#quick-numbers-section .quick-num-status-bar {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

#quick-numbers-section .quick-num-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
}

#quick-numbers-section .quick-num-dot.status-active {
    background-color: #00E599;
    box-shadow: 0 0 8px rgba(0, 229, 153, 0.6);
}

#quick-numbers-section .quick-num-status-text {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

@media (max-width: 767.98px) {
    #quick-numbers-section .quick-num-value {
        font-size: 2.25rem;
    }

    #quick-numbers-section .quick-num-suffix {
        font-size: 1.5rem;
    }

    #quick-numbers-section .quick-num-title {
        font-size: 1rem;
    }
}

/* ===== footer ===== */
.recovery-sequence-footer {
    background-color: #080B10;
    color: #94A3B8;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    padding-top: clamp(2.5rem, 5vw, 4rem);
    padding-bottom: clamp(1.5rem, 3vw, 2.5rem);
    border-top: 1px solid #1B2434;
    position: relative;
    overflow: hidden;
}

.recovery-sequence-footer .footer-disclaimer-card {
    background: #0E141E;
    border: 1px solid rgba(255, 184, 0, 0.28);
    border-left: 4px solid #FFB800;
    border-radius: 10px;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.6);
}

.recovery-sequence-footer .disclaimer-icon-wrap {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: rgba(255, 184, 0, 0.12);
    color: #FFB800;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
}

.recovery-sequence-footer .disclaimer-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: #FFB800;
    margin-bottom: 0.35rem;
}

.recovery-sequence-footer .disclaimer-text {
    font-size: 0.875rem;
    line-height: 1.55;
    color: #CBD5E1;
}

.recovery-sequence-footer .footer-brand-pane {
    max-width: 360px;
}

.recovery-sequence-footer .footer-brand-name {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    color: #F1F5F9;
    letter-spacing: -0.02em;
}

.recovery-sequence-footer .footer-logo-img {
    max-width: 44px;
    height: auto;
    object-fit: contain;
    display: block;
}

.recovery-sequence-footer .footer-brand-desc {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #94A3B8;
}

.recovery-sequence-footer .footer-status-pill {
    background: #05070A;
    border: 1px solid #1B2434;
    border-radius: 6px;
    padding: 0.35rem 0.75rem;
}

.recovery-sequence-footer .status-indicator-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00E599;
    box-shadow: 0 0 8px rgba(0, 229, 153, 0.6);
    display: inline-block;
}

.recovery-sequence-footer .status-text-mono {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    letter-spacing: 0.06em;
    color: #CBD5E1;
}

.recovery-sequence-footer .footer-group-heading {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #F1F5F9;
    letter-spacing: 0.02em;
    margin-bottom: 1.125rem;
}

.recovery-sequence-footer .footer-link-list {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.recovery-sequence-footer .footer-link {
    color: #94A3B8;
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.25s ease, transform 0.25s ease;
    display: inline-block;
}

.recovery-sequence-footer .footer-link:hover {
    color: #00F0FF;
    transform: translateX(3px);
}

.recovery-sequence-footer .contact-icon {
    font-size: 1.15rem;
    color: #00F0FF;
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.recovery-sequence-footer .contact-text {
    font-size: 0.875rem;
    color: #94A3B8;
    line-height: 1.45;
}

.recovery-sequence-footer .contact-link {
    font-size: 0.875rem;
    color: #94A3B8;
    text-decoration: none;
    transition: color 0.25s ease;
    word-break: break-all;
}

.recovery-sequence-footer .contact-link:hover {
    color: #00F0FF;
}

.recovery-sequence-footer .footer-bottom-bar {
    border-color: #1B2434 !important;
}

.recovery-sequence-footer .footer-copy {
    font-size: 0.8125rem;
    color: #64748B;
}

.recovery-sequence-footer .footer-meta-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    letter-spacing: 0.08em;
    color: #64748B;
}

@media (max-width: 767.98px) {
    .recovery-sequence-footer .footer-group-heading {
        font-size: 0.9375rem;
        margin-bottom: 0.875rem;
    }

    .recovery-sequence-footer .disclaimer-card {
        padding: 1rem;
    }
}

.rsa-header-block {
    position: sticky;
    top: 0;
    z-index: 1030;
    background-color: #080B10;
    border-bottom: 1px solid #1B2434;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.rsa-header-block .rsa-top-telemetry {
    background-color: #05070A;
    border-bottom: 1px solid #1B2434;
    padding: 0.35rem 0;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}

.rsa-header-block .rsa-status-indicator {
    color: #00F0FF;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.rsa-header-block .rsa-status-dot {
    width: 6px;
    height: 6px;
    background-color: #00E599;
    border-radius: 50%;
    box-shadow: 0 0 8px #00E599;
    display: inline-block;
}

.rsa-header-block .rsa-telemetry-separator {
    color: #26344B;
}

.rsa-header-block .rsa-telemetry-text {
    color: #94A3B8;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.rsa-header-block .rsa-telemetry-link {
    color: #00F0FF;
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    transition: color 0.2s ease;
}

.rsa-header-block .rsa-telemetry-link:hover {
    color: #38F5FF;
    text-decoration: underline;
}

.rsa-header-block .rsa-navbar {
    background-color: #0E141E;
    padding: 0.75rem 0;
}

.rsa-header-block .rsa-brand {
    text-decoration: none;
    color: #F1F5F9;
}

.rsa-header-block .rsa-logo-img {
    width: 44px;
    height: 44px;
    max-width: 44px;
    max-height: 44px;
    object-fit: contain;
    border-radius: 6px;
}

.rsa-header-block .rsa-brand-title {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: 1.15rem;
    letter-spacing: -0.02em;
    color: #F1F5F9;
    line-height: 1.1;
}

.rsa-header-block .rsa-brand-subtitle {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.65rem;
    color: #00F0FF;
    letter-spacing: 0.08em;
    line-height: 1;
    margin-top: 2px;
}

.rsa-header-block .rsa-toggler {
    border: 1px solid #26344B;
    background-color: #141B28;
    color: #00F0FF;
    padding: 0.4rem 0.65rem;
    border-radius: 6px;
}

.rsa-header-block .rsa-toggler:focus {
    box-shadow: 0 0 0 2px rgba(0, 240, 255, 0.4);
}

.rsa-header-block .rsa-toggler-icon {
    font-size: 1.5rem;
    vertical-align: middle;
}

.rsa-header-block .rsa-nav-collapse {
    background-color: #0E141E;
}

@media (max-width: 991.98px) {
    .rsa-header-block .rsa-nav-collapse {
        background-color: #0E141E;
        padding: 1.25rem 0;
        border-top: 1px solid #1B2434;
        margin-top: 0.75rem;
    }
}

.rsa-header-block .rsa-nav-link {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 500;
    font-size: 0.9rem;
    color: #94A3B8;
    padding: 0.5rem 0.85rem;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.rsa-header-block .rsa-nav-link:hover,
.rsa-header-block .rsa-nav-link:focus {
    color: #00F0FF;
    background-color: rgba(0, 240, 255, 0.05);
}

.rsa-header-block .rsa-nav-link.active {
    color: #00F0FF;
    font-weight: 600;
}

.rsa-header-block .rsa-btn-primary {
    background-color: #00F0FF;
    color: #080B10;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    padding: 0.65rem 1.25rem;
    border-radius: 6px;
    border: 1px solid #38F5FF;
    text-decoration: none;
    box-shadow: 0 0 16px rgba(0, 240, 255, 0.25);
    transition: all 0.25s ease;
    white-space: nowrap;
}

.rsa-header-block .rsa-btn-primary:hover {
    background-color: #38F5FF;
    color: #080B10;
    box-shadow: 0 0 24px rgba(0, 240, 255, 0.45);
    transform: translateY(-1px);
}

.rsa-header-block .rsa-btn-primary:active {
    transform: translateY(0);
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.2);
}

.rsa-startup-grid-section {
    background-color: #080B10;
    background-image: radial-gradient(circle at 50% 0%, rgba(0, 240, 255, 0.08) 0%, rgba(8, 11, 16, 0) 65%), linear-gradient(to right, rgba(27, 36, 52, 0.2) 1px, transparent 1px), linear-gradient(to bottom, rgba(27, 36, 52, 0.2) 1px, transparent 1px);
    background-size: 100% 100%, 48px 48px, 48px 48px;
    color: #F1F5F9;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    padding-top: clamp(2.5rem, 5vw, 4.5rem);
    padding-bottom: clamp(3.5rem, 7vw, 6rem);
    min-height: calc(100vh - 200px);
}

.rsa-startup-grid-section .rsa-breadcrumb-nav {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8125rem;
}

.rsa-startup-grid-section .rsa-breadcrumb-link {
    color: #94A3B8;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    transition: color 0.2s ease;
}

.rsa-startup-grid-section .rsa-breadcrumb-link:hover {
    color: #00F0FF;
}

.rsa-startup-grid-section .rsa-breadcrumb-separator {
    color: #26344B;
}

.rsa-startup-grid-section .rsa-breadcrumb-current {
    color: #00F0FF;
    font-weight: 500;
}

.rsa-startup-grid-section .rsa-badge-indicator {
    background-color: #05070A;
    border: 1px solid #1B2434;
    border-radius: 4px;
    padding: 0.3rem 0.65rem;
}

.rsa-startup-grid-section .rsa-status-pulse {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #00F0FF;
    box-shadow: 0 0 8px #00F0FF;
    display: inline-block;
}

.rsa-startup-grid-section .rsa-badge-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    letter-spacing: 0.08em;
    color: #00F0FF;
    font-weight: 600;
}

.rsa-startup-grid-section .rsa-category-title {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: clamp(1.75rem, 3.5vw, 2.75rem);
    font-weight: 700;
    color: #F1F5F9;
    line-height: 1.2;
    letter-spacing: -0.03em;
}

.rsa-startup-grid-section .rsa-category-desc {
    font-size: 1.05rem;
    line-height: 1.6;
    color: #94A3B8;
    max-width: 680px;
}

.rsa-startup-grid-section .rsa-search-panel {
    background-color: #0E141E;
    border: 1px solid #1B2434;
    border-radius: 8px;
    padding: 1rem;
}

.rsa-startup-grid-section .rsa-search-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    letter-spacing: 0.06em;
    color: #94A3B8;
    text-transform: uppercase;
    display: block;
}

.rsa-startup-grid-section .rsa-search-input-group {
    background-color: #080B10;
    border: 1px solid #26344B;
    border-radius: 6px;
    padding: 0.4rem 0.75rem;
    transition: border-color 0.2s ease;
}

.rsa-startup-grid-section .rsa-search-input-group:focus-within {
    border-color: #00F0FF;
    box-shadow: 0 0 0 1px #00F0FF;
}

.rsa-startup-grid-section .rsa-search-icon {
    color: #64748B;
    font-size: 1.15rem;
    margin-right: 0.5rem;
}

.rsa-startup-grid-section .rsa-search-input {
    background-color: transparent;
    border: none;
    color: #F1F5F9;
    font-size: 0.875rem;
    width: 100%;
    outline: none;
}

.rsa-startup-grid-section .rsa-search-input::placeholder {
    color: #64748B;
    opacity: 1;
}

.rsa-startup-grid-section .rsa-search-clear {
    background: none;
    border: none;
    color: #64748B;
    font-size: 1.1rem;
    cursor: pointer;
    padding: 0;
    display: none;
}

.rsa-startup-grid-section .rsa-search-clear:hover {
    color: #00F0FF;
}

.rsa-startup-grid-section .rsa-filter-toolbar {
    border-color: #1B2434 !important;
}

.rsa-startup-grid-section .rsa-filter-btn {
    background-color: #0E141E;
    border: 1px solid #1B2434;
    color: #94A3B8;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    letter-spacing: 0.04em;
    padding: 0.45rem 0.85rem;
    border-radius: 6px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.rsa-startup-grid-section .rsa-filter-btn:hover {
    border-color: #00F0FF;
    color: #F1F5F9;
    background-color: rgba(0, 240, 255, 0.05);
}

.rsa-startup-grid-section .rsa-filter-btn.active {
    background-color: rgba(0, 240, 255, 0.12);
    border-color: #00F0FF;
    color: #00F0FF;
    font-weight: 600;
}

.rsa-startup-grid-section .rsa-grid-card {
    background-color: #101724;
    border: 1px solid #1B2434;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease, box-shadow 0.25s ease;
}

.rsa-startup-grid-section .rsa-grid-card:hover {
    transform: translateY(-4px);
    border-color: rgba(0, 240, 255, 0.4);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6), 0 0 12px rgba(0, 240, 255, 0.15);
}

.rsa-startup-grid-section .rsa-card-media {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background-color: #05070A;
}

.rsa-startup-grid-section .rsa-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.rsa-startup-grid-section .rsa-grid-card:hover .rsa-card-img {
    transform: scale(1.04);
}

.rsa-startup-grid-section .rsa-tier-tag {
    top: 0.75rem;
    right: 0.75rem;
    background-color: rgba(5, 7, 10, 0.85);
    backdrop-filter: blur(4px);
    border: 1px solid #1B2434;
    border-radius: 4px;
    padding: 0.25rem 0.5rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.625rem;
    color: #00F0FF;
    letter-spacing: 0.08em;
    font-weight: 600;
}

.rsa-startup-grid-section .rsa-card-meta {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    color: #64748B;
}

.rsa-startup-grid-section .rsa-meta-author,
.rsa-startup-grid-section .rsa-meta-date {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: #94A3B8;
}

.rsa-startup-grid-section .rsa-card-title {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.3;
    color: #F1F5F9;
}

.rsa-startup-grid-section .rsa-card-title-link {
    color: #F1F5F9;
    text-decoration: none;
    transition: color 0.2s ease;
}

.rsa-startup-grid-section .rsa-card-title-link:hover {
    color: #00F0FF;
}

.rsa-startup-grid-section .rsa-card-text {
    font-size: 0.875rem;
    line-height: 1.55;
    color: #94A3B8;
}

.rsa-startup-grid-section .rsa-card-footer {
    border-color: #1B2434 !important;
}

.rsa-startup-grid-section .rsa-card-action-btn {
    background-color: #0E141E;
    border: 1px solid #26344B;
    border-radius: 6px;
    padding: 0.6rem 0.85rem;
    color: #00F0FF;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    font-size: 0.8125rem;
    text-decoration: none;
    transition: all 0.2s ease;
}

.rsa-startup-grid-section .rsa-card-action-btn:hover {
    background-color: #00F0FF;
    color: #080B10;
    border-color: #38F5FF;
    box-shadow: 0 0 12px rgba(0, 240, 255, 0.3);
}

.rsa-startup-grid-section .rsa-action-arrow {
    font-size: 1.15rem;
    transition: transform 0.2s ease;
}

.rsa-startup-grid-section .rsa-card-action-btn:hover .rsa-action-arrow {
    transform: translateX(4px);
}

.rsa-startup-grid-section .rsa-no-results {
    background-color: #0E141E;
    border: 1px dashed #26344B;
    border-radius: 10px;
    padding: 3rem 1.5rem;
}

.rsa-startup-grid-section .rsa-no-results-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #141B28;
    border: 1px solid #26344B;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #00F0FF;
}

.rsa-startup-grid-section .rsa-no-results-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.25rem;
    color: #F1F5F9;
    font-weight: 600;
}

.rsa-startup-grid-section .rsa-no-results-desc {
    font-size: 0.875rem;
    color: #94A3B8;
    max-width: 440px;
    margin: 0 auto;
}

.rsa-startup-grid-section .rsa-reset-filter-btn {
    background-color: #00F0FF;
    color: #080B10;
    border: 1px solid #38F5FF;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    font-size: 0.8125rem;
    padding: 0.6rem 1.25rem;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.rsa-startup-grid-section .rsa-reset-filter-btn:hover {
    background-color: #38F5FF;
    box-shadow: 0 0 16px rgba(0, 240, 255, 0.4);
}

@media (max-width: 767.98px) {
    .rsa-startup-grid-section .rsa-category-title {
        font-size: 1.5rem;
        hyphens: auto;
    }

    .rsa-startup-grid-section .rsa-card-title {
        font-size: 1rem;
    }
}

.recovery-sequence-footer {
    background-color: #080B10;
    color: #94A3B8;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    padding-top: clamp(2.5rem, 5vw, 4rem);
    padding-bottom: clamp(1.5rem, 3vw, 2.5rem);
    border-top: 1px solid #1B2434;
    position: relative;
    overflow: hidden;
}

.recovery-sequence-footer .footer-disclaimer-card {
    background: #0E141E;
    border: 1px solid rgba(255, 184, 0, 0.28);
    border-left: 4px solid #FFB800;
    border-radius: 10px;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.6);
}

.recovery-sequence-footer .disclaimer-icon-wrap {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: rgba(255, 184, 0, 0.12);
    color: #FFB800;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
}

.recovery-sequence-footer .disclaimer-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: #FFB800;
    margin-bottom: 0.35rem;
}

.recovery-sequence-footer .disclaimer-text {
    font-size: 0.875rem;
    line-height: 1.55;
    color: #CBD5E1;
}

.recovery-sequence-footer .footer-brand-pane {
    max-width: 360px;
}

.recovery-sequence-footer .footer-brand-name {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    color: #F1F5F9;
    letter-spacing: -0.02em;
}

.recovery-sequence-footer .footer-logo-img {
    max-width: 44px;
    height: auto;
    object-fit: contain;
    display: block;
}

.recovery-sequence-footer .footer-brand-desc {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #94A3B8;
}

.recovery-sequence-footer .footer-status-pill {
    background: #05070A;
    border: 1px solid #1B2434;
    border-radius: 6px;
    padding: 0.35rem 0.75rem;
}

.recovery-sequence-footer .status-indicator-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00E599;
    box-shadow: 0 0 8px rgba(0, 229, 153, 0.6);
    display: inline-block;
}

.recovery-sequence-footer .status-text-mono {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    letter-spacing: 0.06em;
    color: #CBD5E1;
}

.recovery-sequence-footer .footer-group-heading {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #F1F5F9;
    letter-spacing: 0.02em;
    margin-bottom: 1.125rem;
}

.recovery-sequence-footer .footer-link-list {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.recovery-sequence-footer .footer-link {
    color: #94A3B8;
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.25s ease, transform 0.25s ease;
    display: inline-block;
}

.recovery-sequence-footer .footer-link:hover {
    color: #00F0FF;
    transform: translateX(3px);
}

.recovery-sequence-footer .contact-icon {
    font-size: 1.15rem;
    color: #00F0FF;
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.recovery-sequence-footer .contact-text {
    font-size: 0.875rem;
    color: #94A3B8;
    line-height: 1.45;
}

.recovery-sequence-footer .contact-link {
    font-size: 0.875rem;
    color: #94A3B8;
    text-decoration: none;
    transition: color 0.25s ease;
    word-break: break-all;
}

.recovery-sequence-footer .contact-link:hover {
    color: #00F0FF;
}

.recovery-sequence-footer .footer-bottom-bar {
    border-color: #1B2434 !important;
}

.recovery-sequence-footer .footer-copy {
    font-size: 0.8125rem;
    color: #64748B;
}

.recovery-sequence-footer .footer-meta-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    letter-spacing: 0.08em;
    color: #64748B;
}

@media (max-width: 767.98px) {
    .recovery-sequence-footer .footer-group-heading {
        font-size: 0.9375rem;
        margin-bottom: 0.875rem;
    }

    .recovery-sequence-footer .disclaimer-card {
        padding: 1rem;
    }
}


/* ===== PAGE: brand-support ===== */
.brand-support-section {
  background-color: #080b10;
  color: #f1f5f9;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.brand-support-section .text-cyan {
  color: #00f0ff !important;
}

.brand-support-section .text-muted-cyan {
  color: rgba(0, 240, 255, 0.7) !important;
}

.brand-support-section .bg-cyan-subtle {
  background-color: rgba(0, 240, 255, 0.1) !important;
}

.brand-support-section__disclosure {
  background-color: #0e141e;
  border: 1px solid #1b2434;
  color: #94a3b8;
}

.brand-support-section__tag {
  font-family: 'JetBrains Mono', monospace;
  color: #00f0ff;
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
}

.brand-support-section__title {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  color: #f1f5f9;
  font-weight: 700;
  line-height: 1.25;
  font-size: clamp(2rem, 3.5vw, 3rem);
}

.brand-support-section__h2 {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  color: #f1f5f9;
  font-weight: 700;
  line-height: 1.25;
  font-size: clamp(1.5rem, 2.5vw, 2rem);
}

.brand-support-section__h3 {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  color: #f1f5f9;
  font-weight: 600;
  font-size: 1.25rem;
}

.brand-support-section__lead {
  color: #94a3b8;
  font-size: 1.125rem;
  line-height: 1.6;
}

.brand-support-section__scenario-card {
  background: linear-gradient(135deg, rgba(16, 23, 36, 0.95) 0%, rgba(20, 27, 40, 0.8) 100%);
  border: 1px solid rgba(0, 240, 255, 0.25);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

.brand-support-section__telemetry-box {
  background-color: #05070a;
  border: 1px solid #26344b;
}

.brand-support-section__tab-btn {
  background-color: #0e141e;
  color: #94a3b8;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.65rem 1.25rem;
  border: 1px solid #1b2434;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.25s ease;
}

.brand-support-section__tab-btn:hover,
.brand-support-section__tab-btn.active {
  background-color: rgba(0, 240, 255, 0.1);
  color: #00f0ff;
  border-color: #00f0ff;
}

.brand-support-section__tab-container {
  background-color: #101724;
  border: 1px solid #1b2434;
}

.brand-support-section__code-box,
.brand-support-section__timeline,
.brand-support-section__matrix-card {
  background-color: #05070a;
  border: 1px solid #1b2434;
}

.brand-support-section__card {
  background-color: #101724;
  border: 1px solid #1b2434;
  transition: transform 0.25s ease, border-color 0.25s ease;
}

.brand-support-section__card:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 240, 255, 0.4);
}

.brand-support-section__card-link:hover {
  color: #38f5ff !important;
}

.brand-support-section__cta {
  background: linear-gradient(135deg, #0e141e 0%, #141b28 100%);
  border: 1px solid #26344b;
}

.brand-support-section__btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #00f0ff;
  color: #080b10 !important;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  font-size: 0.9375rem;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  border: 1px solid #38f5ff;
  text-decoration: none;
  box-shadow: 0 0 16px rgba(0, 240, 255, 0.25);
  transition: all 0.25s ease;
  cursor: pointer;
}

.brand-support-section__btn-primary:hover {
  background-color: #38f5ff;
  transform: translateY(-2px);
  box-shadow: 0 0 24px rgba(0, 240, 255, 0.45);
}

.brand-support-section__btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(20, 27, 40, 0.6);
  color: #f1f5f9 !important;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  border: 1px solid #26344b;
  text-decoration: none;
  transition: all 0.25s ease;
}

.brand-support-section__btn-secondary:hover {
  border-color: #00f0ff;
  color: #00f0ff !important;
  background-color: rgba(0, 240, 255, 0.06);
  transform: translateY(-2px);
}

@media (max-width: 767.98px) {
  .brand-support-section__title {
    font-size: 18px;
    hyphens: auto;
  }
  .brand-support-section__h2 {
    font-size: 16px;
    hyphens: auto;
  }
  .brand-support-section__h3 {
    font-size: 14px;
    hyphens: auto;
  }
}

/* ===== PAGE: faq ===== */
.faq-atlas-section { background-color: #080B10; color: #F1F5F9; position: relative; overflow: hidden; }
.faq-atlas-section::before { content: ""; position: absolute; top: -10%; left: 50%; transform: translateX(-50%); width: 800px; height: 400px; background: radial-gradient(circle, rgba(0, 240, 255, 0.08) 0%, rgba(8, 11, 16, 0) 70%); pointer-events: none; }
.faq-atlas-section .faq-atlas-pill { background: rgba(0, 240, 255, 0.08); border: 1px solid rgba(0, 240, 255, 0.25); }
.faq-atlas-section .text-cyan { color: #00F0FF !important; }
.faq-atlas-section .font-mono { font-family: 'JetBrains Mono', monospace; }
.faq-atlas-section .tracking-wider { letter-spacing: 0.08em; }
.faq-atlas-section .faq-atlas-main-title { font-family: 'Space Grotesk', sans-serif; font-weight: 700; color: #F1F5F9; font-size: clamp(1.75rem, 3.5vw, 2.75rem); line-height: 1.25; }
.faq-atlas-section .faq-atlas-subtitle { font-size: 1.05rem; line-height: 1.6; max-width: 680px; margin-left: auto; margin-right: auto; }
.faq-atlas-section .faq-atlas-search-box { max-width: 580px; }
.faq-atlas-section .faq-atlas-search-box input { background: #0E141E; border: 1px solid #26344B; color: #F1F5F9; font-size: 0.95rem; border-radius: 10px; padding-top: 0.85rem; padding-bottom: 0.85rem; transition: all 0.25s ease; }
.faq-atlas-section .faq-atlas-search-box input:focus { background: #141B28; border-color: #00F0FF; box-shadow: 0 0 0 3px rgba(0, 240, 255, 0.15); color: #FFFFFF; outline: none; }
.faq-atlas-section .faq-atlas-search-box input::placeholder { color: #64748B; opacity: 1; }
.faq-atlas-section .faq-filter-btn { background: #0E141E; border: 1px solid #1B2434; color: #94A3B8; font-family: 'JetBrains Mono', monospace; font-size: 0.8125rem; font-weight: 500; padding: 0.5rem 1rem; border-radius: 8px; transition: all 0.2s ease; }
.faq-atlas-section .faq-filter-btn:hover { border-color: #00F0FF; color: #F1F5F9; background: rgba(0, 240, 255, 0.05); }
.faq-atlas-section .faq-filter-btn.active { background: #00F0FF; border-color: #00F0FF; color: #080B10; font-weight: 600; box-shadow: 0 0 14px rgba(0, 240, 255, 0.3); }
.faq-atlas-section .custom-faq-accordion .faq-item { background: #101724; border: 1px solid #1B2434; border-radius: 12px; overflow: hidden; transition: border-color 0.25s ease, box-shadow 0.25s ease; }
.faq-atlas-section .custom-faq-accordion .faq-item:hover { border-color: #26344B; }
.faq-atlas-section .custom-faq-accordion .faq-item.is-open { border-color: rgba(0, 240, 255, 0.4); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45); }
.faq-atlas-section .custom-faq-accordion .accordion-button { background: transparent; color: #F1F5F9; font-family: 'Space Grotesk', sans-serif; font-size: 1.05rem; font-weight: 600; padding: 1.25rem 1.5rem; box-shadow: none; border: none; }
.faq-atlas-section .custom-faq-accordion .accordion-button:not(.collapsed) { background: rgba(0, 240, 255, 0.03); color: #00F0FF; }
.faq-atlas-section .custom-faq-accordion .accordion-button::after { filter: invert(0.8) hue-rotate(180deg); background-size: 1rem; transition: transform 0.25s ease; }
.faq-atlas-section .badge-tier { font-size: 0.75rem; background: #080B10; color: #00F0FF; border: 1px solid #26344B; padding: 0.25rem 0.65rem; border-radius: 4px; letter-spacing: 0.05em; white-space: nowrap; }
.faq-atlas-section .custom-faq-accordion .accordion-body { padding: 0 1.5rem 1.5rem 1.5rem; font-size: 0.95rem; line-height: 1.65; color: #94A3B8; }
.faq-atlas-section .faq-support-card { background: linear-gradient(135deg, rgba(16, 23, 36, 0.95) 0%, rgba(20, 27, 40, 0.8) 100%); border: 1px solid rgba(0, 240, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45); backdrop-filter: blur(12px); }
.faq-atlas-section .faq-action-btn { background: #00F0FF; color: #080B10; font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 0.9375rem; padding: 0.875rem 1.75rem; border-radius: 8px; border: 1px solid #38F5FF; box-shadow: 0 0 20px rgba(0, 240, 255, 0.35); text-decoration: none; transition: all 0.25s ease; }
.faq-atlas-section .faq-action-btn:hover { transform: translateY(-2px); box-shadow: 0 0 28px rgba(0, 240, 255, 0.55); background: #38F5FF; color: #080B10; }
@media (max-width: 767.98px) { .faq-atlas-section .faq-atlas-main-title { font-size: 1.25rem; } .faq-atlas-section .custom-faq-accordion .accordion-button { font-size: 0.9375rem; padding: 1rem 1.2rem; } .faq-atlas-section .badge-tier { align-self: flex-start; } }

/* ===== PAGE: about ===== */
.atlas-about-section {
  background-color: #080B10;
  color: #94A3B8;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  position: relative;
  overflow: hidden;
}

.atlas-about-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1280px;
  height: 400px;
  background: radial-gradient(circle at 50% 0%, rgba(0, 240, 255, 0.08) 0%, rgba(8, 11, 16, 0) 70%);
  pointer-events: none;
}

.atlas-about-section__badge {
  display: inline-flex;
  align-items: center;
  background-color: #0E141E;
  border: 1px solid #1B2434;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
}

.atlas-about-section__badge-text {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  color: #00F0FF;
  letter-spacing: 0.08em;
  font-weight: 600;
}

.atlas-about-section__title {
  font-family: 'Space Grotesk', sans-serif;
  font-size: clamp(1.75rem, 3.5vw, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.atlas-about-section__lead {
  font-size: 1.125rem;
  color: #F1F5F9;
  line-height: 1.6;
}

.atlas-about-section__text {
  font-size: 0.95rem;
  color: #94A3B8;
  line-height: 1.65;
}

.atlas-about-section__btn-primary {
  display: inline-flex;
  align-items: center;
  background: #00F0FF;
  color: #080B10;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  font-size: 0.9375rem;
  padding: 0.875rem 1.5rem;
  border-radius: 8px;
  border: 1px solid #38F5FF;
  box-shadow: 0 0 16px rgba(0, 240, 255, 0.25);
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.atlas-about-section__btn-primary:hover {
  background: #38F5FF;
  color: #080B10;
  box-shadow: 0 0 24px rgba(0, 240, 255, 0.45);
  transform: translateY(-2px);
}

.atlas-about-section__btn-secondary {
  display: inline-flex;
  align-items: center;
  background: rgba(20, 27, 40, 0.6);
  color: #F1F5F9;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  padding: 0.875rem 1.5rem;
  border-radius: 8px;
  border: 1px solid #26344B;
  text-decoration: none;
  backdrop-filter: blur(8px);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.atlas-about-section__btn-secondary:hover {
  border-color: #00F0FF;
  color: #00F0FF;
  background: rgba(0, 240, 255, 0.06);
  transform: translateY(-2px);
}

.atlas-about-section__terminal-card {
  background: #05070A;
  border: 1px solid #1B2434;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);
}

.atlas-about-section__terminal-header {
  border-bottom: 1px solid #1B2434;
}

.atlas-about-section__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}

.atlas-about-section__dot--red {
  background-color: #FF3366;
}

.atlas-about-section__dot--amber {
  background-color: #FFB800;
}

.atlas-about-section__dot--green {
  background-color: #00E599;
}

.atlas-about-section__terminal-caption {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  color: #64748B;
}

.atlas-about-section__terminal-body {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.8125rem;
  line-height: 1.8;
}

.atlas-about-section__log-line {
  word-break: break-word;
}

.atlas-about-section__log-summary {
  border-top: 1px dashed #1B2434;
}

.atlas-about-section__metric-card {
  background: #101724;
  border: 1px solid #1B2434;
  border-radius: 10px;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.atlas-about-section__metric-card:hover {
  border-color: rgba(0, 240, 255, 0.4);
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

.atlas-about-section__card-icon {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: rgba(0, 240, 255, 0.08);
  border: 1px solid rgba(0, 240, 255, 0.2);
  color: #00F0FF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}

.atlas-about-section__card-title {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
}

.atlas-about-section__card-desc {
  font-size: 0.9rem;
  color: #94A3B8;
  line-height: 1.55;
}

.atlas-about-section__blueprint-box {
  background: #0E141E;
  border: 1px solid #26344B;
  border-radius: 14px;
}

.atlas-about-section__pillar-badge {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  color: #00F0FF;
  letter-spacing: 0.08em;
}

.atlas-about-section__blueprint-heading {
  font-family: 'Space Grotesk', sans-serif;
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 600;
}

.atlas-about-section__diagram-container {
  background: #080B10;
  border: 1px solid #1B2434;
  border-radius: 10px;
}

.atlas-about-section__flow-step {
  background: #101724;
  border: 1px solid #1B2434;
  border-radius: 8px;
}

.atlas-about-section__resource-card {
  background: #0E141E;
  border: 1px solid #1B2434;
  border-radius: 12px;
}

.atlas-about-section__tag-btn {
  display: inline-flex;
  align-items: center;
  background: #080B10;
  color: #94A3B8;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.8125rem;
  padding: 0.45rem 0.85rem;
  border-radius: 6px;
  border: 1px solid #1B2434;
  text-decoration: none;
  transition: all 0.2s ease;
}

.atlas-about-section__tag-btn:hover {
  border-color: #00F0FF;
  color: #F1F5F9;
  background: rgba(0, 240, 255, 0.05);
}

.atlas-about-section__cta-card {
  background: linear-gradient(135deg, rgba(16, 23, 36, 0.95) 0%, rgba(20, 27, 40, 0.8) 100%);
  border: 1px solid rgba(0, 240, 255, 0.25);
  border-radius: 12px;
}

.atlas-about-section__pulse-indicator {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.atlas-about-section__pulse-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #00F0FF;
  box-shadow: 0 0 8px #00F0FF;
}

/* ===== PAGE: contact ===== */
.contact-details-section { background-color: #080B10; color: #F1F5F9; min-height: 80vh; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; position: relative; } .contact-details-section .contact-badge { background-color: rgba(0, 240, 255, 0.08); border: 1px solid rgba(0, 240, 255, 0.3); border-radius: 6px; padding: 0.35rem 0.85rem; font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; color: #00F0FF; letter-spacing: 0.08em; } .contact-details-section .contact-badge i { font-size: 1rem; } .contact-details-section .contact-main-title { font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-size: clamp(1.75rem, 3.5vw, 2.75rem); font-weight: 700; line-height: 1.2; color: #F1F5F9; letter-spacing: -0.02em; } .contact-details-section .contact-lead-text { font-size: 1.05rem; line-height: 1.6; color: #94A3B8; max-width: 780px; } .contact-details-section .contact-telemetry-card { background: #101724; border: 1px solid #1B2434; border-radius: 12px; padding: 1.75rem; transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease, box-shadow 0.25s ease; box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.6); } .contact-details-section .contact-telemetry-card:hover { transform: translateY(-4px); border-color: rgba(0, 240, 255, 0.4); box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.7), 0 0 16px rgba(0, 240, 255, 0.15); } .contact-details-section .icon-wrapper { width: 44px; height: 44px; border-radius: 10px; background: rgba(0, 240, 255, 0.08); border: 1px solid rgba(0, 240, 255, 0.2); display: flex; align-items: center; justify-content: center; color: #00F0FF; font-size: 1.35rem; } .contact-details-section .status-tag { font-family: 'JetBrains Mono', monospace; font-size: 0.6875rem; color: #94A3B8; background: #080B10; border: 1px solid #1B2434; padding: 0.25rem 0.55rem; border-radius: 4px; letter-spacing: 0.05em; } .contact-details-section .status-tag.status-active { color: #00E599; border-color: rgba(0, 229, 153, 0.3); background: rgba(0, 229, 153, 0.08); } .contact-details-section .card-title { font-family: 'Space Grotesk', sans-serif; font-weight: 600; color: #F1F5F9; } .contact-details-section .card-description { font-size: 0.875rem; line-height: 1.55; color: #94A3B8; } .contact-details-section .btn-contact-action { display: inline-flex; align-items: center; justify-content: center; background: #00F0FF; color: #080B10; font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 0.875rem; padding: 0.75rem 1rem; border-radius: 8px; border: 1px solid #38F5FF; text-decoration: none; box-shadow: 0 0 16px rgba(0, 240, 255, 0.25); transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; word-break: break-all; } .contact-details-section .btn-contact-action:hover { background: #38F5FF; color: #080B10; transform: translateY(-2px); box-shadow: 0 0 24px rgba(0, 240, 255, 0.45); } .contact-details-section .btn-contact-wa { background: #00E599; border-color: #26FFB2; color: #080B10; box-shadow: 0 0 16px rgba(0, 229, 153, 0.25); } .contact-details-section .btn-contact-wa:hover { background: #26FFB2; color: #080B10; box-shadow: 0 0 24px rgba(0, 229, 153, 0.45); } .contact-details-section .address-display-box { background: #080B10; border: 1px solid #1B2434; border-radius: 8px; padding: 0.75rem 1rem; font-size: 0.875rem; color: #F1F5F9; display: flex; align-items: center; line-height: 1.4; } .contact-details-section .operational-matrix-panel, .contact-details-section .security-notice-panel { background: #0E141E; border: 1px solid #26344B; border-radius: 12px; } .contact-details-section .sla-item { background: #101724; border: 1px solid #1B2434; border-radius: 8px; } .contact-details-section .sla-tier { font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; color: #00F0FF; letter-spacing: 0.05em; } .contact-details-section .sla-title { font-family: 'Space Grotesk', sans-serif; font-size: 0.875rem; font-weight: 600; color: #F1F5F9; margin-bottom: 0.25rem; } .contact-details-section .sla-desc { font-size: 0.8125rem; color: #94A3B8; line-height: 1.4; } .contact-details-section .text-cyan { color: #00F0FF !important; } .contact-details-section .text-secondary-light { color: #94A3B8; font-size: 0.9375rem; line-height: 1.6; } .contact-details-section .security-checklist li { font-size: 0.875rem; color: #F1F5F9; line-height: 1.5; } @media (max-width: 767.98px) { .contact-details-section .contact-main-title { font-size: 1.5rem; } .contact-details-section .card-title { font-size: 1rem; } .contact-details-section .contact-telemetry-card { padding: 1.25rem; } }

/* ===== PAGE: privacy ===== */
.privacy-policy-section { background-color: #080B10; color: #F1F5F9; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; position: relative; min-height: 60vh; } .privacy-policy-section__badge { background: rgba(0, 240, 255, 0.08); border: 1px solid rgba(0, 240, 255, 0.25); color: #00F0FF; font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; letter-spacing: 0.08em; } .privacy-policy-section__title { font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-size: clamp(2rem, 3.5vw, 2.75rem); font-weight: 700; color: #F1F5F9; line-height: 1.25; } .privacy-policy-section__subtitle { font-family: 'JetBrains Mono', monospace; font-size: 0.875rem; color: #94A3B8; } .privacy-policy-section__search-wrapper { position: relative; } .privacy-policy-section__search-icon { background-color: #101724; border: 1px solid #26344B; border-right: none; color: #00F0FF; font-size: 1.2rem; } .privacy-policy-section__search-input { background-color: #101724; border: 1px solid #26344B; border-left: none; color: #F1F5F9; font-size: 0.9375rem; padding: 0.75rem 1rem; } .privacy-policy-section__search-input:focus { background-color: #141B28; border-color: #00F0FF; color: #F1F5F9; box-shadow: 0 0 12px rgba(0, 240, 255, 0.2); } .privacy-policy-section__search-input::placeholder { color: #64748B; opacity: 1; } .privacy-policy-section__card { background: #101724; border: 1px solid #1B2434; border-radius: 12px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45); } .privacy-policy-section__subcard { background: #0E141E; border: 1px solid #26344B; border-radius: 8px; } .privacy-policy-section__clause h2 { font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 600; color: #F1F5F9; } .privacy-policy-section__clause h3 { font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; } .privacy-policy-section__clause p { line-height: 1.7; font-size: 0.95rem; color: #94A3B8; } .privacy-policy-section__list { line-height: 1.7; font-size: 0.95rem; } .privacy-policy-section__table { border-color: #1B2434; margin-top: 1rem; } .privacy-policy-section__table th { background-color: #0E141E; color: #00F0FF; font-family: 'JetBrains Mono', monospace; font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; border-bottom: 2px solid #26344B; padding: 0.875rem 1rem; } .privacy-policy-section__table td { background-color: #101724; color: #94A3B8; border-color: #1B2434; font-size: 0.875rem; padding: 0.875rem 1rem; } .privacy-policy-section__link { color: #00F0FF; text-decoration: none; border-bottom: 1px dashed rgba(0, 240, 255, 0.4); transition: color 0.2s ease, border-color 0.2s ease; } .privacy-policy-section__link:hover { color: #38F5FF; border-bottom-color: #38F5FF; } .privacy-policy-section__support-banner { background: #0E141E; border: 1px solid #26344B; } .privacy-policy-section__btn { background: #00F0FF; color: #080B10; font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 0.875rem; padding: 0.75rem 1.5rem; border-radius: 8px; border: 1px solid #38F5FF; box-shadow: 0 0 16px rgba(0, 240, 255, 0.25); transition: background-color 0.2s ease, transform 0.2s ease; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; } .privacy-policy-section__btn:hover { background: #38F5FF; color: #080B10; transform: translateY(-2px); box-shadow: 0 0 24px rgba(0, 240, 255, 0.45); } .text-cyan { color: #00F0FF !important; } @media (max-width: 767.98px) { .privacy-policy-section__title { font-size: 1.5rem; } .privacy-policy-section__clause h2 { font-size: 1rem; } .privacy-policy-section__card { padding: 1.25rem !important; } }

/* ===== PAGE: terms ===== */
.terms-section{background-color:#080B10;color:#F1F5F9;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden;background-image:radial-gradient(circle at 50% -10%,rgba(0,240,255,0.08) 0%,rgba(8,11,16,0) 60%),linear-gradient(to right,rgba(27,36,52,0.25) 1px,transparent 1px),linear-gradient(to bottom,rgba(27,36,52,0.25) 1px,transparent 1px);background-size:100% 100%,48px 48px,48px 48px}.terms-section .text-cyan{color:#00F0FF!important}.terms-section .text-alert{color:#FF3366!important}.terms-section .text-warning-custom{color:#FFB800!important}.terms-section .text-light-custom{color:#F1F5F9!important}.terms-section .text-secondary-custom{color:#94A3B8!important}.terms-section .terms-badge{background:#101724;border:1px solid #1B2434;padding:0.4rem 0.9rem;border-radius:6px;font-family:'JetBrains Mono',monospace;font-size:0.8125rem;letter-spacing:0.08em;color:#94A3B8}.terms-section .terms-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(1.75rem,3.5vw,2.75rem);color:#F1F5F9;letter-spacing:-0.03em;line-height:1.2}.terms-section .terms-subtitle{font-size:1.0625rem;max-width:700px;line-height:1.6}.terms-section .meta-tag{font-family:'JetBrains Mono',monospace;font-size:0.75rem;background:#0E141E;border:1px solid #1B2434;padding:0.35rem 0.75rem;border-radius:4px;color:#64748B;display:inline-flex;align-items:center;gap:0.4rem}.terms-section .terms-sidebar{background:rgba(16,23,36,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #1B2434;border-radius:12px;top:2rem}.terms-section .sidebar-heading{font-family:'Space Grotesk',sans-serif;font-size:1rem;font-weight:600;color:#F1F5F9;letter-spacing:0.02em;text-transform:uppercase}.terms-section .sidebar-search .form-control{background:#080B10;border:1px solid #26344B;color:#F1F5F9;font-size:0.875rem;padding:0.6rem 0.8rem;border-radius:0 8px 8px 0}.terms-section .sidebar-search .form-control:focus{background:#080B10;border-color:#00F0FF;color:#F1F5F9;box-shadow:0 0 12px rgba(0,240,255,0.25)}.terms-section .sidebar-search .input-group-text{border-color:#26344B;border-radius:8px 0 0 8px;padding:0.6rem 0.8rem}.terms-section .bg-input{background-color:#080B10}.terms-section .terms-nav{overflow-y:auto;max-height:calc(100vh - 350px)}.terms-section .nav-link-item{display:flex;align-items:center;gap:0.6rem;padding:0.65rem 0.85rem;border-radius:6px;color:#94A3B8;text-decoration:none;font-size:0.875rem;font-weight:500;transition:all 0.2s ease;border:1px solid transparent}.terms-section .nav-link-item:hover{background:rgba(0,240,255,0.06);color:#00F0FF;border-color:rgba(0,240,255,0.2);transform:translateX(3px)}.terms-section .nav-link-item.active{background:#080B10;color:#00F0FF;border-color:rgba(0,240,255,0.4);box-shadow:inset 2px 0 0 #00F0FF}.terms-section .sidebar-notice{background:#080B10;border:1px solid #26344B}.terms-section .small-title{font-size:0.8125rem;color:#F1F5F9}.terms-section .small-text{font-size:0.8125rem;line-height:1.5}.terms-section .terms-card{background:rgba(16,23,36,0.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #1B2434;border-radius:12px;transition:border-color 0.25s ease,box-shadow 0.25s ease;scroll-margin-top:2rem}.terms-section .terms-card:hover{border-color:#26344B;box-shadow:0 8px 30px rgba(0,0,0,0.5)}.terms-section .step-badge{width:42px;height:42px;background:#080B10;border:1px solid #00F0FF;color:#00F0FF;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:0.9375rem;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0;box-shadow:0 0 12px rgba(0,240,255,0.2)}.terms-section .badge-tag{font-family:'JetBrains Mono',monospace;font-size:0.6875rem;color:#00F0FF;letter-spacing:0.08em;font-weight:600;display:block;margin-bottom:0.2rem}.terms-section .terms-heading{font-family:'Space Grotesk',sans-serif;font-size:1.375rem;font-weight:600;color:#F1F5F9;letter-spacing:-0.02em}.terms-section .terms-body{font-size:0.95rem;line-height:1.7}.terms-section .terms-body p:last-child{margin-bottom:0}.terms-section .terms-list{padding-left:1.25rem;list-style-type:square}.terms-section .terms-list li::marker{color:#00F0FF}.terms-section .alert-notice{background:#080B10;border:1px solid rgba(255,51,102,0.35);border-left:4px solid #FF3366}.terms-section .btn-terms-primary{background:#00F0FF;color:#080B10;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:0.875rem;padding:0.75rem 1.5rem;border-radius:8px;border:1px solid #38F5FF;box-shadow:0 0 16px rgba(0,240,255,0.3);text-decoration:none;transition:all 0.25s ease}.terms-section .btn-terms-primary:hover{background:#38F5FF;color:#080B10;transform:translateY(-2px);box-shadow:0 0 24px rgba(0,240,255,0.5)}.terms-section .btn-terms-secondary{background:rgba(20,27,40,0.6);color:#F1F5F9;font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:0.875rem;padding:0.75rem 1.5rem;border-radius:8px;border:1px solid #26344B;text-decoration:none;transition:all 0.25s ease}.terms-section .btn-terms-secondary:hover{border-color:#00F0FF;color:#00F0FF;background:rgba(0,240,255,0.06);transform:translateY(-2px)}@media(max-width:767.98px){.terms-section .terms-title{font-size:1.5rem}.terms-section .terms-heading{font-size:1.15rem}.terms-section .terms-card{padding:1.25rem!important}.terms-section .step-badge{width:36px;height:36px;font-size:0.8125rem}}

/* ===== PAGE: disclaimer ===== */
.disclaimer-section {
  background-color: #080B10;
  min-height: 80vh;
}

.disclaimer-section .disclaimer-card {
  background: #101724;
  border: 1px solid #1B2434;
  border-radius: 12px;
  box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.7);
}

.disclaimer-section .font-display {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
}

.disclaimer-section .font-sans {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.disclaimer-section .font-mono {
  font-family: 'JetBrains Mono', monospace;
}

.disclaimer-section .text-cyan {
  color: #00F0FF !important;
}

.disclaimer-section .text-warning {
  color: #FFB800 !important;
}

.disclaimer-section .disclaimer-badge {
  background: rgba(0, 240, 255, 0.08);
  border: 1px solid rgba(0, 240, 255, 0.25);
  border-radius: 6px;
}

.disclaimer-section .disclaimer-title {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  line-height: 1.25;
  letter-spacing: -0.02em;
}

.disclaimer-section .disclaimer-lead {
  font-size: 1.05rem;
  line-height: 1.6;
}

.disclaimer-section .bg-surface {
  background-color: #0E141E;
  border: 1px solid #1B2434;
}

.disclaimer-section .disclaimer-nav-btn {
  background: #080B10;
  color: #94A3B8;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  border: 1px solid #1B2434;
  border-radius: 4px;
  padding: 0.35rem 0.65rem;
  transition: all 0.2s ease;
  text-decoration: none;
}

.disclaimer-section .disclaimer-nav-btn:hover {
  border-color: #00F0FF;
  color: #00F0FF;
  background: rgba(0, 240, 255, 0.05);
}

.disclaimer-section .disclaimer-clause {
  background: #0E141E;
  border: 1px solid #1B2434;
  transition: border-color 0.25s ease;
}

.disclaimer-section .disclaimer-clause:hover {
  border-color: #26344B;
}

.disclaimer-section .clause-number {
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.disclaimer-section .callout-box {
  background: rgba(255, 184, 0, 0.05);
  border-left: 3px solid #FFB800;
  border-top: 1px solid rgba(255, 184, 0, 0.15);
  border-right: 1px solid rgba(255, 184, 0, 0.15);
  border-bottom: 1px solid rgba(255, 184, 0, 0.15);
}

.disclaimer-section a.text-cyan:hover {
  color: #38F5FF !important;
  text-decoration: underline !important;
}

.topology-comment-card {
    background-color: #101724;
    border: 1px solid #1B2434;
    border-radius: 12px;
    padding: 1.5rem;
    position: relative;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.6);
    margin-bottom: 1rem;
}

.topology-comment-card:hover {
    border-color: rgba(0, 240, 255, 0.4);
    box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(0, 240, 255, 0.2);
}

.avatar-wrapper {
    width: 46px;
    height: 46px;
    flex-shrink: 0;
}

.comment-avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #26344B;
    display: block;
}

.node-status-indicator {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #101724;
}

.node-status-indicator.status-online {
    background-color: #00E599;
    box-shadow: 0 0 8px rgba(0, 229, 153, 0.6);
}

.commenter-name {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    color: #F1F5F9;
    line-height: 1.2;
}

.badge-tier-mono {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    color: #00F0FF;
    background: rgba(0, 240, 255, 0.1);
    border: 1px solid rgba(0, 240, 255, 0.3);
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-weight: 600;
}

.badge-verified {
    font-family: 'Inter', sans-serif;
    font-size: 0.75rem;
    color: #00E599;
    background: rgba(0, 229, 153, 0.08);
    border: 1px solid rgba(0, 229, 153, 0.25);
    padding: 0.2rem 0.55rem;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.comment-meta-info {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #64748B;
    margin-top: 0.2rem;
}

.meta-divider {
    color: #26344B;
    margin: 0 0.25rem;
}

.meta-scope {
    color: #94A3B8;
}

.telemetry-pill {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #94A3B8;
    background: #080B10;
    border: 1px solid #1B2434;
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.telemetry-pill i {
    color: #00F0FF;
}

.comment-body {
    margin-top: 1rem;
}

.comment-text {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #94A3B8;
    margin-bottom: 0;
}

.comment-footer {
    border-top: 1px solid #1B2434;
    margin-top: 1rem;
}

.btn-comment-action {
    background: transparent;
    border: 1px solid transparent;
    color: #94A3B8;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.85rem;
    font-weight: 500;
    padding: 0.3rem 0.65rem;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    transition: all 0.2s ease;
}

.btn-comment-action:hover {
    color: #00F0FF;
    background: rgba(0, 240, 255, 0.08);
    border-color: rgba(0, 240, 255, 0.25);
}

.btn-comment-action.active {
    color: #00F0FF;
    background: rgba(0, 240, 255, 0.12);
    border-color: rgba(0, 240, 255, 0.4);
}

.rating-cluster {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
}

.rating-label {
    color: #64748B;
    letter-spacing: 0.05em;
}

.star-group {
    display: inline-flex;
    gap: 0.15rem;
    font-size: 0.85rem;
    color: #FFB800 !important;
}

.topology-reply-wrapper {
    position: relative;
    margin-top: -0.25rem;
    margin-bottom: 1rem;
}

.topology-connector-line {
    position: absolute;
    left: 0.5rem;
    top: 0;
    bottom: 50%;
    width: 2px;
    background: linear-gradient(180deg, #26344B 0%, #00F0FF 100%);
    border-bottom-left-radius: 4px;
}

.topology-reply-card {
    background-color: #0E141E;
    border: 1px solid #26344B;
    border-radius: 10px;
    padding: 1.25rem;
    position: relative;
    box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.5);
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.topology-reply-card:hover {
    border-color: rgba(0, 240, 255, 0.35);
    background-color: #101724;
}

.avatar-wrapper {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
}

.reply-avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #1B2434;
    display: block;
}

.node-status-indicator.status-verified-node {
    background-color: #00F0FF;
    box-shadow: 0 0 6px rgba(0, 240, 255, 0.7);
}

.reply-name {
    font-size: 0.95rem;
}

.badge-role-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.65rem;
    color: #94A3B8;
    background: #080B10;
    border: 1px solid #1B2434;
    padding: 0.15rem 0.45rem;
    border-radius: 4px;
    letter-spacing: 0.06em;
}

.badge-relation-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.65rem;
    color: #7928CA;
    background: rgba(121, 40, 202, 0.12);
    border: 1px solid rgba(121, 40, 202, 0.3);
    padding: 0.15rem 0.45rem;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
}

.execution-speed-badge {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #00E599;
    background: rgba(0, 229, 153, 0.1);
    border: 1px solid rgba(0, 229, 153, 0.3);
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-weight: 500;
}

.status-tag-mono {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    color: #64748B;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    letter-spacing: 0.05em;
}

.status-tag-mono i.text-success {
    color: #00E599 !important;
}


/* ===== PAGE TEMPLATE: scenarios ===== */
.rsa-header-block {
    position: sticky;
    top: 0;
    z-index: 1030;
    background-color: #080B10;
    border-bottom: 1px solid #1B2434;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.rsa-header-block .rsa-top-telemetry {
    background-color: #05070A;
    border-bottom: 1px solid #1B2434;
    padding: 0.35rem 0;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}

.rsa-header-block .rsa-status-indicator {
    color: #00F0FF;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.rsa-header-block .rsa-status-dot {
    width: 6px;
    height: 6px;
    background-color: #00E599;
    border-radius: 50%;
    box-shadow: 0 0 8px #00E599;
    display: inline-block;
}

.rsa-header-block .rsa-telemetry-separator {
    color: #26344B;
}

.rsa-header-block .rsa-telemetry-text {
    color: #94A3B8;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.rsa-header-block .rsa-telemetry-link {
    color: #00F0FF;
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    transition: color 0.2s ease;
}

.rsa-header-block .rsa-telemetry-link:hover {
    color: #38F5FF;
    text-decoration: underline;
}

.rsa-header-block .rsa-navbar {
    background-color: #0E141E;
    padding: 0.75rem 0;
}

.rsa-header-block .rsa-brand {
    text-decoration: none;
    color: #F1F5F9;
}

.rsa-header-block .rsa-logo-img {
    width: 44px;
    height: 44px;
    max-width: 44px;
    max-height: 44px;
    object-fit: contain;
    border-radius: 6px;
}

.rsa-header-block .rsa-brand-title {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: 1.15rem;
    letter-spacing: -0.02em;
    color: #F1F5F9;
    line-height: 1.1;
}

.rsa-header-block .rsa-brand-subtitle {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.65rem;
    color: #00F0FF;
    letter-spacing: 0.08em;
    line-height: 1;
    margin-top: 2px;
}

.rsa-header-block .rsa-toggler {
    border: 1px solid #26344B;
    background-color: #141B28;
    color: #00F0FF;
    padding: 0.4rem 0.65rem;
    border-radius: 6px;
}

.rsa-header-block .rsa-toggler:focus {
    box-shadow: 0 0 0 2px rgba(0, 240, 255, 0.4);
}

.rsa-header-block .rsa-toggler-icon {
    font-size: 1.5rem;
    vertical-align: middle;
}

.rsa-header-block .rsa-nav-collapse {
    background-color: #0E141E;
}

@media (max-width: 991.98px) {
    .rsa-header-block .rsa-nav-collapse {
        background-color: #0E141E;
        padding: 1.25rem 0;
        border-top: 1px solid #1B2434;
        margin-top: 0.75rem;
    }
}

.rsa-header-block .rsa-nav-link {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 500;
    font-size: 0.9rem;
    color: #94A3B8;
    padding: 0.5rem 0.85rem;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.rsa-header-block .rsa-nav-link:hover,
.rsa-header-block .rsa-nav-link:focus {
    color: #00F0FF;
    background-color: rgba(0, 240, 255, 0.05);
}

.rsa-header-block .rsa-nav-link.active {
    color: #00F0FF;
    font-weight: 600;
}

.rsa-header-block .rsa-btn-primary {
    background-color: #00F0FF;
    color: #080B10;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    padding: 0.65rem 1.25rem;
    border-radius: 6px;
    border: 1px solid #38F5FF;
    text-decoration: none;
    box-shadow: 0 0 16px rgba(0, 240, 255, 0.25);
    transition: all 0.25s ease;
    white-space: nowrap;
}

.rsa-header-block .rsa-btn-primary:hover {
    background-color: #38F5FF;
    color: #080B10;
    box-shadow: 0 0 24px rgba(0, 240, 255, 0.45);
    transform: translateY(-1px);
}

.rsa-header-block .rsa-btn-primary:active {
    transform: translateY(0);
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.2);
}

.rsa-detail-layout {
    background-color: #080B10;
    color: #F1F5F9;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    min-height: calc(100vh - 80px);
}

.rsa-detail-hero {
    background: radial-gradient(circle at 50% -20%, rgba(0, 240, 255, 0.12) 0%, rgba(8, 11, 16, 0) 65%), #080B10;
    border-bottom: 1px solid #1B2434;
    padding: clamp(2rem, 4vw, 3.5rem) 0 clamp(2.5rem, 5vw, 4rem);
}

.rsa-breadcrumb-nav .rsa-breadcrumb-link {
    color: #94A3B8;
    font-size: 0.8125rem;
    text-decoration: none;
    transition: color 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.rsa-breadcrumb-nav .rsa-breadcrumb-link:hover {
    color: #00F0FF;
}

.rsa-breadcrumb-nav .rsa-breadcrumb-sep {
    color: #64748B;
    font-size: 0.75rem;
}

.rsa-breadcrumb-nav .rsa-breadcrumb-item.active {
    color: #00F0FF;
    font-size: 0.8125rem;
    font-family: 'JetBrains Mono', monospace;
}

.rsa-hero-badge {
    background: #0E141E;
    border: 1px solid rgba(0, 240, 255, 0.3);
    border-radius: 6px;
    padding: 0.3rem 0.75rem;
}

.rsa-badge-indicator {
    width: 6px;
    height: 6px;
    background-color: #00F0FF;
    border-radius: 50%;
    box-shadow: 0 0 8px #00F0FF;
}

.rsa-badge-mono {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    color: #00F0FF;
    font-weight: 600;
}

.rsa-hero-heading {
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(1.75rem, 3.5vw, 2.75rem);
    font-weight: 700;
    color: #F1F5F9;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.rsa-hero-lead {
    font-size: clamp(1rem, 1.5vw, 1.15rem);
    line-height: 1.6;
    color: #94A3B8;
}

.rsa-meta-strip {
    background: #0E141E;
    border: 1px solid #1B2434;
    border-radius: 8px;
    padding: 0.75rem 1.25rem;
}

.rsa-meta-icon {
    color: #00F0FF;
    font-size: 1.1rem;
}

.rsa-meta-label {
    font-size: 0.8125rem;
    color: #64748B;
}

.rsa-meta-val {
    font-size: 0.8125rem;
    color: #F1F5F9;
    font-weight: 500;
    font-family: 'JetBrains Mono', monospace;
}

.rsa-hero-cta-card {
    background: #101724;
    border: 1px solid #26344B;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}

.rsa-card-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    color: #00F0FF;
    letter-spacing: 0.08em;
    font-weight: 600;
}

.rsa-pulse-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00E599;
    box-shadow: 0 0 10px #00E599;
}

.rsa-cta-card-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    color: #F1F5F9;
}

.rsa-cta-card-desc {
    font-size: 0.875rem;
    color: #94A3B8;
    line-height: 1.5;
}

.rsa-detail-body .rsa-article-panel {
    background: #0E141E;
    border: 1px solid #1B2434;
    border-radius: 12px;
    padding: clamp(1.25rem, 3vw, 2.25rem);
}

.rsa-article-image-wrap {
    border: 1px solid #26344B;
    border-radius: 8px;
    overflow: hidden;
    background: #05070A;
}

.rsa-article-img {
    height: auto;
    max-height: 420px;
    object-fit: cover;
    display: block;
}

.rsa-img-caption {
    background: #05070A;
    padding: 0.6rem 1rem;
    border-top: 1px solid #1B2434;
}

.rsa-caption-mono {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    letter-spacing: 0.06em;
    color: #94A3B8;
}

.rsa-caption-badge {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    color: #00F0FF;
    font-weight: 600;
}

.rsa-section-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(1.25rem, 2vw, 1.5rem);
    font-weight: 600;
    color: #F1F5F9;
}

.rsa-paragraph {
    color: #CBD5E1;
    font-size: 0.95rem;
    line-height: 1.65;
    margin-bottom: 1rem;
}

.rsa-callout-box {
    background: rgba(255, 184, 0, 0.08);
    border: 1px solid rgba(255, 184, 0, 0.35);
    border-left: 4px solid #FFB800;
    border-radius: 8px;
    padding: 1.25rem;
}

.rsa-callout-icon {
    font-size: 1.5rem;
    color: #FFB800;
    margin-top: 0.1rem;
}

.rsa-callout-heading {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    color: #FFB800;
}

.rsa-callout-text {
    font-size: 0.875rem;
    color: #CBD5E1;
    line-height: 1.5;
}

.rsa-step-card {
    background: #141B28;
    border: 1px solid #26344B;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    transition: border-color 0.25s ease;
}

.rsa-step-card:hover {
    border-color: #00F0FF;
}

.rsa-step-number {
    width: 38px;
    height: 38px;
    background: #080B10;
    border: 1px solid #00F0FF;
    color: #00F0FF;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rsa-step-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #F1F5F9;
}

.rsa-step-desc {
    font-size: 0.875rem;
    color: #94A3B8;
    line-height: 1.45;
}

.rsa-spec-matrix-card {
    background: #101724;
    border: 1px solid #26344B;
    border-radius: 8px;
    padding: 1.25rem;
}

.rsa-matrix-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    color: #F1F5F9;
}

.rsa-matrix-status {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #00E599;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.rsa-spec-item {
    border-color: #1B2434 !important;
}

.rsa-spec-label {
    font-size: 0.875rem;
    color: #94A3B8;
}

.rsa-spec-val {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.875rem;
    color: #00F0FF;
    font-weight: 500;
}

.rsa-article-bottom-cta {
    background: linear-gradient(135deg, #101724 0%, #141B28 100%);
    border: 1px solid rgba(0, 240, 255, 0.25);
}

.rsa-bottom-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    color: #00F0FF;
    letter-spacing: 0.08em;
    font-weight: 600;
}

.rsa-bottom-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    color: #F1F5F9;
}

.rsa-side-card {
    background: #0E141E;
    border: 1px solid #1B2434;
    border-radius: 12px;
    padding: 1.25rem;
}

.rsa-side-icon {
    color: #00F0FF;
    font-size: 1.25rem;
}

.rsa-side-card-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    color: #F1F5F9;
}

.rsa-related-link {
    color: #CBD5E1;
    text-decoration: none;
    font-size: 0.875rem;
    border: 1px solid transparent;
    background: #141B28;
    transition: all 0.2s ease;
}

.rsa-related-link:hover {
    color: #00F0FF;
    border-color: rgba(0, 240, 255, 0.3);
    background: #101724;
}

.rsa-related-link i {
    color: #64748B;
    transition: transform 0.2s ease;
}

.rsa-related-link:hover i {
    color: #00F0FF;
    transform: translateX(3px);
}

.rsa-side-advisory {
    border-color: rgba(0, 240, 255, 0.2);
    background: #101724;
}

.rsa-advisory-badge {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    color: #00F0FF;
    font-weight: 600;
    letter-spacing: 0.08em;
}

.rsa-advisory-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    color: #F1F5F9;
}

.rsa-advisory-desc {
    font-size: 0.8125rem;
    color: #94A3B8;
    line-height: 1.5;
}

.rsa-phone-box {
    background: #080B10;
    border: 1px solid #1B2434;
}

.rsa-phone-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    color: #64748B;
    letter-spacing: 0.06em;
}

.rsa-phone-number {
    color: #00F0FF;
    font-family: 'JetBrains Mono', monospace;
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.02em;
}

.rsa-phone-number:hover {
    color: #38F5FF;
    text-decoration: underline;
}

.recovery-sequence-footer {
    background-color: #080B10;
    color: #94A3B8;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    padding-top: clamp(2.5rem, 5vw, 4rem);
    padding-bottom: clamp(1.5rem, 3vw, 2.5rem);
    border-top: 1px solid #1B2434;
    position: relative;
    overflow: hidden;
}

.recovery-sequence-footer .footer-disclaimer-card {
    background: #0E141E;
    border: 1px solid rgba(255, 184, 0, 0.28);
    border-left: 4px solid #FFB800;
    border-radius: 10px;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.6);
}

.recovery-sequence-footer .disclaimer-icon-wrap {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: rgba(255, 184, 0, 0.12);
    color: #FFB800;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
}

.recovery-sequence-footer .disclaimer-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: #FFB800;
    margin-bottom: 0.35rem;
}

.recovery-sequence-footer .disclaimer-text {
    font-size: 0.875rem;
    line-height: 1.55;
    color: #CBD5E1;
}

.recovery-sequence-footer .footer-brand-pane {
    max-width: 360px;
}

.recovery-sequence-footer .footer-brand-name {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    color: #F1F5F9;
    letter-spacing: -0.02em;
}

.recovery-sequence-footer .footer-logo-img {
    max-width: 44px;
    height: auto;
    object-fit: contain;
    display: block;
}

.recovery-sequence-footer .footer-brand-desc {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #94A3B8;
}

.recovery-sequence-footer .footer-status-pill {
    background: #05070A;
    border: 1px solid #1B2434;
    border-radius: 6px;
    padding: 0.35rem 0.75rem;
}

.recovery-sequence-footer .status-indicator-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00E599;
    box-shadow: 0 0 8px rgba(0, 229, 153, 0.6);
    display: inline-block;
}

.recovery-sequence-footer .status-text-mono {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    letter-spacing: 0.06em;
    color: #CBD5E1;
}

.recovery-sequence-footer .footer-group-heading {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #F1F5F9;
    letter-spacing: 0.02em;
    margin-bottom: 1.125rem;
}

.recovery-sequence-footer .footer-link-list {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.recovery-sequence-footer .footer-link {
    color: #94A3B8;
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.25s ease, transform 0.25s ease;
    display: inline-block;
}

.recovery-sequence-footer .footer-link:hover {
    color: #00F0FF;
    transform: translateX(3px);
}

.recovery-sequence-footer .contact-icon {
    font-size: 1.15rem;
    color: #00F0FF;
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.recovery-sequence-footer .contact-text {
    font-size: 0.875rem;
    color: #94A3B8;
    line-height: 1.45;
}

.recovery-sequence-footer .contact-link {
    font-size: 0.875rem;
    color: #94A3B8;
    text-decoration: none;
    transition: color 0.25s ease;
    word-break: break-all;
}

.recovery-sequence-footer .contact-link:hover {
    color: #00F0FF;
}

.recovery-sequence-footer .footer-bottom-bar {
    border-color: #1B2434 !important;
}

.recovery-sequence-footer .footer-copy {
    font-size: 0.8125rem;
    color: #64748B;
}

.recovery-sequence-footer .footer-meta-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    letter-spacing: 0.08em;
    color: #64748B;
}

@media (max-width: 767.98px) {
    .recovery-sequence-footer .footer-group-heading {
        font-size: 0.9375rem;
        margin-bottom: 0.875rem;
    }

    .recovery-sequence-footer .disclaimer-card {
        padding: 1rem;
    }
}

/* ===== PAGE TEMPLATE: startup-order ===== */
.rsa-header-block {
    position: sticky;
    top: 0;
    z-index: 1030;
    background-color: #080B10;
    border-bottom: 1px solid #1B2434;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.rsa-header-block .rsa-top-telemetry {
    background-color: #05070A;
    border-bottom: 1px solid #1B2434;
    padding: 0.35rem 0;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}

.rsa-header-block .rsa-status-indicator {
    color: #00F0FF;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.rsa-header-block .rsa-status-dot {
    width: 6px;
    height: 6px;
    background-color: #00E599;
    border-radius: 50%;
    box-shadow: 0 0 8px #00E599;
    display: inline-block;
}

.rsa-header-block .rsa-telemetry-separator {
    color: #26344B;
}

.rsa-header-block .rsa-telemetry-text {
    color: #94A3B8;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.rsa-header-block .rsa-telemetry-link {
    color: #00F0FF;
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    transition: color 0.2s ease;
}

.rsa-header-block .rsa-telemetry-link:hover {
    color: #38F5FF;
    text-decoration: underline;
}

.rsa-header-block .rsa-navbar {
    background-color: #0E141E;
    padding: 0.75rem 0;
}

.rsa-header-block .rsa-brand {
    text-decoration: none;
    color: #F1F5F9;
}

.rsa-header-block .rsa-logo-img {
    width: 44px;
    height: 44px;
    max-width: 44px;
    max-height: 44px;
    object-fit: contain;
    border-radius: 6px;
}

.rsa-header-block .rsa-brand-title {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: 1.15rem;
    letter-spacing: -0.02em;
    color: #F1F5F9;
    line-height: 1.1;
}

.rsa-header-block .rsa-brand-subtitle {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.65rem;
    color: #00F0FF;
    letter-spacing: 0.08em;
    line-height: 1;
    margin-top: 2px;
}

.rsa-header-block .rsa-toggler {
    border: 1px solid #26344B;
    background-color: #141B28;
    color: #00F0FF;
    padding: 0.4rem 0.65rem;
    border-radius: 6px;
}

.rsa-header-block .rsa-toggler:focus {
    box-shadow: 0 0 0 2px rgba(0, 240, 255, 0.4);
}

.rsa-header-block .rsa-toggler-icon {
    font-size: 1.5rem;
    vertical-align: middle;
}

.rsa-header-block .rsa-nav-collapse {
    background-color: #0E141E;
}

@media (max-width: 991.98px) {
    .rsa-header-block .rsa-nav-collapse {
        background-color: #0E141E;
        padding: 1.25rem 0;
        border-top: 1px solid #1B2434;
        margin-top: 0.75rem;
    }
}

.rsa-header-block .rsa-nav-link {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 500;
    font-size: 0.9rem;
    color: #94A3B8;
    padding: 0.5rem 0.85rem;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.rsa-header-block .rsa-nav-link:hover,
.rsa-header-block .rsa-nav-link:focus {
    color: #00F0FF;
    background-color: rgba(0, 240, 255, 0.05);
}

.rsa-header-block .rsa-nav-link.active {
    color: #00F0FF;
    font-weight: 600;
}

.rsa-header-block .rsa-btn-primary {
    background-color: #00F0FF;
    color: #080B10;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    padding: 0.65rem 1.25rem;
    border-radius: 6px;
    border: 1px solid #38F5FF;
    text-decoration: none;
    box-shadow: 0 0 16px rgba(0, 240, 255, 0.25);
    transition: all 0.25s ease;
    white-space: nowrap;
}

.rsa-header-block .rsa-btn-primary:hover {
    background-color: #38F5FF;
    color: #080B10;
    box-shadow: 0 0 24px rgba(0, 240, 255, 0.45);
    transform: translateY(-1px);
}

.rsa-header-block .rsa-btn-primary:active {
    transform: translateY(0);
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.2);
}

.rsa-detail-layout {
    background-color: #080B10;
    color: #F1F5F9;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    min-height: calc(100vh - 80px);
}

.rsa-detail-hero {
    background: radial-gradient(circle at 50% -20%, rgba(0, 240, 255, 0.12) 0%, rgba(8, 11, 16, 0) 65%), #080B10;
    border-bottom: 1px solid #1B2434;
    padding: clamp(2rem, 4vw, 3.5rem) 0 clamp(2.5rem, 5vw, 4rem);
}

.rsa-breadcrumb-nav .rsa-breadcrumb-link {
    color: #94A3B8;
    font-size: 0.8125rem;
    text-decoration: none;
    transition: color 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.rsa-breadcrumb-nav .rsa-breadcrumb-link:hover {
    color: #00F0FF;
}

.rsa-breadcrumb-nav .rsa-breadcrumb-sep {
    color: #64748B;
    font-size: 0.75rem;
}

.rsa-breadcrumb-nav .rsa-breadcrumb-item.active {
    color: #00F0FF;
    font-size: 0.8125rem;
    font-family: 'JetBrains Mono', monospace;
}

.rsa-hero-badge {
    background: #0E141E;
    border: 1px solid rgba(0, 240, 255, 0.3);
    border-radius: 6px;
    padding: 0.3rem 0.75rem;
}

.rsa-badge-indicator {
    width: 6px;
    height: 6px;
    background-color: #00F0FF;
    border-radius: 50%;
    box-shadow: 0 0 8px #00F0FF;
}

.rsa-badge-mono {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    color: #00F0FF;
    font-weight: 600;
}

.rsa-hero-heading {
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(1.75rem, 3.5vw, 2.75rem);
    font-weight: 700;
    color: #F1F5F9;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.rsa-hero-lead {
    font-size: clamp(1rem, 1.5vw, 1.15rem);
    line-height: 1.6;
    color: #94A3B8;
}

.rsa-meta-strip {
    background: #0E141E;
    border: 1px solid #1B2434;
    border-radius: 8px;
    padding: 0.75rem 1.25rem;
}

.rsa-meta-icon {
    color: #00F0FF;
    font-size: 1.1rem;
}

.rsa-meta-label {
    font-size: 0.8125rem;
    color: #64748B;
}

.rsa-meta-val {
    font-size: 0.8125rem;
    color: #F1F5F9;
    font-weight: 500;
    font-family: 'JetBrains Mono', monospace;
}

.rsa-hero-cta-card {
    background: #101724;
    border: 1px solid #26344B;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}

.rsa-card-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    color: #00F0FF;
    letter-spacing: 0.08em;
    font-weight: 600;
}

.rsa-pulse-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00E599;
    box-shadow: 0 0 10px #00E599;
}

.rsa-cta-card-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    color: #F1F5F9;
}

.rsa-cta-card-desc {
    font-size: 0.875rem;
    color: #94A3B8;
    line-height: 1.5;
}

.rsa-detail-body .rsa-article-panel {
    background: #0E141E;
    border: 1px solid #1B2434;
    border-radius: 12px;
    padding: clamp(1.25rem, 3vw, 2.25rem);
}

.rsa-article-image-wrap {
    border: 1px solid #26344B;
    border-radius: 8px;
    overflow: hidden;
    background: #05070A;
}

.rsa-article-img {
    height: auto;
    max-height: 420px;
    object-fit: cover;
    display: block;
}

.rsa-img-caption {
    background: #05070A;
    padding: 0.6rem 1rem;
    border-top: 1px solid #1B2434;
}

.rsa-caption-mono {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    letter-spacing: 0.06em;
    color: #94A3B8;
}

.rsa-caption-badge {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    color: #00F0FF;
    font-weight: 600;
}

.rsa-section-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(1.25rem, 2vw, 1.5rem);
    font-weight: 600;
    color: #F1F5F9;
}

.rsa-paragraph {
    color: #CBD5E1;
    font-size: 0.95rem;
    line-height: 1.65;
    margin-bottom: 1rem;
}

.rsa-callout-box {
    background: rgba(255, 184, 0, 0.08);
    border: 1px solid rgba(255, 184, 0, 0.35);
    border-left: 4px solid #FFB800;
    border-radius: 8px;
    padding: 1.25rem;
}

.rsa-callout-icon {
    font-size: 1.5rem;
    color: #FFB800;
    margin-top: 0.1rem;
}

.rsa-callout-heading {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    color: #FFB800;
}

.rsa-callout-text {
    font-size: 0.875rem;
    color: #CBD5E1;
    line-height: 1.5;
}

.rsa-step-card {
    background: #141B28;
    border: 1px solid #26344B;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    transition: border-color 0.25s ease;
}

.rsa-step-card:hover {
    border-color: #00F0FF;
}

.rsa-step-number {
    width: 38px;
    height: 38px;
    background: #080B10;
    border: 1px solid #00F0FF;
    color: #00F0FF;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rsa-step-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #F1F5F9;
}

.rsa-step-desc {
    font-size: 0.875rem;
    color: #94A3B8;
    line-height: 1.45;
}

.rsa-spec-matrix-card {
    background: #101724;
    border: 1px solid #26344B;
    border-radius: 8px;
    padding: 1.25rem;
}

.rsa-matrix-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    color: #F1F5F9;
}

.rsa-matrix-status {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #00E599;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.rsa-spec-item {
    border-color: #1B2434 !important;
}

.rsa-spec-label {
    font-size: 0.875rem;
    color: #94A3B8;
}

.rsa-spec-val {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.875rem;
    color: #00F0FF;
    font-weight: 500;
}

.rsa-article-bottom-cta {
    background: linear-gradient(135deg, #101724 0%, #141B28 100%);
    border: 1px solid rgba(0, 240, 255, 0.25);
}

.rsa-bottom-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    color: #00F0FF;
    letter-spacing: 0.08em;
    font-weight: 600;
}

.rsa-bottom-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    color: #F1F5F9;
}

.rsa-side-card {
    background: #0E141E;
    border: 1px solid #1B2434;
    border-radius: 12px;
    padding: 1.25rem;
}

.rsa-side-icon {
    color: #00F0FF;
    font-size: 1.25rem;
}

.rsa-side-card-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    color: #F1F5F9;
}

.rsa-related-link {
    color: #CBD5E1;
    text-decoration: none;
    font-size: 0.875rem;
    border: 1px solid transparent;
    background: #141B28;
    transition: all 0.2s ease;
}

.rsa-related-link:hover {
    color: #00F0FF;
    border-color: rgba(0, 240, 255, 0.3);
    background: #101724;
}

.rsa-related-link i {
    color: #64748B;
    transition: transform 0.2s ease;
}

.rsa-related-link:hover i {
    color: #00F0FF;
    transform: translateX(3px);
}

.rsa-side-advisory {
    border-color: rgba(0, 240, 255, 0.2);
    background: #101724;
}

.rsa-advisory-badge {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    color: #00F0FF;
    font-weight: 600;
    letter-spacing: 0.08em;
}

.rsa-advisory-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    color: #F1F5F9;
}

.rsa-advisory-desc {
    font-size: 0.8125rem;
    color: #94A3B8;
    line-height: 1.5;
}

.rsa-phone-box {
    background: #080B10;
    border: 1px solid #1B2434;
}

.rsa-phone-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    color: #64748B;
    letter-spacing: 0.06em;
}

.rsa-phone-number {
    color: #00F0FF;
    font-family: 'JetBrains Mono', monospace;
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.02em;
}

.rsa-phone-number:hover {
    color: #38F5FF;
    text-decoration: underline;
}

.recovery-sequence-footer {
    background-color: #080B10;
    color: #94A3B8;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    padding-top: clamp(2.5rem, 5vw, 4rem);
    padding-bottom: clamp(1.5rem, 3vw, 2.5rem);
    border-top: 1px solid #1B2434;
    position: relative;
    overflow: hidden;
}

.recovery-sequence-footer .footer-disclaimer-card {
    background: #0E141E;
    border: 1px solid rgba(255, 184, 0, 0.28);
    border-left: 4px solid #FFB800;
    border-radius: 10px;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.6);
}

.recovery-sequence-footer .disclaimer-icon-wrap {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: rgba(255, 184, 0, 0.12);
    color: #FFB800;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
}

.recovery-sequence-footer .disclaimer-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: #FFB800;
    margin-bottom: 0.35rem;
}

.recovery-sequence-footer .disclaimer-text {
    font-size: 0.875rem;
    line-height: 1.55;
    color: #CBD5E1;
}

.recovery-sequence-footer .footer-brand-pane {
    max-width: 360px;
}

.recovery-sequence-footer .footer-brand-name {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    color: #F1F5F9;
    letter-spacing: -0.02em;
}

.recovery-sequence-footer .footer-logo-img {
    max-width: 44px;
    height: auto;
    object-fit: contain;
    display: block;
}

.recovery-sequence-footer .footer-brand-desc {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #94A3B8;
}

.recovery-sequence-footer .footer-status-pill {
    background: #05070A;
    border: 1px solid #1B2434;
    border-radius: 6px;
    padding: 0.35rem 0.75rem;
}

.recovery-sequence-footer .status-indicator-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00E599;
    box-shadow: 0 0 8px rgba(0, 229, 153, 0.6);
    display: inline-block;
}

.recovery-sequence-footer .status-text-mono {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    letter-spacing: 0.06em;
    color: #CBD5E1;
}

.recovery-sequence-footer .footer-group-heading {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #F1F5F9;
    letter-spacing: 0.02em;
    margin-bottom: 1.125rem;
}

.recovery-sequence-footer .footer-link-list {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.recovery-sequence-footer .footer-link {
    color: #94A3B8;
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.25s ease, transform 0.25s ease;
    display: inline-block;
}

.recovery-sequence-footer .footer-link:hover {
    color: #00F0FF;
    transform: translateX(3px);
}

.recovery-sequence-footer .contact-icon {
    font-size: 1.15rem;
    color: #00F0FF;
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.recovery-sequence-footer .contact-text {
    font-size: 0.875rem;
    color: #94A3B8;
    line-height: 1.45;
}

.recovery-sequence-footer .contact-link {
    font-size: 0.875rem;
    color: #94A3B8;
    text-decoration: none;
    transition: color 0.25s ease;
    word-break: break-all;
}

.recovery-sequence-footer .contact-link:hover {
    color: #00F0FF;
}

.recovery-sequence-footer .footer-bottom-bar {
    border-color: #1B2434 !important;
}

.recovery-sequence-footer .footer-copy {
    font-size: 0.8125rem;
    color: #64748B;
}

.recovery-sequence-footer .footer-meta-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    letter-spacing: 0.08em;
    color: #64748B;
}

@media (max-width: 767.98px) {
    .recovery-sequence-footer .footer-group-heading {
        font-size: 0.9375rem;
        margin-bottom: 0.875rem;
    }

    .recovery-sequence-footer .disclaimer-card {
        padding: 1rem;
    }
}