:root {
    --bg-canvas: #0B0F17;
    --bg-surface-base: #111827;
    --bg-surface-elevated: #1A2234;
    --bg-surface-overlay: #222D42;
    --bg-surface-highlight: #2A3750;
    --text-primary-dark: #F8FAFC;
    --text-secondary-dark: #94A3B8;
    --text-muted-dark: #64748B;
    --brand-primary: #00E5FF;
    --brand-primary-hover: #33EBFF;
    --brand-secondary: #6366F1;
    --brand-secondary-hover: #818CF8;
    --emergency-amber: #F59E0B;
    --incident-red: #EF4444;
    --recovery-emerald: #10B981;
    --border-subtle: rgba(148, 163, 184, 0.12);
    --border-interactive: rgba(0, 229, 255, 0.35);
    --border-active-glow: rgba(0, 229, 255, 0.7);
    --border-divider: rgba(255, 255, 255, 0.08);
    --font-primary: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
}

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

html {
    scroll-behavior: smooth;
}

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

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

a {
    color: var(--brand-primary);
    text-decoration: none;
    transition: color 0.2s ease, opacity 0.2s ease;
}

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

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

/* ===== header ===== */
.cd-header-section {
    background-color: #0B0F17;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    z-index: 1030;
}

.cd-header-section .cd-main-nav {
    background-color: #0B0F17;
    padding: 0.875rem 0;
}

.cd-header-section .cd-header-logo {
    max-width: 44px;
    height: 44px;
    object-fit: contain;
}

.cd-header-section .cd-brand-title {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 800;
    font-size: 1.15rem;
    color: #F8FAFC;
    letter-spacing: -0.02em;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.cd-header-section .cd-brand-badge {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    font-weight: 700;
    background: rgba(0, 229, 255, 0.15);
    color: #00E5FF;
    border: 1px solid rgba(0, 229, 255, 0.35);
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    letter-spacing: 0.05em;
}

.cd-header-section .cd-nav-toggler {
    border: 1px solid rgba(148, 163, 184, 0.2);
    background-color: #111827;
    padding: 0.5rem;
    border-radius: 8px;
    color: #F8FAFC;
}

.cd-header-section .cd-nav-toggler:focus {
    box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.25);
    outline: none;
}

.cd-header-section .cd-toggler-icon {
    width: 24px;
    height: 24px;
    color: #F8FAFC;
    display: block;
}

.cd-header-section .cd-nav-list {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
}

.cd-header-section .cd-nav-link {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #94A3B8;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.cd-header-section .cd-nav-link:hover,
.cd-header-section .cd-nav-link:focus {
    color: #00E5FF;
    background-color: rgba(26, 34, 52, 0.6);
}

.cd-header-section .cd-btn-cta {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    background: linear-gradient(135deg, #00E5FF 0%, #6366F1 100%);
    color: #0B0F17;
    font-weight: 700;
    font-size: 0.875rem;
    border-radius: 10px;
    padding: 0.625rem 1.25rem;
    border: none;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.35);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: filter 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
}

.cd-header-section .cd-btn-cta:hover,
.cd-header-section .cd-btn-cta:focus {
    filter: brightness(1.1);
    box-shadow: 0 0 25px rgba(0, 229, 255, 0.55);
    color: #0B0F17;
}

.cd-header-section .cd-cta-dot {
    width: 8px;
    height: 8px;
    background-color: #0B0F17;
    border-radius: 50%;
    display: inline-block;
}

@media (max-width: 991.98px) {
    .cd-header-section .navbar-collapse {
        background-color: #111827;
        border: 1px solid rgba(148, 163, 184, 0.16);
        border-radius: 12px;
        padding: 1.25rem;
        margin-top: 1rem;
        box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.8);
    }

    .cd-header-section .cd-nav-list {
        flex-direction: column;
        align-items: stretch;
        gap: 0.25rem;
        margin-bottom: 1.25rem;
    }

    .cd-header-section .cd-nav-link {
        padding: 0.75rem 1rem;
    }

    .cd-header-section .cd-header-actions {
        width: 100%;
    }
}

/* ===== practice_the_recovery_decision_before_the_real_incident ===== */
.continuity-hero {
    background-color: #0B0F17;
    min-height: 85vh;
    display: flex;
    align-items: center;
}

.continuity-hero__bg {
    z-index: 1;
}

.continuity-hero__overlay {
    background: linear-gradient(135deg, rgba(11, 15, 23, 0.95) 0%, rgba(17, 24, 39, 0.85) 50%, rgba(11, 15, 23, 0.95) 100%);
}

.continuity-hero__glow {
    width: 600px;
    height: 350px;
    background: radial-gradient(circle, rgba(0, 229, 255, 0.15) 0%, rgba(99, 102, 241, 0.08) 50%, rgba(11, 15, 23, 0) 70%);
    pointer-events: none;
}

.continuity-hero__container {
    z-index: 2;
}

.continuity-hero__badge {
    background: rgba(17, 24, 39, 0.85);
    border: 1px solid rgba(0, 229, 255, 0.35);
    padding: 0.35rem 0.85rem;
    border-radius: 9999px;
}

.continuity-hero__status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #00E5FF;
    box-shadow: 0 0 8px #00E5FF;
}

.continuity-hero__badge-text {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 600;
    color: #00E5FF;
    letter-spacing: 0.05em;
}

.continuity-hero__title {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(2rem, 4vw, 3.25rem);
    font-weight: 800;
    line-height: 1.15;
    color: #F8FAFC;
    letter-spacing: -0.02em;
}

.continuity-hero__subtitle {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(1.1rem, 2vw, 1.35rem);
    font-weight: 600;
    line-height: 1.4;
    color: #33EBFF;
}

.continuity-hero__lead {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 1.6;
    color: #94A3B8;
}

.continuity-hero__btn {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
    border-radius: 10px;
    padding: 0.875rem 1.75rem;
    transition: all 0.25s ease;
}

.continuity-hero__btn--primary {
    background: linear-gradient(135deg, #00E5FF 0%, #6366F1 100%);
    color: #0B0F17;
    border: none;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.35);
}

.continuity-hero__btn--primary:hover {
    filter: brightness(1.1);
    color: #0B0F17;
    box-shadow: 0 0 30px rgba(0, 229, 255, 0.55);
}

.continuity-hero__btn--secondary {
    background: rgba(26, 34, 52, 0.85);
    color: #F8FAFC;
    border: 1px solid rgba(0, 229, 255, 0.35);
}

.continuity-hero__btn--secondary:hover {
    background: rgba(34, 45, 66, 1);
    border-color: #00E5FF;
    color: #00E5FF;
}

.continuity-hero__tag-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #64748B;
    font-weight: 600;
}

.continuity-hero__tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #94A3B8;
    background: #111827;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 6px;
    padding: 0.2rem 0.55rem;
}

.continuity-hero__scenario-card {
    background: linear-gradient(180deg, rgba(26, 34, 52, 0.85) 0%, rgba(17, 24, 39, 0.95) 100%);
    border: 1px solid rgba(0, 229, 255, 0.25);
    border-radius: 16px;
    padding: 1.75rem;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(8px);
}

.continuity-hero__card-header {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.continuity-hero__pulse-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #EF4444;
    box-shadow: 0 0 6px #EF4444;
}

.continuity-hero__card-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 700;
    color: #F8FAFC;
    letter-spacing: 0.05em;
}

.continuity-hero__card-timer {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #F59E0B;
    background: rgba(245, 158, 11, 0.15);
    border: 1px solid rgba(245, 158, 11, 0.3);
    border-radius: 6px;
    padding: 0.15rem 0.5rem;
}

.continuity-hero__prompt-box {
    background: #0B0F17;
    border: 1px solid rgba(0, 229, 255, 0.2);
    border-radius: 10px;
}

.continuity-hero__prompt-title {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 700;
    color: #00E5FF;
    text-transform: uppercase;
}

.continuity-hero__prompt-desc {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: #F8FAFC;
}

.continuity-hero__step-item {
    background: #111827;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 8px;
}

.continuity-hero__step-name {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #F8FAFC;
}

.continuity-hero__step-status {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.15rem 0.45rem;
    border-radius: 4px;
    background: rgba(148, 163, 184, 0.15);
    color: #94A3B8;
}

.continuity-hero__step-status--active {
    background: rgba(16, 185, 129, 0.15);
    color: #10B981;
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.continuity-hero__stats-row {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.continuity-hero__stat-value {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: #00E5FF;
}

.continuity-hero__stat-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    color: #94A3B8;
    text-transform: uppercase;
}

/* ===== workbook_types ===== */
.cd-types-section {
    background-color: #0B0F17;
    color: #F8FAFC;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    position: relative;
    overflow: hidden;
}

.cd-types-section__tag {
    background: rgba(0, 229, 255, 0.08);
    border: 1px solid rgba(0, 229, 255, 0.3);
    border-radius: 9999px;
    padding: 0.35rem 1rem;
}

.cd-types-section__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #00E5FF;
    box-shadow: 0 0 10px #00E5FF;
    display: inline-block;
}

.cd-types-section__meta-title {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: #00E5FF;
    text-transform: uppercase;
}

.cd-types-section__title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #F8FAFC;
}

.cd-types-section__lead {
    font-size: 1rem;
    line-height: 1.6;
    color: #94A3B8;
    max-width: 760px;
}

.cd-types-section__filter-bar {
    padding: 0.5rem;
    background: rgba(17, 24, 39, 0.8);
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 12px;
    display: inline-flex;
}

.cd-types-section__filter-btn {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #94A3B8;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 0.5rem 1rem;
    transition: all 0.2s ease;
    cursor: pointer;
}

.cd-types-section__filter-btn:hover {
    color: #F8FAFC;
    border-color: rgba(0, 229, 255, 0.3);
}

.cd-types-section__filter-btn.active {
    background: rgba(0, 229, 255, 0.15);
    color: #00E5FF;
    border-color: rgba(0, 229, 255, 0.5);
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.2);
}

.cd-types-card {
    background: linear-gradient(180deg, rgba(26, 34, 52, 0.85) 0%, rgba(17, 24, 39, 0.95) 100%);
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 16px;
    padding: 1.5rem;
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
    position: relative;
}

.cd-types-card:hover {
    transform: translateY(-4px);
    border-color: #00E5FF;
    box-shadow: 0 0 25px rgba(0, 229, 255, 0.15), 0 20px 40px -10px rgba(0, 0, 0, 0.8);
}

.cd-types-card__icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: rgba(0, 229, 255, 0.08);
    border: 1px solid rgba(0, 229, 255, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00E5FF;
}

.cd-types-card__svg {
    width: 22px;
    height: 22px;
    stroke-width: 1.75;
}

.cd-types-card__badge {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    background: rgba(239, 68, 68, 0.15);
    color: #EF4444;
    border: 1px solid rgba(239, 68, 68, 0.3);
    text-transform: uppercase;
}

.cd-types-card__badge--warn {
    background: rgba(245, 158, 11, 0.15);
    color: #F59E0B;
    border-color: rgba(245, 158, 11, 0.3);
}

.cd-types-card__badge--info {
    background: rgba(99, 102, 241, 0.15);
    color: #818CF8;
    border-color: rgba(99, 102, 241, 0.3);
}

.cd-types-card__time {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #64748B;
    font-weight: 500;
}

.cd-types-card__title {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: 0.75rem;
    color: #F8FAFC;
}

.cd-types-card__link {
    color: #F8FAFC;
    text-decoration: none;
    transition: color 0.2s ease;
}

.cd-types-card__link:hover {
    color: #00E5FF;
}

.cd-types-card__desc {
    font-size: 0.875rem;
    line-height: 1.5;
    color: #94A3B8;
    margin-bottom: 1.25rem;
}

.cd-types-card__meta {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.cd-types-card__meta-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.75rem;
}

.cd-types-card__meta-label {
    font-family: 'JetBrains Mono', monospace;
    color: #64748B;
    text-transform: uppercase;
}

.cd-types-card__meta-val {
    font-family: 'JetBrains Mono', monospace;
    color: #00E5FF;
    font-weight: 500;
}

.cd-types-card__btn {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #F8FAFC;
    background: rgba(26, 34, 52, 0.9);
    border: 1px solid rgba(0, 229, 255, 0.35);
    border-radius: 8px;
    padding: 0.625rem 1rem;
    text-decoration: none;
    transition: all 0.2s ease;
}

.cd-types-card__btn:hover {
    background: #00E5FF;
    color: #0B0F17;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.4);
}

.cd-types-section__banner {
    background: radial-gradient(circle at 100% 50%, rgba(99, 102, 241, 0.15) 0%, rgba(17, 24, 39, 0.95) 70%), #111827;
    border: 1px solid rgba(0, 229, 255, 0.25);
    border-radius: 16px;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
}

.cd-types-section__banner-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #F8FAFC;
    line-height: 1.3;
}

.cd-types-section__banner-text {
    font-size: 0.9375rem;
    color: #94A3B8;
    line-height: 1.5;
}

.cd-types-section__banner-btn {
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 10px;
    padding: 0.75rem 1.5rem;
    text-decoration: none;
    transition: all 0.2s ease;
    display: inline-block;
    white-space: nowrap;
}

.cd-types-section__banner-btn--primary {
    background: linear-gradient(135deg, #00E5FF 0%, #6366F1 100%);
    color: #0B0F17;
    border: none;
    font-weight: 700;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.35);
}

.cd-types-section__banner-btn--primary:hover {
    filter: brightness(1.1);
    box-shadow: 0 0 30px rgba(0, 229, 255, 0.55);
    color: #0B0F17;
}

.cd-types-section__banner-btn--secondary {
    background: rgba(26, 34, 52, 0.8);
    color: #F8FAFC;
    border: 1px solid rgba(0, 229, 255, 0.35);
}

.cd-types-section__banner-btn--secondary:hover {
    background: rgba(34, 45, 66, 1);
    border-color: #00E5FF;
    color: #00E5FF;
}

@media (max-width: 767.98px) {
    .cd-types-section__title {
        font-size: 1.5rem;
        hyphens: auto;
    }

    .cd-types-card__title {
        font-size: 1rem;
    }

    .cd-types-section__filter-bar {
        width: 100%;
        flex-direction: column;
    }

    .cd-types-section__filter-btn {
        width: 100%;
        text-align: center;
    }
}

/* ===== materials ===== */
.materials-grid-section {
    background-color: #0B0F17;
    padding: 6rem 0;
    position: relative;
    overflow: hidden;
}

.materials-grid-section .materials-badge-wrapper {
    background: rgba(0, 229, 255, 0.08);
    border: 1px solid rgba(0, 229, 255, 0.25);
    border-radius: 9999px;
    padding: 0.375rem 1rem;
    gap: 0.5rem;
}

.materials-grid-section .materials-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #00E5FF;
    display: inline-block;
    box-shadow: 0 0 8px #00E5FF;
}

.materials-grid-section .materials-badge-text {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 600;
    color: #00E5FF;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.materials-grid-section .materials-main-title {
    color: #F8FAFC;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin-bottom: 1rem;
}

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

.materials-grid-section .materials-card {
    background: linear-gradient(180deg, rgba(26, 34, 52, 0.85) 0%, rgba(17, 24, 39, 0.95) 100%);
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 16px;
    overflow: hidden;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
}

.materials-grid-section .materials-card:hover {
    border-color: #00E5FF;
    box-shadow: 0 0 25px rgba(0, 229, 255, 0.15), 0 20px 40px -10px rgba(0, 0, 0, 0.8);
    transform: translateY(-4px);
}

.materials-grid-section .materials-card-media {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background-color: #111827;
}

.materials-grid-section .materials-img-link {
    display: block;
    width: 100%;
    height: 100%;
}

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

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

.materials-grid-section .materials-price-tag {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(11, 15, 23, 0.85);
    border: 1px solid rgba(0, 229, 255, 0.35);
    color: #00E5FF;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8125rem;
    font-weight: 700;
    padding: 0.25rem 0.625rem;
    border-radius: 6px;
    backdrop-filter: blur(4px);
}

.materials-grid-section .materials-meta-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 500;
}

.materials-grid-section .materials-meta-step {
    color: #6366F1;
    letter-spacing: 0.05em;
}

.materials-grid-section .materials-meta-time {
    color: #64748B;
}

.materials-grid-section .materials-card-title {
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.35;
    color: #F8FAFC;
}

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

.materials-grid-section .materials-title-link:hover {
    color: #00E5FF;
}

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

.materials-grid-section .materials-card-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.materials-grid-section .materials-btn-action {
    display: inline-block;
    background: rgba(26, 34, 52, 0.9);
    color: #F8FAFC;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    padding: 0.625rem 1.25rem;
    border-radius: 8px;
    border: 1px solid rgba(0, 229, 255, 0.35);
    transition: all 0.2s ease;
}

.materials-grid-section .materials-btn-action:hover {
    background: rgba(0, 229, 255, 0.15);
    border-color: #00E5FF;
    color: #00E5FF;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.25);
}

.materials-grid-section .materials-btn-catalog {
    background: linear-gradient(135deg, #00E5FF 0%, #6366F1 100%);
    color: #0B0F17;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    padding: 0.875rem 2rem;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.35);
    transition: all 0.2s ease;
    border: none;
}

.materials-grid-section .materials-btn-catalog:hover {
    filter: brightness(1.1);
    box-shadow: 0 0 30px rgba(0, 229, 255, 0.55);
    color: #0B0F17;
}

.materials-grid-section .materials-btn-icon {
    transition: transform 0.2s ease;
}

.materials-grid-section .materials-btn-catalog:hover .materials-btn-icon {
    transform: translateX(4px);
}

@media (max-width: 767.98px) {
    .materials-grid-section {
        padding: 3.5rem 0;
    }

    .materials-grid-section .materials-main-title {
        font-size: 1.6rem;
        hyphens: auto;
    }

    .materials-grid-section .materials-card-title {
        font-size: 1.05rem;
    }

    .materials-grid-section .materials-subtitle {
        font-size: 0.95rem;
    }
}

/* ===== featured_exercise ===== */
#featured-exercise-block.drill-featured-section {
    background-color: #0B0F17;
    color: #F8FAFC;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

#featured-exercise-block .drill-featured-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background-color: rgba(0, 229, 255, 0.1);
    color: #00E5FF;
    border: 1px solid rgba(0, 229, 255, 0.3);
    border-radius: 9999px;
    padding: 0.375rem 1rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#featured-exercise-block .drill-badge-icon {
    width: 1rem;
    height: 1rem;
    stroke: #00E5FF;
}

#featured-exercise-block .drill-featured-title {
    font-family: 'Plus Jakarta Sans', -apple-system, sans-serif;
    font-weight: 700;
    font-size: 2.25rem;
    line-height: 1.2;
    color: #F8FAFC;
    margin-bottom: 1rem;
}

#featured-exercise-block .drill-featured-desc {
    font-size: 1rem;
    line-height: 1.6;
    color: #94A3B8;
    margin-left: auto;
    margin-right: auto;
    max-width: 820px;
}

#featured-exercise-block .drill-system-card {
    background: linear-gradient(180deg, rgba(26, 34, 52, 0.8) 0%, rgba(17, 24, 39, 0.95) 100%);
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 16px;
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

#featured-exercise-block .drill-system-card:hover {
    border-color: #00E5FF;
    box-shadow: 0 0 25px rgba(0, 229, 255, 0.15), 0 20px 40px -10px rgba(0, 0, 0, 0.8);
}

#featured-exercise-block .drill-system-card.active {
    border-color: #00E5FF;
    background: linear-gradient(180deg, rgba(34, 45, 66, 0.95) 0%, rgba(17, 24, 39, 1) 100%);
    box-shadow: 0 0 25px rgba(0, 229, 255, 0.25), inset 0 0 0 1px rgba(0, 229, 255, 0.4);
}

#featured-exercise-block .drill-system-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
}

#featured-exercise-block .tag-critical {
    background: rgba(239, 68, 68, 0.15);
    color: #EF4444;
    border: 1px solid rgba(239, 68, 68, 0.3);
}

#featured-exercise-block .tag-revenue {
    background: rgba(245, 158, 11, 0.15);
    color: #F59E0B;
    border: 1px solid rgba(245, 158, 11, 0.3);
}

#featured-exercise-block .tag-bulk {
    background: rgba(148, 163, 184, 0.15);
    color: #94A3B8;
    border: 1px solid rgba(148, 163, 184, 0.3);
}

#featured-exercise-block .drill-storage-pill {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #94A3B8;
    background: #0B0F17;
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

#featured-exercise-block .drill-system-name {
    font-size: 1.2rem;
    font-weight: 600;
    color: #F8FAFC;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    line-height: 1.3;
}

#featured-exercise-block .drill-system-short {
    font-size: 0.875rem;
    color: #94A3B8;
    line-height: 1.5;
    margin-bottom: 1.25rem;
}

#featured-exercise-block .drill-impact-meter {
    background: #0B0F17;
    border: 1px solid rgba(148, 163, 184, 0.1);
    border-radius: 8px;
    padding: 0.75rem;
    margin-bottom: 1.25rem;
}

#featured-exercise-block .meter-label {
    font-size: 0.75rem;
    font-family: 'JetBrains Mono', monospace;
    color: #64748B;
}

#featured-exercise-block .meter-value {
    font-size: 0.75rem;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 600;
}

#featured-exercise-block .value-high {
    color: #EF4444;
}

#featured-exercise-block .value-med {
    color: #F59E0B;
}

#featured-exercise-block .value-low {
    color: #10B981;
}

#featured-exercise-block .meter-bar {
    width: 100%;
    height: 6px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 3px;
    overflow: hidden;
}

#featured-exercise-block .meter-fill {
    height: 100%;
    border-radius: 3px;
}

#featured-exercise-block .fill-severe {
    width: 95%;
    background: #EF4444;
}

#featured-exercise-block .fill-moderate {
    width: 55%;
    background: #F59E0B;
}

#featured-exercise-block .fill-low {
    width: 20%;
    background: #10B981;
}

#featured-exercise-block .drill-select-btn {
    width: 100%;
    background: rgba(26, 34, 52, 0.9);
    color: #F8FAFC;
    border: 1px solid rgba(0, 229, 255, 0.35);
    font-weight: 600;
    font-size: 0.875rem;
    padding: 0.65rem 1rem;
    border-radius: 8px;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    cursor: pointer;
}

#featured-exercise-block .drill-select-btn:hover {
    background: #222D42;
    border-color: #00E5FF;
    color: #00E5FF;
}

#featured-exercise-block .drill-system-card.active .drill-select-btn {
    background: #00E5FF;
    color: #0B0F17;
    border-color: #00E5FF;
    font-weight: 700;
}

#featured-exercise-block .drill-analysis-panel {
    background: #111827;
    border: 1px solid rgba(0, 229, 255, 0.3);
    border-radius: 16px;
    padding: 1.75rem;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
}

#featured-exercise-block .analysis-metric-box {
    background: #0B0F17;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 10px;
    padding: 1rem;
    height: 100%;
}

#featured-exercise-block .metric-box-title {
    display: block;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    text-transform: uppercase;
    color: #64748B;
    margin-bottom: 0.35rem;
}

#featured-exercise-block .metric-box-value {
    font-size: 0.95rem;
    font-weight: 600;
    color: #F8FAFC;
    margin-bottom: 0;
}

#featured-exercise-block .status-optimal {
    color: #10B981;
}

#featured-exercise-block .status-secondary {
    color: #F59E0B;
}

#featured-exercise-block .status-deferred {
    color: #94A3B8;
}

#featured-exercise-block .analysis-deep-dive {
    background: rgba(26, 34, 52, 0.6);
    border-left: 3px solid #00E5FF;
    border-radius: 0 8px 8px 0;
    padding: 1.25rem;
}

#featured-exercise-block .deep-dive-title {
    font-size: 1.05rem;
    font-weight: 600;
    color: #F8FAFC;
    margin-bottom: 0.5rem;
    line-height: 1.3;
}

#featured-exercise-block .deep-dive-text {
    font-size: 0.925rem;
    color: #94A3B8;
    line-height: 1.6;
    margin-bottom: 0;
}

#featured-exercise-block .analysis-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

#featured-exercise-block .hint-icon {
    width: 1.125rem;
    height: 1.125rem;
    stroke: #00E5FF;
    flex-shrink: 0;
}

#featured-exercise-block .hint-text {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
    color: #94A3B8;
}

#featured-exercise-block .drill-cta-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #00E5FF 0%, #6366F1 100%);
    color: #0B0F17;
    font-weight: 700;
    font-size: 0.875rem;
    text-decoration: none;
    padding: 0.65rem 1.5rem;
    border-radius: 8px;
    transition: filter 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.25);
    white-space: nowrap;
}

#featured-exercise-block .drill-cta-link:hover {
    filter: brightness(1.1);
    color: #0B0F17;
    box-shadow: 0 0 25px rgba(0, 229, 255, 0.45);
}

#featured-exercise-block .cta-arrow {
    width: 1rem;
    height: 1rem;
    stroke: #0B0F17;
}

@media (max-width: 767.98px) {
    #featured-exercise-block .drill-featured-title {
        font-size: 1rem;
        hyphens: auto;
    }

    #featured-exercise-block .drill-featured-desc {
        font-size: 0.875rem;
    }

    #featured-exercise-block .drill-system-name {
        font-size: 0.875rem;
    }

    #featured-exercise-block .deep-dive-title {
        font-size: 0.875rem;
    }

    #featured-exercise-block .deep-dive-text {
        font-size: 0.8125rem;
    }

    #featured-exercise-block .drill-analysis-panel {
        padding: 1rem;
    }

    #featured-exercise-block .drill-cta-link {
        width: 100%;
    }
}

/* ===== payment_and_contract_terms ===== */
.cd-terms-block {
    background-color: #0B0F17;
    color: #94A3B8;
    position: relative;
    overflow: hidden
}

.cd-terms-block .cd-terms-block__badge {
    background: rgba(0, 229, 255, 0.08);
    border: 1px solid rgba(0, 229, 255, 0.25);
    border-radius: 9999px;
    padding: 0.35rem 1rem
}

.cd-terms-block .cd-terms-block__badge-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00E5FF;
    box-shadow: 0 0 8px #00E5FF
}

.cd-terms-block .cd-terms-block__badge-text {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: #00E5FF;
    text-transform: uppercase
}

.cd-terms-block .cd-terms-block__title {
    color: #F8FAFC;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em
}

.cd-terms-block .cd-terms-block__subtitle {
    color: #94A3B8;
    font-size: 1.05rem;
    line-height: 1.6
}

.cd-terms-block .cd-terms-block__tab-nav {
    background: #111827;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 12px;
    padding: 0.375rem
}

.cd-terms-block .cd-terms-block__tab-btn {
    background: transparent;
    border: none;
    color: #94A3B8;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    padding: 0.625rem 1.25rem;
    border-radius: 8px;
    transition: all 0.2s ease
}

.cd-terms-block .cd-terms-block__tab-btn:hover {
    color: #F8FAFC;
    background: rgba(255, 255, 255, 0.05)
}

.cd-terms-block .cd-terms-block__tab-btn.active {
    background: linear-gradient(135deg, #00E5FF 0%, #6366F1 100%);
    color: #0B0F17;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.3)
}

.cd-terms-block .cd-terms-block__panel-box {
    background: linear-gradient(180deg, rgba(26, 34, 52, 0.8) 0%, rgba(17, 24, 39, 0.95) 100%);
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 16px;
    padding: 2.25rem;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
    display: none
}

.cd-terms-block .cd-terms-block__panel-box.active {
    display: block
}

.cd-terms-block .cd-terms-block__panel-heading {
    color: #F8FAFC;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.3
}

.cd-terms-block .cd-terms-block__panel-text {
    color: #94A3B8;
    font-size: 0.975rem;
    line-height: 1.65
}

.cd-terms-block .cd-terms-block__item-icon {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: rgba(0, 229, 255, 0.12);
    border: 1px solid rgba(0, 229, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center
}

.cd-terms-block .cd-terms-block__svg {
    width: 16px;
    height: 16px;
    stroke: #00E5FF
}

.cd-terms-block .cd-terms-block__item-title {
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 0.15rem
}

.cd-terms-block .cd-terms-block__item-desc {
    color: #94A3B8;
    font-size: 0.875rem;
    line-height: 1.5
}

.cd-terms-block .cd-terms-block__info-card {
    background: #111827;
    border: 1px solid rgba(0, 229, 255, 0.25);
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}

.cd-terms-block .cd-terms-block__info-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    color: #00E5FF;
    font-weight: 700;
    letter-spacing: 0.08em
}

.cd-terms-block .cd-terms-block__info-val {
    color: #F8FAFC;
    font-family: 'JetBrains Mono', monospace;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1
}

.cd-terms-block .cd-terms-block__info-sub {
    color: #94A3B8;
    font-size: 0.8125rem
}

.cd-terms-block .cd-terms-block__divider {
    height: 1px;
    background: rgba(255, 255, 255, 0.08)
}

.cd-terms-block .cd-terms-block__info-checklist {
    font-size: 0.85rem;
    color: #94A3B8
}

.cd-terms-block .cd-terms-block__check-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00E5FF;
    flex-shrink: 0
}

.cd-terms-block .cd-terms-block__info-desc {
    font-size: 0.875rem;
    color: #94A3B8;
    line-height: 1.55
}

.cd-terms-block .cd-terms-block__step-item {
    background: #1A2234;
    border-left: 3px solid #00E5FF;
    border-radius: 8px
}

.cd-terms-block .cd-terms-block__step-name {
    font-size: 0.9rem
}

.cd-terms-block .cd-terms-block__step-rate {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8125rem;
    color: #00E5FF;
    background: rgba(0, 229, 255, 0.1);
    border: 1px solid rgba(0, 229, 255, 0.25);
    padding: 0.15rem 0.5rem;
    border-radius: 4px
}

.cd-terms-block .cd-terms-block__step-caption {
    font-size: 0.8125rem;
    color: #94A3B8;
    display: block
}

.cd-terms-block .cd-terms-block__cta-bar {
    background: #111827;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 14px
}

.cd-terms-block .cd-terms-block__cta-title {
    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: -0.01em
}

.cd-terms-block .cd-terms-block__cta-desc {
    color: #94A3B8;
    font-size: 0.875rem
}

.cd-terms-block .cd-terms-block__btn-primary {
    background: linear-gradient(135deg, #00E5FF 0%, #6366F1 100%);
    color: #0B0F17;
    font-weight: 700;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.875rem;
    padding: 0.75rem 1.5rem;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.35);
    transition: all 0.2s ease
}

.cd-terms-block .cd-terms-block__btn-primary:hover {
    filter: brightness(1.1);
    color: #0B0F17;
    box-shadow: 0 0 25px rgba(0, 229, 255, 0.5)
}

.cd-terms-block .cd-terms-block__btn-secondary {
    background: rgba(26, 34, 52, 0.8);
    color: #F8FAFC;
    font-weight: 600;
    font-size: 0.875rem;
    padding: 0.75rem 1.5rem;
    border-radius: 10px;
    border: 1px solid rgba(0, 229, 255, 0.35);
    transition: all 0.2s ease
}

.cd-terms-block .cd-terms-block__btn-secondary:hover {
    background: rgba(34, 45, 66, 1);
    border-color: #00E5FF;
    color: #00E5FF
}

@media(max-width:767.98px) {
    .cd-terms-block .cd-terms-block__title {
        font-size: 1.25rem;
        hyphens: auto
    }

    .cd-terms-block .cd-terms-block__panel-heading {
        font-size: 1.1rem;
        hyphens: auto
    }

    .cd-terms-block .cd-terms-block__cta-title {
        font-size: 1rem;
        hyphens: auto
    }

    .cd-terms-block .cd-terms-block__panel-box {
        padding: 1.5rem
    }

    .cd-terms-block .cd-terms-block__tab-btn {
        width: 100%;
        text-align: center
    }
}

/* ===== how_we_work ===== */
.drill-process-section {
    background-color: #0B0F17;
    color: #F8FAFC;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    position: relative;
    overflow: hidden;
}

.drill-process-section .process-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(0, 229, 255, 0.08);
    border: 1px solid rgba(0, 229, 255, 0.25);
    border-radius: 9999px;
    padding: 0.375rem 1rem;
}

.drill-process-section .badge-dot {
    width: 6px;
    height: 6px;
    background-color: #00E5FF;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 8px #00E5FF;
}

.drill-process-section .badge-text {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 600;
    color: #00E5FF;
    letter-spacing: 0.08em;
}

.drill-process-section .process-title {
    color: #F8FAFC;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.drill-process-section .process-subtitle {
    color: #94A3B8;
    font-size: 1rem;
    line-height: 1.6;
}

.drill-process-section .process-card {
    background: linear-gradient(180deg, rgba(26, 34, 52, 0.8) 0%, rgba(17, 24, 39, 0.95) 100%);
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.drill-process-section .process-card:hover {
    transform: translateY(-4px);
    border-color: rgba(0, 229, 255, 0.45);
    box-shadow: 0 0 25px rgba(0, 229, 255, 0.15), 0 20px 40px -10px rgba(0, 0, 0, 0.8);
}

.drill-process-section .process-step-num {
    font-family: 'JetBrains Mono', monospace;
    font-size: 1.75rem;
    font-weight: 800;
    color: #00E5FF;
    line-height: 1;
    text-shadow: 0 0 12px rgba(0, 229, 255, 0.3);
}

.drill-process-section .process-icon-wrap {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: rgba(99, 102, 241, 0.15);
    border: 1px solid rgba(99, 102, 241, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.drill-process-section .process-icon {
    width: 22px;
    height: 22px;
    color: #33EBFF;
}

.drill-process-section .process-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 600;
    color: #F59E0B;
    letter-spacing: 0.05em;
}

.drill-process-section .process-card-heading {
    color: #F8FAFC;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.35;
}

.drill-process-section .process-card-text {
    color: #94A3B8;
    font-size: 0.9375rem;
    line-height: 1.6;
}

.drill-process-section .process-meta-box {
    background: #0B0F17;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 8px;
    padding: 0.625rem 0.875rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.8125rem;
    font-family: 'JetBrains Mono', monospace;
}

.drill-process-section .meta-label {
    color: #64748B;
    font-weight: 500;
}

.drill-process-section .meta-val {
    color: #00E5FF;
    font-weight: 600;
}

.drill-process-section .process-cta-box {
    background: rgba(17, 24, 39, 0.95);
    border: 1px solid rgba(0, 229, 255, 0.3);
    border-radius: 16px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
}

.drill-process-section .process-cta-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #F8FAFC;
    margin-bottom: 0.25rem;
}

.drill-process-section .process-cta-sub {
    font-size: 0.875rem;
    color: #94A3B8;
}

.drill-process-section .process-btn-primary {
    background: linear-gradient(135deg, #00E5FF 0%, #6366F1 100%);
    color: #0B0F17;
    font-weight: 700;
    font-size: 0.9375rem;
    border: none;
    border-radius: 10px;
    padding: 0.75rem 1.75rem;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.35);
    transition: filter 0.2s ease, transform 0.2s ease;
    white-space: nowrap;
}

.drill-process-section .process-btn-primary:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
    color: #0B0F17;
}

@media (max-width: 767.98px) {
    .drill-process-section .process-title {
        font-size: 1rem;
        hyphens: auto;
    }

    .drill-process-section .process-card-heading {
        font-size: 0.875rem;
        hyphens: auto;
    }

    .drill-process-section .process-subtitle {
        font-size: 0.875rem;
    }

    .drill-process-section .process-card {
        padding: 1.25rem;
    }
}

/* ===== how_it_works_inside ===== */
.inside-drill-block {
    background-color: #0B0F17;
    color: #F8FAFC;
    overflow: hidden;
}

.inside-drill-block .inside-meta-badge {
    background-color: #111827;
    border: 1px solid rgba(0, 229, 255, 0.3);
}

.inside-drill-block .badge-pulse {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #00E5FF;
    display: inline-block;
    box-shadow: 0 0 8px #00E5FF;
}

.inside-drill-block .meta-badge-text {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: #00E5FF;
}

.inside-drill-block .inside-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: #F8FAFC;
}

.inside-drill-block .inside-lead {
    font-size: 1.0625rem;
    line-height: 1.65;
    color: #94A3B8;
}

.inside-drill-block .pillar-card {
    background: linear-gradient(180deg, rgba(26, 34, 52, 0.6) 0%, rgba(17, 24, 39, 0.8) 100%);
    border: 1px solid rgba(148, 163, 184, 0.12);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.inside-drill-block .pillar-card:hover {
    border-color: rgba(0, 229, 255, 0.4);
    box-shadow: 0 10px 25px -10px rgba(0, 229, 255, 0.12);
}

.inside-drill-block .pillar-icon-box {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: rgba(0, 229, 255, 0.1);
    border: 1px solid rgba(0, 229, 255, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
}

.inside-drill-block .pillar-icon {
    width: 18px;
    height: 18px;
    color: #00E5FF;
}

.inside-drill-block .pillar-heading {
    font-size: 1.05rem;
    font-weight: 600;
    color: #F8FAFC;
}

.inside-drill-block .pillar-desc {
    font-size: 0.875rem;
    line-height: 1.5;
    color: #94A3B8;
}

.inside-drill-block .inside-btn-primary {
    background: linear-gradient(135deg, #00E5FF 0%, #6366F1 100%);
    color: #0B0F17;
    font-weight: 700;
    font-size: 0.9375rem;
    padding: 0.875rem 1.75rem;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.35);
    transition: filter 0.2s ease, box-shadow 0.2s ease;
}

.inside-drill-block .inside-btn-primary:hover {
    filter: brightness(1.1);
    box-shadow: 0 0 30px rgba(0, 229, 255, 0.55);
    color: #0B0F17;
}

.inside-drill-block .inside-btn-secondary {
    background: rgba(26, 34, 52, 0.8);
    color: #F8FAFC;
    font-weight: 600;
    font-size: 0.9375rem;
    padding: 0.875rem 1.75rem;
    border: 1px solid rgba(0, 229, 255, 0.35);
    border-radius: 10px;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.inside-drill-block .inside-btn-secondary:hover {
    background: rgba(34, 45, 66, 1);
    border-color: #00E5FF;
    color: #00E5FF;
}

.inside-drill-block .inside-visual-wrapper {
    max-width: 580px;
}

.inside-drill-block .image-glow-backdrop {
    position: absolute;
    inset: -15px;
    background: radial-gradient(circle, rgba(99, 102, 241, 0.2) 0%, rgba(0, 229, 255, 0.08) 50%, transparent 80%);
    filter: blur(20px);
    z-index: 1;
}

.inside-drill-block .image-container {
    position: relative;
    z-index: 2;
    border: 1px solid rgba(148, 163, 184, 0.2);
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.8);
    aspect-ratio: 4 / 3;
}

.inside-drill-block .image-ambient-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(11, 15, 23, 0.1) 0%, rgba(11, 15, 23, 0.65) 100%);
    pointer-events: none;
}

.inside-drill-block .scenario-telemetry-badge {
    bottom: 1.25rem;
    left: 1.25rem;
    right: 1.25rem;
    background: rgba(17, 24, 39, 0.9);
    border: 1px solid rgba(0, 229, 255, 0.35);
    backdrop-filter: blur(10px);
    z-index: 3;
}

.inside-drill-block .telemetry-status-indicator {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #10B981;
    box-shadow: 0 0 10px #10B981;
}

.inside-drill-block .telemetry-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #00E5FF;
}

.inside-drill-block .telemetry-value {
    font-size: 0.875rem;
    font-weight: 600;
    color: #F8FAFC;
}

@media (max-width: 767.98px) {
    .inside-drill-block .inside-title {
        font-size: 1.5rem;
        line-height: 1.3;
        hyphens: auto;
    }

    .inside-drill-block .pillar-heading {
        font-size: 0.875rem;
        hyphens: auto;
    }

    .inside-drill-block .inside-lead {
        font-size: 0.9375rem;
    }

    .inside-drill-block .scenario-telemetry-badge {
        bottom: 0.75rem;
        left: 0.75rem;
        right: 0.75rem;
        padding: 0.75rem !important;
    }
}

/* ===== key_benefits ===== */
.cd-benefits-section {
    background-color: #0B0F17;
    background-image: radial-gradient(circle at 50% 0%, rgba(99, 102, 241, 0.15) 0%, rgba(11, 15, 23, 0) 70%);
    color: #F8FAFC;
    overflow: hidden;
}

.cd-benefits-section .max-w-760 {
    max-width: 760px;
}

.cd-benefits-section .cd-badge {
    background: rgba(0, 229, 255, 0.08);
    border: 1px solid rgba(0, 229, 255, 0.3);
}

.cd-benefits-section .cd-badge-dot {
    width: 6px;
    height: 6px;
    background: #00E5FF;
    border-radius: 50%;
    box-shadow: 0 0 8px #00E5FF;
    display: inline-block;
}

.cd-benefits-section .cd-badge-text {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #00E5FF;
}

.cd-benefits-section .cd-section-title {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #F8FAFC;
}

.cd-benefits-section .cd-section-desc {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    color: #94A3B8;
}

.cd-benefits-section .cd-filter-btn {
    background: #111827;
    color: #94A3B8;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8125rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 9999px;
    padding: 0.5rem 1.25rem;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.cd-benefits-section .cd-filter-btn:hover {
    border-color: rgba(0, 229, 255, 0.5);
    color: #F8FAFC;
    background: #1A2234;
}

.cd-benefits-section .cd-filter-btn.active {
    background: linear-gradient(135deg, #00E5FF 0%, #6366F1 100%);
    color: #0B0F17;
    font-weight: 700;
    border-color: transparent;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.35);
}

.cd-benefits-section .cd-benefit-card {
    background: linear-gradient(180deg, rgba(26, 34, 52, 0.8) 0%, rgba(17, 24, 39, 0.95) 100%);
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 16px;
    padding: 1.75rem;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.cd-benefits-section .cd-benefit-card:hover {
    transform: translateY(-4px);
    border-color: #00E5FF;
    box-shadow: 0 0 25px rgba(0, 229, 255, 0.15), 0 20px 40px -10px rgba(0, 0, 0, 0.8);
}

.cd-benefits-section .cd-icon-box {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: rgba(0, 229, 255, 0.1);
    border: 1px solid rgba(0, 229, 255, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00E5FF;
    flex-shrink: 0;
}

.cd-benefits-section .cd-icon {
    width: 22px;
    height: 22px;
}

.cd-benefits-section .cd-tag-mono {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    font-weight: 500;
    color: #94A3B8;
    background: #0B0F17;
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 6px;
    padding: 0.25rem 0.5rem;
}

.cd-benefits-section .cd-card-title {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.35;
    color: #F8FAFC;
}

.cd-benefits-section .cd-card-text {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.9375rem;
    line-height: 1.55;
    color: #94A3B8;
}

.cd-benefits-section .cd-meta-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #64748B;
}

.cd-benefits-section .cd-meta-value {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 500;
    color: #00E5FF;
}

@media (max-width: 767.98px) {
    .cd-benefits-section .cd-section-title {
        font-size: 1rem;
        hyphens: auto;
    }

    .cd-benefits-section .cd-card-title {
        font-size: 0.875rem;
        hyphens: auto;
    }

    .cd-benefits-section .cd-benefit-card {
        padding: 1.25rem;
    }
}

/* ===== knowledge_base ===== */
.cd-knowledge-grid-section {
    background-color: #0B0F17;
    color: #F8FAFC;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    position: relative;
    overflow: hidden
}

.cd-knowledge-grid-section .cd-pill-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(26, 34, 52, 0.8);
    border: 1px solid rgba(0, 229, 255, 0.3);
    border-radius: 9999px;
    padding: 0.375rem 1rem
}

.cd-knowledge-grid-section .cd-badge-dot {
    width: 8px;
    height: 8px;
    background-color: #00E5FF;
    border-radius: 50%;
    box-shadow: 0 0 8px #00E5FF
}

.cd-knowledge-grid-section .cd-badge-text {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 700;
    color: #00E5FF;
    letter-spacing: 0.08em;
    text-transform: uppercase
}

.cd-knowledge-grid-section .cd-section-title {
    color: #F8FAFC;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin-bottom: 0.75rem
}

.cd-knowledge-grid-section .cd-section-subtitle {
    color: #94A3B8;
    font-size: 1.05rem;
    line-height: 1.6;
    max-width: 640px;
    margin: 0 auto
}

.cd-knowledge-grid-section .cd-article-card {
    background: linear-gradient(180deg, rgba(26, 34, 52, 0.85) 0%, rgba(17, 24, 39, 0.95) 100%);
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
    transition: all 0.3s ease
}

.cd-knowledge-grid-section .cd-article-card:hover {
    border-color: #00E5FF;
    transform: translateY(-4px);
    box-shadow: 0 0 25px rgba(0, 229, 255, 0.15), 0 20px 40px -10px rgba(0, 0, 0, 0.8)
}

.cd-knowledge-grid-section .cd-card-media {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
    background-color: #111827
}

.cd-knowledge-grid-section .cd-media-link {
    display: block;
    width: 100%;
    height: 100%
}

.cd-knowledge-grid-section .cd-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease
}

.cd-knowledge-grid-section .cd-article-card:hover .cd-card-img {
    transform: scale(1.05)
}

.cd-knowledge-grid-section .cd-category-tag {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(11, 15, 23, 0.85);
    backdrop-filter: blur(4px);
    color: #00E5FF;
    border: 1px solid rgba(0, 229, 255, 0.3);
    border-radius: 6px;
    padding: 0.25rem 0.625rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    z-index: 2
}

.cd-knowledge-grid-section .cd-card-body {
    padding: 1.5rem
}

.cd-knowledge-grid-section .cd-meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #64748B;
    flex-wrap: wrap
}

.cd-knowledge-grid-section .cd-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem
}

.cd-knowledge-grid-section .cd-meta-icon {
    width: 14px;
    height: 14px;
    stroke: #00E5FF
}

.cd-knowledge-grid-section .cd-card-title {
    font-size: 1.18rem;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: 0.75rem;
    color: #F8FAFC
}

.cd-knowledge-grid-section .cd-title-link {
    color: #F8FAFC;
    text-decoration: none;
    transition: color 0.2s ease
}

.cd-knowledge-grid-section .cd-title-link:hover {
    color: #00E5FF
}

.cd-knowledge-grid-section .cd-card-text {
    font-size: 0.9rem;
    line-height: 1.6;
    color: #94A3B8;
    margin-bottom: 1rem
}

.cd-knowledge-grid-section .cd-card-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.08)
}

.cd-knowledge-grid-section .cd-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(26, 34, 52, 0.9);
    color: #F8FAFC;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
    border: 1px solid rgba(0, 229, 255, 0.35);
    border-radius: 10px;
    padding: 0.625rem 1rem;
    transition: all 0.25s ease
}

.cd-knowledge-grid-section .cd-action-btn:hover {
    background: rgba(34, 45, 66, 1);
    border-color: #00E5FF;
    color: #00E5FF;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.25)
}

.cd-knowledge-grid-section .cd-explore-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #00E5FF 0%, #6366F1 100%);
    color: #0B0F17;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: none;
    border: none;
    border-radius: 10px;
    padding: 0.875rem 2rem;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.35);
    transition: all 0.3s ease
}

.cd-knowledge-grid-section .cd-explore-btn:hover {
    color: #0B0F17;
    filter: brightness(1.1);
    box-shadow: 0 0 30px rgba(0, 229, 255, 0.55);
    transform: translateY(-2px)
}

@media (max-width:767.98px) {
    .cd-knowledge-grid-section .cd-section-title {
        font-size: 1.6rem
    }

    .cd-knowledge-grid-section .cd-section-subtitle {
        font-size: 0.9rem
    }

    .cd-knowledge-grid-section .cd-card-media {
        height: 180px
    }

    .cd-knowledge-grid-section .cd-card-body {
        padding: 1.25rem
    }

    .cd-knowledge-grid-section .cd-card-title {
        font-size: 1.05rem
    }
}

/* ===== footer ===== */
.site-footer-drill {
    position: relative;
    background-color: #0B0F17;
    color: #94A3B8;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    padding-top: 4.5rem;
    padding-bottom: 2rem;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
    overflow: hidden;
}

.site-footer-drill__glow {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    max-width: 900px;
    height: 160px;
    background: radial-gradient(ellipse at 50% 0%, rgba(0, 229, 255, 0.08) 0%, rgba(99, 102, 241, 0.04) 45%, rgba(11, 15, 23, 0) 70%);
    pointer-events: none;
}

.site-footer-drill__container {
    position: relative;
    z-index: 1;
    max-width: 1280px;
}

.site-footer-drill__logo-link {
    text-decoration: none;
}

.site-footer-drill__logo-img {
    max-width: 44px;
    height: auto;
    object-fit: contain;
}

.site-footer-drill__brand-name {
    font-size: 1.25rem;
    font-weight: 700;
    color: #F8FAFC;
    letter-spacing: -0.01em;
}

.site-footer-drill__brand-desc {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #94A3B8;
    margin-bottom: 1.25rem;
}

.site-footer-drill__status-pill {
    display: inline-flex;
    align-items: center;
    background-color: #111827;
    border: 1px solid rgba(0, 229, 255, 0.25);
    border-radius: 9999px;
    padding: 0.35rem 0.75rem;
}

.site-footer-drill__status-indicator {
    width: 7px;
    height: 7px;
    background-color: #00E5FF;
    border-radius: 50%;
    margin-right: 0.5rem;
    box-shadow: 0 0 8px #00E5FF;
}

.site-footer-drill__status-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.72rem;
    color: #F8FAFC;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.site-footer-drill__group-title {
    font-size: 0.95rem;
    font-weight: 700;
    color: #F8FAFC;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 1.25rem;
    line-height: 1.3;
}

.site-footer-drill__nav-list,
.site-footer-drill__contact-list,
.site-footer-drill__legal-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.site-footer-drill__nav-list li {
    margin-bottom: 0.65rem;
}

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

.site-footer-drill__nav-link:hover {
    color: #00E5FF;
    transform: translateX(2px);
}

.site-footer-drill__contact-list li {
    margin-bottom: 0.85rem;
}

.site-footer-drill__contact-item {
    display: flex;
    flex-direction: column;
}

.site-footer-drill__contact-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    text-transform: uppercase;
    color: #64748B;
    letter-spacing: 0.05em;
    margin-bottom: 0.15rem;
}

.site-footer-drill__contact-value {
    font-size: 0.875rem;
    color: #F8FAFC;
    line-height: 1.4;
}

.site-footer-drill__contact-link {
    font-size: 0.875rem;
    color: #F8FAFC;
    text-decoration: none;
    transition: color 0.2s ease;
    line-height: 1.4;
}

.site-footer-drill__contact-link:hover {
    color: #00E5FF;
}

.site-footer-drill__wa-link {
    display: inline-flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 600;
    color: #00E5FF;
    text-decoration: none;
    transition: color 0.2s ease, text-decoration 0.2s ease;
}

.site-footer-drill__wa-link:hover {
    color: #33EBFF;
    text-decoration: underline;
}

.site-footer-drill__newsletter-box {
    background: #111827;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 12px;
    padding: 1.25rem;
}

.site-footer-drill__newsletter-desc {
    font-size: 0.8125rem;
    color: #94A3B8;
    line-height: 1.5;
    margin-bottom: 1rem;
}

.site-footer-drill__form {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.site-footer-drill__input-wrapper {
    width: 100%;
}

.site-footer-drill__input {
    width: 100%;
    background-color: #0B0F17;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 8px;
    color: #F8FAFC;
    padding: 0.65rem 0.85rem;
    font-size: 0.875rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.site-footer-drill__input::placeholder {
    color: #64748B;
    opacity: 1;
}

.site-footer-drill__input:focus {
    outline: none;
    border-color: #00E5FF;
    box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.2);
}

.site-footer-drill__submit-btn {
    width: 100%;
    background: linear-gradient(135deg, #00E5FF 0%, #6366F1 100%);
    color: #0B0F17;
    font-weight: 700;
    font-size: 0.875rem;
    border: none;
    border-radius: 8px;
    padding: 0.65rem 1rem;
    cursor: pointer;
    transition: filter 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.25);
    text-align: center;
}

.site-footer-drill__submit-btn:hover {
    filter: brightness(1.1);
    box-shadow: 0 0 22px rgba(0, 229, 255, 0.45);
}

.site-footer-drill__divider {
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
    margin-top: 3.5rem;
    margin-bottom: 1.5rem;
}

.site-footer-drill__bottom-bar {
    font-size: 0.8125rem;
    color: #64748B;
}

.site-footer-drill__copyright {
    margin: 0;
    color: #94A3B8;
    font-size: 0.8125rem;
}

.site-footer-drill__legal-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}

.site-footer-drill__legal-link {
    color: #94A3B8;
    text-decoration: none;
    font-size: 0.8125rem;
    transition: color 0.2s ease;
}

.site-footer-drill__legal-link:hover {
    color: #00E5FF;
}

@media (max-width: 767.98px) {
    .site-footer-drill {
        padding-top: 3.5rem;
    }

    .site-footer-drill__group-title {
        font-size: 0.875rem;
        margin-bottom: 0.85rem;
    }

    .site-footer-drill__legal-list {
        gap: 0.85rem;
    }
}

/* ===== PAGE: about ===== */
.about-content{background-color:#0B0F17;color:#94A3B8;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.about-content__badge{background-color:#1A2234;border:1px solid rgba(0,229,255,0.35)}.about-content__badge-dot{width:8px;height:8px;border-radius:50%;background-color:#00E5FF;display:inline-block;box-shadow:0 0 8px #00E5FF}.about-content__badge-text{font-family:'JetBrains Mono',monospace;font-size:0.75rem;font-weight:700;color:#00E5FF;letter-spacing:0.05em;text-transform:uppercase}.about-content__title{color:#F8FAFC;letter-spacing:-0.02em;line-height:1.2}.about-content__subtitle{color:#00E5FF}.about-content__lead{font-size:1.05rem;line-height:1.6;color:#94A3B8}.about-content__btn-primary{background:linear-gradient(135deg,#00E5FF 0%,#6366F1 100%);color:#0B0F17;font-weight:700;border:none;border-radius:10px;box-shadow:0 0 20px rgba(0,229,255,0.35);transition:filter .2s ease,box-shadow .2s ease}.about-content__btn-primary:hover{color:#0B0F17;filter:brightness(1.1);box-shadow:0 0 30px rgba(0,229,255,0.55)}.about-content__btn-secondary{background:rgba(26,34,52,0.8);color:#F8FAFC;font-weight:600;border:1px solid rgba(0,229,255,0.35);border-radius:10px;transition:background .2s ease,color .2s ease,border-color .2s ease}.about-content__btn-secondary:hover{background:rgba(34,45,66,1);border-color:#00E5FF;color:#00E5FF}.about-content__highlight-card{background:linear-gradient(180deg,rgba(26,34,52,0.85) 0%,rgba(17,24,39,0.98) 100%);border:1px solid rgba(0,229,255,0.35);box-shadow:0 20px 40px -15px rgba(0,0,0,0.7)}.about-content__card-header{border-color:rgba(255,255,255,0.08)!important}.about-content__card-tag{font-family:'JetBrains Mono',monospace;font-size:0.75rem;color:#00E5FF;font-weight:700;letter-spacing:0.05em}.about-content__card-code{font-family:'JetBrains Mono',monospace;font-size:0.75rem;color:#F59E0B;background:rgba(245,158,11,0.15);border:1px solid rgba(245,158,11,0.3);border-radius:6px;padding:0.15rem 0.5rem}.about-content__card-title{color:#F8FAFC}.about-content__card-text{color:#94A3B8;font-size:0.925rem;line-height:1.5}.about-content__metric-grid{grid-template-columns:1fr}.about-content__metric-item{background:#0B0F17;border:1px solid rgba(148,163,184,0.12);display:flex;justify-content:space-between;font-size:0.825rem}.about-content__metric-name{color:#64748B;font-family:'JetBrains Mono',monospace}.about-content__metric-val{color:#F8FAFC;font-family:'JetBrains Mono',monospace;font-weight:600}.about-content__section-heading{color:#F8FAFC}.about-content__section-sub{color:#94A3B8;font-size:1rem}.about-content__pillar-card{background:#111827;border:1px solid rgba(148,163,184,0.12);box-shadow:0 20px 40px -15px rgba(0,0,0,0.7);transition:border-color .2s ease,box-shadow .2s ease}.about-content__pillar-card:hover{border-color:#00E5FF;box-shadow:0 0 25px rgba(0,229,255,0.15),0 20px 40px -10px rgba(0,0,0,0.8)}.about-content__pillar-card h3{color:#F8FAFC}.about-content__pillar-icon{width:44px;height:44px;border-radius:10px;background:rgba(0,229,255,0.12);color:#00E5FF;display:flex;align-items:center;justify-content:center}.about-content__pillar-text{color:#94A3B8;font-size:0.95rem;line-height:1.6}.about-content__drill-stepper{background:#111827;border:1px solid rgba(148,163,184,0.16);box-shadow:0 20px 40px -15px rgba(0,0,0,0.7)}.about-content__stepper-intro h3{color:#F8FAFC}.about-content__step-btn{background:rgba(26,34,52,0.6);border:1px solid rgba(148,163,184,0.15);color:#94A3B8;font-size:0.9rem;transition:all .2s ease;width:100%}.about-content__step-btn span{font-family:'JetBrains Mono',monospace}.about-content__step-btn:hover{background:rgba(34,45,66,0.9);color:#F8FAFC;border-color:rgba(0,229,255,0.4)}.about-content__step-btn.active{background:rgba(0,229,255,0.12);border-color:#00E5FF;color:#00E5FF;box-shadow:0 0 15px rgba(0,229,255,0.15)}.about-content__step-display{background:#0B0F17;border:1px solid rgba(0,229,255,0.25);min-height:260px}.about-content__step-num{font-family:'JetBrains Mono',monospace;font-size:0.75rem;font-weight:700;color:#00E5FF;letter-spacing:0.05em}.about-content__step-badge{font-family:'JetBrains Mono',monospace;font-size:0.75rem;color:#10B981;background:rgba(16,185,129,0.15);border:1px solid rgba(16,185,129,0.3);border-radius:6px;padding:0.15rem 0.5rem}.about-content__step-desc{color:#94A3B8;font-size:0.95rem;line-height:1.5}.about-content__step-list li{color:#CBD5E1;font-size:0.9rem;margin-bottom:0.4rem}@media (max-width:767.98px){.about-content__title{font-size:1.75rem}.about-content__subtitle{font-size:1.15rem}.about-content__section-heading{font-size:1.25rem}.about-content__step-display{min-height:auto}}

/* ===== PAGE: materials ===== */
.materials-page-section {
  background-color: #0B0F17;
  color: #F8FAFC;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  position: relative;
  overflow: hidden;
}

.materials-page-section .text-accent-cyan {
  color: #00E5FF !important;
}

.materials-page-section .text-secondary-custom {
  color: #94A3B8 !important;
}

.materials-page-section .text-muted-custom {
  color: #64748B !important;
}

.materials-page-section .materials-header-panel {
  background: linear-gradient(180deg, rgba(26, 34, 52, 0.85) 0%, rgba(17, 24, 39, 0.95) 100%);
  border: 1px solid rgba(148, 163, 184, 0.15);
  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
}

.materials-page-section .materials-badge-terminal {
  background: #111827;
  border: 1px solid rgba(0, 229, 255, 0.3);
}

.materials-page-section .badge-dot {
  width: 8px;
  height: 8px;
  background-color: #00E5FF;
  border-radius: 50%;
  box-shadow: 0 0 8px #00E5FF;
  display: inline-block;
}

.materials-page-section .materials-terminal-preview {
  background: #0B0F17;
  border: 1px solid rgba(0, 229, 255, 0.25);
  border-left: 4px solid #00E5FF;
}

.materials-page-section .btn-terminal-filter {
  background: #111827;
  color: #94A3B8;
  border: 1px solid rgba(148, 163, 184, 0.2);
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  transition: all 0.2s ease;
}

.materials-page-section .btn-terminal-filter:hover,
.materials-page-section .btn-terminal-filter.active {
  background: rgba(0, 229, 255, 0.15);
  color: #00E5FF;
  border-color: #00E5FF;
}

.materials-page-section .materials-card {
  background: linear-gradient(180deg, rgba(26, 34, 52, 0.8) 0%, rgba(17, 24, 39, 0.95) 100%);
  border: 1px solid rgba(148, 163, 184, 0.16);
  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.materials-page-section .materials-card:hover {
  border-color: #00E5FF;
  box-shadow: 0 0 25px rgba(0, 229, 255, 0.15), 0 20px 40px -10px rgba(0, 0, 0, 0.8);
  transform: translateY(-3px);
}

.materials-page-section .materials-card-img-wrap {
  height: 160px;
  background: #0B0F17;
}

.materials-page-section .materials-card-img-wrap img {
  transition: transform 0.3s ease;
}

.materials-page-section .materials-card:hover .materials-card-img-wrap img {
  transform: scale(1.03);
}

.materials-page-section .materials-card-title-link {
  transition: color 0.2s ease;
}

.materials-page-section .materials-card:hover .materials-card-title-link {
  color: #00E5FF !important;
}

.materials-page-section .btn-accent-primary {
  background: linear-gradient(135deg, #00E5FF 0%, #6366F1 100%);
  color: #0B0F17;
  font-weight: 700;
  border: none;
  border-radius: 8px;
  transition: all 0.2s ease;
  box-shadow: 0 0 15px rgba(0, 229, 255, 0.3);
}

.materials-page-section .btn-accent-primary:hover {
  filter: brightness(1.1);
  box-shadow: 0 0 25px rgba(0, 229, 255, 0.5);
  color: #0B0F17;
}

.materials-page-section .btn-outline-cyan {
  background: rgba(26, 34, 52, 0.8);
  color: #F8FAFC;
  font-weight: 600;
  border: 1px solid rgba(0, 229, 255, 0.35);
  border-radius: 8px;
  transition: all 0.2s ease;
}

.materials-page-section .btn-outline-cyan:hover {
  background: rgba(34, 45, 66, 1);
  border-color: #00E5FF;
  color: #00E5FF;
}

.materials-page-section .materials-order-section {
  background: #111827;
  border: 1px solid rgba(0, 229, 255, 0.25);
  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.8);
}

.materials-page-section .materials-form {
  background: #0B0F17;
  border: 1px solid rgba(148, 163, 184, 0.15);
}

.materials-page-section .materials-form-input {
  background-color: #111827 !important;
  border: 1px solid rgba(148, 163, 184, 0.25) !important;
  color: #F8FAFC !important;
  border-radius: 8px;
  font-size: 0.9375rem;
}

.materials-page-section .materials-form-input::placeholder {
  color: #64748B !important;
}

.materials-page-section .materials-form-input:focus {
  border-color: #00E5FF !important;
  box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.2) !important;
  outline: none;
}

@media (max-width: 767.98px) {
  .materials-page-section h1 {
    font-size: 1.5rem;
    hyphens: auto;
  }
  .materials-page-section h2 {
    font-size: 1.25rem;
    hyphens: auto;
  }
  .materials-page-section h3 {
    font-size: 1rem;
    hyphens: auto;
  }
}

/* ===== PAGE: knowledge-base ===== */
.kb-section {
  background-color: #0B0F17;
  color: #F8FAFC;
  min-height: 80vh;
}

.kb-section .kb-header-panel {
  background: linear-gradient(180deg, rgba(26, 34, 52, 0.8) 0%, rgba(17, 24, 39, 0.95) 100%);
  border: 1px solid rgba(148, 163, 184, 0.16);
  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
}

.kb-section .kb-badge {
  background: rgba(0, 229, 255, 0.1);
  border: 1px solid rgba(0, 229, 255, 0.3);
}

.kb-section .kb-status-dot {
  width: 8px;
  height: 8px;
  background-color: #00E5FF;
  border-radius: 50%;
  box-shadow: 0 0 8px #00E5FF;
}

.kb-section .kb-mono-tag {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #00E5FF;
  font-weight: 600;
}

.kb-section .kb-title {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1.2;
  color: #F8FAFC;
  letter-spacing: -0.02em;
}

.kb-section .kb-subtitle {
  font-size: 1.125rem;
  color: #00E5FF;
  font-weight: 600;
  line-height: 1.4;
}

.kb-section .kb-lead {
  font-size: 1rem;
  line-height: 1.6;
  color: #94A3B8;
}

.kb-section .kb-telemetry-box {
  background: #0B0F17;
  border: 1px solid rgba(0, 229, 255, 0.25);
}

.kb-section .kb-mono-sm {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.6875rem;
  letter-spacing: 0.06em;
}

.kb-section .kb-code-pill {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.6875rem;
  padding: 0.2rem 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  color: #10B981;
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 4px;
}

.kb-section .kb-telemetry-text {
  font-size: 0.8125rem;
  line-height: 1.5;
}

.kb-section .kb-controls-bar {
  background: #111827;
  border: 1px solid rgba(148, 163, 184, 0.12);
}

.kb-section .kb-search-wrap {
  width: 100%;
}

.kb-section .kb-search-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #64748B;
  pointer-events: none;
}

.kb-section .kb-search-input {
  background-color: #0B0F17;
  border: 1px solid rgba(148, 163, 184, 0.2);
  color: #F8FAFC;
  padding-left: 2.6rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  border-radius: 8px;
}

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

.kb-section .kb-search-input:focus {
  background-color: #0B0F17;
  color: #F8FAFC;
  border-color: #00E5FF;
  box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.2);
}

.kb-section .kb-filter-btn {
  background: #1A2234;
  color: #94A3B8;
  border: 1px solid rgba(148, 163, 184, 0.16);
  padding: 0.5rem 1.1rem;
  font-size: 0.8125rem;
  font-weight: 600;
  border-radius: 9999px;
  transition: all 0.2s ease;
}

.kb-section .kb-filter-btn:hover {
  color: #F8FAFC;
  border-color: rgba(0, 229, 255, 0.4);
  background: #222D42;
}

.kb-section .kb-filter-btn.active {
  background: linear-gradient(135deg, #00E5FF 0%, #6366F1 100%);
  color: #0B0F17;
  border-color: transparent;
  font-weight: 700;
  box-shadow: 0 0 15px rgba(0, 229, 255, 0.3);
}

.kb-section .kb-card {
  background: #111827;
  border: 1px solid rgba(148, 163, 184, 0.12);
  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.kb-section .kb-card:hover {
  transform: translateY(-4px);
  border-color: #00E5FF;
  box-shadow: 0 0 25px rgba(0, 229, 255, 0.15), 0 20px 40px -10px rgba(0, 0, 0, 0.8);
}

.kb-section .kb-image-wrap {
  height: 200px;
  background-color: #1A2234;
}

.kb-section .kb-card-img {
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.kb-section .kb-card:hover .kb-card-img {
  transform: scale(1.04);
}

.kb-section .kb-category-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 0.25rem 0.625rem;
  background: rgba(11, 15, 23, 0.85);
  border: 1px solid rgba(0, 229, 255, 0.4);
  color: #00E5FF;
  border-radius: 6px;
  backdrop-filter: blur(4px);
}

.kb-section .kb-card-meta {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  color: #64748B;
}

.kb-section .kb-card-author {
  font-size: 0.75rem;
  color: #94A3B8;
}

.kb-section .kb-card-title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 0.5rem;
}

.kb-section .kb-title-link {
  color: #F8FAFC;
  text-decoration: none;
  transition: color 0.2s ease;
}

.kb-section .kb-title-link:hover {
  color: #00E5FF;
}

.kb-section .kb-card-desc {
  font-size: 0.875rem;
  line-height: 1.55;
  color: #94A3B8;
}

.kb-section .kb-card-action {
  color: #00E5FF;
  text-decoration: none;
  font-size: 0.8125rem;
  font-weight: 600;
  transition: transform 0.2s ease, color 0.2s ease;
}

.kb-section .kb-card-action:hover {
  color: #33EBFF;
  transform: translateX(3px);
}

.kb-section .kb-empty-state {
  background: #111827;
  border: 1px dashed rgba(148, 163, 184, 0.2);
}

@media (max-width: 767.98px) {
  .kb-section .kb-title {
    font-size: 1.125rem;
    hyphens: auto;
  }
  .kb-section .kb-subtitle {
    font-size: 1rem;
  }
  .kb-section .kb-card-title {
    font-size: 0.875rem;
  }
}

/* ===== PAGE: brand-support ===== */
.brand-support-drill{background-color:#0B0F17;color:#F8FAFC;min-height:100%}.brand-support-drill__header-box{background:linear-gradient(180deg,rgba(26,34,52,0.8) 0%,rgba(17,24,39,0.95) 100%);border:1px solid rgba(148,163,184,0.16);border-radius:16px;box-shadow:0 20px 40px -15px rgba(0,0,0,0.7)}.brand-support-drill__badge{background:rgba(0,229,255,0.15);color:#00E5FF;border:1px solid rgba(0,229,255,0.3);border-radius:6px;padding:0.25rem 0.625rem;font-family:'JetBrains Mono',monospace;font-size:0.8125rem;font-weight:500}.brand-support-drill__code{color:#94A3B8;font-family:'JetBrains Mono',monospace;font-size:0.8125rem}.brand-support-drill__title{font-size:2.25rem;line-height:1.2;font-weight:800;letter-spacing:-0.02em;color:#F8FAFC}@media(max-width:767px){.brand-support-drill__title{font-size:1.125rem;line-height:1.25;hyphens:auto}}.brand-support-drill__subtitle{font-size:1.375rem;line-height:1.3;font-weight:600;color:#00E5FF}@media(max-width:767px){.brand-support-drill__subtitle{font-size:1rem;line-height:1.3;hyphens:auto}}.brand-support-drill__lead{font-size:1.0625rem;line-height:1.6;color:#94A3B8}@media(max-width:767px){.brand-support-drill__lead{font-size:0.875rem}}.brand-support-drill__nav-card{background:#111827;border:1px solid rgba(148,163,184,0.12);border-radius:12px}.brand-support-drill__toolbar{width:100%}.brand-support-drill__btn{background:rgba(26,34,52,0.8);color:#F8FAFC;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:0.9375rem;border:1px solid rgba(0,229,255,0.35);border-radius:10px;padding:0.75rem 1.25rem;transition:all 0.2s ease;cursor:pointer}@media(max-width:767px){.brand-support-drill__btn{width:100%;font-size:0.8125rem;padding:0.625rem 0.875rem}}.brand-support-drill__btn:hover{background:rgba(34,45,66,1);border-color:#00E5FF;color:#00E5FF}.brand-support-drill__btn.active{background:linear-gradient(135deg,#00E5FF 0%,#6366F1 100%);color:#0B0F17;border-color:transparent;box-shadow:0 0 20px rgba(0,229,255,0.35)}.brand-support-drill__card{background:linear-gradient(180deg,rgba(26,34,52,0.8) 0%,rgba(17,24,39,0.95) 100%);border:1px solid rgba(148,163,184,0.16);border-radius:16px;box-shadow:0 20px 40px -15px rgba(0,0,0,0.7)}.brand-support-drill__sidebar{background:#111827;border:1px solid rgba(148,163,184,0.12);border-radius:16px}.brand-support-drill__panel-tag{font-family:'JetBrains Mono',monospace;font-size:0.75rem;letter-spacing:0.05em;color:#00E5FF;text-transform:uppercase}.brand-support-drill__indicator{font-family:'JetBrains Mono',monospace;font-size:0.75rem;color:#94A3B8}.brand-support-drill__card-title{font-size:1.5rem;line-height:1.3;font-weight:700;color:#F8FAFC}@media(max-width:767px){.brand-support-drill__card-title{font-size:0.875rem;hyphens:auto}}.brand-support-drill__card-text{font-size:0.9375rem;line-height:1.6;color:#94A3B8}.brand-support-drill__sidebar-title{font-size:1.25rem;line-height:1.3;font-weight:600;color:#F8FAFC}@media(max-width:767px){.brand-support-drill__sidebar-title{font-size:0.875rem}}.brand-support-drill__step-box{background:#0B0F17;border:1px solid rgba(0,229,255,0.2);border-radius:12px;padding:1.25rem}.brand-support-drill__step-header{font-family:'JetBrains Mono',monospace;font-size:0.8125rem;font-weight:700;color:#F59E0B;text-transform:uppercase}.brand-support-drill__step-text{font-size:0.875rem;line-height:1.6;color:#F8FAFC}.brand-support-drill__field-label{font-family:'JetBrains Mono',monospace;font-size:0.8125rem;color:#94A3B8;text-transform:uppercase}.brand-support-drill__choice{background:#111827;border:1px solid rgba(148,163,184,0.25);border-radius:10px;color:#F8FAFC;font-size:0.875rem;line-height:1.5;transition:all 0.2s ease;cursor:pointer}.brand-support-drill__choice:hover{border-color:#00E5FF;background:rgba(26,34,52,0.9);color:#00E5FF}.brand-support-drill__choice strong{color:#00E5FF;display:block;margin-bottom:0.25rem}.brand-support-drill__feedback{background:#1A2234;border-left:3px solid #00E5FF;border-radius:8px;padding:1rem 1.25rem;font-size:0.875rem;line-height:1.6;color:#F8FAFC}.brand-support-drill__list-item{font-size:0.875rem;color:#94A3B8;border-bottom:1px solid rgba(255,255,255,0.06);padding-bottom:0.5rem}.brand-support-drill__list-item strong{color:#F8FAFC}.brand-support-drill__action-card{background:#0B0F17;border:1px solid rgba(0,229,255,0.2);border-radius:12px}.brand-support-drill__action-title{font-size:0.9375rem;font-weight:600;color:#00E5FF}.brand-support-drill__action-text{font-size:0.8125rem;line-height:1.5;color:#94A3B8}.brand-support-drill__link-btn{background:linear-gradient(135deg,#00E5FF 0%,#6366F1 100%);color:#0B0F17;font-weight:700;font-size:0.875rem;padding:0.625rem 1.25rem;border-radius:8px;text-decoration:none;display:inline-block;transition:opacity 0.2s ease}.brand-support-drill__link-btn:hover{filter:brightness(1.1);color:#0B0F17}.brand-support-drill__link-sec{background:rgba(26,34,52,0.8);color:#F8FAFC;font-weight:600;font-size:0.875rem;padding:0.625rem 1.25rem;border-radius:8px;border:1px solid rgba(0,229,255,0.35);text-decoration:none;display:inline-block;transition:all 0.2s ease}.brand-support-drill__link-sec:hover{background:rgba(34,45,66,1);border-color:#00E5FF;color:#00E5FF}.brand-support-drill__check-item{background:#0B0F17;border:1px solid rgba(148,163,184,0.15);border-radius:8px;padding:0.875rem;font-size:0.8125rem;line-height:1.5;color:#94A3B8}.brand-support-drill__check-tag{color:#00E5FF;font-weight:600;display:block;margin-bottom:0.25rem;font-family:'JetBrains Mono',monospace}.brand-support-drill__priority-row{background:#0B0F17;border:1px solid rgba(148,163,184,0.15);border-radius:10px}.brand-support-drill__step-num{font-family:'JetBrains Mono',monospace;font-weight:700;color:#00E5FF;font-size:0.875rem}.brand-support-drill__badge-pri{background:rgba(245,158,11,0.15);color:#F59E0B;border:1px solid rgba(245,158,11,0.3);border-radius:6px;padding:0.2rem 0.5rem;font-family:'JetBrains Mono',monospace;font-size:0.75rem}.brand-support-drill__role-box{background:#0B0F17;border:1px solid rgba(148,163,184,0.15);border-radius:10px}.brand-support-drill__role-name{font-weight:700;font-size:0.9375rem;color:#00E5FF;margin-bottom:0.25rem}.brand-support-drill__role-desc{font-size:0.8125rem;line-height:1.5;color:#94A3B8}.brand-support-drill__debrief-item{background:#0B0F17;border:1px solid rgba(0,229,255,0.2);border-radius:10px;height:100%}.brand-support-drill__debrief-title{font-weight:700;font-size:0.9375rem;color:#00E5FF}.brand-support-drill__debrief-text{font-size:0.8125rem;line-height:1.5;color:#94A3B8}

/* ===== PAGE: contact ===== */
.contact-section-module{background-color:#0B0F17;color:#F8FAFC;min-height:600px;overflow:hidden}.contact-section-module .contact-badge-wrapper{background:rgba(26,34,52,0.85);border:1px solid rgba(0,229,255,0.3);border-radius:9999px;padding:0.35rem 1rem}.contact-section-module .contact-status-dot{width:8px;height:8px;border-radius:50%;background-color:#00E5FF;box-shadow:0 0 8px #00E5FF;display:inline-block}.contact-section-module .contact-badge-text{font-family:'JetBrains Mono',monospace;font-size:0.75rem;font-weight:700;color:#00E5FF;letter-spacing:0.06em;text-transform:uppercase}.contact-section-module .contact-main-heading{font-family:'Plus Jakarta Sans',sans-serif;font-size:2.25rem;font-weight:800;line-height:1.2;color:#F8FAFC;letter-spacing:-0.02em}.contact-section-module .contact-sub-heading{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.25rem;font-weight:600;line-height:1.35;color:#94A3B8}.contact-section-module .contact-lead-text{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;line-height:1.6;color:#94A3B8;max-width:760px}.contact-section-module .contact-info-panel{background:linear-gradient(180deg,rgba(26,34,52,0.85) 0%,rgba(17,24,39,0.95) 100%);border:1px solid rgba(148,163,184,0.15);border-radius:16px;box-shadow:0 20px 40px -15px rgba(0,0,0,0.7)}.contact-section-module .contact-telemetry-box{background:#0B0F17;border:1px solid rgba(0,229,255,0.25);border-radius:12px;padding:1.25rem}.contact-section-module .telemetry-label{font-family:'JetBrains Mono',monospace;font-size:0.75rem;color:#94A3B8;text-transform:uppercase;letter-spacing:0.04em}.contact-section-module .telemetry-code{font-family:'JetBrains Mono',monospace;font-size:0.75rem;color:#10B981;font-weight:600}.contact-section-module .telemetry-headline{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.125rem;font-weight:700;color:#F8FAFC}.contact-section-module .telemetry-description{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.875rem;line-height:1.5;color:#94A3B8}.contact-section-module .contact-icon-frame{width:40px;height:40px;border-radius:10px;background:#1A2234;border:1px solid rgba(0,229,255,0.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-section-module .contact-svg-icon{width:20px;height:20px;color:#00E5FF}.contact-section-module .detail-caption{font-family:'JetBrains Mono',monospace;font-size:0.75rem;color:#64748B;text-transform:uppercase;letter-spacing:0.05em}.contact-section-module .detail-value{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9375rem;color:#F8FAFC;font-weight:500;line-height:1.4;display:block}.contact-section-module .detail-link{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9375rem;color:#F8FAFC;font-weight:600;text-decoration:none;transition:color 0.2s ease}.contact-section-module .detail-link:hover{color:#00E5FF;text-decoration:underline}.contact-section-module .detail-link-accent{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9375rem;color:#00E5FF;font-weight:600;text-decoration:none;transition:color 0.2s ease}.contact-section-module .detail-link-accent:hover{color:#33EBFF;text-decoration:underline}.contact-section-module .contact-foot-note{border-top:1px solid rgba(255,255,255,0.08)}.contact-section-module .small-note{font-family:'JetBrains Mono',monospace;font-size:0.75rem;color:#64748B;line-height:1.5}.contact-section-module .contact-form-card{background:linear-gradient(180deg,rgba(26,34,52,0.8) 0%,rgba(17,24,39,0.95) 100%);border:1px solid rgba(148,163,184,0.15);border-radius:16px;box-shadow:0 20px 40px -15px rgba(0,0,0,0.7)}.contact-section-module .form-field-label{font-family:'JetBrains Mono',monospace;font-size:0.8125rem;font-weight:600;color:#F8FAFC;margin-bottom:0.4rem;display:block}.contact-section-module .form-field-input,.contact-section-module .form-field-select,.contact-section-module .form-field-textarea{background-color:#0B0F17;border:1px solid rgba(148,163,184,0.25);color:#F8FAFC;border-radius:8px;padding:0.75rem 1rem;font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9375rem;transition:border-color 0.2s ease,box-shadow 0.2s ease}.contact-section-module .form-field-input::placeholder,.contact-section-module .form-field-textarea::placeholder{color:#64748B;opacity:1}.contact-section-module .form-field-input:focus,.contact-section-module .form-field-select:focus,.contact-section-module .form-field-textarea:focus{background-color:#0B0F17;color:#F8FAFC;border-color:#00E5FF;box-shadow:0 0 0 3px rgba(0,229,255,0.25);outline:none}.contact-section-module .form-field-select option{background-color:#111827;color:#F8FAFC}.contact-section-module .form-field-checkbox{accent-color:#00E5FF;width:18px;height:18px;flex-shrink:0;cursor:pointer}.contact-section-module .consent-label{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.8125rem;line-height:1.45;color:#94A3B8;cursor:pointer}.contact-section-module .btn-contact-submit{background:linear-gradient(135deg,#00E5FF 0%,#6366F1 100%);color:#0B0F17;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:1rem;border:none;border-radius:10px;padding:0.875rem 1.75rem;box-shadow:0 0 20px rgba(0,229,255,0.35);cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease,filter 0.2s ease}.contact-section-module .btn-contact-submit:hover{filter:brightness(1.1);box-shadow:0 0 30px rgba(0,229,255,0.55);transform:translateY(-1px)}.contact-section-module .btn-contact-submit:active{transform:translateY(0)}.contact-section-module .submit-icon{width:18px;height:18px}@media(max-width:767.98px){.contact-section-module .contact-main-heading{font-size:1.125rem;hyphens:auto}.contact-section-module .contact-sub-heading{font-size:1rem;hyphens:auto}.contact-section-module .telemetry-headline{font-size:0.875rem;hyphens:auto}.contact-section-module .contact-info-panel,.contact-section-module .contact-form-card{padding:1.5rem}}

/* ===== PAGE: privacy ===== */
.privacy-policy-section{background-color:#0B0F17;color:#F8FAFC;min-height:100%;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif}.privacy-policy-section .privacy-header-panel{background:linear-gradient(180deg,rgba(26,34,52,0.8) 0%,rgba(17,24,39,0.95) 100%);border:1px solid rgba(148,163,184,0.16);border-radius:16px;box-shadow:0 20px 40px -15px rgba(0,0,0,0.7)}.privacy-policy-section .privacy-badge-pill{background:rgba(0,229,255,0.12);color:#00E5FF;border:1px solid rgba(0,229,255,0.3);border-radius:9999px;padding:0.25rem 0.75rem;font-family:'JetBrains Mono',monospace;font-size:0.75rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase}.privacy-policy-section .privacy-code-badge{background:rgba(99,102,241,0.15);color:#818CF8;border:1px solid rgba(99,102,241,0.3);border-radius:6px;padding:0.25rem 0.625rem;font-family:'JetBrains Mono',monospace;font-size:0.75rem;font-weight:500}.privacy-policy-section .privacy-main-title{font-size:2.25rem;line-height:1.2;font-weight:800;color:#F8FAFC;letter-spacing:-0.02em}.privacy-policy-section .privacy-lead-text{font-size:1.0625rem;line-height:1.6;color:#94A3B8}.privacy-policy-section .privacy-sidebar-sticky{position:sticky;top:2rem}.privacy-policy-section .privacy-toc-card{background:#111827;border:1px solid rgba(148,163,184,0.12);border-radius:16px;box-shadow:0 20px 40px -15px rgba(0,0,0,0.7)}.privacy-policy-section .toc-label{font-family:'JetBrains Mono',monospace;font-size:0.75rem;font-weight:700;color:#00E5FF;text-transform:uppercase;letter-spacing:0.05em}.privacy-policy-section .toc-status-indicator{width:8px;height:8px;border-radius:50%;background:#10B981;box-shadow:0 0 10px #10B981;display:inline-block}.privacy-policy-section .toc-title{font-size:1.125rem;line-height:1.3;font-weight:700;color:#F8FAFC}.privacy-policy-section .toc-subtitle{font-size:0.875rem;line-height:1.5;color:#94A3B8}.privacy-policy-section .privacy-toc-nav{display:flex;flex-direction:column;gap:0.375rem}.privacy-policy-section .toc-nav-link{display:flex;align-items:center;gap:0.75rem;padding:0.625rem 0.875rem;border-radius:8px;color:#94A3B8;text-decoration:none;font-size:0.875rem;font-weight:500;transition:all 0.2s ease;border:1px solid transparent}.privacy-policy-section .toc-nav-link .toc-num{font-family:'JetBrains Mono',monospace;font-size:0.75rem;color:#64748B;transition:color 0.2s ease}.privacy-policy-section .toc-nav-link:hover{background:rgba(26,34,52,0.8);color:#00E5FF;border-color:rgba(0,229,255,0.2)}.privacy-policy-section .toc-nav-link:hover .toc-num{color:#00E5FF}.privacy-policy-section .toc-nav-link.active{background:#1A2234;color:#00E5FF;border-color:rgba(0,229,255,0.35);box-shadow:0 0 15px rgba(0,229,255,0.1)}.privacy-policy-section .toc-nav-link.active .toc-num{color:#00E5FF;font-weight:700}.privacy-policy-section .privacy-card{background:#111827;border:1px solid rgba(148,163,184,0.12);border-radius:16px;box-shadow:0 20px 40px -15px rgba(0,0,0,0.7);transition:border-color 0.2s ease}.privacy-policy-section .privacy-card:hover{border-color:rgba(0,229,255,0.25)}.privacy-policy-section .section-meta-tag{font-family:'JetBrains Mono',monospace;font-size:0.75rem;font-weight:600;color:#6366F1;letter-spacing:0.06em}.privacy-policy-section .privacy-section-heading{font-size:1.5rem;line-height:1.3;font-weight:700;color:#F8FAFC;letter-spacing:-0.01em}.privacy-policy-section .privacy-body-text{font-size:0.9375rem;line-height:1.65;color:#94A3B8}.privacy-policy-section .text-accent{color:#F8FAFC}.privacy-policy-section .privacy-feature-list{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:0.75rem}.privacy-policy-section .privacy-feature-list li{position:relative;padding-left:1.5rem;font-size:0.9375rem;line-height:1.6;color:#94A3B8}.privacy-policy-section .privacy-feature-list li::before{content:'';position:absolute;left:0;top:0.6rem;width:6px;height:6px;border-radius:50%;background:#00E5FF;box-shadow:0 0 8px rgba(0,229,255,0.6)}.privacy-policy-section .privacy-subcard{background:#1A2234;border:1px solid rgba(148,163,184,0.12);border-left:3px solid #00E5FF;border-radius:8px}.privacy-policy-section .subcard-heading{font-size:1rem;line-height:1.3;font-weight:600;color:#F8FAFC}.privacy-policy-section .subcard-text{font-size:0.875rem;line-height:1.5;color:#94A3B8}.privacy-policy-section .privacy-table{background:transparent;color:#94A3B8;border-color:rgba(255,255,255,0.08)}.privacy-policy-section .privacy-table th{background:rgba(26,34,52,0.9);color:#F8FAFC;font-family:'JetBrains Mono',monospace;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid rgba(0,229,255,0.3);padding:0.75rem 1rem}.privacy-policy-section .privacy-table td{padding:0.875rem 1rem;font-size:0.875rem;border-bottom:1px solid rgba(255,255,255,0.05);color:#94A3B8;vertical-align:middle}.privacy-policy-section .privacy-table tr:hover td{background:rgba(26,34,52,0.4);color:#F8FAFC}.privacy-policy-section .btn-privacy-action{background:linear-gradient(135deg,#00E5FF 0%,#6366F1 100%);color:#0B0F17;font-weight:700;font-size:0.9375rem;padding:0.75rem 1.5rem;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(0,229,255,0.35);transition:filter 0.2s ease,box-shadow 0.2s ease}.privacy-policy-section .btn-privacy-action:hover{filter:brightness(1.1);box-shadow:0 0 30px rgba(0,229,255,0.55);color:#0B0F17}.privacy-policy-section .btn-privacy-outline{background:rgba(26,34,52,0.8);color:#F8FAFC;font-weight:600;font-size:0.9375rem;padding:0.75rem 1.5rem;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,229,255,0.35);transition:all 0.2s ease}.privacy-policy-section .btn-privacy-outline:hover{background:rgba(34,45,66,1);border-color:#00E5FF;color:#00E5FF}@media(max-width:767.98px){.privacy-policy-section .privacy-main-title{font-size:1.125rem;hyphens:auto}.privacy-policy-section .privacy-section-heading{font-size:1rem;hyphens:auto}.privacy-policy-section .subcard-heading{font-size:0.875rem;hyphens:auto}.privacy-policy-section .toc-title{font-size:0.875rem;hyphens:auto}}

/* ===== PAGE: terms ===== */
.terms-page-section {
  background-color: #0B0F17;
  color: #F8FAFC;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  position: relative;
}

.terms-page-section .terms-badge {
  background: rgba(0, 229, 255, 0.12);
  color: #00E5FF;
  border: 1px solid rgba(0, 229, 255, 0.3);
  border-radius: 6px;
  padding: 0.35rem 0.75rem;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.terms-page-section .terms-badge-code {
  background: rgba(99, 102, 241, 0.15);
  color: #818CF8;
  border: 1px solid rgba(99, 102, 241, 0.3);
  border-radius: 6px;
  padding: 0.35rem 0.75rem;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  font-weight: 500;
}

.terms-page-section .terms-card {
  background: #111827;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 16px;
  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
}

.terms-page-section .terms-main-title {
  color: #F8FAFC;
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.terms-page-section .terms-subtitle {
  color: #00E5FF;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
}

.terms-page-section .terms-lead-text {
  color: #94A3B8;
  font-size: 1rem;
  line-height: 1.6;
}

.terms-page-section .terms-highlight-card {
  background: linear-gradient(180deg, rgba(26, 34, 52, 0.9) 0%, rgba(17, 24, 39, 0.98) 100%);
  border: 1px solid rgba(0, 229, 255, 0.25);
  border-radius: 16px;
  box-shadow: 0 0 25px rgba(0, 229, 255, 0.1), 0 20px 40px -10px rgba(0, 0, 0, 0.8);
}

.terms-page-section .terms-panel-tag {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  color: #00E5FF;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.terms-page-section .terms-dot-pulse {
  width: 8px;
  height: 8px;
  background-color: #10B981;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 8px #10B981;
}

.terms-page-section .terms-panel-heading {
  color: #F8FAFC;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
}

.terms-page-section .terms-panel-desc {
  color: #94A3B8;
  font-size: 0.875rem;
  line-height: 1.5;
}

.terms-page-section .terms-nav-panel {
  background: #111827;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 16px;
  top: 2rem;
  z-index: 10;
}

.terms-page-section .terms-nav-heading {
  font-size: 1rem;
  font-weight: 700;
  color: #F8FAFC;
  letter-spacing: 0.02em;
}

.terms-page-section .terms-search-input {
  background: #0B0F17;
  border: 1px solid rgba(148, 163, 184, 0.25);
  color: #F8FAFC;
  border-radius: 8px;
  padding: 0.65rem 0.875rem;
  font-size: 0.875rem;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.terms-page-section .terms-search-input::placeholder {
  color: #64748B;
  opacity: 1;
}

.terms-page-section .terms-search-input:focus {
  border-color: #00E5FF;
  box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.2);
}

.terms-page-section .terms-nav-link {
  color: #94A3B8;
  font-size: 0.875rem;
  padding: 0.55rem 0.75rem;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.2s ease;
  border-left: 2px solid transparent;
}

.terms-page-section .terms-nav-link:hover {
  color: #F8FAFC;
  background: rgba(26, 34, 52, 0.7);
  border-left-color: #00E5FF;
}

.terms-page-section .terms-nav-link.active {
  color: #00E5FF;
  background: rgba(0, 229, 255, 0.08);
  border-left-color: #00E5FF;
  font-weight: 600;
}

.terms-page-section .terms-article-card {
  background: #111827;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 14px;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
  scroll-margin-top: 2rem;
}

.terms-page-section .terms-article-card:hover {
  border-color: rgba(0, 229, 255, 0.4);
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.7);
}

.terms-page-section .terms-article-num {
  font-size: 0.75rem;
  color: #00E5FF;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.terms-page-section .terms-badge-status {
  background: rgba(148, 163, 184, 0.1);
  color: #94A3B8;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 4px;
  padding: 0.2rem 0.5rem;
  font-size: 0.7rem;
  font-family: 'JetBrains Mono', monospace;
  font-weight: 500;
}

.terms-page-section .terms-article-title {
  color: #F8FAFC;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.35;
}

.terms-page-section .terms-body-text {
  color: #94A3B8;
  font-size: 0.9375rem;
  line-height: 1.65;
}

.terms-page-section .terms-list {
  color: #94A3B8;
  font-size: 0.9375rem;
  line-height: 1.6;
}

.terms-page-section .terms-list li {
  position: relative;
}

.terms-page-section .terms-btn-outline {
  background: rgba(26, 34, 52, 0.8);
  color: #F8FAFC;
  font-weight: 600;
  border: 1px solid rgba(0, 229, 255, 0.35);
  border-radius: 8px;
  padding: 0.6rem 1.25rem;
  font-size: 0.875rem;
  transition: all 0.2s ease;
}

.terms-page-section .terms-btn-outline:hover {
  background: rgba(34, 45, 66, 1);
  border-color: #00E5FF;
  color: #00E5FF;
}

.terms-page-section .terms-empty-search {
  background: #111827;
  border: 1px dashed rgba(0, 229, 255, 0.3);
  border-radius: 14px;
}

.terms-page-section .terms-subcard {
  background: #111827;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 12px;
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.terms-page-section .terms-subcard:hover {
  border-color: #00E5FF;
  transform: translateY(-2px);
}

.terms-page-section .terms-subcard-tag {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.6875rem;
  color: #818CF8;
  font-weight: 600;
}

.terms-page-section .terms-subcard-title {
  color: #F8FAFC;
  font-size: 1.05rem;
  font-weight: 700;
}

.terms-page-section .terms-subcard-text {
  color: #94A3B8;
  line-height: 1.5;
}

.terms-page-section .terms-link-arrow {
  color: #00E5FF;
  font-size: 0.8125rem;
  font-weight: 600;
  transition: color 0.2s ease;
}

.terms-page-section .terms-link-arrow:hover {
  color: #33EBFF;
  text-decoration: underline !important;
}

@media (max-width: 767.98px) {
  .terms-page-section .terms-main-title {
    font-size: 1.5rem;
    hyphens: auto;
  }
  .terms-page-section .terms-article-title {
    font-size: 1.1rem;
    hyphens: auto;
  }
  .terms-page-section .terms-panel-heading {
    font-size: 1.1rem;
    hyphens: auto;
  }
  .terms-page-section .terms-subcard-title {
    font-size: 0.95rem;
    hyphens: auto;
  }
}

/* ===== PAGE: disclaimer ===== */
.disclaimer-block{background-color:#0B0F17;color:#F8FAFC;min-height:70vh;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.disclaimer-block .disclaimer-badge{display:inline-block;background:rgba(0,229,255,0.1);color:#00E5FF;border:1px solid rgba(0,229,255,0.3);border-radius:6px;padding:0.25rem 0.625rem;font-family:'JetBrains Mono',monospace;font-size:0.75rem;letter-spacing:0.05em;text-transform:uppercase}.disclaimer-block .disclaimer-title{font-size:2.5rem;font-weight:800;line-height:1.2;letter-spacing:-0.02em;color:#F8FAFC}.disclaimer-block .disclaimer-subtitle{font-size:1.125rem;line-height:1.6;color:#94A3B8}.disclaimer-block .disclaimer-alert-card{background:linear-gradient(180deg,rgba(26,34,52,0.8) 0%,rgba(17,24,39,0.95) 100%);border:1px solid rgba(245,158,11,0.35);border-radius:12px;padding:1.5rem;box-shadow:0 20px 40px -15px rgba(0,0,0,0.7)}.disclaimer-block .disclaimer-alert-icon{color:#F59E0B;display:flex;align-items:center;justify-content:center;padding-top:0.125rem}.disclaimer-block .disclaimer-alert-heading{font-size:1.125rem;font-weight:700;color:#F8FAFC;margin-bottom:0.25rem}.disclaimer-block .disclaimer-alert-text{font-size:0.9375rem;line-height:1.6;color:#94A3B8}.disclaimer-block .disclaimer-panel{background:#111827;border:1px solid rgba(0,229,255,0.25);border-left:4px solid #00E5FF;border-radius:8px;padding:1.25rem 1.5rem}.disclaimer-block .disclaimer-panel-label{font-family:'JetBrains Mono',monospace;font-size:0.8125rem;font-weight:600;color:#00E5FF;text-transform:uppercase;letter-spacing:0.05em}.disclaimer-block .disclaimer-panel-code{font-family:'JetBrains Mono',monospace;font-size:0.75rem;color:#64748B;background:rgba(255,255,255,0.04);padding:0.2rem 0.5rem;border-radius:4px;border:1px solid rgba(255,255,255,0.08)}.disclaimer-block .disclaimer-panel-body{font-size:0.9375rem;line-height:1.6;color:#94A3B8}.disclaimer-block .disclaimer-section{background:#111827;border:1px solid rgba(148,163,184,0.12);border-radius:12px;padding:1.75rem;box-shadow:0 10px 25px -10px rgba(0,0,0,0.5)}.disclaimer-block .disclaimer-section-title{font-size:1.25rem;font-weight:700;line-height:1.4;color:#F8FAFC}.disclaimer-block .disclaimer-text{font-size:0.9375rem;line-height:1.7;color:#94A3B8;margin-bottom:0}.disclaimer-block .disclaimer-links{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1.25rem}.disclaimer-block .disclaimer-inline-btn{display:inline-flex;align-items:center;background:#1A2234;color:#F8FAFC;font-family:'Plus Jakarta Sans',sans-serif;font-size:0.875rem;font-weight:600;border:1px solid rgba(0,229,255,0.3);border-radius:8px;padding:0.5rem 1.125rem;text-decoration:none;transition:all 0.2s ease}.disclaimer-block .disclaimer-inline-btn:hover{background:#222D42;border-color:#00E5FF;color:#00E5FF}@media(max-width:767.98px){.disclaimer-block .disclaimer-title{font-size:1.125rem;hyphens:auto}.disclaimer-block .disclaimer-section-title{font-size:1rem;hyphens:auto}.disclaimer-block .disclaimer-alert-heading{font-size:0.875rem}.disclaimer-block .disclaimer-section{padding:1.25rem}}

.cd-comment-card {
    background: linear-gradient(180deg, rgba(26, 34, 52, 0.85) 0%, rgba(17, 24, 39, 0.95) 100%);
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 16px;
    padding: 1.75rem;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.cd-comment-card:hover {
    border-color: rgba(0, 229, 255, 0.4);
    box-shadow: 0 0 25px rgba(0, 229, 255, 0.12), 0 20px 40px -10px rgba(0, 0, 0, 0.8);
}

.cd-comment-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
}

.cd-comment-author-group {
    display: flex;
    align-items: center;
    gap: 0.875rem;
}

.cd-avatar {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 700;
    font-size: 0.9375rem;
    letter-spacing: 0.05em;
    user-select: none;
    border: 1.5px solid rgba(0, 229, 255, 0.4);
}

.cd-avatar--cyan {
    background: radial-gradient(circle at top left, #00E5FF 0%, #1A2234 100%);
    color: #0B0F17;
}

.cd-author-meta {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.cd-author-top-line {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.cd-author-name {
    margin: 0;
    font-size: 1.0625rem;
    font-weight: 700;
    color: #F8FAFC;
    line-height: 1.3;
}

.cd-badge {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1;
}

.cd-badge--verified {
    background: rgba(16, 185, 129, 0.15);
    color: #10B981;
    border: 1px solid rgba(16, 185, 129, 0.35);
}

.cd-author-role {
    font-size: 0.8125rem;
    color: #94A3B8;
    font-weight: 400;
    line-height: 1.4;
}

.cd-comment-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.35rem;
}

.cd-meta-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    font-weight: 600;
    color: #00E5FF;
    background: rgba(0, 229, 255, 0.08);
    border: 1px solid rgba(0, 229, 255, 0.25);
    border-radius: 4px;
    padding: 0.25rem 0.5rem;
}

.cd-meta-time {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #64748B;
}

.cd-comment-body {
    margin-bottom: 1.25rem;
}

.cd-comment-text {
    color: #E2E8F0;
    font-size: 0.96875rem;
    line-height: 1.65;
    margin: 0;
}

.cd-comment-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.cd-action-group {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.cd-btn-action {
    background: rgba(26, 34, 52, 0.6);
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    color: #94A3B8;
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 0.45rem 0.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.cd-btn-action:hover {
    background: rgba(34, 45, 66, 0.9);
    border-color: rgba(0, 229, 255, 0.35);
    color: #F8FAFC;
}

.cd-btn-action--active {
    background: rgba(0, 229, 255, 0.12);
    border-color: rgba(0, 229, 255, 0.4);
    color: #00E5FF;
}

.cd-action-icon {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

.cd-action-counter {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
}

.cd-status-indicator {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #10B981;
}

.cd-status-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #10B981;
    box-shadow: 0 0 8px #10B981;
}

@media (max-width: 576px) {
    .cd-comment-card {
        padding: 1.25rem;
    }

    .cd-comment-meta {
        align-items: flex-start;
    }

    .cd-comment-header {
        flex-direction: column;
    }

    .cd-comment-footer {
        flex-direction: column;
        align-items: flex-start;
    }
}

.cd-reply-wrapper {
    display: flex;
    position: relative;
    padding-left: 2rem;
    margin-top: 1rem;
    width: 100%;
    box-sizing: border-box;
}

.cd-reply-thread-line {
    position: absolute;
    left: 0.75rem;
    top: 0;
    bottom: 1.5rem;
    width: 2px;
    background: linear-gradient(180deg, rgba(0, 229, 255, 0.45) 0%, rgba(99, 102, 241, 0.15) 100%);
    border-radius: 2px;
}

.cd-reply-card {
    background: #1A2234;
    border: 1px solid rgba(0, 229, 255, 0.2);
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 10px 25px -10px rgba(0, 0, 0, 0.6);
    transition: border-color 0.25s ease, background-color 0.25s ease;
}

.cd-reply-card:hover {
    border-color: rgba(0, 229, 255, 0.45);
    background: #1E283D;
}

.cd-reply-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.875rem;
}

.cd-avatar--indigo {
    background: radial-gradient(circle at top left, #6366F1 0%, #111827 100%);
    color: #F8FAFC;
    border-color: rgba(99, 102, 241, 0.5);
    width: 38px;
    height: 38px;
    min-width: 38px;
    font-size: 0.875rem;
}

.cd-author-name--reply {
    font-size: 0.9375rem;
    font-weight: 700;
}

.cd-badge--author {
    background: rgba(99, 102, 241, 0.2);
    color: #818CF8;
    border: 1px solid rgba(99, 102, 241, 0.4);
}

.cd-comment-text--reply {
    font-size: 0.90625rem;
    color: #CBD5E1;
    line-height: 1.55;
    margin: 0;
}

.cd-comment-footer--reply {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding-top: 0.75rem;
    margin-top: 0.875rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.cd-reply-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    color: #6366F1;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

@media (max-width: 576px) {
    .cd-reply-wrapper {
        padding-left: 1rem;
    }

    .cd-reply-thread-line {
        left: 0.25rem;
    }

    .cd-reply-card {
        padding: 1rem;
    }
}


/* ===== PAGE TEMPLATE: materials-list ===== */
.cd-header-section {
    background-color: #0B0F17;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    z-index: 1030;
}

.cd-header-section .cd-main-nav {
    background-color: #0B0F17;
    padding: 0.875rem 0;
}

.cd-header-section .cd-header-logo {
    max-width: 44px;
    height: 44px;
    object-fit: contain;
}

.cd-header-section .cd-brand-title {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 800;
    font-size: 1.15rem;
    color: #F8FAFC;
    letter-spacing: -0.02em;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.cd-header-section .cd-brand-badge {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    font-weight: 700;
    background: rgba(0, 229, 255, 0.15);
    color: #00E5FF;
    border: 1px solid rgba(0, 229, 255, 0.35);
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    letter-spacing: 0.05em;
}

.cd-header-section .cd-nav-toggler {
    border: 1px solid rgba(148, 163, 184, 0.2);
    background-color: #111827;
    padding: 0.5rem;
    border-radius: 8px;
    color: #F8FAFC;
}

.cd-header-section .cd-nav-toggler:focus {
    box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.25);
    outline: none;
}

.cd-header-section .cd-toggler-icon {
    width: 24px;
    height: 24px;
    color: #F8FAFC;
    display: block;
}

.cd-header-section .cd-nav-list {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
}

.cd-header-section .cd-nav-link {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #94A3B8;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.cd-header-section .cd-nav-link:hover,
.cd-header-section .cd-nav-link:focus {
    color: #00E5FF;
    background-color: rgba(26, 34, 52, 0.6);
}

.cd-header-section .cd-btn-cta {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    background: linear-gradient(135deg, #00E5FF 0%, #6366F1 100%);
    color: #0B0F17;
    font-weight: 700;
    font-size: 0.875rem;
    border-radius: 10px;
    padding: 0.625rem 1.25rem;
    border: none;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.35);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: filter 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
}

.cd-header-section .cd-btn-cta:hover,
.cd-header-section .cd-btn-cta:focus {
    filter: brightness(1.1);
    box-shadow: 0 0 25px rgba(0, 229, 255, 0.55);
    color: #0B0F17;
}

.cd-header-section .cd-cta-dot {
    width: 8px;
    height: 8px;
    background-color: #0B0F17;
    border-radius: 50%;
    display: inline-block;
}

@media (max-width: 991.98px) {
    .cd-header-section .navbar-collapse {
        background-color: #111827;
        border: 1px solid rgba(148, 163, 184, 0.16);
        border-radius: 12px;
        padding: 1.25rem;
        margin-top: 1rem;
        box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.8);
    }

    .cd-header-section .cd-nav-list {
        flex-direction: column;
        align-items: stretch;
        gap: 0.25rem;
        margin-bottom: 1.25rem;
    }

    .cd-header-section .cd-nav-link {
        padding: 0.75rem 1rem;
    }

    .cd-header-section .cd-header-actions {
        width: 100%;
    }
}

.cd-material-detail-page {
    background-color: #0B0F17;
    color: #94A3B8;
    min-height: 100vh;
}

.cd-material-detail-page .cd-breadcrumb-section {
    border-bottom: 1px solid rgba(148, 163, 184, 0.08);
    background-color: #0d131d;
}

.cd-material-detail-page .cd-breadcrumb-list {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8125rem;
}

.cd-material-detail-page .cd-breadcrumb-link {
    color: #94A3B8;
    text-decoration: none;
    transition: color 0.2s ease;
}

.cd-material-detail-page .cd-breadcrumb-link:hover {
    color: #00E5FF;
}

.cd-material-detail-page .cd-breadcrumb-active {
    color: #F8FAFC;
}

.cd-material-detail-page .cd-detail-hero {
    background: radial-gradient(circle at 50% 0%, rgba(99, 102, 241, 0.12) 0%, rgba(11, 15, 23, 0) 70%);
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}

.cd-material-detail-page .cd-detail-hero__glow {
    width: 500px;
    height: 250px;
    background: radial-gradient(circle, rgba(0, 229, 255, 0.12) 0%, rgba(11, 15, 23, 0) 70%);
    pointer-events: none;
}

.cd-material-detail-page .cd-meta-badge {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.25rem 0.65rem;
    border-radius: 4px;
    letter-spacing: 0.05em;
}

.cd-material-detail-page .cd-meta-badge--category {
    background: rgba(0, 229, 255, 0.12);
    color: #00E5FF;
    border: 1px solid rgba(0, 229, 255, 0.3);
}

.cd-material-detail-page .cd-meta-badge--code {
    background: rgba(99, 102, 241, 0.15);
    color: #818CF8;
    border: 1px solid rgba(99, 102, 241, 0.3);
}

.cd-material-detail-page .cd-meta-badge--time {
    background: rgba(245, 158, 11, 0.15);
    color: #F59E0B;
    border: 1px solid rgba(245, 158, 11, 0.3);
}

.cd-material-detail-page .cd-detail-hero__title {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(1.85rem, 3.5vw, 2.75rem);
    font-weight: 800;
    line-height: 1.2;
    color: #F8FAFC;
    letter-spacing: -0.02em;
}

.cd-material-detail-page .cd-detail-hero__subtitle {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(1rem, 1.5vw, 1.2rem);
    color: #33EBFF;
    line-height: 1.5;
}

.cd-material-detail-page .cd-detail-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #94A3B8;
    background-color: #111827;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 6px;
    padding: 0.25rem 0.6rem;
}

.cd-material-detail-page .cd-quick-stats-panel {
    background: linear-gradient(180deg, rgba(26, 34, 52, 0.85) 0%, rgba(17, 24, 39, 0.95) 100%);
    border: 1px solid rgba(0, 229, 255, 0.25);
    border-radius: 16px;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
}

.cd-material-detail-page .cd-stats-header {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.cd-material-detail-page .cd-stats-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 700;
    color: #94A3B8;
    letter-spacing: 0.05em;
}

.cd-material-detail-page .cd-stats-price {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.75rem;
    font-weight: 800;
    color: #00E5FF;
}

.cd-material-detail-page .cd-quick-point-item {
    font-size: 0.8125rem;
}

.cd-material-detail-page .cd-point-name {
    color: #94A3B8;
}

.cd-material-detail-page .cd-point-val {
    font-family: 'JetBrains Mono', monospace;
    color: #F8FAFC;
    font-weight: 600;
}

.cd-material-detail-page .cd-btn-cta {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background: linear-gradient(135deg, #00E5FF 0%, #6366F1 100%);
    color: #0B0F17;
    font-weight: 700;
    font-size: 0.9375rem;
    border-radius: 10px;
    padding: 0.75rem 1.5rem;
    border: none;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.35);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: filter 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
}

.cd-material-detail-page .cd-btn-cta:hover,
.cd-material-detail-page .cd-btn-cta:focus {
    filter: brightness(1.1);
    box-shadow: 0 0 30px rgba(0, 229, 255, 0.55);
    color: #0B0F17;
}

.cd-material-detail-page .cd-btn-terminal {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8125rem;
    color: #F8FAFC;
    background-color: #111827;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
    padding: 0.5rem 0.875rem;
    text-decoration: none;
    transition: all 0.2s ease;
}

.cd-material-detail-page .cd-btn-terminal:hover {
    border-color: #00E5FF;
    color: #00E5FF;
    background-color: #1A2234;
}

.cd-material-detail-page .cd-material-content-box {
    background-color: #111827;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 16px;
}

.cd-material-detail-page .cd-material-cover {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.15);
}

.cd-material-detail-page .cd-single-feature-image {
    display: block;
    max-height: 420px;
    object-fit: cover;
}

.cd-material-detail-page .cd-rich-content h2 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    color: #F8FAFC;
    line-height: 1.25;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.cd-material-detail-page .cd-rich-content h3 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.35rem;
    font-weight: 600;
    color: #00E5FF;
    line-height: 1.3;
    margin-top: 1.75rem;
    margin-bottom: 0.85rem;
}

.cd-material-detail-page .cd-rich-content h4 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    color: #F8FAFC;
    line-height: 1.4;
    margin-top: 1.25rem;
    margin-bottom: 0.75rem;
}

.cd-material-detail-page .cd-rich-content p {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #94A3B8;
    margin-bottom: 1.25rem;
}

.cd-material-detail-page .cd-rich-content ul,
.cd-material-detail-page .cd-rich-content ol {
    margin-bottom: 1.5rem;
    padding-left: 1.25rem;
    color: #94A3B8;
}

.cd-material-detail-page .cd-rich-content li {
    margin-bottom: 0.5rem;
    line-height: 1.6;
    font-size: 0.9375rem;
}

.cd-material-detail-page .cd-rich-content blockquote {
    margin: 1.75rem 0;
    padding: 1.25rem 1.5rem;
    background: #1A2234;
    border-left: 3px solid #00E5FF;
    border-radius: 8px;
    font-style: italic;
    color: #F8FAFC;
    font-size: 1rem;
    line-height: 1.6;
}

.cd-material-detail-page .cd-tabs-nav {
    border-bottom: 1px solid rgba(148, 163, 184, 0.15);
    flex-wrap: wrap;
}

.cd-material-detail-page .cd-tab-btn {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #94A3B8;
    background: #1A2234;
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 6px;
    padding: 0.45rem 1rem;
    transition: all 0.2s ease;
}

.cd-material-detail-page .cd-tab-btn:hover,
.cd-material-detail-page .cd-tab-btn.active {
    color: #0B0F17;
    background: #00E5FF;
    border-color: #00E5FF;
}

.cd-material-detail-page .cd-tab-pane {
    display: none;
}

.cd-material-detail-page .cd-tab-pane.active {
    display: block;
}

.cd-material-detail-page .cd-pane-inner {
    background: #0B0F17;
    border: 1px solid rgba(0, 229, 255, 0.2);
}

.cd-material-detail-page .cd-pane-title {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #F8FAFC;
    margin-bottom: 0.5rem;
}

.cd-material-detail-page .cd-code-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.72rem;
    color: #00E5FF;
    background: rgba(0, 229, 255, 0.1);
    border: 1px solid rgba(0, 229, 255, 0.25);
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

.cd-material-detail-page .cd-faq-section {
    background-color: #111827;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 16px;
}

.cd-material-detail-page .cd-faq-section h3 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    color: #F8FAFC;
}

.cd-material-detail-page .cd-accordion-item {
    background-color: #0B0F17;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 8px !important;
    margin-bottom: 0.75rem;
    overflow: hidden;
}

.cd-material-detail-page .cd-accordion-btn {
    background-color: #0B0F17;
    color: #F8FAFC;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: 0.95rem;
    padding: 1rem 1.25rem;
    border: none;
    box-shadow: none !important;
}

.cd-material-detail-page .cd-accordion-btn:not(.collapsed) {
    background-color: #1A2234;
    color: #00E5FF;
}

.cd-material-detail-page .cd-accordion-btn::after {
    filter: invert(1);
}

.cd-material-detail-page .cd-accordion-body {
    background-color: #1A2234;
    color: #94A3B8;
    font-size: 0.875rem;
    line-height: 1.6;
    padding: 1.25rem;
    border-top: 1px solid rgba(148, 163, 184, 0.08);
}

.cd-material-detail-page .cd-order-card {
    background: linear-gradient(180deg, rgba(26, 34, 52, 0.95) 0%, rgba(17, 24, 39, 0.98) 100%);
    border: 1px solid rgba(0, 229, 255, 0.35);
    border-radius: 16px;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.8);
}

.cd-material-detail-page .cd-order-pill {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    font-weight: 700;
    display: inline-block;
    color: #10B981;
    background: rgba(16, 185, 129, 0.15);
    border: 1px solid rgba(16, 185, 129, 0.3);
    border-radius: 4px;
    padding: 0.15rem 0.5rem;
}

.cd-material-detail-page .cd-order-card__title {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #F8FAFC;
}

.cd-material-detail-page .cd-order-price {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.6rem;
    font-weight: 800;
    color: #00E5FF;
}

.cd-material-detail-page .cd-order-term {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.72rem;
    color: #94A3B8;
}

.cd-material-detail-page .cd-form-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 600;
    color: #94A3B8;
    margin-bottom: 0.35rem;
}

.cd-material-detail-page .cd-form-input {
    background-color: #0B0F17;
    border: 1px solid rgba(148, 163, 184, 0.25);
    color: #F8FAFC;
    font-size: 0.875rem;
    border-radius: 8px;
    padding: 0.65rem 0.85rem;
}

.cd-material-detail-page .cd-form-input::placeholder {
    color: #64748B;
    opacity: 1;
}

.cd-material-detail-page .cd-form-input:focus {
    background-color: #0B0F17;
    border-color: #00E5FF;
    color: #F8FAFC;
    box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.2);
}

.cd-material-detail-page .cd-form-meta-note {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    color: #64748B;
}

.cd-material-detail-page .cd-sidebar-nav-card,
.cd-material-detail-page .cd-sidebar-share {
    background-color: #111827;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 16px;
}

.cd-material-detail-page .cd-sidebar-title {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #F8FAFC;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cd-material-detail-page .cd-related-link {
    display: block;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.85rem;
    color: #94A3B8;
    text-decoration: none;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    border: 1px solid transparent;
    background: #0B0F17;
    transition: all 0.2s ease;
}

.cd-material-detail-page .cd-related-link:hover {
    color: #00E5FF;
    border-color: rgba(0, 229, 255, 0.3);
    background-color: #1A2234;
}

.cd-material-detail-page .cd-share-desc {
    font-size: 0.8125rem;
    color: #94A3B8;
}

@media (max-width: 767.98px) {
    .cd-material-detail-page .cd-detail-hero__title {
        font-size: 1.125rem;
    }

    .cd-material-detail-page .cd-rich-content h2 {
        font-size: 1rem;
    }

    .cd-material-detail-page .cd-rich-content h3 {
        font-size: 0.875rem;
    }
}

.site-footer-drill {
    position: relative;
    background-color: #0B0F17;
    color: #94A3B8;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    padding-top: 4.5rem;
    padding-bottom: 2rem;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
    overflow: hidden;
}

.site-footer-drill__glow {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    max-width: 900px;
    height: 160px;
    background: radial-gradient(ellipse at 50% 0%, rgba(0, 229, 255, 0.08) 0%, rgba(99, 102, 241, 0.04) 45%, rgba(11, 15, 23, 0) 70%);
    pointer-events: none;
}

.site-footer-drill__container {
    position: relative;
    z-index: 1;
    max-width: 1280px;
}

.site-footer-drill__logo-link {
    text-decoration: none;
}

.site-footer-drill__logo-img {
    max-width: 44px;
    height: auto;
    object-fit: contain;
}

.site-footer-drill__brand-name {
    font-size: 1.25rem;
    font-weight: 700;
    color: #F8FAFC;
    letter-spacing: -0.01em;
}

.site-footer-drill__brand-desc {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #94A3B8;
    margin-bottom: 1.25rem;
}

.site-footer-drill__status-pill {
    display: inline-flex;
    align-items: center;
    background-color: #111827;
    border: 1px solid rgba(0, 229, 255, 0.25);
    border-radius: 9999px;
    padding: 0.35rem 0.75rem;
}

.site-footer-drill__status-indicator {
    width: 7px;
    height: 7px;
    background-color: #00E5FF;
    border-radius: 50%;
    margin-right: 0.5rem;
    box-shadow: 0 0 8px #00E5FF;
}

.site-footer-drill__status-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.72rem;
    color: #F8FAFC;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.site-footer-drill__group-title {
    font-size: 0.95rem;
    font-weight: 700;
    color: #F8FAFC;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 1.25rem;
    line-height: 1.3;
}

.site-footer-drill__nav-list,
.site-footer-drill__contact-list,
.site-footer-drill__legal-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.site-footer-drill__nav-list li {
    margin-bottom: 0.65rem;
}

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

.site-footer-drill__nav-link:hover {
    color: #00E5FF;
    transform: translateX(2px);
}

.site-footer-drill__contact-list li {
    margin-bottom: 0.85rem;
}

.site-footer-drill__contact-item {
    display: flex;
    flex-direction: column;
}

.site-footer-drill__contact-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    text-transform: uppercase;
    color: #64748B;
    letter-spacing: 0.05em;
    margin-bottom: 0.15rem;
}

.site-footer-drill__contact-value {
    font-size: 0.875rem;
    color: #F8FAFC;
    line-height: 1.4;
}

.site-footer-drill__contact-link {
    font-size: 0.875rem;
    color: #F8FAFC;
    text-decoration: none;
    transition: color 0.2s ease;
    line-height: 1.4;
}

.site-footer-drill__contact-link:hover {
    color: #00E5FF;
}

.site-footer-drill__wa-link {
    display: inline-flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 600;
    color: #00E5FF;
    text-decoration: none;
    transition: color 0.2s ease, text-decoration 0.2s ease;
}

.site-footer-drill__wa-link:hover {
    color: #33EBFF;
    text-decoration: underline;
}

.site-footer-drill__newsletter-box {
    background: #111827;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 12px;
    padding: 1.25rem;
}

.site-footer-drill__newsletter-desc {
    font-size: 0.8125rem;
    color: #94A3B8;
    line-height: 1.5;
    margin-bottom: 1rem;
}

.site-footer-drill__form {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.site-footer-drill__input-wrapper {
    width: 100%;
}

.site-footer-drill__input {
    width: 100%;
    background-color: #0B0F17;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 8px;
    color: #F8FAFC;
    padding: 0.65rem 0.85rem;
    font-size: 0.875rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.site-footer-drill__input::placeholder {
    color: #64748B;
    opacity: 1;
}

.site-footer-drill__input:focus {
    outline: none;
    border-color: #00E5FF;
    box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.2);
}

.site-footer-drill__submit-btn {
    width: 100%;
    background: linear-gradient(135deg, #00E5FF 0%, #6366F1 100%);
    color: #0B0F17;
    font-weight: 700;
    font-size: 0.875rem;
    border: none;
    border-radius: 8px;
    padding: 0.65rem 1rem;
    cursor: pointer;
    transition: filter 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.25);
    text-align: center;
}

.site-footer-drill__submit-btn:hover {
    filter: brightness(1.1);
    box-shadow: 0 0 22px rgba(0, 229, 255, 0.45);
}

.site-footer-drill__divider {
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
    margin-top: 3.5rem;
    margin-bottom: 1.5rem;
}

.site-footer-drill__bottom-bar {
    font-size: 0.8125rem;
    color: #64748B;
}

.site-footer-drill__copyright {
    margin: 0;
    color: #94A3B8;
    font-size: 0.8125rem;
}

.site-footer-drill__legal-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}

.site-footer-drill__legal-link {
    color: #94A3B8;
    text-decoration: none;
    font-size: 0.8125rem;
    transition: color 0.2s ease;
}

.site-footer-drill__legal-link:hover {
    color: #00E5FF;
}

@media (max-width: 767.98px) {
    .site-footer-drill {
        padding-top: 3.5rem;
    }

    .site-footer-drill__group-title {
        font-size: 0.875rem;
        margin-bottom: 0.85rem;
    }

    .site-footer-drill__legal-list {
        gap: 0.85rem;
    }
}

/* ===== PAGE TEMPLATE: knowledge-list ===== */
.cd-header-section {
    background-color: #0B0F17;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    z-index: 1030;
}

.cd-header-section .cd-main-nav {
    background-color: #0B0F17;
    padding: 0.875rem 0;
}

.cd-header-section .cd-header-logo {
    max-width: 44px;
    height: 44px;
    object-fit: contain;
}

.cd-header-section .cd-brand-title {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 800;
    font-size: 1.15rem;
    color: #F8FAFC;
    letter-spacing: -0.02em;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.cd-header-section .cd-brand-badge {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6875rem;
    font-weight: 700;
    background: rgba(0, 229, 255, 0.15);
    color: #00E5FF;
    border: 1px solid rgba(0, 229, 255, 0.35);
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    letter-spacing: 0.05em;
}

.cd-header-section .cd-nav-toggler {
    border: 1px solid rgba(148, 163, 184, 0.2);
    background-color: #111827;
    padding: 0.5rem;
    border-radius: 8px;
    color: #F8FAFC;
}

.cd-header-section .cd-nav-toggler:focus {
    box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.25);
    outline: none;
}

.cd-header-section .cd-toggler-icon {
    width: 24px;
    height: 24px;
    color: #F8FAFC;
    display: block;
}

.cd-header-section .cd-nav-list {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
}

.cd-header-section .cd-nav-link {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #94A3B8;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.cd-header-section .cd-nav-link:hover,
.cd-header-section .cd-nav-link:focus,
.cd-header-section .cd-nav-link.active {
    color: #00E5FF;
    background-color: rgba(26, 34, 52, 0.6);
}

.cd-header-section .cd-btn-cta {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    background: linear-gradient(135deg, #00E5FF 0%, #6366F1 100%);
    color: #0B0F17;
    font-weight: 700;
    font-size: 0.875rem;
    border-radius: 10px;
    padding: 0.625rem 1.25rem;
    border: none;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.35);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: filter 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
}

.cd-header-section .cd-btn-cta:hover,
.cd-header-section .cd-btn-cta:focus {
    filter: brightness(1.1);
    box-shadow: 0 0 25px rgba(0, 229, 255, 0.55);
    color: #0B0F17;
}

.cd-header-section .cd-cta-dot {
    width: 8px;
    height: 8px;
    background-color: #0B0F17;
    border-radius: 50%;
    display: inline-block;
}

@media (max-width: 991.98px) {
    .cd-header-section .navbar-collapse {
        background-color: #111827;
        border: 1px solid rgba(148, 163, 184, 0.16);
        border-radius: 12px;
        padding: 1.25rem;
        margin-top: 1rem;
        box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.8);
    }

    .cd-header-section .cd-nav-list {
        flex-direction: column;
        align-items: stretch;
        gap: 0.25rem;
        margin-bottom: 1.25rem;
    }

    .cd-header-section .cd-nav-link {
        padding: 0.75rem 1rem;
    }

    .cd-header-section .cd-header-actions {
        width: 100%;
    }
}

.cd-detail-wrapper {
    background-color: #0B0F17;
    color: #94A3B8;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

.cd-article-hero {
    padding-top: 3.5rem;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    background: radial-gradient(circle at 50% 0%, rgba(99, 102, 241, 0.15) 0%, rgba(11, 15, 23, 0) 70%);
}

.cd-article-hero__glow {
    width: 600px;
    height: 250px;
    background: radial-gradient(circle, rgba(0, 229, 255, 0.12) 0%, rgba(11, 15, 23, 0) 70%);
    pointer-events: none;
}

.cd-breadcrumb-nav .cd-breadcrumb-link {
    color: #64748B;
    font-size: 0.85rem;
    text-decoration: none;
    transition: color 0.2s ease;
}

.cd-breadcrumb-nav .cd-breadcrumb-link:hover {
    color: #00E5FF;
}

.cd-breadcrumb-nav .cd-breadcrumb-separator {
    color: #475569;
    font-size: 0.85rem;
}

.cd-breadcrumb-nav .cd-breadcrumb-item.active {
    color: #00E5FF;
    font-size: 0.85rem;
}

.cd-badge-pill {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 6px;
    padding: 0.25rem 0.65rem;
    letter-spacing: 0.04em;
}

.cd-badge-pill--accent {
    background: rgba(0, 229, 255, 0.15);
    color: #00E5FF;
    border: 1px solid rgba(0, 229, 255, 0.35);
}

.cd-badge-pill--meta {
    background: #111827;
    color: #94A3B8;
    border: 1px solid rgba(148, 163, 184, 0.2);
}

.cd-article-title {
    color: #F8FAFC;
    font-size: clamp(1.75rem, 3.5vw, 2.75rem);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.cd-article-subtitle {
    color: #33EBFF;
    font-size: clamp(1rem, 1.8vw, 1.25rem);
    font-weight: 500;
    line-height: 1.5;
}

.cd-article-meta-bar {
    background: #111827;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 12px;
}

.cd-meta-icon-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #00E5FF;
}

.cd-meta-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #64748B;
    text-transform: uppercase;
}

.cd-meta-val {
    font-size: 0.875rem;
    color: #F8FAFC;
    font-weight: 600;
}

.cd-reading-pill {
    background: rgba(26, 34, 52, 0.8);
    border: 1px solid rgba(0, 229, 255, 0.25);
    color: #00E5FF;
    font-size: 0.8rem;
    font-family: 'JetBrains Mono', monospace;
    padding: 0.35rem 0.75rem;
    border-radius: 9999px;
}

.cd-main-image {
    height: auto;
    max-height: 480px;
    border: 1px solid rgba(148, 163, 184, 0.18);
}

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

.cd-prose-content h2 {
    color: #F8FAFC;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 2rem;
    margin-bottom: 1rem;
    letter-spacing: -0.01em;
}

.cd-prose-content h3 {
    color: #F8FAFC;
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

.cd-prose-content p {
    color: #94A3B8;
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 1.25rem;
}

.cd-interactive-callout {
    background: linear-gradient(180deg, rgba(26, 34, 52, 0.85) 0%, rgba(17, 24, 39, 0.95) 100%);
    border: 1px solid rgba(0, 229, 255, 0.35);
    border-left: 4px solid #00E5FF;
}

.cd-callout-pulse {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #00E5FF;
    box-shadow: 0 0 8px #00E5FF;
}

.cd-callout-title {
    color: #F8FAFC;
    font-size: 1.1rem;
    font-weight: 700;
}

.cd-callout-desc {
    color: #E2E8F0;
    font-size: 0.95rem;
    line-height: 1.6;
}

.cd-structured-panel {
    background: #111827;
    border: 1px solid rgba(148, 163, 184, 0.16);
}

.cd-panel-title {
    color: #00E5FF;
    font-size: 1.1rem;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 700;
}

.cd-custom-checklist {
    list-style: none;
    padding-left: 0;
}

.cd-custom-checklist li {
    position: relative;
    padding-left: 1.75rem;
    margin-bottom: 0.75rem;
    color: #F8FAFC;
    font-size: 0.95rem;
    line-height: 1.5;
}

.cd-custom-checklist li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #10B981;
    font-weight: 800;
}

.cd-quote-box {
    background: #1A2234;
    border-left: 3px solid #6366F1;
}

.cd-quote-text {
    color: #F8FAFC;
    font-style: italic;
    font-size: 1.05rem;
    line-height: 1.6;
}

.cd-share-section {
    background: #111827;
    border: 1px solid rgba(148, 163, 184, 0.16);
}

.cd-share-title {
    font-size: 0.9rem;
    font-weight: 600;
    color: #F8FAFC;
}

.cd-share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #1A2234;
    color: #94A3B8;
    border: 1px solid rgba(148, 163, 184, 0.2);
    transition: all 0.2s ease;
    text-decoration: none;
}

.cd-share-btn:hover {
    background: #00E5FF;
    color: #0B0F17;
    border-color: #00E5FF;
    box-shadow: 0 0 12px rgba(0, 229, 255, 0.4);
}

.cd-sidebar-sticky {
    position: sticky;
    top: 6rem;
}

.cd-sidebar-widget {
    background: linear-gradient(180deg, rgba(26, 34, 52, 0.8) 0%, rgba(17, 24, 39, 0.95) 100%);
    border: 1px solid rgba(148, 163, 184, 0.16);
}

.cd-widget-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #00E5FF;
}

.cd-widget-title {
    color: #F8FAFC;
    font-size: 1.1rem;
    font-weight: 700;
}

.cd-widget-desc {
    color: #94A3B8;
    font-size: 0.875rem;
    line-height: 1.5;
}

.cd-widget-cta {
    background: linear-gradient(135deg, #00E5FF 0%, #6366F1 100%);
    color: #0B0F17;
    font-weight: 700;
    font-size: 0.875rem;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    border: none;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.3);
    transition: filter 0.2s ease, box-shadow 0.2s ease;
}

.cd-widget-cta:hover {
    filter: brightness(1.1);
    color: #0B0F17;
    box-shadow: 0 0 22px rgba(0, 229, 255, 0.5);
}

.cd-sidebar-link {
    color: #94A3B8;
    background: #111827;
    border: 1px solid rgba(148, 163, 184, 0.12);
    font-size: 0.875rem;
    text-decoration: none;
    transition: all 0.2s ease;
}

.cd-sidebar-link:hover {
    color: #00E5FF;
    border-color: rgba(0, 229, 255, 0.4);
    background: rgba(26, 34, 52, 0.9);
    transform: translateX(3px);
}

.cd-sidebar-link-text {
    font-weight: 500;
}

.cd-sidebar-support-widget {
    border: 1px solid rgba(99, 102, 241, 0.35);
}

.cd-support-badge {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    color: #818CF8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.cd-support-title {
    color: #F8FAFC;
    font-size: 1rem;
    font-weight: 700;
}

.cd-support-desc {
    color: #94A3B8;
    font-size: 0.825rem;
    line-height: 1.5;
}

.cd-support-link {
    color: #00E5FF;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
}

.cd-support-link:hover {
    color: #33EBFF;
    text-decoration: underline;
}

.site-footer-drill {
    position: relative;
    background-color: #0B0F17;
    color: #94A3B8;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    padding-top: 4.5rem;
    padding-bottom: 2rem;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
    overflow: hidden;
}

.site-footer-drill__glow {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    max-width: 900px;
    height: 160px;
    background: radial-gradient(ellipse at 50% 0%, rgba(0, 229, 255, 0.08) 0%, rgba(99, 102, 241, 0.04) 45%, rgba(11, 15, 23, 0) 70%);
    pointer-events: none;
}

.site-footer-drill__container {
    position: relative;
    z-index: 1;
    max-width: 1280px;
}

.site-footer-drill__logo-link {
    text-decoration: none;
}

.site-footer-drill__logo-img {
    max-width: 44px;
    height: auto;
    object-fit: contain;
}

.site-footer-drill__brand-name {
    font-size: 1.25rem;
    font-weight: 700;
    color: #F8FAFC;
    letter-spacing: -0.01em;
}

.site-footer-drill__brand-desc {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #94A3B8;
    margin-bottom: 1.25rem;
}

.site-footer-drill__status-pill {
    display: inline-flex;
    align-items: center;
    background-color: #111827;
    border: 1px solid rgba(0, 229, 255, 0.25);
    border-radius: 9999px;
    padding: 0.35rem 0.75rem;
}

.site-footer-drill__status-indicator {
    width: 7px;
    height: 7px;
    background-color: #00E5FF;
    border-radius: 50%;
    margin-right: 0.5rem;
    box-shadow: 0 0 8px #00E5FF;
}

.site-footer-drill__status-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.72rem;
    color: #F8FAFC;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.site-footer-drill__group-title {
    font-size: 0.95rem;
    font-weight: 700;
    color: #F8FAFC;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 1.25rem;
    line-height: 1.3;
}

.site-footer-drill__nav-list,
.site-footer-drill__contact-list,
.site-footer-drill__legal-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.site-footer-drill__nav-list li {
    margin-bottom: 0.65rem;
}

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

.site-footer-drill__nav-link:hover {
    color: #00E5FF;
    transform: translateX(2px);
}

.site-footer-drill__contact-list li {
    margin-bottom: 0.85rem;
}

.site-footer-drill__contact-item {
    display: flex;
    flex-direction: column;
}

.site-footer-drill__contact-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    text-transform: uppercase;
    color: #64748B;
    letter-spacing: 0.05em;
    margin-bottom: 0.15rem;
}

.site-footer-drill__contact-value {
    font-size: 0.875rem;
    color: #F8FAFC;
    line-height: 1.4;
}

.site-footer-drill__contact-link {
    font-size: 0.875rem;
    color: #F8FAFC;
    text-decoration: none;
    transition: color 0.2s ease;
    line-height: 1.4;
}

.site-footer-drill__contact-link:hover {
    color: #00E5FF;
}

.site-footer-drill__wa-link {
    display: inline-flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 600;
    color: #00E5FF;
    text-decoration: none;
    transition: color 0.2s ease, text-decoration 0.2s ease;
}

.site-footer-drill__wa-link:hover {
    color: #33EBFF;
    text-decoration: underline;
}

.site-footer-drill__newsletter-box {
    background: #111827;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 12px;
    padding: 1.25rem;
}

.site-footer-drill__newsletter-desc {
    font-size: 0.8125rem;
    color: #94A3B8;
    line-height: 1.5;
    margin-bottom: 1rem;
}

.site-footer-drill__form {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.site-footer-drill__input-wrapper {
    width: 100%;
}

.site-footer-drill__input {
    width: 100%;
    background-color: #0B0F17;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 8px;
    color: #F8FAFC;
    padding: 0.65rem 0.85rem;
    font-size: 0.875rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.site-footer-drill__input::placeholder {
    color: #64748B;
    opacity: 1;
}

.site-footer-drill__input:focus {
    outline: none;
    border-color: #00E5FF;
    box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.2);
}

.site-footer-drill__submit-btn {
    width: 100%;
    background: linear-gradient(135deg, #00E5FF 0%, #6366F1 100%);
    color: #0B0F17;
    font-weight: 700;
    font-size: 0.875rem;
    border: none;
    border-radius: 8px;
    padding: 0.65rem 1rem;
    cursor: pointer;
    transition: filter 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.25);
    text-align: center;
}

.site-footer-drill__submit-btn:hover {
    filter: brightness(1.1);
    box-shadow: 0 0 22px rgba(0, 229, 255, 0.45);
}

.site-footer-drill__divider {
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
    margin-top: 3.5rem;
    margin-bottom: 1.5rem;
}

.site-footer-drill__bottom-bar {
    font-size: 0.8125rem;
    color: #64748B;
}

.site-footer-drill__copyright {
    margin: 0;
    color: #94A3B8;
    font-size: 0.8125rem;
}

.site-footer-drill__legal-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}

.site-footer-drill__legal-link {
    color: #94A3B8;
    text-decoration: none;
    font-size: 0.8125rem;
    transition: color 0.2s ease;
}

.site-footer-drill__legal-link:hover {
    color: #00E5FF;
}

@media (max-width: 767.98px) {
    .site-footer-drill {
        padding-top: 3.5rem;
    }

    .site-footer-drill__group-title {
        font-size: 0.875rem;
        margin-bottom: 0.85rem;
    }

    .site-footer-drill__legal-list {
        gap: 0.85rem;
    }

    .cd-article-title {
        font-size: 1.35rem;
        hyphens: auto;
    }

    .cd-article-subtitle {
        font-size: 0.95rem;
    }
}