﻿.hero-section {
    padding-top: clamp(5.5rem, 11vw, 9rem);
}

.problem-section,
.engineering-section {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0));
}

.problem-section h2,
.philosophy-section h2,
.engineering-section h2,
.solutions-section h2,
.roadmap-section h2,
.cta-section h2 {
    max-width: 24ch;
}

.tech-lines {
    min-height: 280px;
    border: 1px solid var(--tdx-border);
    border-radius: var(--tdx-radius);
    background: radial-gradient(circle at 20% 20%, rgba(0, 224, 255, 0.2), transparent 40%), repeating-linear-gradient(0deg, rgba(154, 164, 178, 0.1) 0 1px, transparent 1px 34px), repeating-linear-gradient(90deg, rgba(154, 164, 178, 0.1) 0 1px, transparent 1px 34px), #0d1422;
}

.pillars-grid {
    margin-top: 1.4rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.risk-accent {
    color: var(--tdx-lime);
    text-shadow: 0 0 16px var(--tdx-lime-glow);
}

.glass-card-risk {
    border-color: rgba(184, 255, 59, 0.4);
    background: linear-gradient(160deg, rgba(184, 255, 59, 0.14), rgba(255, 255, 255, 0.02));
    box-shadow: 0 0 25px rgba(184, 255, 59, 0.16);
}

.glass-card-risk:hover,
.glass-card-risk:focus-within {
    border-color: rgba(184, 255, 59, 0.7);
    box-shadow: 0 10px 36px rgba(184, 255, 59, 0.24), 0 0 30px rgba(0, 224, 255, 0.1);
}

.glass-card-blue {
    border-color: rgba(0, 224, 255, 0.55);
    background: linear-gradient(160deg, rgba(0, 224, 255, 0.18), rgba(47, 107, 255, 0.08));
    box-shadow: 0 0 30px rgba(0, 224, 255, 0.22);
}

.glass-card-blue:hover,
.glass-card-blue:focus-within {
    border-color: rgba(0, 224, 255, 0.8);
    box-shadow: 0 10px 40px rgba(0, 224, 255, 0.28), 0 0 28px rgba(47, 107, 255, 0.2);
}

.holo-graph {
    min-height: 320px;
    border: 1px solid var(--tdx-border);
    border-radius: var(--tdx-radius);
    background: conic-gradient(from 120deg at 50% 50%, rgba(47, 107, 255, 0.15), rgba(122, 60, 255, 0.2), rgba(0, 224, 255, 0.17), rgba(47, 107, 255, 0.15));
    box-shadow: inset 0 0 50px rgba(0, 224, 255, 0.06);
}

.archive-header {
    margin-bottom: 1.3rem;
}

.entry-content > * + * {
    margin-top: 1rem;
}

.faq-page-spacing {
    margin: clamp(1.4rem, 3.5vw, 3rem) clamp(1rem, 3vw, 2.8rem) clamp(2rem, 5vw, 4rem);
}

.faq-content-card {
    padding: clamp(1.8rem, 3vw, 2.8rem);
    background: rgba(21, 24, 36, 0.96);
    border-color: rgba(230, 237, 247, 0.12);
    box-shadow: none;
    backdrop-filter: none;
    transition: none;
}

.faq-content-card:hover,
.faq-content-card:focus-within {
    transform: none;
    box-shadow: none;
    border-color: rgba(230, 237, 247, 0.12);
    background: rgba(21, 24, 36, 0.96);
}

@media (max-width: 960px) {
    .faq-page-spacing {
        margin: 1rem 0.7rem 2rem;
    }

    .faq-content-card {
        padding: 1.25rem;
    }
}

@media (max-width: 960px) {
    .pillars-grid {
        grid-template-columns: 1fr;
    }
}
