/* Latent Bud Benchmarks Page Styles */

/* ============================================
   HERO SECTION
   ============================================ */
.latent_bench_hero {
    position: relative;
    background: #0a0a0a;
    padding: 8vw 11.3vw 6vw 11.3vw;
    overflow: hidden;
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.latent_bench_hero_content {
    position: relative;
    z-index: 1;
    text-align: center;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.latent_bench_hero_stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5vw;
    margin: 3vw 0;
    width: 100%;
    max-width: 60vw;
}

.latent_bench_hero_stat {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 1vw;
    padding: 1.5vw;
    text-align: center;
    transition: all 0.3s ease;
}

.latent_bench_hero_stat:hover {
    background: rgba(139, 92, 246, 0.15);
    border-color: rgba(139, 92, 246, 0.4);
    transform: translateY(-4px);
}

.latent_bench_hero_stat_value {
    display: block;
    font-size: 2vw;
    font-weight: 600;
    color: #8B5CF6;
    margin-bottom: 0.3vw;
}

.latent_bench_hero_stat_label {
    display: block;
    font-size: 0.8vw;
    color: rgba(255, 255, 255, 0.7);
}

/* ============================================
   STAKEHOLDER NAVIGATOR
   ============================================ */
.latent_bench_nav_section {
    background: #f9f8f4;
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.latent_bench_nav_sticky {
    padding: 1vw 11.3vw;
    display: flex;
    justify-content: center;
}

.latent_bench_nav_tabs {
    display: flex;
    gap: 0.5vw;
    background: #ffffff;
    padding: 0.3vw;
    border-radius: 0.6vw;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.latent_bench_nav_tab {
    display: flex;
    align-items: center;
    gap: 0.4vw;
    padding: 0.7vw 1.5vw;
    background: transparent;
    border: none;
    border-radius: 0.4vw;
    font-size: 0.85vw;
    font-weight: 500;
    color: #555;
    cursor: pointer;
    transition: all 0.3s ease;
}

.latent_bench_nav_tab:hover {
    background: rgba(139, 92, 246, 0.08);
    color: #8B5CF6;
}

.latent_bench_nav_tab.active {
    background: #8B5CF6;
    color: #ffffff;
}

.latent_bench_nav_tab svg {
    width: 1vw;
    height: 1vw;
}

/* ============================================
   SECTION STYLES
   ============================================ */
.latent_bench_section {
    padding: 6vw 11.3vw;
}

.latent_bench_section_alt {
    background: #f5ebf9;
}

.latent_bench_section_header {
    text-align: center;
    margin-bottom: 4vw;
}

.latent_bench_section_tag {
    display: inline-block;
    background: rgba(139, 92, 246, 0.1);
    color: #8B5CF6;
    padding: 0.4vw 1vw;
    border-radius: 2vw;
    font-size: 0.75vw;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 1vw;
}

.latent_bench_section_header h2 {
    font-size: 2.5vw;
    font-weight: 500;
    margin-bottom: 1vw;
    line-height: 1.3;
}

.latent_bench_section_header h2 em {
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    font-weight: 400;
}

.latent_bench_section_header p {
    font-size: 1vw;
    color: #555;
    max-width: 45vw;
    margin: 0 auto;
}

/* ============================================
   CHART CONTAINERS
   ============================================ */
.latent_bench_chart_container {
    background: #ffffff;
    border-radius: 1.2vw;
    padding: 2vw;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.latent_bench_chart_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2vw;
    flex-wrap: wrap;
    gap: 1vw;
}

.latent_bench_chart_header h3 {
    font-size: 1.2vw;
    font-weight: 500;
}

.latent_bench_chart_legend {
    display: flex;
    gap: 2vw;
}

.latent_bench_legend_item {
    display: flex;
    align-items: center;
    gap: 0.5vw;
    font-size: 0.85vw;
    color: #555;
}

.latent_bench_legend_color {
    width: 0.8vw;
    height: 0.8vw;
    border-radius: 0.2vw;
}

.latent_bench_chart {
    height: 25vw;
    position: relative;
}

.latent_bench_chart canvas {
    width: 100% !important;
    height: 100% !important;
}

/* Chart Insights */
.latent_bench_chart_insights {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5vw;
    margin-top: 2vw;
    padding-top: 2vw;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.latent_bench_insight_card {
    text-align: center;
    padding: 1.5vw;
    background: #f9f8f4;
    border-radius: 0.8vw;
    transition: all 0.3s ease;
}

.latent_bench_insight_card.highlight {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(168, 85, 247, 0.1) 100%);
    border: 1px solid rgba(139, 92, 246, 0.2);
}

.latent_bench_insight_value {
    display: block;
    font-size: 2vw;
    font-weight: 600;
    color: #8B5CF6;
}

.latent_bench_insight_label {
    display: block;
    font-size: 0.85vw;
    color: #555;
    margin-bottom: 0.5vw;
}

.latent_bench_insight_card p {
    font-size: 0.75vw;
    color: #888;
    margin: 0;
}

/* ============================================
   DUAL CHARTS (P50/P99)
   ============================================ */
.latent_bench_dual_charts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2vw;
}

/* Bar Charts */
.latent_bench_bar_chart {
    display: flex;
    flex-direction: column;
    gap: 1.5vw;
}

.latent_bench_bar_group {
    display: grid;
    grid-template-columns: 5vw 1fr 4vw;
    align-items: center;
    gap: 1vw;
}

.latent_bench_bar_label {
    font-size: 0.85vw;
    font-weight: 500;
    color: #333;
}

.latent_bench_bar_wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.4vw;
}

.latent_bench_bar {
    height: 1.5vw;
    border-radius: 0.3vw;
    position: relative;
    width: 0;
    animation: barGrow 1s ease-out forwards;
    animation-delay: 0.3s;
}

@keyframes barGrow {
    to {
        width: var(--bar-width);
    }
}

.latent_bench_bar.baseline {
    background: linear-gradient(90deg, #94A3B8 0%, #CBD5E1 100%);
}

.latent_bench_bar.tokenbudget {
    background: linear-gradient(90deg, #8B5CF6 0%, #A855F7 100%);
}

.latent_bench_bar_value {
    position: absolute;
    right: 0.5vw;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.7vw;
    font-weight: 500;
    color: #ffffff;
    white-space: nowrap;
}

.latent_bench_bar_improvement {
    font-size: 0.9vw;
    font-weight: 600;
    color: #22C55E;
    text-align: right;
}

.latent_bench_bar_improvement.highlight {
    color: #8B5CF6;
    font-size: 1vw;
}

/* ============================================
   DRAMATIC STAT (TOKENIZATION)
   ============================================ */
.latent_bench_dramatic_stat {
    text-align: center;
    padding: 4vw;
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.08) 0%, rgba(168, 85, 247, 0.05) 100%);
    border-radius: 1.5vw;
    border: 1px solid rgba(139, 92, 246, 0.15);
}

.latent_bench_dramatic_number {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.3vw;
}

.latent_bench_dramatic_value {
    font-size: 8vw;
    font-weight: 700;
    color: #8B5CF6;
    line-height: 1;
}

.latent_bench_dramatic_unit {
    font-size: 4vw;
    font-weight: 600;
    color: #A855F7;
}

.latent_bench_dramatic_label {
    font-size: 1.2vw;
    color: #555;
    margin: 1vw 0 2vw 0;
}

.latent_bench_dramatic_details {
    display: flex;
    justify-content: center;
    gap: 3vw;
    flex-wrap: wrap;
}

.latent_bench_dramatic_detail {
    display: flex;
    align-items: center;
    gap: 0.5vw;
    font-size: 0.9vw;
    color: #666;
}

.latent_bench_dramatic_detail svg {
    color: #8B5CF6;
}

/* Comparison Bars */
.latent_bench_comparison_bars {
    margin-top: 3vw;
    max-width: 50vw;
    margin-left: auto;
    margin-right: auto;
}

.latent_bench_compare_item {
    display: grid;
    grid-template-columns: 8vw 1fr 5vw;
    align-items: center;
    gap: 1vw;
    margin-bottom: 1vw;
}

.latent_bench_compare_label {
    font-size: 0.9vw;
    font-weight: 500;
    color: #333;
}

.latent_bench_compare_bar {
    height: 2vw;
    border-radius: 0.4vw;
    transition: width 1s ease-out;
}

.latent_bench_compare_bar.baseline {
    background: #CBD5E1;
}

.latent_bench_compare_bar.tokenbudget {
    background: linear-gradient(90deg, #8B5CF6 0%, #A855F7 100%);
}

.latent_bench_compare_value {
    font-size: 1vw;
    font-weight: 600;
    color: #8B5CF6;
}

.latent_bench_compare_item.highlight .latent_bench_compare_label {
    color: #8B5CF6;
    font-weight: 600;
}

/* ============================================
   RADAR CHART
   ============================================ */
.latent_bench_radar_container {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 3vw;
    align-items: center;
    background: #ffffff;
    border-radius: 1.2vw;
    padding: 2vw;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.latent_bench_radar_chart {
    height: 25vw;
    position: relative;
}

.latent_bench_radar_chart canvas {
    width: 100% !important;
    height: 100% !important;
}

.latent_bench_radar_legend {
    display: flex;
    flex-direction: column;
    gap: 1vw;
}

.latent_bench_radar_legend_item {
    display: flex;
    align-items: center;
    gap: 0.8vw;
    padding: 1vw;
    background: #f9f8f4;
    border-radius: 0.6vw;
    cursor: pointer;
    transition: all 0.3s ease;
}

.latent_bench_radar_legend_item:hover,
.latent_bench_radar_legend_item.active {
    background: rgba(139, 92, 246, 0.1);
}

.latent_bench_radar_color {
    width: 1vw;
    height: 1vw;
    border-radius: 0.2vw;
}

.latent_bench_radar_legend_item span:nth-child(2) {
    flex: 1;
    font-size: 0.9vw;
    font-weight: 500;
}

.latent_bench_radar_score {
    font-size: 0.85vw;
    font-weight: 600;
    color: #8B5CF6;
}

/* Feature Grid */
.latent_bench_feature_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5vw;
    margin-top: 3vw;
}

.latent_bench_feature_card {
    background: #ffffff;
    border-radius: 0.8vw;
    padding: 1.5vw;
    text-align: center;
    transition: all 0.3s ease;
}

.latent_bench_feature_card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(139, 92, 246, 0.15);
}

.latent_bench_feature_score {
    font-size: 1.5vw;
    font-weight: 700;
    color: #8B5CF6;
    margin-bottom: 0.5vw;
}

.latent_bench_feature_card h4 {
    font-size: 1vw;
    font-weight: 500;
    margin-bottom: 0.3vw;
}

.latent_bench_feature_card p {
    font-size: 0.8vw;
    color: #666;
    margin: 0;
}

/* ============================================
   DONUT CHART (CACHE)
   ============================================ */
.latent_bench_donut_container {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 4vw;
    align-items: center;
    background: #ffffff;
    border-radius: 1.2vw;
    padding: 3vw;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.latent_bench_donut {
    position: relative;
    width: 15vw;
    height: 15vw;
    margin: 0 auto;
}

.latent_bench_donut_svg {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.latent_bench_donut_fill {
    stroke-dasharray: 0 502.4;
    transition: stroke-dasharray 1.5s ease-out;
}

.latent_bench_donut_fill.animated {
    stroke-dasharray: 163.4 502.4;
}

.latent_bench_donut_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.latent_bench_donut_value {
    display: block;
    font-size: 2.5vw;
    font-weight: 700;
    color: #8B5CF6;
}

.latent_bench_donut_label {
    display: block;
    font-size: 0.9vw;
    color: #555;
}

.latent_bench_donut_details {
    display: flex;
    flex-direction: column;
    gap: 1.5vw;
}

.latent_bench_donut_detail {
    padding: 1.5vw;
    background: #f9f8f4;
    border-radius: 0.8vw;
}

.latent_bench_donut_detail_header {
    display: flex;
    align-items: center;
    gap: 0.8vw;
    margin-bottom: 0.5vw;
}

.latent_bench_donut_detail_color {
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
}

.latent_bench_donut_detail_color.l1 {
    background: #8B5CF6;
}

.latent_bench_donut_detail_color.l2 {
    background: #A855F7;
}

.latent_bench_donut_detail h4 {
    font-size: 1vw;
    font-weight: 500;
    margin: 0;
}

.latent_bench_donut_detail p {
    font-size: 0.85vw;
    color: #666;
    margin: 0;
}

.latent_bench_donut_stat {
    text-align: center;
    padding: 1.5vw;
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(168, 85, 247, 0.1) 100%);
    border-radius: 0.8vw;
}

.latent_bench_donut_stat_value {
    display: block;
    font-size: 2vw;
    font-weight: 700;
    color: #8B5CF6;
}

.latent_bench_donut_stat_label {
    display: block;
    font-size: 0.85vw;
    color: #555;
}

/* ============================================
   GAUGE CHART (UTILIZATION)
   ============================================ */
.latent_bench_gauge_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3vw;
    align-items: center;
    background: #ffffff;
    border-radius: 1.2vw;
    padding: 3vw;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.latent_bench_gauge {
    position: relative;
    width: 20vw;
    height: 12vw;
    margin: 0 auto;
}

.latent_bench_gauge_svg {
    width: 100%;
    height: 100%;
}

.latent_bench_gauge_fill {
    stroke-dasharray: 0 251.2;
    transition: stroke-dasharray 1.5s ease-out;
}

.latent_bench_gauge_fill.animated {
    stroke-dasharray: 238.64 251.2;
}

.latent_bench_gauge_center {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.latent_bench_gauge_value {
    display: block;
    font-size: 2.5vw;
    font-weight: 700;
    color: #8B5CF6;
}

.latent_bench_gauge_label {
    display: block;
    font-size: 0.9vw;
    color: #555;
}

.latent_bench_gauge_metrics {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5vw;
}

.latent_bench_gauge_metric {
    padding: 1.5vw;
    background: #f9f8f4;
    border-radius: 0.8vw;
    text-align: center;
}

.latent_bench_gauge_metric_value {
    display: block;
    font-size: 1.5vw;
    font-weight: 600;
    color: #333;
}

.latent_bench_gauge_metric_label {
    display: block;
    font-size: 0.8vw;
    color: #666;
}

/* ============================================
   HARDWARE GRID
   ============================================ */
.latent_bench_hardware_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5vw;
}

.latent_bench_hardware_card {
    background: #ffffff;
    border-radius: 1vw;
    padding: 2vw;
    text-align: center;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.latent_bench_hardware_card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(139, 92, 246, 0.15);
    border-color: rgba(139, 92, 246, 0.2);
}

.latent_bench_hardware_icon {
    width: 4vw;
    height: 4vw;
    margin: 0 auto 1vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9f8f4;
    border-radius: 0.8vw;
    transition: all 0.3s ease;
}

.latent_bench_hardware_card:hover .latent_bench_hardware_icon {
    background: linear-gradient(135deg, #8B5CF6 0%, #A855F7 100%);
    color: #ffffff;
}

.latent_bench_hardware_icon.nvidia { color: #76B900; }
.latent_bench_hardware_icon.amd { color: #ED1C24; }
.latent_bench_hardware_icon.apple { color: #555555; }
.latent_bench_hardware_icon.aws { color: #FF9900; }
.latent_bench_hardware_icon.intel { color: #0071C5; }
.latent_bench_hardware_icon.google { color: #4285F4; }
.latent_bench_hardware_icon.cpu { color: #8B5CF6; }
.latent_bench_hardware_icon.pytorch { color: #EE4C2C; }

.latent_bench_hardware_card h4 {
    font-size: 1vw;
    font-weight: 500;
    margin-bottom: 0.3vw;
}

.latent_bench_hardware_card p {
    font-size: 0.8vw;
    color: #666;
    margin: 0;
}

.latent_bench_hardware_stat {
    text-align: center;
    margin-top: 3vw;
    padding: 2vw;
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(168, 85, 247, 0.1) 100%);
    border-radius: 1vw;
}

.latent_bench_hardware_stat_value {
    display: block;
    font-size: 4vw;
    font-weight: 700;
    color: #8B5CF6;
}

.latent_bench_hardware_stat_label {
    display: block;
    font-size: 1vw;
    color: #555;
}

/* ============================================
   PLUGIN GRID
   ============================================ */
.latent_bench_plugin_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5vw;
}

.latent_bench_plugin_card {
    background: #ffffff;
    border-radius: 1vw;
    padding: 2vw;
    text-align: center;
    transition: all 0.3s ease;
}

.latent_bench_plugin_card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(139, 92, 246, 0.15);
}

.latent_bench_plugin_icon {
    width: 3vw;
    height: 3vw;
    margin: 0 auto 1vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(139, 92, 246, 0.1);
    border-radius: 0.6vw;
    color: #8B5CF6;
}

.latent_bench_plugin_card:hover .latent_bench_plugin_icon {
    background: #8B5CF6;
    color: #ffffff;
}

.latent_bench_plugin_card h4 {
    font-size: 1vw;
    font-weight: 500;
    margin-bottom: 0.3vw;
}

.latent_bench_plugin_card p {
    font-size: 0.8vw;
    color: #666;
    margin: 0;
}

.latent_bench_plugin_features {
    display: flex;
    justify-content: center;
    gap: 3vw;
    margin-top: 3vw;
    flex-wrap: wrap;
}

.latent_bench_plugin_feature {
    display: flex;
    align-items: center;
    gap: 0.5vw;
    font-size: 0.9vw;
    color: #555;
}

.latent_bench_plugin_feature svg {
    color: #22C55E;
}

/* ============================================
   METHODOLOGY
   ============================================ */
.latent_bench_methodology_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5vw;
}

.latent_bench_methodology_card {
    background: #ffffff;
    border-radius: 1vw;
    padding: 2vw;
}

.latent_bench_methodology_card h4 {
    font-size: 1.1vw;
    font-weight: 500;
    margin-bottom: 1vw;
    color: #8B5CF6;
}

.latent_bench_methodology_card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.latent_bench_methodology_card li {
    font-size: 0.85vw;
    color: #555;
    margin-bottom: 0.6vw;
}

.latent_bench_methodology_card li strong {
    color: #333;
}

.latent_bench_methodology_cta {
    display: flex;
    justify-content: center;
    gap: 1.5vw;
    margin-top: 3vw;
}

.latent_bench_methodology_cta .latent_btn_secondary {
    display: inline-flex;
    align-items: center;
    gap: 0.5vw;
}

/* ============================================
   ENTERPRISE GRID
   ============================================ */
.latent_bench_enterprise_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5vw;
}

.latent_bench_enterprise_card {
    background: #ffffff;
    border-radius: 1vw;
    padding: 2vw;
}

.latent_bench_enterprise_icon {
    width: 3vw;
    height: 3vw;
    margin-bottom: 1vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(139, 92, 246, 0.1);
    border-radius: 0.6vw;
    color: #8B5CF6;
}

.latent_bench_enterprise_card h4 {
    font-size: 1.1vw;
    font-weight: 500;
    margin-bottom: 1vw;
}

.latent_bench_enterprise_card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.latent_bench_enterprise_card li {
    font-size: 0.85vw;
    color: #555;
    margin-bottom: 0.5vw;
    padding-left: 1.2vw;
    position: relative;
}

.latent_bench_enterprise_card li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.4vw;
    width: 0.4vw;
    height: 0.4vw;
    background: #8B5CF6;
    border-radius: 50%;
}

.latent_bench_compliance_badges {
    display: flex;
    justify-content: center;
    gap: 1.5vw;
    margin-top: 3vw;
}

.latent_bench_badge {
    padding: 0.8vw 1.5vw;
    background: #ffffff;
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 2vw;
    font-size: 0.85vw;
    font-weight: 500;
    color: #8B5CF6;
}

/* ============================================
   CTA SECTION
   ============================================ */
.latent_bench_cta_section {
    background: #0a0a0a;
    padding: 6vw 11.3vw;
    text-align: center;
}

.latent_bench_cta_content h2 {
    font-size: 2.5vw;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 1vw;
}

.latent_bench_cta_content h2 em {
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    font-weight: 400;
}

.latent_bench_cta_content > p {
    font-size: 1vw;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 2vw;
}

.latent_bench_cta_buttons {
    display: flex;
    justify-content: center;
    gap: 1vw;
    margin-bottom: 2vw;
}

.latent_bench_cta_links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vw;
}

.latent_bench_cta_links a {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9vw;
    text-decoration: none;
    transition: color 0.3s ease;
}

.latent_bench_cta_links a:hover {
    color: #8B5CF6;
}

.latent_bench_cta_divider {
    color: rgba(255, 255, 255, 0.3);
}

/* ============================================
   RESPONSIVE STYLES
   ============================================ */
@media (max-width: 1024px) {
    .latent_bench_hero_stats {
        grid-template-columns: repeat(2, 1fr);
        max-width: 80vw;
    }

    .latent_bench_dual_charts {
        grid-template-columns: 1fr;
    }

    .latent_bench_radar_container {
        grid-template-columns: 1fr;
    }

    .latent_bench_donut_container {
        grid-template-columns: 1fr;
    }

    .latent_bench_gauge_container {
        grid-template-columns: 1fr;
    }

    .latent_bench_hardware_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .latent_bench_plugin_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .latent_bench_methodology_grid {
        grid-template-columns: 1fr;
    }

    .latent_bench_enterprise_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .latent_bench_feature_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .latent_bench_hero {
        padding: 15vw 5vw 10vw;
    }

    .latent_bench_hero_stat_value {
        font-size: 5vw;
    }

    .latent_bench_hero_stat_label {
        font-size: 2.5vw;
    }

    .latent_bench_section {
        padding: 10vw 5vw;
    }

    .latent_bench_section_header h2 {
        font-size: 6vw;
    }

    .latent_bench_section_header p {
        font-size: 3.5vw;
        max-width: 100%;
    }

    .latent_bench_nav_tabs {
        flex-wrap: wrap;
        justify-content: center;
    }

    .latent_bench_nav_tab {
        font-size: 3vw;
        padding: 2vw 4vw;
    }

    .latent_bench_chart_insights {
        grid-template-columns: 1fr;
    }

    .latent_bench_dramatic_value {
        font-size: 15vw;
    }

    .latent_bench_dramatic_unit {
        font-size: 8vw;
    }

    .latent_bench_hardware_grid,
    .latent_bench_plugin_grid,
    .latent_bench_enterprise_grid,
    .latent_bench_feature_grid {
        grid-template-columns: 1fr;
    }

    .latent_bench_compliance_badges {
        flex-wrap: wrap;
    }

    .latent_bench_cta_content h2 {
        font-size: 6vw;
    }

    .latent_bench_cta_buttons {
        flex-direction: column;
    }

    .latent_bench_cta_links {
        flex-wrap: wrap;
    }
}